@charset "UTF-8";

/* ADICIONALES */

/* Toastr*/
.toast { margin-top:15px !important; width:50% !important;}

/*Forzar fondo blanco de los bootstrap selectpickers*/
.bootstrap-select > .dropdown-toggle { background: #FFF !important; border: 1px solid #ced4da; }

/* Clases creadas */
.chef01{ display:none !important; }
.chef02{ opacity:0.5 }
.chef03{ font-size:14px; }
.chef04 *{ color:#BEBEBE !important;}
.chef04 button, .chef04 a { background: #EEE !important; }
.chef05{ color: var(--tz-blue) !important;}
.chef06{ background:#EEE !important; color:#999 !important;}
.chef06 td{ color:#999 !important;}

.dropdown-menu-animated.dropdown-menu-end[style] {
    left: auto !important;
    right: 0;
}

.input-group.has-validation { flex-wrap: wrap; }
.input-group .invalid-feedback,
.input-group .field-validation-error,
.input-group .text-danger {
  display: block !important;
  width: 100%;
  order: 3;            /* manda el mensaje a la siguiente línea */
  margin-top: .25rem;
}

/* Clases para ajustes responsivos */
@media (max-width: 575.98px) {
  .toast { width:100% !important; }
    .chef03{ font-size:12px; }
    .dropdown-menu-animated.dropdown-menu-end[style] {
        left: -125px !important;
        right: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .toast { width:100% !important; }
    .dropdown-menu-animated.dropdown-menu-end[style] {
        left: -125px !important;
        right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .toast { width:70% !important; }
    .dropdown-menu-animated.dropdown-menu-end[style] {
        left: -125px !important;
        right: 0;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .toast { width:60% !important; }
    .dropdown-menu-animated.dropdown-menu-end[style] {
        left: -55px !important;
        right: 0;
    }
    .main-menu > ul > li {
        margin: 0 3px !important;
    }
}

@media (min-width: 1200px) {
    .toast { width:60% !important; }
    .dropdown-menu-animated.dropdown-menu-end[style] {
        left: -55px !important;
        right: 0;
    }
    .main-menu > ul > li {
        margin: 0 7px !important;
    }
}

/* Impresiones de Cédulas y Recetarios */

.chef002_print{ margin: 0.5cm 0 !important; padding:0 !important;}
.chef003_print{ margin: 0 0 0.5cm 0 !important; padding:0 !important; }
.chef004_print{ font-size: 22px !important; margin-bottom:0;}
.chef005_print{ font-size: 8pt !important; display:none;}

@media print {

    @page { margin: 0.7cm !important; size: letter landscape;}
    body { margin: 0; padding: 0; font-size: 8pt !important; font-family: 'Poppins'; background: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .form-control { font-size: 8pt !important;}
    .page { width: 27.94cm; /*min-height: 21.59cm;*/ margin: 0 auto; border: none; background: white; box-shadow: none; }
    table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: initial; }
    .check-box { display: block !important; }
    .chef01 { display: initial; }
    .no-print { display: none !important; }
    .dt-print-view h1 { font-size: 16pt !important; }
    .dt-print-view td { font-size: 9pt !important; padding: 3px; }
    .dt-print-view th { font-size: 9pt !important; padding: 3px; background: #EEE !important; }

    .chef001_print{ margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important;}
    .chef002_print{ margin: 0.5cm 0 !important; padding:0 !important;}
    .chef003_print{ margin: 0 0 0.4cm 0 !important; padding:0 !important;}
    .chef004_print{ font-size: 18px !important; margin-bottom:0; }
    .chef005_print{ font-size: 7pt !important; padding:0.2cm 0 !important;  display: block;}
    .chef003_print table{ margin-bottom:5px; }
    .chef003_print td{ padding:3px; }

}

.form-check-input.switch-rojo:checked { background-color: #dc3545 !important; border-color: #dc3545 !important; }
.form-check-input.switch-rojo:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important; }

.btn-contacto:hover{color:#fff !important;}
.btn-contacto:hover:before{background-color:#8b1e41 !important;}

.btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff !important; background-color: #33100F !important; border-color: #33100F !important; box-shadow: 0 0 0 0.25rem rgba(76, 23, 22, 0.5) !important; }
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(76, 23, 22, 0.5) !important; }