@font-face {
    font-family: 'LeelawadeeUI';
    src: url('../fonts/LeelawadeeUI.woff2') format("woff2");
}

@font-face {
    font-family: 'SaltyDogSolid';
    src: url('../fonts/SaltyDogSolid.woff2') format("woff2");
}

:root {
    --enfasisHelmy: #fafdff;
    --secondaryHelmy: #7B9DA9;
    --grayHelmy: #3A566A;
    --tamanioGralFuente: .898rem;
}

/*--------------------------------------------------------------
# ► ESTILOS GENERALES
--------------------------------------------------------------*/

body {
    font-family: "LeelawadeeUI", "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background-color: #000;
    cursor: url(../cursor/key.png), auto;
}

label,
.cursorDefault {
    cursor: url(../cursor/key.png), auto !important;
}

a,
button,
.btn,
.cursorPointer,
input[class*='datepicker_'] {
    cursor: url(../cursor/pointer.png), auto !important;
}

/* .cursorDefault {
    cursor: default !important;
}

.cursorPointer {
    cursor: pointer !important;
} */

.noFocus {
    /* cursor: default !important; */
    cursor: url(../cursor/key.png), auto !important;
}

.noTxtShadow {
    text-shadow: none;
}

.txt-shadow-1 {
    text-shadow: .7px .7px 1.33px rgba(0, 0, 0, .331);
}

.txt-tachado {
    text-decoration: 1.6px #dc3545 line-through;
}

.gap-1 {
    gap: 3.4px;
}

.gap-2 {
    gap: 7px;
}

.gap-3 {
    gap: 16px;
}

.gap-4 {
    gap: 25px;
}

.gap-5 {
    gap: 34px;
}

.anchoDisponible {
    width: -webkit-fill-available;
}

.reset-fontsize {
    font-size: initial !important;
}

/* ► Quitar OJO de password en navegadores Microsoft */

::-ms-reveal {
    display: none;
}

/* ► FIX Cambiar símbolos de campo tipo password por unos más grandes Chrome */

input[type="password"] {
    font-family: "verdana";
    font-style: normal;
    font-weight: normal;
    /* speak: none; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    text-shadow: .79px .79px 1.6px rgba(160, 160, 160, 0.3);
    /* add spacing to better separate each image */
    letter-spacing: .925px;
}

input::-moz-placeholder {
    font-family: "SourceSansPro", "Segoe UI", sans-serif;
    letter-spacing: 0;
    font-size: 1rem;
}

input::-webkit-input-placeholder {
    font-family: "SourceSansPro", "Segoe UI", sans-serif;
    letter-spacing: 0;
    font-size: 1rem;
}

/* ► Quitar flechitas al campo input type number */

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

textarea {
    resize: none;
}

h1,
h2,
h3 {
    text-shadow: 1.6px 1.6px 1.6px rgba(0, 0, 0, .34);
}

h4,
h5,
h6 {
    text-shadow: 1.06px 1.06px 1.06px rgba(0, 0, 0, .34);
}

.txtShadow,
[class*="fa-"],
button[class*="swal2"] {
    text-shadow: 1.06px 1.06px 1.6px rgba(0, 0, 0, .34);
}

#dinamic_datetime {
    font-size: .9007rem;
    user-select: none;
    letter-spacing: .16px;
    text-shadow: 1.33px 1.33px 2.5px rgba(0, 0, 0, .79);
}

[class*=table-responsive] {
    overflow: auto;
    overflow-y: hidden;
}

/*--------------------------------------------------------------
# ► SCROLLBARS
--------------------------------------------------------------*/

/* ::-webkit-scrollbar {
    overflow: hidden;
} */

.scroll-body {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    border: 0;
}

.scroll-body::-webkit-scrollbar,
.scroll-body::-webkit-scrollbar-track,
.scroll-body::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-button:horizontal:decrement:hover {
    /* border-radius: 43px; */
    margin: 0;
    border: 0;
    position: fixed;
}

.scroll-body::-webkit-scrollbar {
    width: 5.92px;
    box-shadow: inset 0.7px 0.7px 7px rgba(23, 34, 43, 1);
    background-color: transparent;
}

.scroll-body::-webkit-scrollbar:hover {
    width: 7.99px;
}

.scroll-body::-webkit-scrollbar-thumb {
    border-radius: 1.69px;
    box-shadow: inset .7px .7px 20.5px rgba(101, 175, 236, 0.79);
}

.scroll-body::-webkit-scrollbar-track {
    box-shadow: inset 0.7px 0.7px 7.9px rgba(3, 8, 12, 0.898);
    background-color: rgba(255, 255, 255, 0.52);
}

.scroll-body::-webkit-scrollbar-thumb:window-inactive {
    box-shadow: inset 0.7px 0.7px 10.6px rgba(143, 156, 161, 0.79);
}

.scroll-body::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0.7px 0.7px 23.2px rgba(106, 169, 218, 0.97);
}

.scroll-body::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0.7px 0.7px 27.7px rgba(85, 160, 211, 0.88);
}

/* .modal {
    overflow: auto !important;
    z-index: 2000;
} */

/* .sidebar {
    overflow-x: hidden;
} */

/* ► table scrollbars */

.table::-webkit-scrollbar-thumb {
    border-radius: 1.69px;
    box-shadow: inset .7px .7px 20.5px rgba(101, 175, 236, 0.79);
}

.table::-webkit-scrollbar-track {
    border-radius: 1.69px;
}

.table::-webkit-scrollbar {
    -webkit-appearance: none;
    box-shadow: inset 0.7px 0.7px 7px rgba(23, 34, 43, .016);
    background-color: transparent;
}

.table::-webkit-scrollbar:hover {
    height: 7.99px;
}

.table::-webkit-scrollbar-thumb {
    border-radius: 1.69px;
    box-shadow: inset .7px .7px 20.5px rgba(101, 175, 236, 0.79);
}

.table::-webkit-scrollbar-track {
    box-shadow: inset 0.7px 0.7px 7.9px rgba(3, 8, 12, 0.7);
}

.table::-webkit-scrollbar-thumb:window-inactive {
    box-shadow: inset 0.7px 0.7px 10.6px rgba(143, 156, 161, 0.79);
}

.table::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0.7px 0.7px 23.2px rgba(106, 169, 218, 0.97);
}

.table::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0.7px 0.7px 27.7px rgba(85, 160, 211, 0.88);
}

.table::-webkit-scrollbar:vertical {
    width: 10px;
}

.table::-webkit-scrollbar-button:increment,
.table::-webkit-scrollbar-button {
    display: none;
}

.table::-webkit-scrollbar:horizontal {
    height: 8.8px;
}

/* ------------------------- */

.modal ::-webkit-scrollbar-thumb {
    border-radius: 1.69px;
    box-shadow: inset .7px .7px 20.5px rgba(101, 175, 236, 0.79);
}

.modal ::-webkit-scrollbar-track {
    border-radius: 1.69px;
}

.modal ::-webkit-scrollbar {
    -webkit-appearance: none;
    box-shadow: inset 0.7px 0.7px 7px rgba(23, 34, 43, .016);
    background-color: transparent;
}

.modal ::-webkit-scrollbar-thumb {
    border-radius: 1.69px;
    box-shadow: inset .7px .7px 20.5px rgba(101, 175, 236, 0.79);
}

.modal ::-webkit-scrollbar-track {
    box-shadow: inset 0.7px 0.7px 7.9px rgba(3, 8, 12, 0.25);
}

.modal ::-webkit-scrollbar-thumb:window-inactive {
    box-shadow: inset 0.7px 0.7px 10.6px rgba(143, 156, 161, 0.79);
}

.modal ::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0.7px 0.7px 23.2px rgba(106, 169, 218, 0.97);
}

.modal ::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0.7px 0.7px 27.7px rgba(85, 160, 211, 0.88);
}

.modal ::-webkit-scrollbar:vertical {
    width: 5.2px;
}

.modal ::-webkit-scrollbar-button:increment,
.modal ::-webkit-scrollbar-button {
    display: none;
}

.modal ::-webkit-scrollbar:horizontal {
    height: 4.3px;
}

/* ------------------------- */

::-webkit-scrollbar-thumb {
    border-radius: 1.69px;
    box-shadow: inset .7px .7px 20.5px rgba(101, 175, 236, 0.79);
}

::-webkit-scrollbar-track {
    border-radius: 1.69px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    box-shadow: inset 0.7px 0.7px 7px rgba(23, 34, 43, .016);
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 1.69px;
    box-shadow: inset .7px .7px 20.5px rgba(101, 175, 236, 0.79);
}

::-webkit-scrollbar-track {
    box-shadow: inset 0.7px 0.7px 7.9px rgba(3, 8, 12, 0.25);
}

::-webkit-scrollbar-thumb:window-inactive {
    box-shadow: inset 0.7px 0.7px 10.6px rgba(143, 156, 161, 0.79);
}

::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0.7px 0.7px 23.2px rgba(106, 169, 218, 0.97);
}

::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0.7px 0.7px 27.7px rgba(85, 160, 211, 0.88);
}

::-webkit-scrollbar:vertical {
    width: 5.2px;
}

::-webkit-scrollbar-button:increment,
::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar:horizontal {
    height: 4.3px;
}

/*--------------------------------------------------------------
# ► LOGIN
--------------------------------------------------------------*/

.login-form {
    background-color: rgba(152, 176, 189, 0.223) !important;
    border: 1px solid rgba(185, 208, 221, 0.106);
    backdrop-filter: saturate(106%) blur(7.09px);
}

.login-form-header {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.login-form-header__img {
    width: 124px;
    height: 124px;
    filter: drop-shadow(3.94px 3.94px 2.5px rgba(9, 13, 15, 0.43));
    margin-bottom: 9.7px;
    border: 4px rgba(239, 249, 255, 0.34) solid;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    margin-top: -61px;
    backdrop-filter: saturate(106%) blur(7.09px);
}

.login-form-header__title {
    font-family: 'SaltyDogSolid', 'Source Sans Pro', 'Segoe UI', system-ui;
    text-shadow: 3.4px 3.4px 3.4px rgba(0, 0, 0, .808);
    font-size: 4.39rem;
    font-weight: 100;
    color: #ffc288;
    user-select: none;
    margin: 0;
    margin-bottom: 7px;
    line-height: 66.4px;
}

input.input-login,
input.input-clave,
input.inputClaveUsr {
    font-family: "consolas";
    font-size: 1.06rem;
    letter-spacing: .79px;
    padding-left: 2.68rem;
}

input.input-clave {
    padding-right: 2.5rem;
}

input[type="password"].inputClaveUsr,
input[type="text"].inputClaveUsr {
    padding-left: 0.75rem;
}

.ojoClave {
    right: 40.3px;
    transition: color .52s;
    cursor: pointer;
}

.ojoClave:hover {
    color: var(--info) !important;
}

.btn-login {
    background-color: #e70b45;
    color: #fff !important;
}

.btn-login:hover {
    background-color: #d81d3f;
}

.btn-login:active {
    background-color: #ca1b3b;
}

/*--------------------------------------------------------------
# ► NAVBAR
--------------------------------------------------------------*/

.navbar-danger {
    background-color: #e70b45;
    border-bottom: 1px solid #d41b3d !important;
}

.main-header.text-sm .nav-link,
.text-sm .main-header .nav-link {
    padding: 0.394rem 0.7rem;
}

/*--------------------------------------------------------------
# ► SIDEBAR
--------------------------------------------------------------*/

.main-sidebar,
.container-logo-sidebar,
.main-header {
    height: 47.5px;
}

.container-logo-sidebar {
    background-color: #e70b45 !important;
}

.sidebar-dark-danger .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-danger .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #e70b45;
    color: #fff;
    border-left: 1px groove #fff;
}

.main-sidebar {
    background-color: rgba(11, 15, 18, 0.79) !important;
    backdrop-filter: blur(5.2px);
}

#sidebar-overlay {
    background-color: rgba(0, 0, 0, .295);
}

.brand-text {
    font-family: 'SaltyDogSolid', 'Source Sans Pro', 'Segoe UI', system-ui;
    font-size: 1.627rem;
    line-height: 25px;
    /* color: #ffcb9a; */
    color: #ffd2a7;
    text-shadow: 1.33px 1.33px 1.96px rgba(0, 0, 0, 1);
}

.brand-link {
    border-bottom: 1px solid #d41b3d !important;
}

.brand-link.text-sm .brand-image,
.text-sm .brand-link .brand-image {
    height: 38px;
    margin-left: 0.7rem;
    margin-right: 0.295rem;
    margin-top: -0.529rem;
    border: 2.5px solid rgba(255, 255, 255, .52);
}

.brand-link .brand-image {
    float: left;
    margin-left: 0.7rem;
    margin-right: 0.295rem;
    margin-top: -0.529rem;
    max-height: 38px;
}

@media (min-width: 992px) {

    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image,
    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image {
        margin-right: 0.295rem;
    }
}

.info div:first-child {
    line-height: 21.4px;
}

.info small {
    color: #aac3d4;
    letter-spacing: 1.294px;
}

.user-panel img {
    height: 3.31rem;
    width: 3.31rem;
    margin-left: -10px;
    border: 2.14px solid rgba(255, 255, 255, .52);
    object-fit: cover;
}

.layout-fixed .main-sidebar {
    height: 102vh;
}

[class*=sidebar-dark-] .sidebar a {
    color: #999;
    transition: color .295s ease-out;
    /* border-left: 1px groove transparent;
    transition: border .34s; */
}

.nav.nav-treeview {
    box-shadow: inset 0 0 88px rgba(0, 0, 0, 1) !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link {
    border-left: 1px groove transparent;
}

.nav-link {
    transition: color .295s ease-out, width ease-in-out .3s, box-shadow .34s ease-in-out, border .295s ease-out background-color .3s !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link:not(.active),
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:not(.active):hover {
    background-color: transparent !important;
    border-left: 1px groove #fff;
    /* background-color: rgba(255, 255, 255, .115); */
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #999;
    transition: color .295s ease-out;
}

.nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link,
.nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link {
    border-left: 1px groove #fff;
}

.nav-flat.nav-sidebar>.nav-item .nav-treeview,
.nav-flat.nav-sidebar>.nav-item>.nav-treeview {
    background-color: rgba(34, 34, 34, .25);
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link {
    border-left: 1px groove #fff;
}

/* [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active {
    background-color: transparent;
    color: #ffffff;
    box-shadow: inset -1.06px 0px 22.3px #e70b45;
    animation: navLinkActive 6.1s infinite, navLinkActiveText 2.95s infinite;
} */

/* [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: transparent;
    color: #ffffff !important;
    box-shadow: inset -1.06px 0px 34px #e70b45 !important;
} */

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link:not(.active),
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link:not(.active) {
    background-color: rgba(255, 255, 255, .115) !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link.nav-single:not(.active) {
    background-color: transparent !important;
}

.nav-sidebar.nav-flat {
    font-size: .952rem;
}

.nav-sidebar>.nav-item>.nav-link.active {
    animation: navLinkActive 7s infinite;
    background-color: transparent !important;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active {
    background-color: #ccc !important;
    color: #000 !important;
    transition: width ease-in-out .3s, box-shadow .34s ease-in-out, background-color .43s;
    animation: none;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #fff !important;
}

.nav-treeview .nav-icon {
    font-size: .97rem !important;
}

@keyframes navLinkActive {
    0% {
        box-shadow: inset -1.06px 0px 88px #ff004c;
    }

    52% {
        box-shadow: inset -1.06px 0px 25px #ff004c;
    }

    100% {
        box-shadow: inset -1.06px 0px 88px #ff004c;
    }
}

@keyframes navLinkActiveText {
    0% {
        color: #999;
    }

    50% {

        color: #fff;
    }

    100% {
        color: #999;
    }
}

/*--------------------------------------------------------------
# ► FOOTER
--------------------------------------------------------------*/

.main-footer {
    /* background-color: rgba(255, 255, 255, .79); */
    background-color: rgba(16, 16, 16, 0.7);
    border-top: 1px solid rgba(16, 16, 16, .25);
}

/*--------------------------------------------------------------
# ► ADMIN LTE
--------------------------------------------------------------*/

.content-wrapper {
    background: none;
    /* background: #F0F4F7; */
}

.wrapper {
    /* background-color: #0b9ccb;
    background: linear-gradient(133deg, #0aa1d3 25%, #b80037 106%); */
    /* background: url('../img/background.jpg') no-repeat center center fixed;
    background-size: cover;
    background-color: #000;
    box-shadow: inset 0 0 151px 51.1px rgba(0, 27, 44, 0.907); */

    width: 100%;
    /* height: 100vh; */
    background: url('../img/background.jpg') no-repeat center center fixed;
    background-size: cover;
    position: absolute;
    background-color: #000;
    box-shadow: inset 0 0 133px 160px rgba(0, 0, 0, 0.7);
}

.img-thumbnail {
    padding: .187rem;
    background-color: #f8f9fa;
}

.content-header h1 {
    color: #ffc288;
    font-family: 'SaltyDogSolid';
    font-size: 3.13rem;
    text-shadow: 1.42px 1.42px 2.95px rgba(0, 0, 0, .97) !important;
    text-align: center !important;
    margin-bottom: -10.6px !important;
    line-height: 3.13rem;
}

.title-link {
    color: #ffc288;
    font-family: 'SaltyDogSolid';
}

.title-link:hover {
    color: #f1af71;
}

.card {
    background-color: rgba(255, 255, 255, .7);
}

/* ► Tarjetas de habitaciones */

.small-box .icon>i {
    font-size: 80px;
}

.small-box:hover .icon>i {
    font-size: 85.3px;
}

.small-box {
    /* box-shadow: inset 0 0 34px 16px rgba(0, 20, 32, 0.196); */
    box-shadow: inset 0 0 16px 0px rgba(0, 20, 34, .52);
    border: 2px solid rgba(0, 20, 34, .34);
    transition: all .25s ease-in-out;
}

.small-box:hover,
.small-box:active {
    box-shadow: inset 0 0 0px 0px rgba(0, 20, 32, 0.106);
    border: 2px solid rgba(255, 255, 255, 0.61);
}

.small-box .inner {
    min-height: 160px;
}

/* ► Tablas - Listado de Registros*/

table thead tr th,
table tfoot tr th,
table tfoot tr td {
    font-weight: 600;
    text-align: center;
    font-size: 0.9061rem !important;
    /* text-shadow: .61px .34px .7px rgba(0, 0, 0, .403); */
}

.table tr th,
.table tr td {
    vertical-align: middle;
    text-align: center;
    font-size: 0.925rem !important;
}

.table tr th {
    white-space: nowrap;
}

.table-bordered th {
    border: 0;
}

.table-bordered td {
    border-right: 1px dashed #c7d7e7;
    border-left: 1px dashed #c7d7e7;
    border-top: 1px solid #c7d7e7;
}

.table-responsive>.table-bordered {
    border: 1px solid #dee2e6;
}

/* ► Color de fondo de tablas tipo zebra - striped */

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f0efff;
}

.table-hover tbody tr:hover {
    background-color: #dde9f3;
}

.table thead th,
.table thead td {
    border-width: 0px;
}

/* ► Color de fondo de tablas tipo zebra - striped - DATATABLES*/

/* table.dataTable.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff !important;
}

table.dataTable.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #e5edf9 !important;
}

table.dataTable.table-striped>tbody>tr:hover {
    background-color: #dcf1ff !important;
} */

/* ------------------------- */

.btn-purple {
    color: #fff;
    background: #6f42c1 !important;
}

.btn-purple:hover {
    color: #fff;
    background: #563497 !important;
}

.btn-indigo {
    color: #fff;
    background: #6610f2 !important;
}

.btn-indigo:hover {
    color: #fff;
    background: #5b13cf !important;
}

/* ► Evitar desplazamiento derecho ventanas modales AdminLTE BS4 */

.modal .fade .show,
.modal-open {
    padding-right: 0 !important;
}

/* ► Cambiar efecto del modal BS4 */

.modal {
    transition: opacity 0.34s ease;
}

.modal.fade.show {
    opacity: 1;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}

/*--------------------------------------------------------------
# ► PÁGINA DE CONTENIDOS
--------------------------------------------------------------*/

.txt-encabezado {
    text-shadow: 1.6px 1.6px 2.5px rgba(0, 0, 0, .205), 2.5px 2.5px 2.5px rgba(0, 0, 0, .205);
}

.encabezado-inicio {
    height: calc(100vh - 232px);
}

.txt-encabezado-inicio {
    font-size: 7rem;
    line-height: 100px;
}

.textEstado {
    visibility: hidden;
    position: fixed;
}

.btnIcono,
.btnEstado,
.btnObs {
    width: 2.0005rem;
    height: 2.0005rem;
    padding: 0;
    border-radius: 50%;
    filter: drop-shadow(1.87px 1.24px 2.05px rgba(0, 0, 0, .475));
}

/* .btnServiciosReservaDet {
    padding: 7px;
    padding-top: 3.94px;
} */

/* ► Contador de Notificaciones */

.badge-count-notification {
    position: relative;
    bottom: 43px;
    left: 15px;
}

.btn-notification-container {
    height: 33px;
    margin: 8.8px 0;
    padding: 2.5px;
}

/* ► Booking */

.btn-booking {
    background-color: #003b95;
    color: #fff;
}

.btn-booking:hover {
    color: #fff;
    background-color: #003481;
}

.img-logo-booking {
    /* height: 19.6px;
    width: 19.6px; */
    height: 19.06px;
    width: 19.06px;
    margin-left: -0.556px;
    margin-top: -0.502px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .43));
}

/* ------------------------- */

.btn.bg-orange:hover {
    background-color: #e06e10 !important;
}

/* .btn.btn-dark:hover, .btn.btnServiciosReservaDet.bg-dark:hover {
    background-color: #191a1b !important;
} */

.btn-success.bg-teal:hover {
    background-color: #04b47f !important;
}

/* ------------------------- */

.fondoFilaEnfasis {
    background-color: #fafdff;
    box-shadow: inset 0 0 25px 2.5px rgba(0, 74, 117, 0.34);
}

.fondoFilaEnfasis tr th {
    padding: 2.5px 3.4px;
}

.fondoFilaTotal {
    background-color: #fafdff;
    box-shadow: inset 0 0 20.5px rgba(120, 128, 133, .43);
}

.fondoTotal td {
    background-color: #dde8f1;
    background-color: #e7eef5 !important;
    border-bottom: none;
}

.fondoTotal2 td {
    background-color: #cee3f3 !important;
    border-bottom: none;
}

/* ------------------------- */

.bg-grad-success {
    color: #fff;
    background: linear-gradient(180deg, #1f7c34 10.6%, #28a745 88%);
}

.bg-grad-primary {
    color: #fff;
    background: linear-gradient(180deg, #0253aa 10.6%, #007bff 88%);
}

.bg-grad-info {
    color: #fff;
    background: linear-gradient(180deg, #008eaa 10.6%, #02b4d8 88%);
}

.bg-grad-purple {
    color: #fff;
    background: linear-gradient(180deg, #563497 10.6%, #6f42c1 88%);
}

.bg-grad-indigo {
    color: #fff;
    background: linear-gradient(180deg, #5116b1 10.6%, #6610f2 88%);
}

.bg-grad-light {
    /* color: #fff; */
    background: linear-gradient(180deg, #bcc3ca 10.6%, #f8f9fa 88%);
}

.bg-grad-warning {
    color: #fff;
    background: linear-gradient(180deg, #ac8206 10.6%, #ffc107 88%);
}

.bg-grad-orange {
    color: #fff;
    background: linear-gradient(180deg, #c5610f 10.6%, #fd7e14 88%);
}

.bg-grad-danger {
    color: #fff;
    background: linear-gradient(180deg, #aa2b37 10.6%, #dc3545 88%);
}

.bg-grad-secondary {
    color: #fff;
    background: linear-gradient(180deg, #535a61 10.6%, #6c757d 88%);
}

.bg-grad-booking {
    color: #fff;
    background: linear-gradient(180deg, #012961 10.6%, #003d94 88%);
}

.bg-grad-dark {
    color: #fff;
    background: linear-gradient(180deg, #1e2024 10.6%, #343a40 88%);
}

/* ------------------------- */

.txtEncabezadoModal {
    /* font-weight: bold; */
    font-size: 1.06rem;
    text-shadow: .88px .88px 2.05px rgba(0, 0, 0, .34);
}

.fashadow {
    text-shadow: 2.6px 2.6px 2.05px rgba(0, 0, 0, .7);
}

.dropdown-menu-acciones {
    min-width: 179px;
}

/* ------------------------- */

#table-DT.table-sticky-col thead tr th:nth-child(1),
#table-DT.table-sticky-col thead tr th:nth-child(2),
#table-DT.table-sticky-col tbody td:nth-child(1),
#table-DT.table-sticky-col tbody td:nth-child(2),
#table-DT.table-sticky-col tfoot tr td:nth-child(1),
#table-DT.table-sticky-col tfoot tr td:nth-child(2) {
    position: sticky !important;
    left: 0;
    z-index: 1;
}

#table-DT.table-sticky-col tbody td:nth-child(1),
#table-DT.table-sticky-col tbody td:nth-child(2) {
    background-color: inherit;
}

.thead-oscuro th,
.thead-oscuro td,
#table-DT thead tr th {
    background: #476676 !important;
    color: #fff !important;
    font-weight: normal !important;
}

.table-success td {
    background-color: #c3e6cb !important;
}

#table-DT tbody tr.table-success:hover td {
    background: #b1dfbb !important;
}

.table-warning td {
    background-color: #ffeeba !important;
}

#table-DT tbody tr.table-warning:hover td {
    background: #ffe8a1 !important;
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #ffdade !important;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ffd1d5 !important;
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ffd1d5 !important;
}

.table-info td {
    background-color: #bee5eb !important;
}

#table-DT tbody tr.table-info:hover td {
    background: #abdde5 !important;
}

.dataTables_wrapper .row {
    padding: 3.94px;
}

.onereg-table-reserva {
    height: 205px;
}

/* ► base de tabla redondeada */

.table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 0.25rem;
}

.table tbody tr:last-child td:last-child {
    border-radius: 0 0 0.25rem 0;
}

.table tbody tr:last-child td.dataTables_empty {
    border-radius: 0 0 0.25rem 0.25rem;
}

/* ------------------------- */

.btnMoneda,
.btnMonedaHospedaje {
    font-weight: bold;
    width: 50.47px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-group-vertical {
    width: 195px !important;
}

.table-solicitud-habitaciones tr td {
    padding: 0 .34rem !important;
}

.voucher-iframe,
.detalle-reserva-iframe {
    width: 100%;
    height: 610px;
}

.btn-print {
    display: none !important;
}

#createdBy,
#updatedBy {
    font-size: .79rem;
}

a.nav-link[aria-selected*='true'] {
    font-weight: bold;
    cursor: url(../cursor/key.png), auto !important;
}

a.nav-link[aria-selected*='false'] {
    background-color: #007bff;
    border-color: #006ce0;
    color: #fff;
    font-weight: normal;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.nav-tabs {
    padding: 16px 16px 0 16px;
    border-bottom: 1px solid #d1dfec;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0.34rem;
    border-top-right-radius: 0.34rem;
}

.nav-tabs .nav-link.active {
    color: #007bff;
    border-color: #d1dfec #d1dfec #fff;
}

a.nav-link[aria-selected*='false']:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}

a.nav-link[aria-selected*='false']:active {
    background-color: #0062cc;
    border-color: #005cbf;
}

.nav-tabs .nav-item:first-child {
    margin-right: 0.997px;
}

.nav-tabs .nav-item .nav-link {
    font-size: .875rem !important;
}

/* ► error page */

.error-container {
    height: calc(100vh - 47.97px - 48px) !important;
}

.error-page {
    background-color: rgba(0, 0, 0, .61);
}

/*--------------------------------------------------------------
# ► FORMULARIOS
--------------------------------------------------------------*/

.labelForm {
    color: #33546e !important;
    font-size: .875rem !important;
}

.ojoClaveUsr,
.ojoClaveUsrU {
    color: #7B9CA9;
    right: .808rem;
    cursor: pointer;
    transition: color .52s;
    z-index: 100;
}

.ojoClaveUsr:hover,
.ojoClaveUsrU:hover {
    color: #AAC4CD !important;
}

.ojoAbiertoUsr,
.ojoAbiertoUsrU {
    color: #DD3A44;
}

/* ► Validación formulario */

.campoValido,
.validaCampo:valid {
    border-color: #28a745;
    padding-right: 2.25rem;
    background-image: url('../img/valido.svg');
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.campoValido:focus,
.validaCampo:valid:focus {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.16rem rgba(40, 167, 69, 0.25) !important;
}

.campoInvalido,
.validaCampo:invalid {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url('../img/invalido.svg');
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.campoInvalido:focus,
.validaCampo:invalid:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.16rem rgba(220, 53, 69, 0.25) !important;
}

.mensajeValidacion {
    width: 100%;
    margin-top: 0.25rem;
    margin-bottom: 0;
    font-size: 85.3%;
    display: none;
}

/* ► Estilos de campos de formularios */

input:focus,
textarea:focus,
select:focus,
.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.btn:focus {
    outline: 0 !important;
    /* border-color: #a8d8ff !important; */
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.16rem rgba(0, 123, 255, 0.16) !important;
}

input[type=radio] {
    box-shadow: none !important;
}

/*--------------------------------------------------------------
# ► ANIMACIONES
--------------------------------------------------------------*/

.text-alert-danger {
    color: #f00000;
    animation-name: alerta-danger;
    animation-duration: 2.05s;
    animation-iteration-count: infinite;
}

@keyframes alerta-danger {
    0% {
        color: #f00000;
        /* text-shadow: 0 0 7.9px rgba(238, 0, 0, .43); */
    }

    50% {
        color: #888;
        text-shadow: none;
    }

    100% {
        color: #f00000;
        /* text-shadow: 0 0 7.9px rgba(238, 0, 0, .43); */
    }
}

.text-alert-success {
    color: #17a2b8;
    animation-name: alerta-success;
    animation-duration: 2.05s;
    animation-iteration-count: infinite;
}

@keyframes alerta-success {
    0% {
        color: #17a2b8;
    }

    50% {
        color: #888;
        text-shadow: none;
    }

    100% {
        color: #17a2b8;
    }
}

/*--------------------------------------------------------------
# ► SWEETALERT2
--------------------------------------------------------------*/

.swal2-actions .swal2-confirm,
.swal2-actions .swal2-deny,
.swal2-actions .swal2-cancel {
    min-width: 8.08rem;
}

/*--------------------------------------------------------------
# ► DATATABLES
--------------------------------------------------------------*/

/* .table.dataTable {
    border-collapse: collapse !important;
} */

table.dataTable.table-sm>thead>tr>th {
    padding-right: 15.1px;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    right: 0.52em;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.196em;
}

/* ► MOD: DataTables pagination */
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
    padding-top: 0.52em;
}

#tablaDT_previous .page-link,
#tablaDT_next .page-link {
    padding: 0.304rem 0.52rem;
}

.page-link {
    padding: 0.304rem 0.61rem;
}

.dt-buttons {
    margin-top: -4px;
}

table.dataTable .sorting:before,
table.dataTable .sorting:after {
    top: 13.3px !important;
}

table.dataTable .sorting:before,
table.table .sorting:after {
    display: flex !important;
    align-items: center !important;
}

/* ------------------------------------------- */

.ribbon-wrapper .ribbon {
    font-size: 0.646rem;
    /* font-size: 0.61rem; */
    padding: 0.304rem 0;
}

/* .ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
    border-top: 3.04px solid #6795a8;
    bottom: -3px;
} */

.ribbon-wrapper.ribbon-lg .ribbon {
    right: 0px;
    top: 20px;
    width: 178px;
}

.ribbon-wrapper .ribbon::before,
.ribbon-wrapper .ribbon::after {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid #5c737e;
    bottom: -2px;
    content: '';
    position: absolute;
}

.badge-nroHabitacion,
.badge-nroHabitacion-absolute {
    font-size: .808rem;
    min-width: 27.07px;
    max-width: 34px;
    height: 23.2px;
    border: .52px solid #ddd;
    font-weight: normal;
}

.badge-nroHabitacion-absolute {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -8.08px !important;
    margin-right: -8.08px !important;
}

.btn-group-vertical.opcionesReserva {
    width: 250px !important;
}

.btn-recibir-todo {
    font-size: .79rem !important;
}

/* ---------------------------------------------- */

.btnDeleteAsignacionHabitacion {
    width: 30.4px;
}

tfoot .thead-oscuro td {
    font-weight: bold;
    border: none;
}

.filaTotal td,
tfoot .bg-dark td {
    border: none;
    font-weight: normal;
}

.imgTrUsr th:nth-child(3) {
    width: 62px;
}

.imgTableUsr {
    min-width: 70px;
    height: 70px;
    object-fit: cover;
}

.imgFormUsr {
    width: 169px;
    height: 169px;
    object-fit: cover;
}

/*--------------------------------------------------------------
# ► OVERLAYSCROLLBARS
--------------------------------------------------------------*/

.os-scrollbar-handle {
    width: 5.2px;
    margin-right: -1.591px;
    right: 0;
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255, 255, 255, .196);
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:hover {
    background: rgba(255, 255, 255, .394);
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:active {
    background: rgba(255, 255, 255, .295);
}

.table-responsive .os-scrollbar-handle {
    left: 0;
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(96, 170, 209, 0.304);
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:hover {
    background: rgba(96, 170, 209, .403);
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:active {
    background: rgba(96, 170, 209, .502);
}

/*--------------------------------------------------------------
# ► MEDIA QUERYS
--------------------------------------------------------------*/

@media (max-width: 375px) {
    .voucher-iframe {
        height: 421px;
    }
}

@media (max-width: 416px) {
    .voucher-iframe {
        height: 490px;
    }
}

@media (max-width: 575.98px) {
    .ojoClave {
        right: 38.5px;
    }

    .txt-encabezado-inicio {
        /* color: red; */
        font-size: 6rem;
        line-height: 88px;
    }

    .encabezado-inicio {
        padding: 0 34px;
    }

    .wrapper {
        box-shadow: inset 0 0 133px 97px rgba(0, 0, 0, 0.7);
    }

    .small-box .inner {
        min-height: 178px;
    }
}

@media (min-width: 992px) {

    .sidebar-mini .nav-sidebar,
    .sidebar-mini .nav-sidebar>.nav-header,
    .sidebar-mini .nav-sidebar .nav-link {
        /* white-space: nowrap; */
        overflow: visible;
    }
}

@media (min-width: 1199.98px) {

    .btn-print {
        display: block !important;
    }
}

@media (max-width: 1727px) {
    .infoHabitacionChart {
        justify-content: center !important;
    }
}

@media (min-width: 768px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: flex-end;
    }
}

.close:not(:disabled):not(.disabled):focus {
    outline: 1px dashed #444 !important;
    border-radius: 0.25rem !important;
}

/*--------------------------------------------------------------
# ► SELECT2
--------------------------------------------------------------*/

/* ► FIX Espacio inferior en select de Select2 en Chrome */

/* .input-group {
    flex-wrap: unset;
} */

.select2-container .select2-selection--single .select2-selection__rendered {
    display: inline;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    color: #6c757d !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #3f454b;
    padding-left: 12.04px;
    font-weight: 400;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.select2-container--bootstrap4 .select2-selection__clear {
    background-color: #8bacbb !important;
    z-index: 1;
    position: relative;
    font-family: unset;
    width: 1.06rem;
    height: 1.06rem;
    padding-left: 0.205rem;
    margin-top: .628rem;
    border: none;
    transition: all .43s;
    padding-bottom: 3.04px;
    font-weight: 500;
}

.select2-container--bootstrap4 .select2-selection__clear:hover {
    background-color: #f57575 !important;
}

.select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection {
    border-color: #80bdff;
    border-bottom-color: transparent;
}

.select2-container--bootstrap4 .select2-dropdown {
    margin-top: -4.3px;
    border-color: #80bdff;
    border-radius: 0;
}

.select2-search--dropdown,
.select2-search--dropdown .select2-search__field {
    padding: 6.01px;
}

.select2-search--dropdown .select2-search__field {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.16rem rgba(0, 123, 255, 0.25);
}

.select2-results__option[aria-disabled=true] {
    color: #0A9CD2;
    text-align: center;
    font-weight: 500;
}

.select2-results__message {
    color: #EA3D43;
    text-align: center;
    font-weight: 500;
}

.select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.6em + .79rem + 2.05px) !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.78em + .7rem) !important;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    margin-top: 1px;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    border: 1px solid #80bdff;
}

.select2-container--bootstrap4.select2-container--above.select2-container--open .select2-selection {
    border-radius: 0 0 .25rem .25rem;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 0.16rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 0.16rem rgba(0, 123, 255, .25);
}

/* ► FIX: Select2 overflow del texto largo al elegir */

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 10.6px;
    padding-right: 10.6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ► FIX: Select2 alto de caja contenedora de opciones */

.select2-container--bootstrap4 .select2-results>.select2-results__options {
    max-height: 16.36em;
}

/*--------------------------------------------------------------
# ► ZEBRA DATE PICKER
--------------------------------------------------------------*/

.Zebra_DatePicker .dp_actions .dp_hover {
    background-color: #eaedef;
}

.Zebra_DatePicker .dp_body .dp_hover {
    background: #eaedef;
}

.Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
    background-color: #eaedef;
}

.Zebra_DatePicker .dp_body .dp_selected {
    color: #fff !important;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.Zebra_DatePicker .dp_body .dp_current {
    color: #f21042;
    font-weight: 500;
}

.dp_daypicker.dp_body tr th {
    color: #2e7dc7;
}

.dp_daypicker.dp_body tr th:last-child {
    color: #f21042;
}

/* .trail {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #f0eaea;
    background: #fff;
    position: fixed;
    animation: come 1s linear forwards;
}

@keyframes come {
    0% {
        transform: scale(0);
    }

    7% {
        transform: scale(1) translateY(0px);
        opacity: .7;
    }

    100% {
        transform: scale(0) translateY(0px);
        opacity: 0;
    }
} */

.badge-caja-info {
    animation: badgeCajaInfo 3.4s infinite;
    color: #fff;
    border-radius: 10px;
}

@keyframes badgeCajaInfo {
    0% {
        background-color: #333;
        /* color: #999; */
    }

    40% {
        background-color: #b6003d;
        /* color: #fff; */
    }

    100% {
        background-color: #333;
        /* color: #999; */
    }
}

/*--------------------------------------------------------------
# ► MEDIA PRINT
--------------------------------------------------------------*/

@media print {
    @page {
        size: ledger landscape;
        margin: .403cm;
        margin-top: .7cm;
        margin-bottom: .7cm;
    }

    * {
        -webkit-print-color-adjust: economy;
        print-color-adjust: economy;
    }

    .wrapper {
        background-image: none;
        background-color: #fff;
    }

    hr {
        padding: 0;
    }

    table td,
    table tr:hover,
    span,
    div {
        background-color: #fff;
        color: #000;
        font-size: 11.5px !important;
    }

    #table-DT thead th {
        background-color: #EEE !important;
        color: #000 !important;
        padding: 2.05px;
        font-size: 10.6px !important;
    }

    table {
        border-collapse: collapse;
        box-shadow: none;
    }

    #table-DT thead th:nth-child(22),
    #table-DT thead th:nth-child(24) {
        width: 43.9px;
    }

    #table-DT tbody tr:last-child td:nth-child(1),
    .table tbody tr:last-child td:nth-child(1) {
        border-radius: 0;
    }

    #table-DT tbody tr:last-child td:last-child,
    .table tbody tr:last-child td:last-child {
        border-radius: 0;
    }

    #table-DT tbody tr:nth-of-type(odd) td {
        background-color: #fff;
    }

    #table-DT tbody tr:nth-of-type(even) td {
        background-color: #fff;
    }

    #table-DT tbody tr:hover td {
        background: #fff;
    }

    #table-DT th,
    #table-DT td {
        border-color: #C7CDD3 !important;
    }

    #table-DT {
        border-collapse: collapse;
    }

    table.dataTable.table-sm .sorting_desc:before,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting:after,
    table.dataTable.table-sm .sorting:before {
        display: none !important;
    }

    table.dataTable.table-sm>thead>tr>th {
        padding-left: 0;
        padding-right: 0;
    }

    .btn,
    .btnEstado,
    .badge {
        background-color: #fff !important;
        color: #000 !important;
        border: 1px solid #AAA !important;
        box-shadow: none !important;
        filter: none;
    }

    span i[class*="fa-"],
    .btnIcono i,
    .btnServiciosReservaDet i {
        background-color: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        filter: none;
    }

    i.fad.fa-bed.text-secondary,
    span.textGray {
        color: #b5bcc2 !important;
    }

    .fa-check.fa-stack-2x {
        color: #dc3545 !important;
    }

    .dataTables_paginate {
        display: none;
    }

    .txt-cabecera-print {
        display: block !important;
        font-size: 2.32rem !important;
    }

    .diavigente-print {
        width: 200px !important;
    }

    .os-scrollbar {
        display: none;
    }

    .btn-print {
        display: none !important;
    }

    .card-header {
        border-bottom: none;
        margin-bottom: -20.5px;
    }

    .btnIcono-padding {
        padding-top: 7px;
        padding-bottom: 7px;
        margin-top: 2.5px;
        margin-bottom: 2.5px;
    }

    .img-logo-booking {
        height: 21px;
        width: 21px;
        margin-top: 2px;
        margin-bottom: 3.9994px;
        margin-left: -0.7px;
    }

    .serieReservaBadge {
        outline: none !important;
        border: none !important;
        margin-bottom: 0 !important;
    }

    .thead-oscuro,
    .thead-oscuro td,
    #table-DT thead tr th {
        color: #000 !important;
        font-weight: normal !important;
    }

    #backToTop {
        display: none;
    }
}

.hint--html.hint--right .hint__content {
    bottom: -10%;
}

.datos-reserva-th {
    min-width: 135px;
    width: 187px;
    max-width: 205px;
}

/* .datos-reserva-th {
    min-width: 169px;
    width: 187px;
    max-width: 205px;
} */

/* .table.table-reserva tr td:nth-child(2){
    background-color: red !important;
    width: 100px !important;
} */

.bed-icon {
    font-size: 2.5em;
}

.table-sticky-header {
    position: sticky;
    top: 0px;
    z-index: 1;
}

.swal2-styled {
    flex-grow: 1;
}

/* #tbody-servicios_reserva>tr td .btn, #tbody-detalle-pagos>tr td .btn {
    z-index: 1 !important;
} */

.detalle-pago-total-full td {
    background-color: #546c81;
    background-color: #5f8097 !important;
    color: #fff;
    border-bottom: none;
    font-weight: normal;
    padding: .3rem;
}

table.dataTable.table-sm>thead>tr>th.sorting_disabled {
    padding-right: 4.8px;
}

select[name=table-DT_length] {
    font-size: 92%;
}

.dropdown-menu {
    border-radius: 6.1px !important;
}

.table-sm td,
.table-sm th {
    padding: 0.25rem;
}

#table-DT.table-hide-actions thead tr:first-child th:last-child,
#table-DT.table-hide-actions tbody tr td:last-child,
.table.table-hide-actions thead tr:first-child th:last-child,
.table.table-hide-actions tbody tr td:last-child {
    /* background-color: red !important; */
    display: none;
}

.checkout-alert {
    animation: checkout-alert 2.05s infinite ease-in-out;
}

@keyframes checkout-alert {

    0%,
    100% {
        background-color: inset;
    }

    50% {
        background-color: #bee5eb;
    }
}

.checkout-alert-icon {
    animation: checkout-alert-icon 2.05s infinite ease-in-out;
}

@keyframes checkout-alert-icon {

    0%,
    100% {
        background-color: inset;
        border-color: inset;
    }

    50% {
        background-color: #17a2b8;
        border-color: #17a2b8;
    }
}