@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body{
  background-color: #F2F4F4;
  
}
body,a,p{
  font-family: 'Roboto', sans-serif;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
thead th{
  color:#2E86C1;
  border-top:none!important;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.row.display-flex > [class*='col-'] .card{
  height: 100%;
}
table td,th{
  padding: 2pt;
}
.table-sm{
  font-size: 9px;
}

.bg{
  background-image: url(../images/graphy-dark.png);
  transition: background-color 1000ms linear;
  background-color: #3498DB
}
.bg-dot{
  background-color: #ffffff2b!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.20' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.border-b-dot{
  border-bottom: 1px solid #d0c9c9;
}
.bg footer,.bg a{
  color:#fff;
}
.btn-default
 
{
 
background-color: #3498DB;
 
color:#FFF;
 
border-color: #3498DB;
 
}
 
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { 
background-color: #3498DB;
 
color:#FFF;
 
border-color: #3498DB;
 
}

.table-inventario td{
  vertical-align: top;
}
.img-user{
  background-color: #318fcf;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.table-inventario td input,.table-inventario td textarea,.table-inventario select{
  border:1px solid #ced4da;
  width:100%;
  border-radius:0px;
  padding:0px;
  background: #ffff;
  height: 30px;
}
.table-inventario td textarea{
  height: 100px;
}
.table-entrega td{
  border:1px solid #000
}
.table-entrega th{
  border-bottom: none;
  border:1px solid #000!important
}
.btn-accent
 
{
 
background-color: #f26283;
 
color:#fff;
 
border-color: #f26283;
 
}
 
.btn-accent:hover, .btn-accent:focus, .btn-accent:active, .btn-accent.active, .open .dropdown-toggle.btn-accent { 
background-color: #f26283;
 
color:#fff;
 
border-color: #f26283;
 
}

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #B03A2E;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #B03A2E;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

.link{
  text-decoration: underline!important;
  color:#3498DB!important;
  cursor: pointer;
}
.foto-firma{
  position: relative;
  background:#3498DB;
  border-radius:10px;
  padding:8px;
  padding-right: 52px;
}
.foto-firma .btn{
  position: absolute;
  top:6px;
  right:6px;
}
.foto-firma img{
  max-width: 100%;
  margin:0 auto;
}
.col-dinero{
  background-color:#f4d03f;
  font-size: 14px;
}
.silver{
  background-color:#F2F3F4
}
.td-Rechazada{
  background-color: #B03A2E;
  color:#fff;
}
.td-Aprobada{
  background-color: #117864;
  color:#fff;
}
.td-Pendiente{
  background-color:#D4AC0D;
}
.btn-circle{
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.signature-readonly canvas{
  background-color:#fff!important;
}
.tt{
  margin-bottom: 10px;
}
.twitter-typeahead{
    width:100%;
  }
  .tt-hint{
    color:#ABB2B9;
  }
  .tt-menu{
    width: 100%;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
  }
  .tt-dataset{
    background-color: #fff;
    width: 100%;
  }
  .tt-suggestion{
    padding:5px;
    font-size: 10pt;
    font-weight: 300;
    color: #1b1b1b;
  }
  .tt-suggestion p,.tt-suggestion img{
    display: inline-block;
  }
  .tt-suggestion:hover{
    cursor: pointer;
  }
  .tt-suggestion:last-child{
    border:none;
  }
  .pointer{
    cursor: pointer;
  }

  /*====================FIRMA=================*/
  .firma{
    position: relative;
  }
  .firma button{
    position:absolute;
    top:0px;
    right:0px;
  }
  
  .jSignature{
    background-color:#FCF3CF!important;
  }
  .jSignature:hover{
    cursor: url('iconos/pencil.png') ,auto;
  }

  .inicio .btn{
    position:relative;
    
  }
  .inicio .btn .fas,.inicio .btn .fab{
    position: absolute;
    left: 4px;
    bottom: 1px;
    font-size: 26pt;
    opacity: .3;
    
  }
  .bloque{
    background-color:#EAFAF1;
    padding:16pt;
    border-radius:0pt 0pt 8pt 8pt
  }
  .bloque h3{
    color:#0B5345;
  }
  label{
    color:#0B5345
  }
.s1{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
  .s2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  }
.modal-xl{
  max-width: 90%;
}
  .left{
    position:absolute;
    height: calc(100% - 90px);
    top:75px;
    left:0px;
    overflow-y: hidden;
    border-right: 1px solid #c2c2c2;
  }
  .bb{
    border-bottom: 1px solid #c2c2c2;
  }
  .scroll-y{
    overflow-y: scroll;
  }
  .right{
    position:absolute;
    height: calc(100% - 90px);
    top:75px;
    right:0px;
  }
  .in{
    width:50%
  }
  .top{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 64px;
  
  }
  .contenido{
    position: absolute;
    top:65px;
    left:0px;
    width: 100%;
    height: calc(100% - 65px);
  }
  
  .notas{
    color:#000;
    background:#ffc;
    padding:1em;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    font-size: 12px;
    font-family:arial,sans-serif;
  }
  .hadleCollapse{
    background:none!important;
  }
  .hadleCollapse.collapsed .fas:before{
    content: "\f106";
}
.hadleCollapse .fas:before{
    content: "\f107";
}
.group-icon{
    position: relative;
    margin-right: 14pt;
}
.group-icon img{
    width:32px;
}
.group-icon span{
    position: absolute;
    bottom: -13px;
    right: 0px;
    background: #fff;
    border-radius: 50%;
}

.icono{
  transition: transform .4s ease-in-out;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
  background-size: cover;
}
.icono-32{
  width:32px;
  height: 32px;
}
.icono-24{
  width:24px;
  height: 24px;
}
.dispenser{
  background-image: url(https://image.flaticon.com/icons/svg/991/991847.svg)
}
.doctor_dispense{
  background-image: url(https://image.flaticon.com/icons/svg/2644/2644576.svg)
}
.surgery{
  background-image: url(https://image.flaticon.com/icons/svg/2628/2628669.svg)
}
.prescription{
  background-image: url(https://image.flaticon.com/icons/svg/2646/2646082.svg)
}
.interactive{
  background-image: url(https://image.flaticon.com/icons/svg/2548/2548933.svg)
}
.medical-request{
  background-image: url(https://image.flaticon.com/icons/svg/2001/2001828.svg)
}
.refer{
  background-image: url(https://image.flaticon.com/icons/svg/1388/1388906.svg)
}
.patient{
  background-image: url(https://image.flaticon.com/icons/svg/706/706161.svg)
}
.ranking{
  background-image: url(https://image.flaticon.com/icons/svg/1603/1603847.svg)
}