html {
    position: relative;
    min-height: 100%;
}

body {
}

.textLogin {
    color: #fff;
    text-decoration: none;
    margin-right: 2px;
    margin-left: 20px;
}

.form {
    max-width: 330px;
    margin: 0 auto;
}

body {
    background-position: center top;
    background-repeat: repeat;
}

input[type="text"], input[type="date"], input[type="number"], input[type="password"], input[type="email"], textarea, select:not(.bootstrap-select), .select2-container--default .select2-selection--single {
    border-radius: 3px !important;
    border: 1px solid var(--border-control-color) !important;
}

.select select {
    appearance: none;
    background-color: transparent;
    border: none;
    padding-left: 10px;
    cursor: inherit;
}

    .select select:-ms-expand {
        display: none;
    }

.select {
    display: grid;
    grid-template-areas: "select";
    align-items: center;
}

    .select:after {
        content: "\e259";
        justify-self: end;
        font-family: 'Glyphicons Halflings';
        margin-right: 10px;
        color: var(--border-control-color);
    }

    .select select,
    .select:after {
        grid-area: select;
    }

.btn:not(.btn-xs, .dropdown-toggle, .btn-light, .btn-search) {
    border-radius: 20px !important;
    padding: 5px 15px;
}

.navbar-brand {
    padding: 0px !important;
}

.nombre-modulo {
    font-size: 28px;
    float: left;
    padding-top: 14px;
    padding-left: 2px;
    color: var(--color-bg-dark);
    font-size: 24px;
}

.franja-nombre-modulo {
    position: absolute;
    width: -webkit-fill-available;
    height: 20;
    border-width: 0 0 126px 210px;
    border-color: transparent transparent var(--primary-dark-bg-color) transparent;
    border-style: solid;
    bottom: 0px;
    left: -128px;
}

    .franja-nombre-modulo > div {
        position: absolute;
        left: 0px;
        font-size: 40px;
        color: var(--color-bg-dark);
        margin-top: 25px;
    }

.full-background {
    background-attachment: initial;
    background-image: url("../../images/high-angle-view-cropped-employee-work-with-laptop.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
}


#footer_default {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: inherit;
    z-index: 10;
    text-align: center;
    color: #fff;
    padding-bottom: 16px;
    font-size: 12px;
}

    #footer_default .spanfooter {
        color: var(--color-black);
        font-weight: 400;
    }

#footer_black {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: inherit;
    z-index: 10;
    text-align: center;
    color: #fff;
    height: 41px;
    background-color: var(--bgcolor-black);
    padding-top: 13px;
    font-size: 12px;
}

    #footer_black .spanfooter {
        color: var(--color-bg-dark);
    }

#footer-admin {
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding-top: 5px;
    clear: both;
    z-index: 9;
    text-align: center;
    font-size: 12px;
    color: var(--color-bg-dark);
}

#planSelected div {
    display: inline-table;
    background-color: #ccc;
    margin-right: 5px;
    margin-bottom: 5px !important;
    padding: 3px;
    cursor: default;
    color: #434343;
}

    #planSelected div span {
        font-weight: bold;
        color: red;
        cursor: pointer;
    }

.progress {
    top: 150px;
    z-index: 999999;
    height: 3px !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.blockSection {
    height: 293px;
    width: 96%;
    background-color: #ccc;
    background-image: url(images/block.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 99;
    opacity: 0.5;
}

/*Override*/
.modal-title {
    color: var(--color-black) !important;
}

.form-control:not(textarea):not(.input-spinner), .select2-container--default .select2-selection--single {
    height: 35px !important;
}

.select2-container--default .select2-selection--single {
    display: inline-table;
    width: 100%;
}

    .select2-container--default .select2-selection--single:focus {
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .select2-container--default .select2-selection--single span {
        vertical-align: middle;
        display: table-cell !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: relative !important;
    }

.form-control[readonly] {
    background-color: #fff !important;
}



.selectpicker.listLanguage {
    background-color: transparent !important;
}

.pagination.pagination-lg {
    width: 100%;
    margin: 5px 0px !important;
}

.pagination-lg > li > a {
    width: 25% !important;
    text-align: center;
}

.modal-header.bg-primary {
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
}

.modal-header .close {
    color: var(--color-black) !important;
    font-size: 30px inherit !important;
    opacity: inherit !important;
}

.modal-title {
    color: var(--color-black) !important;
    font-weight: 400 !important;
}

.cancel-status {
    background-color: #f2dede;
}

.modal-backdrop {
    min-height: 160% !important;
    position: absolute !important;
    z-index: 0;
}

.pager {
    margin: 0px;
}

.highlight {
    padding: 9px 14px;
    margin-bottom: 10px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

.navbar {
    margin-bottom: 5px !important;
}

.panel {
    margin-bottom: 10px !important;
}

.list-group {
    margin-bottom: 5px !important;
}

.text-important {
    font-size: 29px;
    padding-bottom: 5px;
    margin-top: -8px;
}

#tripadvisor img {
    width: 100%;
}

.align-right {
    text-align: right;
}

.breadcrumb * {
    font-size: 12px !important;
}

#ContainerLiquidation .modal-content .modal-body {
    padding-bottom: 5px !important;
}

.highlight_transparent {
    padding: 9px 14px;
    margin: 5px 0px;
    border-radius: 4px;
}

.legendText {
    display: inline-block;
    margin-right: 8px;
}

.legendBall {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    margin: 3px;
}

#calendarDipoAllotment td {
    padding: 3px !important;
}

.popover {
    max-width: 100%;
}

.link {
    cursor: pointer;
}
/*
.calendarBlock {
    display: inline;
}

.datepicker-inline {
    display: inline-block;
    border: 1px solid #dddddd;
    margin: 10px 20px;
    vertical-align: top;
}

.calendarBlock .cw, .dow {
    cursor: pointer;
    text-decoration: underline;
}

#contentCalendar {
    text-align: center;
}*/

.datepicker thead tr:first-child th:hover {
    background-color: #0A2F74;
    color: #fff;
}


.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
    margin: -.2px; /* hack adjust for wrapping */
}

    .container-flex > div[class*='col-'] div, .row-flex > div[class*='col-'] div {
        width: 100%;
    }


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.cancel-status {
    /*color: #FE4040;*/
    background-color: #FED7D7;
}

.close-status {
    /*color: #a5a6a8;*/
    background-color: #eeeeee;
}

.reserve-status {
    /*color: #fff;*/
    background-color: #97b5d9;
}

.confirm-status {
    /*color: #a5a6a8;*/
    background-color: #E8F5DA;
}

.incomplete-status {
    background-color: #F7F385;
}

.day.active.arrive {
    background-color: #d9edf7 !important;
    color: #434343 !important;
}

.day.active.exit {
    background-color: #fff3b3 !important;
    color: #434343 !important;
}

.day.total, .day.exit, .day.arrive, .day.both {
    background-color: #eeeeee !important;
    color: #434343 !important;
}

.day.active.total {
    background-color: #f2dede !important;
    color: #434343 !important;
}

.day.active.both {
    background-color: #dff0d8 !important;
    color: #434343 !important;
}

.bg-gray {
    background-color: #eeeeee !important;
}

.bg-selected {
    background-color: #3276b1 !important;
    color: #ffffff !important;
}

.legend-item {
    padding: 0px 3px;
    margin-right: 2px;
}

.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.badge-wrap {
    white-space: normal !important;
}

#ModalException .modal-body {
    background: url(../../images/errordefault.png) no-repeat;
    background-position: right;
}

#pnl_valuefirstnight {
    font-weight: bold;
    font-size: 18px;
    padding-left: 24px;
}

.valuetotal {
    font-weight: bold;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.displayflex {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    display: flex;
    flex-direction: row;
}

/*Estilos Filtros en linea IROTAMA*/
.list-hotels {
    padding: 0;
    list-style-type: none;
}

.addfilters {
    cursor: pointer;
    color: #F94E00;
}

.title-hotel {
    font-size: 15px;
    color: #fff;
}

.detail-plan {
    font-size: 13px;
    color: #fff;
}

.msg-plans {
    color: #000;
    font-size: 14px;
}

.filters {
    background-color: #2F2B29;
    color: #fff;
    padding: 10px 10px 0px 10px;
    margin-bottom: 5px;
}

    .filters label {
        font-weight: normal;
    }

.head-hotel {
    padding-top: 0;
    padding-bottom: 0;
}

.head-plan {
    background-color: #E69B01 !important;
    cursor: pointer;
}

.title-typeroom {
    font-size: 20px;
}

.container-typeroom {
    border-bottom: 1px dashed gray;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.contact-info {
    padding-right: 20px;
    color: #fff;
    font-family: sans-serif;
    font-size: 14px;
}

    .contact-info a {
        padding-right: 20px;
        color: #fff;
        font-family: sans-serif;
        font-size: 14px;
    }

.social-netword a {
    color: #fff;
    text-decoration: inherit;
}

.PnlIfoContact {
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.socialnetwork-ul li {
    display: inline;
}

.socialnetwork-ul {
    padding: 0;
    list-style-type: none;
    display: inherit;
}

/* CSS CONSOLA SQL */
.error-console > th {
    background-color: #e51c23;
    color: #fff;
    font-family: arial;
    font-weight: normal;
    font-size: 14px;
}

.success-console > th {
    background-color: #0a6ebd;
    color: #fff;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
}

.success-console > td {
    color: #000;
    white-space: nowrap;
    font-family: arial;
    font-size: 12px;
}

.table-console .Rows > td {
    color: #000;
    white-space: nowrap;
    font-family: arial;
    font-size: 12px;
}

.error-console > td {
    color: #000;
    white-space: nowrap;
}

.console-control {
    font-family: arial;
    font-size: 14px;
    color: #022f5a;
}

.btn-console {
    background-color: #BCC7D8;
    width: 163px;
    margin-bottom: 5px;
    padding: 0px;
    border-color: #8A97AD;
    color: #486494 !important;
    font-size: 17px !important;
    font-family: sans-serif;
}

.content-result {
    max-height: 300px;
    overflow-y: auto;
    margin-top: 20px;
    border: 1px solid #dddddd;
}

.lbl-rowcount {
    color: #468847;
    font-family: sans-serif;
    font-size: 15px;
    padding: 5px;
}

.table-console {
    margin-bottom: 0;
}

.content-ppal-result {
    /*max-height: 600px;
    overflow-y: auto;*/
}

.tab-console {
    font-family: sans-serif;
    font-size: 14px;
}
/* CSS CONSOLA SQL */

/*Porcentaje de descuento  */
.ribbon {
    position: absolute;
    top: 50px;
    padding-left: 51px;
    z-index: 20;
}

    .ribbon .ribbon-background {
        position: absolute;
        top: 0;
        right: 0;
    }

    .ribbon .theribbon {
        position: relative;
        width: 80px;
        padding: 6px 20px 6px 20px;
        margin: 30px 10px 10px -71px;
        color: #fff;
        background-color: #c71c22;
        text-shadow: 0px 1px 2px #bbb;
    }

        .ribbon .theribbon:before,
        .ribbon .theribbon:after {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
        }

        .ribbon .theribbon:after {
            left: 0px;
            top: 100%;
            border-width: 5px 10px;
            border-style: solid;
            border-color: #960505 #960505 transparent transparent;
        }

    .ribbon.sale {
        top: 0;
    }

    .ribbon.new {
        top: 50px;
    }

        .ribbon.new .theribbon {
            background-color: #5bc0de;
            text-shadow: 0px 1px 2px #bbb;
        }

            .ribbon.new .theribbon:after {
                border-color: #2390b0 #2390b0 transparent transparent;
            }

    .ribbon.gift {
        top: 100px;
    }

        .ribbon.gift .theribbon {
            background-color: #5cb85c;
            text-shadow: 0px 1px 2px #bbb;
        }

            .ribbon.gift .theribbon:after {
                border-color: #357935 #357935 transparent transparent;
            }

.list-group-search {
    margin-bottom: 10px;
}

.list-group-discount {
    -webkit-box-shadow: 0px 0px 9px 0px #9e0006;
    -moz-box-shadow: 0px 0px 9px 0px #9e0006;
    box-shadow: 0px 0px 9px 0px #9e0006;
}

.minus {
    cursor: pointer;
}

.plus {
    cursor: pointer;
}


/*Porcentaje de descuento  */
@media print {
    a:link:after, a:visited:after {
        content: "";
    }
}

.btn-cart {
    color: #fff !important;
    font-size: 26px;
    height: 10px;
}

#countItemCart {
    position: relative;
    font-size: 12px;
    top: -32px;
    right: -18px;
    font-weight: bold;
}

#countItemCartMobile {
    position: relative;
    font-size: 10px;
    top: -32px;
    right: -18px;
    font-weight: bold;
}

.label-discount {
    font-size: 14px !important;
    border-radius:10px 2px;
}

.socialnetwork {
    padding-top: 3px;
}

.input-login {
    width: 100%;
}

.btn-Login {
    width: 90px;
    margin-left: 5px;
}

@media (min-width: 748px) and (max-width: 768px) {
    .input-login {
        width: 100px !important;
    }

    .btn-Login {
        width: 50px;
        margin-left: 5px;
    }
}

@media (min-width: 769px) {
    .input-login {
        width: 140px !important;
    }

    .btn-Login {
        width: 100px;
        margin-left: 5px;
    }
}

#listResultTariff li.active a {
}

.well-not-border {
    border: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.big-icon {
    font-size: 25px !important;
}

.dayBlock {
    background-image: none !important;
}

.pagination-lg li.active a {
    background-color: #d9edf7 !important;
    color: #3a87ad !important;
}

/* Pagina de resultados DVC */
.link-modal {
    font-size: 18px;
}

    .link-modal:hover, .link-modal:focus {
        text-decoration: none;
    }

.link-modal-small {
    font-size: 14px;
}

    .link-modal-small:hover, .link-modal-small:focus {
        text-decoration: none;
    }

.text-important:hover, .text-important:focus {
    text-decoration: none !important;
}

.btn-cart-visible {
    background-color: var(--primary-dark-bg-color);
    height: 42px;
}

#pnlCartMobile {
    padding-top: 3px;
    height: 47px;
    position: fixed;
    right: 0;
    z-index: 9;
}
/* Pagina de resultados DVC */

.nopadding-left {
    padding-left: 0;
}

.nopadding-right {
    padding-right: 0;
}

.levelhotel {
    background: url(../../images/pared.jpg) no-repeat;
    margin-bottom: 5px;
    padding-bottom: 15px;
    padding-top: 15px;
    box-shadow: 7px 0 15px -4px rgb(93, 93, 93), -7px 0 8px -4px rgb(93, 93, 93);
    cursor: pointer;
}

.btnSearchRowTable {
    padding: 3px 5px 5px 4px;
}

#WebPage_Loading {
    display: none;
    z-index: 99999;
    position: fixed;
    top: 0;
    right: 0;
    padding: 0px;
    height: 100%;
    background-color: #000000;
    content: "";
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--color-bg-dark) !important;
}

label.error {
    display: none !important;
}

.form-control.error {
    border: 1px solid #c30000 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--bgcolor-black) !important;
    opacity: 1; /* Firefox */
    font-size: var(--font-size-btn) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--bgcolor-black) !important;
    font-size: var(--font-size-btn) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--bgcolor-black) !important;
    font-size: var(--font-size-btn) !important;
}

.gj-datepicker-md [role=right-icon] {
    right: 5px !important;
    top: 9px !important;
}

.logo-login {
    margin-bottom: 20px;
    border-width: 0px;
    display: inline-block;
    width: 50%;
}

.subtitle {
    font-weight: 600;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: rgba(0, 0, 0, 0.25) !important;
    }

#WebPage_Messages {
    display: none;
    z-index: 99999;
    position: fixed;
    bottom: 0;
    right: 0;
}

.bg-info {
    color: #ffffff;
}

/*Inicio Cambio estilos 2023 */
.pl-5, .px-5 {
    padding-left: 4rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-4 {
    padding: 4px !important;
}

.p-20 {
    padding: 20px;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-70 {
    padding-right: 70px !important;
}


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

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.d-block {
    display: block !important;
}

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

.whcm_header {
    height: 48px;
    width: 100%;
    background: var(--primary-dark-bg-color);
    box-shadow: var(--shadow_standar);
    position: fixed !important;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: .5rem 0.875rem;
}

.header_circles_box {
    height: 48px;
    width: 690px;
    overflow: hidden;
    position: absolute;
    left: -240px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_circles_box_logo {
    position: absolute;
    right: -335px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 48px;
    width: 600px;
}

    .header_circles_box_logo > .header_circles_box_1 {
        width: 264px;
        height: 264px;
        opacity: .1;
    }

    .header_circles_box_logo > .header_circles_box_1, .header_circles_box_logo > .header_circles_box_2, .header_circles_box_logo > .header_circles_box_3, .header_circles_box_logo > .header_circles_box_4 {
        background-color: white;
        border-radius: 0%;
        position: absolute;
        transform: rotate(45deg) translateY(48px);
    }

.header_circles_box_1, .header_circles_box_2, .header_circles_box_3, .header_circles_box_4 {
    background-color: white;
    border-radius: 0%;
    position: absolute;
    transform: rotate(45deg) translateY(-48px);
}

.header_circles_box_1 {
    width: 450px;
    height: 450px;
    opacity: .1;
}

.header_circles_box_2 {
    width: 355px;
    height: 355px;
    opacity: .2;
}

.header_circles_box_3 {
    width: 280px;
    height: 280px;
    opacity: .5;
}

.header_circles_box_4 {
    width: 240px;
    height: 240px;
    opacity: 1;
}

img {
    vertical-align: middle;
    border-style: none;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}

.whcm_logo_head {
    max-height: 40px;
    max-width: 105px;
    object-fit: contain;
}


.font-weight-bold {
    font-weight: 700 !important;
}

.whcm_version {
    font-size: 15px;
    color: white;
    text-align: right;
    border-right: none;
    line-height: 1.2;
}

@media (max-width: 1199.98px) {
    .header_circles_box_1 {
        opacity: 0;
    }
}

@media (max-width: 991.98px) {
    .header_circles_box {
        left: -250px;
    }

    .header_circles_box_logo {
        right: -355px;
    }

    .header_circles_box_2 {
        opacity: .05;
    }

    .header_circles_box_3 {
        opacity: .2;
    }

    .whcm_footer {
        width: 100vw;
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 0.5rem;
        background-color: var(--color-bg-dark);
        box-shadow: var(--shadow_standar);
    }
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

@media (min-width: 750px) {

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

@media (max-width: 750px) {
    .header_circles_box {
        left: -270px;
    }

    .header_circles_box_logo {
        display: none;
    }
}

@media (max-width: 990px) {
    .whcm_version {
        font-size: 12px;
        border: none;
        color: var(--color-black) !important;
    }
}


.header_circles_box_logo > .header_circles_box_2 {
    width: 252px;
    height: 252px;
    opacity: .2;
}

.header_circles_box_logo > .header_circles_box_3 {
    width: 246px;
    height: 246px;
    opacity: .5;
}

.header_circles_box_logo > .header_circles_box_4 {
    width: 240px;
    height: 240px;
    opacity: 1;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

@media (min-width: 576px) {
    .d-sm-block {
        display: block !important;
    }
}

.d-none {
    display: none !important;
}

.whcm_nav {
    overflow-x: hidden;
}

.whcm_nav_head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    min-height: 48px;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    background: var(--color-white);
    padding: 0.375rem;
    cursor: pointer;
}

.nav_btn_standar {
    width: 100%;
    min-height: 36px;
    max-height: 36px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none !important;
    background: transparent;
    transition-duration: .2s;
}

    .nav_btn_standar::before {
        content: "";
        border-radius: 10px;
        width: 10%;
        min-height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        opacity: 0;
        box-shadow: var(--primary-shadow-color);
        background: var(--primary-dark-bg-color);
        transition-duration: .2s;
    }

.nav_btn_standar_icon {
    min-width: 36px;
    color: var(--primary-dark-bg-color);
    display: flex;
    justify-content: center;
    transition-duration: .2s;
}

.nav_profile_btn {
    width: 100%;
    height: 36px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none !important;
    background: transparent;
    height: 36px;
}

.nav_btn_standar:hover {
    text-decoration: none;
}

    .nav_btn_standar:hover .nav_btn_standar_icon, .nav_btn_standar:hover .nav_btn_standar_text, .collapse_open_btn:hover .nav_btn_standar_icon, .collapse_open_btn:hover .nav_btn_standar_text, .nav_profile_btn:hover .nav_btn_standar_icon, .nav_profile_btn:hover .nav_btn_standar_text, .nav_btn_standar:focus .nav_btn_standar_icon, .nav_btn_standar:focus .nav_btn_standar_text, .collapse_open_btn:focus .nav_btn_standar_icon, .collapse_open_btn:focus .nav_btn_standar_text, .nav_profile_btn:focus .nav_btn_standar_icon, .nav_profile_btn:focus .nav_btn_standar_text {
        color: var(--color-white);
        transition-duration: .2s;
    }


    .nav_btn_standar:hover::before, .nav_btn_standar:focus::before, .collapse_open_btn:hover::before, .collapse_open_btn:focus::before, .nav_profile_btn:hover::before, .nav_profile_btn:focus::before {
        width: 100%;
        opacity: 1;
        transition-duration: .2s;
    }

input#menu, input#collapse_open {
    display: none;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input#collapse_open:checked ~ .menu_content {
    width: 250px;
    transition-duration: .25s;
}

input#menu:checked ~ .menu_content {
    min-height: 100vh;
    max-height: 100vh;
    background: var(--color-bg-dark);
    box-shadow: var(--shadow_standar);
    transition-duration: .25s;
}

.menu_content {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    min-height: 0vh;
    max-height: 0vh;
    width: 48px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: transparent;
    transition-duration: .25s;
}

.nav_section_1 {
    padding: 9px 0.375rem 0.5rem 5px;
    max-height: calc(100vh - 136px);
    overflow: hidden;
}

input#menu:checked ~ .collapse_open_btn {
    display: flex;
    min-height: 36px;
}

.collapse_open_btn {
    border-radius: var(--border_radius_standar);
    position: fixed;
    left: 0;
    bottom: 52px;
    z-index: 11;
    min-height: 0px;
    width: 36px;
    overflow: hidden;
    display: none;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    margin: 0 6px;
    transition-duration: .25s;
}

input#collapse_open:not(:checked) ~ .collapse_open_btn > .nav_btn_standar_text {
    width: 0%;
    max-height: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: .2s;
}

.nav_profile_photo {
    height: 36px;
    box-shadow: var(--shadow_standar);
    border-radius: var(--border_radius_standar);
    overflow: hidden;
    position: relative;
}

.nav_btn_standar_text {
    padding: 0.25rem 0.75rem;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-black);
    text-align: left;
    transition-duration: .2s;
}

@media (max-width: 618px) {
    input#menu:checked ~ .menu_content {
        min-height: calc(100vh - 49px);
        max-height: calc(100vh - 49px);
        width: 100vw;
        border-bottom-right-radius: 0;
    }
}

@media (max-width: 767.98px) {
    input#menu:checked ~ .menu_content {
        min-height: calc(100vh - 49px);
        max-height: calc(100vh - 49px);
    }

    .collapse_open_btn {
        bottom: 96px;
    }
}

.font_size_112 {
    font-size: 18px !important;
}

.collapse_open_btn::before {
    content: "";
    width: 10%;
    height: 36px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    box-shadow: var(--shadow_standar);
    background: var(--primary-dark-bg-color);
    transition-duration: .2s;
}

.collapse_open_btn:hover::before {
    width: 100%;
    opacity: 1;
    transition-duration: .2s;
}

.nav_logo {
    padding-left: 57px;
    margin-bottom: 13px;
    display: block;
}

.nav_section_2 {
    padding: .5rem 0.375rem 0.5rem 0.375rem;
    max-height: 192px;
    overflow: hidden;
}

    .nav_section_2 > hr {
        border-top: 1px solid var(--primary-dark-bg-color);
        margin: 0;
    }

input#collapse_open:checked ~ .collapse_open_btn {
    width: calc(240px - 0.75rem);
    transition-duration: .25s;
}

input#menu:checked ~ .collapse_open_btn {
    display: flex;
    min-height: 36px;
}

.nav_profile_btn:hover::before {
    width: 100%;
    opacity: 1;
    transition-duration: .2s;
}

.nav_profile_btn::before {
    content: "";
    border-radius: var(--border_radius_standar);
    width: 10%;
    height: 36px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    box-shadow: var(--shadow_standar);
    background: var(--primary-dark-bg-color);
    transition-duration: .2s;
}

input#collapse_open:checked ~ .collapse_open_btn > .nav_btn_standar_icon {
    transform: rotate(180deg);
    transition-duration: .25s;
}

/*Inicio Menu Lateral*/
.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar-menu > li {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .sidebar-menu > li > a {
            padding: 8px 11px;
            display: block;
            margin-bottom: 5px;
            font-weight: 500;
            color: var(--color-black);
        }

            .sidebar-menu > li > a > .fa,
            .sidebar-menu > li > a > .glyphicon,
            .sidebar-menu > li > a > .ion {
                width: 20px;
            }

        .sidebar-menu > li .label,
        .sidebar-menu > li .badge {
            margin-right: 5px;
        }

        .sidebar-menu > li .badge {
            margin-top: 3px;
        }

    .sidebar-menu li.header {
        padding: 10px 25px 10px 15px;
        font-size: 12px;
    }

    .sidebar-menu li > a > .fa-angle-down,
    .sidebar-menu li > a > .pull-right-container > .fa-angle-down {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
        -webkit-transition: transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
    }

    .sidebar-menu li > a > .fa-angle-down {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -8px;
    }

    .sidebar-menu .menu-open > a > .fa-angle-down,
    .sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-down {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.treeview-menu .treeview-menu {
    padding-left: 20px;
}

.treeview-menu > li {
    margin: 0;
}

    .treeview-menu > li > a {
        padding: 5px 5px 5px 15px;
        display: block;
        font-size: 14px;
    }

        .treeview-menu > li > a > .fa,
        .treeview-menu > li > a > .glyphicon,
        .treeview-menu > li > a > .ion {
            width: 20px;
        }

        .treeview-menu > li > a > .pull-right-container > .fa-angle-left,
        .treeview-menu > li > a > .pull-right-container > .fa-angle-down,
        .treeview-menu > li > a > .fa-angle-left,
        .treeview-menu > li > a > .fa-angle-down {
            width: auto;
        }

.treeview > ul.treeview-menu {
    overflow: hidden;
    height: auto;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.sidebar-menu .active > .treeview-menu {
    display: block;
}

.treeview.menu-open > ul.treeview-menu {
    overflow: visible;
    height: auto;
}
/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 50px !important;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px !important;
        z-index: 850;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative;
    }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
            margin-right: 0;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
                border-top-right-radius: 4px;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
        .sidebar-mini.sidebar-collapse .sidebar-form,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right,
        .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0);
        }

    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px;
    }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
            display: block;
            margin-left: -15px;
            margin-right: -15px;
            font-size: 18px;
        }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
            display: none;
        }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px;
    }
}

@media (min-width: 768px) {
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        display: block !important;
        position: absolute;
        width: 180px;
        left: 50px;
    }

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
        top: 0;
        margin-left: -3px;
        padding: 12px 5px 12px 20px;
        background-color: inherit;
    }

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        position: relative !important;
        float: right;
        width: auto !important;
        left: 180px !important;
        top: -22px !important;
        z-index: 900;
    }

        .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
            display: none;
        }

    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        top: 44px;
        margin-left: 0;
    }
}

.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
    margin-left: 50px;
}

.sidebar-expanded-on-hover .main-sidebar {
    box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
    white-space: nowrap;
    overflow: hidden;
}

    .sidebar-menu:hover {
        overflow: visible;
    }

    .sidebar-form,
    .sidebar-menu > li.header {
        overflow: hidden;
        text-overflow: clip;
    }

    .sidebar-menu li > a {
        position: relative;
    }

        .sidebar-menu li > a > .pull-right-container {
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -7px;
        }

.treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 5px;
}

.sidebar-menu a {
    color: var(--color-black);
}

    .sidebar-menu a:hover i {
        color: var(--color-white);
    }

.sidebar-menu .fa, .sidebar-menu .fa-solid, .sidebar-menu .fa-regular {
    margin-right: 15px;
}

.sidebar-menu i {
    color: var(--primary-dark-bg-color);
}

.sidebar-menu a {
    text-decoration: none;
}

    .sidebar-menu a:hover, .sidebar-menu .menu-open > a {
        background-color: var(--primary-dark-bg-color);
        color: var(--color-white);
        border-radius: var(--border_radius_standar);
    }

        .sidebar-menu .menu-open > a i {
            color: var(--color-white) !important;
        }

.sidebar-menu .treeview-menu {
    background-color: var(--color-gris-claro);
}

    .sidebar-menu .treeview-menu a {
        font-weight: normal;
    }

input#collapse_open:not(:checked) ~ .menu_content .sidebar-menu .fa.fa-angle-down {
    display: none;
}

.container-menu-sidebar {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    max-height: calc(100vh - 136px);
    padding-top: 10px;
}
/*Fin Menu Lateral*/

@media(min-width:830px) {
    .contenedor-principal {
        padding-left: 150px !important;
        padding-top: 55px;
        padding-right: 150px !important;
        padding-bottom: 20px;
    }
}

@media(max-width:830px) {
    .contenedor-principal {
        padding-left: 50px !important;
        margin-top: 20px;
        padding-bottom: 20px;
    }
}

input#collapse_open:checked ~ .contenedor-principal {
    padding-left: 280px;
    transition: .25s;
}

.whcm_toolbar_text {
    max-width: calc(100% - 210px);
}

.toolbar_edición {
    border-left: .5rem solid var(--color_estado_edición);
}

.whcm_toolbar {
    width: 98%;
    background: var(--color-white);
    border-radius: var(--border_radius_standar);
    box-shadow: var(--shadow_standar);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    z-index: 1;
    margin-top: -30px;
    margin-left: 1%;
}

.btn-light, .btn-light:visited, .btn-light:active, .btn-light:focus {
    background-color: transparent !important;
    color: var(--primary-dark-bg-color);
    margin-right: 5px;
}

    .btn-light:hover {
        border-radius: 3px;
        z-index: 0;
        top: 0;
        left: 0;
        box-shadow: var(--shadow_standar);
        background-color: var(--primary-dark-bg-color) !important;
        transition-duration: .2s;
        color: var(--color-white);
    }

.whcm_toolbar_text > h3 {
    max-width: 100%;
    white-space: nowrap;
    color: var(--color-black);
}

.btn {
    outline: none !important;
}

.area1 {
    background: var(--color_area2_back);
    border-radius: var(--border_radius_standar_max);
    box-shadow: var(--shadow_standar);
    position: relative;
    padding-bottom: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
}

.area2 {
    background: var(--color_area2_back);
    border-radius: var(--border_radius_standar_max);
    box-shadow: var(--shadow_standar);
    position: relative;
    padding-bottom: 15px;
    padding-top: 40px;
}

.contenedor {
    padding: 30px 15px 30px 15px;
}

.whcm_toolbar_button .fa-solid {
    font-size: 26px;
}

.table-striped th {
    background-color: #ffffff;
}

.controles-paginador {
    padding: 9px 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--primary-dark-bg-color);
    padding-top: 15px;
    z-index: 1;
}

    .controles-paginador select {
        height: 33px !important;
        padding: 2px !important;
    }

.font_color_primary_dark {
    color: var(--primary-dark-bg-color);
}

.whcm_panel {
    background: var(--color-white);
    box-shadow: var(--shadow_standar);
    border-radius: var(--border_radius_standar_max);
    border: none;
}

    .whcm_panel h3 {
        color: var(--color-black) !important;
        margin-top: 10px !important;
    }

.btn-cancel {
    background-color: var(--bgcolor-btn-cancel);
    color: var(--color-white);
}

    .btn-cancel:hover {
        background-color: var( --color-black);
        color: var(--color-white);
    }


.panel-group .panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .panel-group .panel .panel-heading {
        padding: 15px 20px;
        background-color: transparent;
    }

.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none !important;
}

.panel-group .panel-heading:hover {
    background: var(--color-gris-claro);
}

.panel-group hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-left: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.panel-group .menu .list-group-item {
    border: none !important;
}

.lista-tabs {
    overflow: hidden;
    width: 95%;
    display: inline-block;
}

    .lista-tabs .nav-tabs {
        width: max-content;
    }

    .lista-tabs ~ .btns-lista-tabs {
        width: 5%;
        padding-top: 15px;
        padding-left: 5px;
        float: right;
        white-space: nowrap;
    }

        .lista-tabs ~ .btns-lista-tabs i {
            color: var(--color-black);
        }

.btn-transparent-fondo-oscuro {
    background-color: transparent !important;
    color: var(--color-white) !important;
}

    .btn-transparent-fondo-oscuro:focus {
        box-shadow: none;
    }

:not(.input-icon):not(.spinner) > .form-control:not(.date-search):focus {
    box-shadow: 0 0 0 4px var(--color_focus_general) !important;
}


.logo-siesa-login {
    border-width: 0px;
    display: inline-block;
    height: 75px !important;
    margin-left: 10px;
    margin-top: 27px;
}

.contenedor-form-login {
}

.form-login {
    max-width: 330px;
    margin: 0 auto;
}

.logo-compania-login {
    margin-top: 47px;
    margin-bottom: 33px;
}

.form-login .form-group {
    margin-top: 16px;
}

.form-login .btn-form-login {
    margin-top: 24px;
    margin-bottom: 24px;
}

.flecha-header {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 120px solid transparent;
    border-bottom: 66px solid transparent;
    border-left: 150px solid var(--primary-dark-bg-color);
    left: 0px;
}

.header-mobile {
    height: 126px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
}

.logo-siesa-mobile {
    height: 50px;
    border-width: 0px;
    position: relative;
    float: left
}

.whcm_logo_compania {
    max-height: 40px;
    max-width: 180px;
    object-fit: contain;
    min-width: 100px;
}

.whcm_logo_compania-login {
    max-width: 260px;
    max-height: 80px;
}

.modal-body {
    padding: 40px;
}


#listRoom {
    width: 100%;
    padding: 0px;
}

    #listRoom .roomItem .numberroom {
        font-size: 20px;
        font-weight: bold;
        color: var(--color-bg-dark);
    }

    #listRoom .roomItem .roompre {
        font-size: 20px;
        font-weight: bold;
        color: var(--color-bg-dark) !important;
    }

        #listRoom .roomItem .roompre:hover {
            font-size: 20px;
            font-weight: bold;
            color: var(--color-bg-dark) !important;
        }

    #listRoom a {
        color: var(--color-bg-dark) !important;
    }

    #listRoom .roomItem {
        background-color: var(--primary-dark-bg-color);
        padding: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        color: var(--color-bg-dark);
    }

    #listRoom .roomItemSelected {
        background-color: var(--primary-shadow-color);
    }


.input-icon input, .input-icon select {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: none !important;
}

.input-icon .input-group-addon {
    background-color: transparent !important;
    border: 1px solid var(--border-control-color) !important;
    border-left: 0px !important;
}

.input-icon:focus-within {
    box-shadow: 0 0 0 4px var(--color_focus_general) !important;
    border-radius: 3px !important;
}

    .input-icon:focus-within .form-control {
        border: 0px !important;
    }

.input-icon .form-control:focus {
    border: none !important;
}

.input-icon:focus-within .input-group-addon {
    border: none !important;
}

.input-icon .input-group-addon i {
    color: var(--primary-dark-bg-color) !important;
    cursor: pointer;
}

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

#divmaincontent_basic {
    /*padding-top:65px;*/
}


.alert-success {
    color: var(--color-white) !important;
    background-color: var(--color_alert_success) !important;
    border-color: var(--color_alert_success) !important;
}

.alert-warning {
    color: var(--color-white) !important;
    background-color: var(--color_alert_warning) !important;
    border-color: var(--color_alert_warning) !important;
}

.alert-danger {
    color: var(--color-white) !important;
    background-color: var(--color_alert_error) !important;
    border-color: var(--color_alert_error) !important;
}

.alert-info {
    color: var(--color-white) !important;
    background-color: var(--color_alert_info) !important;
    border-color: var(--color_alert_info) !important;
}

.label-bloqueo {
    white-space: nowrap;
}


.table-language-dtl .td-description-language {
    padding: 5px 0px !important;
}

.form-group label, label[for] {
    font-weight: 500;
}
/*Fin Cambio estilos 2023 */

.content-box-search {
    position: fixed;
    z-index: 1;
    background-color: var(--body-background-color);
    height: 150px;
    width: 100%;
    margin-top: -2px;
    margin-left: -15px;
}

.box-search {
    background-color: #ffffff;
    border-radius: 50px;
    box-shadow: var(--shadow_standar);
    padding: 15px 10px 15px 20px;
    margin: 15px auto;
    width: max-content;
}

@media (max-width: 768px) {
    .box-search {
        width: 60%;
        border-radius:20px !important;
    }

        .box-search .form-group {
            width:100% !important;
        }

    .content-box-search {
        background-color: transparent !important;
        z-index:2 !important;
    }
}

    .box-search .form-group:not(.form-group-btn):not(.rango-fecha) {
        margin-right: 10px;
        width: 160px;
    }

    .box-search .btn-search {
        padding: 20px !important;
        border-radius: 30px !important;
    }

    .spinner, .box-search .input-group {
        border: 1px solid var(--border-control-color);
        border-radius: 5px;
    }

    .box-search .input-group-addon, .spinner .input-group-addon {
        border: none;
        background-color: #ffffff;
    }

    .box-search input:focus, .spinner input:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .box-search input, .spinner input {
        border: none !important;
    }

    .box-search .input-group-addon span, .spinner .input-group-addon span {
        color: var(--primary-dark-bg-color);
    }

.btn-search-movil {
    position: fixed;
    right: 10px;
    padding: 20px !important;
    border-radius: 45px !important;
    bottom:140px;
    z-index:2;
    font-size:40px;
}

.item-hotel-list {
    padding: 0px !important;
    border: none !important;
    border-radius:10px !important;
}

.nombre-hotel {
    color: var(--color-black);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.logo-hotel {
    min-height: 50px;
    height: 50px;
}


.linkMorePhoto {
    bottom: 35px;
    background-color: #000;
    opacity: .5;
    height: 35px;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    padding: 5px 15px;
    position: relative;
    border-radius: 0px 0px 10px 10px;
}

    .linkMorePhoto * {
        color: #ffffff !important;
    }

    .linkMorePhoto .glyphicon {
        font-size: 20px;
    }

.info-tarifa {
    padding: 10px 15px;
    margin-top: -35px;
    box-shadow: var(--shadow_standar);
    border-radius: 0px 0px 10px 10px;
}

@media (max-width: 768px) {
    .info-tarifa {
        margin-top: -40px !important;
        margin-bottom: 15px;
    }
}

    .foto-carrusel {
        border-radius: 10px;
    }

    .div-group-discount {
        border-radius: 10px;
    }

    .visible-value-search {
        color: var(--color_alert_success);
        font-size: 17px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .icon-info-precio {
        font-size: 16px;
    }

    .title-typeroom-search {
        font-size: 27px;
        color: var(--primary-dark-bg-color);
        font-style: italic;
    }

    .title-plan-search {
        font-size: 25px;
        line-height: 35px;
        font-weight: normal;
        color: #3a87ad;
        margin-bottom: 0;
    }

    .price-search-typeroom {
        font-size: 26px;
        letter-spacing: 1px;
    }

    .plan-result-item {
        box-shadow: var(--shadow_standar);
        margin-bottom: 15px;
        border-radius: 10px;
        height: 130px;
    }

    .titulo-box-search {
        background-color: var(--body-background-color);
        width: auto;
        padding: 7px 15px;
        margin-left: -20px;
        margin-right: -10px;
        margin-top: -15px;
        border-radius: 20px 20px 0px 0px;
        height: 50px;
        color: var(--color-black);
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 15px;
    }

        .titulo-box-search .close {
            float: right;
            padding-top: 7px;
        }


    [changepicker] input {
        padding: 8px 5px !important;
    }

.contenedor-resultados {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.item-tipo-habitacion {
    border: 0 !important;
    border-radius: 0px !important;
    box-shadow: var(--shadow_standar);
    margin-bottom: 12px;
}

.descripcion-tipo-habitacion {
    padding-right:10px;
}

.width-auto {
    width:auto !important;
}

.info_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-group.transparente {
    box-shadow: none;
}
.btn-group.transparente .dropdown-toggle {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
}

.whcm_footer {
    margin-right:-35px;
}

.containerFormLogin {
    background-color: #ffffff;
    padding: 15px;
    position: absolute;
    right: 45%;
    top: 48px;
    width: 300px;
    box-shadow: var(--shadow_standar);
    border-radius:10px;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}