@media (max-width:390px){
    .rapido button{font-size: 13px !important;padding: .3rem .5rem;}
    .contenido{margin-top: 30px;}
    
}

@media (max-width:550px){
   /* .modal {width: 100% !important; ;}
    .modal-dialog{width: 80% !important;}*/
    .rapido button{font-size: 14px !important;padding: .3rem .5rem;}
    .modal-footer button{font-size: 12px !important;}
    #textoUser{display: none !important;}
    
    /*menu*/
    .nav-sm .nav.side-menu li .child_menu li a i {
        width: 20% !important;
    }
    
    /* para tablas*/
    .x_title h2 {
        width: 100%;
        font-size: 17px;
    }
    .box-body{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table{
        width: 100%;
        min-width: 600px;
    }
    
    /* para login */
    .login-box-body{
        width: 90% !important;
    }
    .login-box-body > .login-box-body{
        width: 100% !important;
    }
}

.notificacion{display: inherit !important;color: #ffa71f !important;}

tbody td{font-size: 11px !important; font-family: sans-serif !important;}
.modal-header {
  background: #F4EFEF !important;
}

#tablaMedicamentos_filter{text-align: right !important;}
#tablaListaComprobantes_filter{text-align: right !important;}
.estados{padding: 3px 10px !important;color: #fff; font-size: 12px;}
.precio{text-align: right !important;}
.table td, .table th {
  padding: .45rem !important;
}
.opciones .btn{padding: .230rem .50rem !important;}
.disabled {
  opacity: 0.65 !important; 
  cursor: not-allowed !important;
}

.hide{display: none;}
.campos{height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;width: 100%;}
label {
  display: inline-block;
  margin-bottom: 0px !important;
  margin-top: .7rem !important;
}
thead{background: #2A3F54; color:#fff;}