.dataTables_info {
    font-size: 12px;
}

.hummingbird-treeview,
.hummingbird-treeview * {
    font-size: 16px !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 4px 10px;
    /* e.g. change 8x to 4px here */
}

#button_right {
    text-align: right;
}

.container-table {
    display: flex;
    justify-content: center;
}

.center-text-table {
    text-align: center;
}

label {
    text-transform: inherit;
}

table tr {
    border: 1px solid #dfe3e7;
}

.ic-editar {
    color: #fda128 !important;
    font-size: 2rem;
}

.ic-editar:hover {
    color: #fd9b1b !important;
}

.ic-detalle {
    color: #2c6de9 !important;
    font-size: 2rem;
    cursor: pointer;
}

.ic-detalle:hover {
    color: #2c6de9 !important;
    cursor: pointer;
}

.ic-replicar {
    color: #727E8C !important;
    font-size: 1.8rem;
    cursor: pointer;
}

.ic-replicar:hover {
    color: #727E8C !important;
    cursor: pointer;
}

.ic-desactivar {
    color: #ff7575 !important;
    font-size: 28px !important;
}

.ic-prev {
    color: #475F7B !important;
    font-size: 28px !important;
}

.ic-desactivar:hover {
    color: #ff7575 !important
}

.ic-camion {
    color: #000000 !important;
    font-size: 28px !important;
}

.ic-camion:hover {
    color: #000000 !important
}

.ic-gestionar {
    color: #27A9F0 !important;
    font-size: 28px !important;
}

.ic-gestionar:hover {
    color: #27A9F0 !important
}

.ic-historial {
    color: #000000 !important;
    font-size: 28px !important;
}

.ic-historial:hover {
    color: #000000 !important
}

.ic-activar {
    color: #23bd70 !important;
    font-size: 28px !important;
}

.ic-activar:hover {
    color: #23bd70 !important;
    font-size: 28px !important;
}

.ic-recepcionar {
    color: #21b26a !important;
    font-size: 30px !important;
    cursor: pointer;
}

.ic-recepcionar:hover {
    color: #21b26a !important;
    font-size: 30px !important;
    cursor: pointer;
}

.page-link {
    font-size: 13px;
}

.customFont {
    font-size: 13px;
}

.button-margin-right {
    margin-right: 10px;
    padding-left: 6px;
    padding-right: 12px;
    padding-top: 4px !important;
    padding-bottom: 5px !important;
}

.hand-cursor {
    cursor: pointer;
}

.no-valido {
    border: 1px solid red !important;
}

.modal-centered {
    text-align: center;
}

.modal-centered::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}

.modal-centered-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.thead-template {
    background-color: #5A8DEE;
    border-color: #5A8DEE;
    color: #fff;
}

.no-border {
    border: none;
}

.no-margin {
    margin: 0 !important;
}

.tachado {
    text-decoration: line-through;
}

.flex-vertical-end {
    align-items: flex-end;
    display: flex;
    justify-content: center;
}

.p_cirugia {
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;
    color: white;
    background: #5A8DEE;
}

.p_consulta {
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;
    color: white;
    background: #23bd70;
}

.has-error .select2-selection {
    border-color: #FF5B5C !important;
    padding-right: calc(1.4em + 1.269rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF5B5C' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23FF5B5C' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.35em + 0.235rem);
    background-size: calc(0.7em + 0.47rem) calc(0.7em + 0.47rem);
}

.has-info .select2-selection {
    border-color: #39DA8A !important;
    padding-right: calc(1.4em + 1.269rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2339DA8A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.35em + 0.235rem);
    background-size: calc(0.7em + 0.47rem) calc(0.7em + 0.47rem);
}

.sobrecupo {
    color: #fff;
    background: red;
    border-radius: 25px;
}


/* anchos */

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-5 {
    width: 5% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.bg-gris-content-modal {
    background-color: #f3f3f3;
}

.bg-gris-header-modal {
    background-color: #e7e7e7;
}

.cursor-pointer {
    cursor: pointer;
}


/* BORDER RESPONSIVE */

@media (min-width: 0px) {
    .border-xs-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-xs-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xs-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xs-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-xs-top-0 {
        border-top: 0 !important;
    }
    .border-xs-right-0 {
        border-right: 0 !important;
    }
    .border-xs-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xs-left-0 {
        border-left: 0 !important;
    }
    .border-xs-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xs-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xs {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xs-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-sm-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-sm-top-0 {
        border-top: 0 !important;
    }
    .border-sm-right-0 {
        border-right: 0 !important;
    }
    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-sm-left-0 {
        border-left: 0 !important;
    }
    .border-sm-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-md-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-md-top-0 {
        border-top: 0 !important;
    }
    .border-md-right-0 {
        border-right: 0 !important;
    }
    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-md-left-0 {
        border-left: 0 !important;
    }
    .border-md-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-lg-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-lg-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .border-lg-right-0 {
        border-right: 0 !important;
    }
    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-lg-left-0 {
        border-left: 0 !important;
    }
    .border-lg-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-lg {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-xl-right {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl-left {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-xl-top-0 {
        border-top: 0 !important;
    }
    .border-xl-right-0 {
        border-right: 0 !important;
    }
    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xl-left-0 {
        border-left: 0 !important;
    }
    .border-xl-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}


.btn-primary-important {
    background-color: revert !important;
    border-color: #5A8DEE !important;
    background-color: #5A8DEE !important;
    color: #fff !important;
}

.btn-primary-important:hover {
    background-color: revert !important;
    border-color: #5A8DEED6 !important;
    background-color: #5A8DEED6 !important;
    color: #fff !important;
}

.btn-primary-important:focus,
.btn-primary-important:active {
    border-color: #5A8DEE !important;
    background-color: #5A8DEE !important;
}

.disabled {
    color: black !important;
    background-color: #e6e6e6 !important;
}

.bg-gris-header-modal-2 {
    background-color: #EBF1F5;
}

.bg-gris-content-modal-2 {
    background-color: #F9FBFC;
}

.text-1 {
    font-size: 1rem;
}

.text-2 {
    font-size: 1.2rem;
}

.text-3 {
    font-size: 1.4rem;
}

.text-4 {
    font-size: 1.6rem;
}

.text-5 {
    font-size: 1.8rem;
}

.text-6 {
    font-size: 2rem;
}

.text-7 {
    font-size: 2.2rem;
}

.text-8 {
    font-size: 2.8rem;
}

.text-9 {
    font-size: 3rem;
}

.text-10 {
    font-size: 3.2rem;
}

.opacity-0 {
    opacity: 0;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-100 {
    opacity: 1;
}

.estado-comentario-reserva {
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;
    background-color: #f9d821;
    font-weight: bolder;
    color: #526983 !important;
}

.tag-blue-light{
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;
    background-color: #00B4DD;
    color: white;
}

.tag-success{
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;
    background-color: #39DA8A;
    color: white;
}

.tag-danger{
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;
    background-color: #FF5B5C;
    color: white;
}

.tag-warning{
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;
    background-color: #fc960f;
    color: white;
}


.tag-defecto{
    padding: 0.247rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 1.267rem;  
    color: white; 
}


.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    font-size: 8px;
    text-align: center;
}
.btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 10px;
    text-align: center;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 12px;
    text-align: center;
}