:root {
    --orange: #ff8918;
    --dark-orange: #e7790f;
    --green: #28a745;
    --white: #fff;
    --back: #fafafa;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-light: #f4f4f4;
    --gray-medium-light: #d9d9d9;
    --gray-medium: #bababa;
    --shadow: #474747;
    --primary: #333333;
    --primary-op: #3333339e;
    --secondary: #ffffff;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --dark-danger: #d12939;
    --light: #f7f8f9;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --orange-filter: brightness(0) saturate(100%) invert(74%) sepia(78%) saturate(4036%) hue-rotate(348deg) brightness(101%) contrast(101%);
    --white-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7477%) hue-rotate(263deg) brightness(109%) contrast(105%);
    --event-sky-b: #eaf8ff;
    --event-sky-t: #2086bf;
    --event-orange-b: #fff0ea;
    --event-orange-hb: #ffd7b5;
    --event-orange-t: #f86624;
    --event-purple-b: #f4ecfb;
    --event-purple-t: #883dcf;
    --event-red-b: #feecee;
    --event-red-t: #eb3d4d;
    --event-green-b: #e9faf7;
    --event-green-t: #1a9882;
    --event-blue-b: #ebeeff;
    --event-blue-t: #3250ff;
    --chart-purple: #673ab7;
    --chart-blue: #03a9f4;
    --chart-sky: #66c9f1;
    --chart-yellow: #ffc107;
    --chart-grey: #9e9e9e;
}

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    scroll-behavior: smooth:
}

html {
    font-family: Poppins;
    font-size: 16px;
    /*background: var(--secondary);*/
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    ;
}

body {
    font-family: Poppins;
    font-size: 16px;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

header {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 50px;
    padding: 9px 20px;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--secondary);
    z-index: 5;
    border-bottom: 1px solid var(--gray-light);
}

    /*.alt-color-header {
    background: linear-gradient(to bottom, #000000de 3%, #00000045 50%, #ffffff00 100%);
}*/

    header nav {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    header .logo {
        width: 200px;
    }

/* header.top-top {
        background: transparent;
        border-bottom: 0px solid var(--gray-light);
    }

    header.top-top .logo {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    }*/

.global-container {
    margin-top: 50px;
}

.footer, footer {
    position: relative;
    display: flex;
    float: left;
    background: var(--primary);
    color: var(--orange) !important;
    /*margin-top: 88px;*/
    width: 100%;
    padding: 24px 88px 0;
    flex-wrap: wrap;
}

    footer .container .logo {
        width: 256px;
    }

    footer .container {
        width: 100%;
    }

    footer .copyright {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

        footer .copyright p {
            margin-left: 16px;
            margin-right: 16px;
            margin-bottom: 0;
        }

            footer .copyright p a {
                color: var(--secondary)
            }

                footer .copyright p a:hover {
                    color: var(--gray-light)
                }

.EncabezadoPantalla {
    width: 100%;
    height: 50px;
    padding: 9px 20px;
    position: fixed;
}

h1, h2, h3, h4, h4, h5, h6 {
}

label {
}

span {
}

a {
    text-decoration: none;
    color: var(--gray-dark);
}

    a:hover {
        cursor: pointer;
    }

        a:hover label, span {
            cursor: pointer;
        }


.logo {
    width: 150px;
    height: auto;
    align-self: center;
    display: block;
}

    .logo img {
        width: 100%;
        height: auto;
        display: block;
        /*transform: translateY(-4px);*/
    }

nav {
}

.nav-menu {
    align-self: center;
    width: auto;
    margin: 0 auto;
    display: flex;
}

.menu-option {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    padding: 6px 15px;
    color: var(--primary);
    text-decoration: none;
}

    .menu-option:hover {
        color: var(--orange);
        cursor: pointer;
    }

.log-section {
    display: flex;
}

/*.log-section .btn-secondary {
    color: var(--primary);
    box-shadow: none;
    border: 1px solid var(--primary);
}

.log-section .btn-secondary:hover {
    background: var(--gray-light);
}*/

.log-buttons {
    width: auto;
    /*min-width: 250px;*/
    float: right;
    align-self: center;
    display: flex;
    justify-content: flex-end;
    /*margin-left: 16px;*/
}

.extlog-buttons {
    width: 100%;
    min-width: 250px;
    float: left;
    align-self: center;
    display: flex;
    justify-content: flex-start;
}

.login-btn {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--secondary);
    background: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    margin-left: 15px;
    border: 0;
}

    .login-btn:hover {
        background: var(--dark-orange);
        color: var(--secondary);
        cursor: pointer;
    }

.registrado-btn {
    display: block;
    text-align: center;
    color: var(--green);
    width: auto;
    height: 32px;
    background: var(--green);
    border-radius: 16px;
    padding: 6px 15px;
    margin-right: 15px;
    border: 0;
    position: relative;
}

    .registrado-btn:before {
        content: "";
        background: url(../Content/images/Iconos/check.svg) center center no-repeat;
        height: 40px;
        width: 80px;
        background-size: contain;
        position: absolute;
    }

    .registrado-btn :hover {
        background: var(--dark-green);
        color: var(--dark-green);
        cursor: pointer;
    }

.extlogin-btn {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--secondary);
    background: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    margin-right: 15px;
    border: 0;
}

    .extlogin-btn:hover {
        background: var(--dark-orange);
        cursor: pointer;
    }

.signin-btn {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--primary);
    background: var(--secondary);
    border-radius: 16px;
    margin-left: 15px;
    padding: 6px 15px;
    border: 0;
}

    .signin-btn:hover {
        background: var(--gray-light);
        color: var(--primary);
        cursor: pointer;
    }


.btn-secondary {
    width: max-content;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    float: right;
    border-radius: 24px;
    padding: 4px 5px;
    padding-right: 8px;
    /*background: var(--orange);*/
    /*border-color: var(--orange);*/
    /*margin-top: -4px;*/
    border: 1px solid var(--gray-dark);
    font-weight: 600;
    background: transparent;
    color: var(--gray-dark);
}

    .btn-secondary:hover {
        background: var(--gray-light);
        color: var(--primary);
    }

    .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary.show, .btn-secondary:first-child:active, :not(.btn-secondary-check) + .btn-secondary:active {
        color: var(--primary);
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

    .btn-secondary.option-2 {
        border-color: transparent;
    }

        .btn-secondary.option-2:hover {
            background: var(--secondary);
            border-color: var(--secondary);
            color: var(--primary);
        }

        .btn-check:checked + .btn-secondary.option-2, .btn-secondary.option-2.active, .btn-secondary.option-2.show, .btn-secondary.option-2:first-child:active, :not(.btn-secondary-check.option-2) + .btn-secondary.option-2:active {
            color: var(--secondary);
            background-color: transparent;
            border-color: transparent;
        }

    .btn-secondary.option-3 {
        background: var(--secondary);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
        color: var(--primary);
    }

        .btn-secondary.option-3:hover {
            background: transparent;
            border-color: transparent;
        }

        .btn-check:checked + .btn-secondary.option-3, .btn-secondary.option-3.active, .btn-secondary.option-3.show, .btn-secondary.option-3:first-child:active, :not(.btn-secondary-check.option-3) + .btn-secondary.option-3:active {
            color: var(--primary);
            background-color: var(--secondary);
            border-color: var(--secondary);
        }

.errorlist-register {
    display: block;
    margin-top: 8px;
    width: 100%;
}

    .errorlist-register .error-msg {
        color: var(--danger);
        width: 100%;
        display: block;
        margin-bottom: 6px;
        font-size: 14px;
    }



header:not(.top-top) .btn-secondary {
    color: var(--gray-dark);
    box-shadow: none;
    border: 1px solid var(--primary);
}

    header:not(.top-top) .btn-secondary:hover {
        background: var(--gray-light);
    }

.menu-drop .dropdown-menu {
    background: var(--secondary);
    color: var(--primary);
    top: 50px;
    position: absolute;
    right: 0;
    left: auto;
    /*margin-top: -2px;*/
    padding: 0px;
    border: 0px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
    border-radius: 6px;
    overflow: hidden;
}

    .menu-drop .dropdown-menu .dropdown-item {
        color: var(--primary) !important;
        padding: 12px 16px;
        line-height: 24px;
    }

        .menu-drop .dropdown-menu .dropdown-item:hover, .menu-drop .dropdown-item:focus {
            background: var(--gray-medium);
            color: var(--primary) !important;
        }

        .menu-drop .dropdown-menu .dropdown-item .nav-link {
            padding: 0;
            color: var(--primary) !IMPORTANT;
        }

            .menu-drop .dropdown-menu .dropdown-item .nav-link:hover, .menu-drop .dropdown-menu .dropdown-item .nav-link:focus {
                background: transparent;
                color: var(--primary) !important;
            }

.menu-drop .dropdown-item.active, .menu-drop .dropdown-item:active, .menu-drop .dropdown-item:focus, .menu-drop .dropdown-item:hover {
    background: transparent;
}

.user-actions {
    width: auto;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

    .user-actions .user-img {
        height: 29px;
        width: 29px;
    }

.dropdown-toggle::before {
    display: inline-block;
    margin-left: 8px;
    vertical-align: .255em;
    content: "";
    border-top: .35em solid;
    border-right: .35em solid transparent;
    border-bottom: 0;
    border-left: .35em solid transparent;
}

.dropdown-toggle::after {
    display: none;
}

.register-space {
    display: flex;
    margin-left: 16px;
    align-items: center;
    justify-content: center;
}

    .register-space a {
        font-weight: 600;
        color: var(--gray-dark);
    }

header:not(.top-top) .register-space a {
    color: var(--gray-dark);
}

header:not(.top-top) .btn-secondary:hover {
    background: var(--gray-light);
}

.container-fluid {
    padding: 0;
}

.user-data {
    margin-left: 16px;
}

    .user-data .navbar {
        padding: 0;
    }







.search-back-img {
    display: flex;
    width: 100%;
    height: 428px;
    position: relative;
}

    .search-back-img img {
        display: block;
        width: 100%;
        height: auto;
    }

.search-box {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 750px;
    height: 150px;
    background: var(--gray-light);
    border-radius: 10px;
    padding: 20px 7.5px;
    box-shadow: 0px 4px 10px 0px rgb(71 71 71 / 75%);
}

    .search-box label {
        width: 100%;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 5px;
        display: block;
        padding-left: 5px;
    }


.lateral {
    border-right: 1px solid var(--gray-light);
    width: 250px;
    padding: 10px;
    color: var(--primary);
    display: block;
    float: left;
    position: fixed;
    z-index: 5;
    overflow-y: auto;
    height: calc(100vh - 50px);
    background: var(--secondary);
    top: 50px;
    transition: margin-left .5s;
}

.hidde-menu .lateral {
    margin-left: -250px;
}

.show-menu-btn {
    position: fixed;
    left: 250px;
    display: block;
    background: var(--orange);
    border-radius: 0 20px 20px 0;
    font-size: 20px;
    color: var(--secondary);
    transition: .5s;
    opacity: 0;
    width: 0px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0px;
}

    .show-menu-btn:hover {
        background: var(--dark-orange);
    }

.hidde-menu .show-menu-btn {
    left: 0px;
    opacity: 1;
    padding: 6px 12px;
    padding-left: 15px;
    width: auto;
}

.hide-menu {
    color: var(--orange)
}

    .hide-menu:hover {
        color: var(--dark-orange)
    }

.main {
    width: calc(100% - 250px);
    display: block;
    float: left;
    margin-left: 250px;
    margin-top: 50px;
    transition: .5s;
}

.hidde-menu .main {
    width: calc(100% - 30px);
    margin-left: 15px;
}

.search-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .search-section label {
        font-weight: 600;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        float: left;
        font-size: 18px;
    }

    .search-section .hidde-menu {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

.search-box-principal {
    background: rgba(var(--orange), .45);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 100px);
    position: relative;
    overflow: hidden;
    max-height: 677px;
    min-height: 520px;
}


.filter-head {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}


.video-bg {
    position: absolute;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.text-message {
    color: var(--primary);
    text-align: center;
    margin-bottom: 56px;
}

    .text-message h1 {
        font-size: 48px;
        font-weight: 900;
    }

    .text-message h2 {
        font-size: 24px;
        font-weight: 600;
    }

.search-box-principal .text-message {
    color: var(--secondary);
    text-align: center;
    margin-bottom: 56px;
    text-shadow: 0px 1px 7px #262424;
}

    .search-box-principal .text-message .text-message h1 {
        font-size: 63px;
        font-weight: 900;
        line-height: 63px;
    }

.search-box-cont {
    background: var(--primary-op);
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 16px;
    width: 880px;
    height: 100px;
    border-radius: 5px;
}

    .search-box-cont .login-btn {
        margin: 0px;
        border-radius: 0 5px 5px 0;
        height: 45px;
        padding: 13px 16px;
        color: var(--secondary);
    }

    .search-box-cont .registrado-btn {
        margin: 0px;
        border-radius: 0 5px 5px 0;
        height: 45px;
        padding: 13px 16px;
        color: var(--secondary);
    }

    .search-box-cont .search-input {
        background: var(--secondary);
        border: 1px solid var(--gray-medium);
        height: 45px;
        color: var(--primary);
        border-radius: 0px;
        font-family: Poppins;
        font-size: 16px;
    }

    .search-box-cont .slect-custom.f-c .search-input {
        border-radius: 5px 0 0 5px;
    }

.search-box-types {
    width: 100%;
    height: 100px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    overflow: hidden;
    position: relative;
}

.search-box-types-cont {
    display: flex;
    transition: transform 0.5s ease;
}

.type-btn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 24px;
    color: var(--primary);
    min-width: 118px;
}

    .type-btn i {
        display: block;
        height: 48px;
        width: 48px;
        margin-bottom: 4px;
    }

    .type-btn span {
        text-align: center;
    }

    .type-btn:hover {
        color: var(--orange);
        filter: var(--orange-filter);
    }

.space-section {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.title-space {
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    margin-bottom: 16px;
}

.square {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(50% - 10px);
    text-align: center;
    justify-content: center;
    padding: 10px;
    background: var(--gray-light);
    border-radius: 5px;
    margin: 5px;
}

    .square:hover {
        cursor: pointer;
        background: var(--orange);
        color: var(--secondary);
    }

        .square:hover i {
            filter: invert(100%) sepia(98%) saturate(0%) hue-rotate(327deg) brightness(104%) contrast(101%);
        }

    .square i {
        width: 100%;
        margin-bottom: 3px;
    }


.price-section {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.location-section {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

    .location-section .filter-form:nth-child(2) {
        margin-bottom: 8px;
    }

.capacity-section {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.range-line {
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
    display: flex;
    position: relative;
}

.myslider {
    -webkit-appearance: none;
    background: var(--orange);
    width: 100%;
    height: 20px;
    opacity: 2;
}

    .myslider:hover {
        opacity: 1;
    }

    .myslider::-webkit-slider-thumb {
        -webkit-appearance: none;
        cursor: pointer;
        background: var(--gray-medium);
        width: 5%;
        height: 20px;
    }

.light-line {
    background: var(--gray-medium);
    height: 4px;
    border-radius: 2px;
    display: block;
    width: 100%;
    align-self: center;
}

.color-line {
    background: var(--orange);
    height: 4px;
    border-radius: 2px;
    display: block;
    width: 45%;
    align-self: center;
    position: absolute;
}

.range-dot {
    background: var(--orange);
    border-radius: 50%;
    display: block;
    left: 45%;
    align-self: center;
    position: absolute;
    width: 15px;
    height: 15px;
    transform: translateX(-50%);
}

.range-text {
    display: flex;
}

.filter-form {
    margin-right: 10px;
}

select.filter-form {
    margin-bottom: 8px;
}

.service-section {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.service-check {
    width: 100%;
    display: flex;
    margin-bottom: 8px;
}

    .service-check input {
        height: 20px;
        width: 20px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .service-check label {
        font-weight: normal;
        font-size: 16px;
        margin-bottom: 0px;
    }





.row {
    width: 100%;
    float: left;
    display: block;
}

.col-4 {
    width: 25%;
    float: left;
    display: block;
    padding: 0 7.5px
}

select {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid var(--gray-medium);
}

input {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid var(--gray-medium);
}

    input[type="checkbox"] {
        height: 20px;
        width: 20px;
        min-width: 20px;
        float: left;
        accent-color: #eb7300;
    }

    input[type="radio"] {
        accent-color: #e87507;
    }


    input:focus-visible {
        outline-offset: 0px;
        border: 1px solid var(--orange);
    }

:focus-visible {
    border: 1px solid var(--orange);
    outline: 0;
}

.search-btn {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--secondary);
    background: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    max-width: 100px;
    float: right;
    margin-right: 7.5px;
}

    .search-btn:hover {
        background: var(--dark-orange);
        cursor: pointer;
    }

.popular-places .card-box {
    display: flex;
    width: auto;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
    padding: 10px;
    position: relative;
    padding-bottom: 25px;
    width: 100%;
}

/*.hidde-menu .popular-places .card-box {
    padding-bottom: 25px;
}*/

/*.popular-places:after {
        content: "\f061";
        height: 50px;
        width: 50px;
        display: block;
        background: rgb(255 255 255 / 50%);
        box-shadow: 0px 3px 4px hsl(0deg 0% 28% / 75%);
        border-radius: 50%;
        padding: 9px 10px;
        position: absolute;
        right: 10px;
        font-family: "Font Awesome 5 Free";
    }*/

.card-container {
    width: 300px;
    min-width: 300px;
    height: auto;
    display: block;
    overflow: hidden;
    float: left;
    margin: 10px;
    position: relative;
    border-radius: 0px;
    /*box-shadow: 0px 4px 10px 0px rgb(71 71 71 / 75%);*/
}

    .card-container:hover {
        cursor: pointer;
    }

#profile-form .card-container {
    width: 280px;
    min-width: 280px;
}

.link-btn {
    color: var(--primary);
    text-decoration: none;
}



.image-section {
    display: block;
    width: 300px;
    height: 200px;
    display: flex;
    overflow: hidden;
}

.image-sectionimg {
    display: block;
    width: 100%;
    height: auto;
}

.image-section img {
    align-self: center;
    width: 100%;
}

.top-info-img {
    position: absolute;
    width: calc(100% - 30px);
    height: 28px;
    display: flex;
    border-radius: 10px;
    margin: 15px;
    z-index: 4;
    justify-content: space-between;
}

.location-city {
    background: rgb(255 255 255 / 70%);
    align-self: center;
    height: 28px;
    padding: 7px 12px;
    border-radius: 16px;
    width: auto;
    font-size: 14px;
}

    .location-city i {
        margin-right: 8px;
        float: left;
    }

    .location-city div {
        display: flex;
        float: left;
    }

        .location-city div:nth-of-type(n+2) {
            display: none;
        }

.heart-btn {
    color: var(--secondary);
    padding: 7px 0px;
    display: none;
    width: auto;
    text-align: right;
}

    .heart-btn:hover {
        cursor: pointer;
    }

    .heart-btn.full {
        color: var(--orange);
    }

.info-section {
    /*background: var(--gray-light);*/
    padding: 5px 0px 10px;
    height: auto;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--dark);
}

.mi-carousel-inner {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.mi-carousel-item {
    flex: 0 0 auto;
    width: 100%;
    box-sizing: border-box;
    max-width: 300px;
}

    .mi-carousel-item a {
        height: 200px;
        /*width: 300px;*/
        display: block;
    }

    .mi-carousel-item img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }



.mi-carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgb(255 255 255 / 70%);
    border: none;
    color: var(--primary);
    font-size: 20px;
    cursor: pointer;
    padding: 0.5rem;
    z-index: 1;
    border-radius: 16px
}


    .mi-carousel-control.prev {
        left: 10px;
        padding: 4px 13px 4px 10px;
    }

    .mi-carousel-control.next {
        right: 10px;
        padding: 4px 12px 4px 12px;
    }




.info-divider {
    display: flex;
    width: 100%;
}

.col-info {
    width: 78%;
}

.col-ranking {
    width: 28%;
    max-width: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.type-place {
    width: 100%;
    display: flex;
    align-items: center;
}

    .type-place label {
        font-size: 12px;
        width: 70%;
        line-height: 27px;
    }

    .type-place i {
        width: 25px;
        height: 22px;
    }


.place-name {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0px;
    letter-spacing: 0px;
    height: 27px;
    overflow: hidden;
    font-weight: 600;
    display: flex;
    align-items: center;
}

    .place-name label {
        overflow: hidden;
        max-width: 213px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.place-info {
    font-size: 13px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    height: 45px;
    overflow: hidden;
}

.place-price {
    font-size: 20px;
    font-weight: normal;
    color: var(--orange);
    margin-bottom: 0px;
    letter-spacing: 1px;
    display: flex;
}

    .place-price span {
        color: var(--gray-dark);
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        align-self: flex-end;
        line-height: 20px;
    }

    .place-price label {
        display: inline-flex;
    }

        .place-price label i {
            height: 20px;
            width: 20px;
            margin-right: 2px;
        }

.place-services {
}

    .place-services .service-btn {
        margin: 0 5px;
        height: 32px;
        line-height: 32px;
        display: block;
        float: left;
    }




.service-btn.service-plus-btn {
    width: 32px;
    background: #c9c9c9;
    text-align: center;
    border-radius: 50%;
    padding-top: 2px;
}

.place-ranking {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

    .place-ranking i {
        color: var(--orange);
        margin-right: 0px;
    }

.place-capacity {
    width: 100%;
    text-align: center;
}

    .place-capacity i {
        margin-bottom: 10px;
    }

    .place-capacity span {
        display: block;
        font-size: 11px;
        width: 100%;
    }


    .place-capacity.lineal {
        text-align: left;
        display: flex;
        float: left;
        margin: 0;
        margin-left: 16px;
    }

        .place-capacity.lineal i {
            margin-bottom: 0;
            width: 24px;
            height: 24px;
            display: block;
            float: left;
            margin-right: 8px;
        }

        .place-capacity.lineal span {
            display: block;
            font-size: 16px;
            width: auto;
            color: var(--gray-dark);
            float: left;
            line-height: 18px;
        }


.next-float-btn {
    height: 50px;
    width: 50px;
    display: block;
    background: rgb(255 255 255 / 65%);
    box-shadow: 0px 3px 4px hsl(0deg 0% 28% / 75%);
    border-radius: 50%;
    padding: 9px 10px;
    position: absolute;
    right: 10px;
}

.prev-float-btn {
    height: 50px;
    width: 50px;
    display: block;
    background: rgb(255 255 255 / 50%);
    box-shadow: 0px 3px 4px hsl(0deg 0% 28% / 75%);
    border-radius: 50%;
    padding: 9px 10px;
    position: absolute;
    left: 10px;
}

    .next-float-btn:hover, .prev-float-btn:hover {
        cursor: pointer;
    }

.title-section {
    height: 50px;
    width: 100%;
    display: block;
    padding: 8px 16px;
    padding-left: 10px;
}

.title-section-recomendation {
    height: 50px;
    width: 100%;
    display: block;
    padding: 8px 16px;
}

    .title-section-recomendation h2 {
        float: left;
    }

    .title-section-recomendation .search-top.top-show {
        position: relative;
        width: 150px;
        left: auto;
        float: right;
        transform: none;
        margin-right: 16px;
    }

    .title-section-recomendation .login-btn {
        float: right;
    }

        .title-section-recomendation .login-btn span {
            margin-right: 8px;
        }

    .title-section-recomendation .registrado-btn {
        float: right;
    }

        .title-section-recomendation .registrado-btn span {
            margin-right: 8px;
        }


.tag-section {
    display: flex;
    width: 100%;
    padding: 8px 16px;
    gap: 8px;
}

.tag-filter {
    background: var(--gray-medium-light);
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 12px;
    padding-right: 2px;
}

    .tag-filter span {
        cursor: default;
    }

.tag-filter-close {
    width: 12px;
    display: inline-block;
    text-align: center;
    margin-left: 4px;
    cursor: pointer;
}


.cities-places .card-box {
    display: flex;
    width: auto;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

    .cities-places .card-box .card-container {
        width: 300px;
        height: 240px;
        display: block;
        float: left;
        margin: 10px;
        position: relative;
        overflow: initial;
        box-shadow: none;
        border-radius: 0px;
    }



        .cities-places .card-box .card-container .image-section {
            overflow: hidden;
            box-shadow: 0px 4px 10px 0px rgb(71 71 71 / 75%);
            border-radius: 10px;
        }

        .cities-places .card-box .card-container .info-section {
            height: 40px;
            background: transparent;
        }

.offers-section .card-box {
    display: flex;
    width: auto;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

    .offers-section .card-box .card-container {
        width: 450px;
        height: 200px;
        display: block;
        float: left;
        margin: 10px;
        position: relative;
        overflow: hidden;
        box-shadow: 0px 4px 10px 0px rgb(71 71 71 / 75%);
        border-radius: 10px;
    }

        .offers-section .card-box .card-container:hover {
            cursor: default;
        }

        .offers-section .card-box .card-container .image-section {
            width: 450px;
        }

        .offers-section .card-box .card-container .info-section {
            height: 200px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            align-items: baseline;
            background: rgb(0 0 0 / 50%);
            color: #fff;
            flex-wrap: wrap;
            align-content: end;
        }

.info-section-clumns {
    display: flex;
    align-items: center;
}

.offer-text label {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;
    display: block;
}

.offer-text span {
    font-size: 14px;
}

.info-section-clumns .offer-text {
    width: 70%;
}

.info-section-clumns .offer-btn-cont {
    width: 30%;
    text-align: center;
}

.offer-btn {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--secondary);
    background: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    max-width: 100px;
    float: right;
    margin-right: 7.5px;
}

    .offer-btn:hover {
        cursor: pointer;
    }

.register-place {
    width: 100%;
    display: block;
    padding-top: 50px;
    height: 100%;
}

.register-title {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    padding: 10px;
}

    .register-title h1 {
        font-size: 25px;
    }

.questionary-cont {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    /*flex-wrap: wrap;*/
    align-items: end;
    /*justify-content: center;*/
    /*padding: 10px 130px;*/
    position: relative;
    width: 950px;
}

.image-register-section {
    position: absolute;
    width: 441px;
    left: 0;
    z-index: -1;
}

.quest-box {
    width: 450px;
    height: 95px;
    background: var(--gray-light);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 4px 10px 0px rgb(71 71 71 / 75%);
    margin: 10px;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
}

    .quest-box:nth-child(2) {
        margin-right: 65px;
    }

    .quest-box:nth-child(3) {
        margin-right: 30px;
    }

    .quest-box:nth-child(4) {
        margin-right: 50px;
    }

    .quest-box:nth-child(5) {
        margin-right: 85px;
    }

    .quest-box.success {
        border: 2px solid var(--success);
    }

    /*.quest-box.success i {
            filter: invert(46%) sepia(96%) saturate(390%) hue-rotate(81deg) brightness(94%) contrast(89%);
        }*/

    .quest-box.missing {
        border: 2px solid var(--warning);
    }

    /*.quest-box.missing i {
            filter: invert(77%) sepia(83%) saturate(1667%) hue-rotate(352deg) brightness(102%) contrast(103%);
        }*/

    .quest-box.wrong {
        border: 2px solid var(--danger);
    }

    /* .quest-box.wrong i {
            filter: invert(31%) sepia(70%) saturate(3742%) hue-rotate(336deg) brightness(90%) contrast(91%);
        }*/

    .quest-box:hover {
        cursor: pointer;
    }

.box-title {
    height: 25px;
    width: 100%;
    grid-column: 1;
    grid-row: 1 / 3;
    font-size: 15px;
}

.box-description {
    font-size: 12px;
    letter-spacing: 1px;
    align-items: center;
    display: flex;
    width: 100%;
    grid-column: 1;
    grid-row: 2 / 3;
}

.icon-box {
    margin: 0 auto;
    height: 50px;
    width: 50px;
    grid-column: 2;
    grid-row: 1 / 3;
}

    .icon-box i {
        width: 50px;
        height: 50px;
    }

.next-btn-place {
    height: 50px;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: right;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid var(--orange);
    background: var(--secondary);
}

.btn-register-next {
    color: var(--orange);
}

    .btn-register-next i {
        margin-left: 10px;
    }

    .btn-register-next.innactive {
        color: var(--gray-medium);
    }



.btn-register-back {
    color: var(--orange);
}

    .btn-register-back i {
        margin-right: 10px;
    }

.no-show {
    opacity: 0;
}

.modal {
    display: none;
    width: 100%;
    height: 100%;
    background: rgb(51 51 51 / 60%);
    position: fixed;
    top: 0;
    z-index: 10;
}

    .modal.activo {
        display: block;
    }

    .modal.modal-login {
        background: transparent;
    }

        .modal.modal-login .modal.modal-login {
            background: transparent;
            display: block;
        }

        .modal.modal-login .pop-up {
            width: 300px;
            margin: 0;
            position: absolute;
            right: 0;
            top: 50px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            transform: none;
            left: auto;
        }


        .modal.modal-login iframe html {
            background: transparent;
        }

    .modal:focus-visible {
        border: 0;
    }

.pop-up {
    display: flex;
    width: 550px;
    /* height: 400px;*/
    background: var(--secondary);
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    flex-direction: column;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
}

    .pop-up.pop-lg {
        width: 800px;
    }

    .pop-up.contact-pop {
        width: 400px;
        display: none;
    }

        .pop-up.contact-pop.show-contact {
            display: flex;
            position: fixed;
        }

        .pop-up.contact-pop .pop-head {
            justify-content: space-between;
        }

        .pop-up.contact-pop .pop-cont {
        }

            .pop-up.contact-pop .pop-cont a.row-links {
                width: 100%;
                display: flex;
                align-items: center;
                margin-bottom: 8px;
            }

                .pop-up.contact-pop .pop-cont a.row-links span {
                    float: left;
                    display: block;
                    width: auto;
                }

                .pop-up.contact-pop .pop-cont a.row-links i {
                    margin-right: 16px;
                    font-size: 26px;
                }

                .pop-up.contact-pop .pop-cont a.row-links .whatsapp-icon {
                    margin: 0;
                    margin-right: 16px;
                    width: 28px;
                    height: 28px;
                }

                .pop-up.contact-pop .pop-cont a.row-links .login-facebook-btn {
                    border: 0;
                    padding: 0;
                }

                    .pop-up.contact-pop .pop-cont a.row-links .login-facebook-btn:hover {
                        border: 0;
                    }

                    .pop-up.contact-pop .pop-cont a.row-links .login-facebook-btn::after {
                        height: 28px;
                        width: 28px;
                        margin: 0;
                    }



.pop-head {
    display: flex;
    padding: 10px 12px;
    height: 42px;
    align-items: center;
    border-bottom: 1px solid var(--gray-medium-light);
}

.pop-title {
    display: block;
    width: 100%;
    font-size: 14px;
}

.close-pop {
    display: block;
    float: right;
    text-align: revert;
    width: auto;
    color: var(--orange);
}

.pop-head .close-pop {
    display: block;
    float: right;
    text-align: right;
    width: 100%;
    color: var(--orange);
}

    .pop-head .close-pop .icon-close {
        width: 20px;
        height: 20px;
        float: right;
        margin: 0;
    }

.pop-up.contact-pop .pop-head .close-pop {
    width: auto;
}

.pop-cont {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 25px;
    height: calc(100% - 84px);
    max-height: 490px;
    overflow-y: auto;
}

.form-pop {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    .form-pop label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .form-pop.answer100 .answer-op {
        width: calc(100% - 10px);
        margin-bottom: 10px;
    }

.answer-op {
    display: flex;
    width: calc(50% - 10px);
    margin: 5px;
    height: 32px;
    padding: 0px;
    border-radius: 8px;
    border: 1px solid var(--gray-medium);
    background: var(--secondary);
    align-items: center;
    overflow: hidden;
}

    .answer-op i {
        display: none;
        float: right;
        margin-top: 2px;
        color: var(--orange);
        padding: 0 5px;
    }

    .answer-op.selected {
        border: 1px solid var(--orange);
    }

        .answer-op.selected i {
            display: inline-block;
        }

    .answer-op span {
        width: 100%;
        padding: 0px 5px;
        font-size: 12px;
    }

.sqare-cont-icon {
    width: 32px;
    background: var(--gray-medium-light);
    padding: 4px 5px;
    height: 30px;
}

.answer-op .sqare-cont-icon i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: 0px;
}


.form-range-pop {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
    justify-content: center;
    height: 200px;
}

    .form-range-pop .range-op {
        display: flex;
        width: 90%;
        align-items: center;
        border-bottom: 1px solid var(--gray-medium-light);
        padding: 0 10px;
    }

        .form-range-pop .range-op span {
            display: block;
            width: 100%;
            margin-bottom: 5px;
        }

        .form-range-pop .range-op .range-selection {
            width: 100px;
            display: flex;
            align-items: center;
        }

            .form-range-pop .range-op .range-selection a {
                border: 1px solid var(--gray-dark);
                border-radius: 50%;
                padding: 5px;
                font-size: 10px;
            }

            .form-range-pop .range-op .range-selection label {
                width: 100%;
                text-align: center;
                font-weight: bold;
            }

            .form-range-pop .range-op .range-selection span {
                width: 100%;
                text-align: center;
                font-weight: bold;
            }

.pop-col-2 {
    display: flex;
    width: calc(50% - 10px);
    flex-wrap: wrap;
    margin: 5px;
}

    .pop-col-2 label {
        font-size: 14px;
    }

.pop-map {
    display: block;
    width: 100%;
    margin-top: 5px;
}

    .pop-map iframe {
        width: 100%;
        height: 400px;
    }

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

.sqare-fotos {
    /* display: flex;
    width: calc(100% - 20px);
    border: 1px dashed;
    margin: 0px 10px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    text-align: center;
    padding: 20px;
    align-items: center;*/
}

    .sqare-fotos label {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .sqare-fotos span {
        font-size: 14px;
        color: var(--gray-medium);
        margin-bottom: 5px;
    }

.icono-fotos {
    display: block;
    width: 200px;
    height: 200px;
}

    .icono-fotos img {
        width: 100%;
        height: auto;
    }

.select-archive-btn {
    text-decoration: underline;
}

.small-sqare-fotos {
    display: flex;
    width: calc(25% - 20px);
    border: 1px dashed;
    margin: 10px 10px 0px;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    padding: 10px;
    align-items: center;
    justify-content: center;
}

    .small-sqare-fotos .icono-fotos {
        width: 120px;
        height: 120px;
    }

.icono-fotos-add {
    background: url(../Content/images/Iconos/Fotos-add.svg) center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: block;
    margin: 0;
}

.short-description {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid var(--gray-medium);
    resize: none;
    font-family: 'Poppins';
}

.large-description {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid var(--gray-medium);
    resize: none;
    font-family: 'Poppins';
}

.monto-set {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .monto-set .fijo {
        font-size: 48px;
        width: auto;
        font-family: 'Poppins';
    }

    .monto-set .cantidad {
        width: 150px;
        height: 48px;
        font-size: 48px;
        font-family: 'Poppins';
        font-weight: bold;
        border: none;
        text-align: right;
    }

.desglose-row {
    display: flex;
    width: 70%;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 5px;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--gray-medium-light);
}

    .desglose-row span {
        width: calc(100% - 100px);
    }

    .desglose-row label {
        font-weight: bold;
        width: 100px;
        text-align: right;
    }

.pop-foot {
    display: flex;
    padding: 10px;
    height: 42px;
    height: 52px;
    justify-content: flex-end;
    border-top: 1px solid var(--gray-medium-light);
}

.space-detail-cont {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    /*margin-top: 53px;*/
    position: relative;
}

.main-description {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}

    .main-description .title-section {
        font-size: 24px;
        font-weight: 700;
        height: 70px;
        margin-top: 20px;
    }

.plus-info {
    width: 100%;
    display: flex;
}

.evaluationcitybox {
    display: flex;
    align-items: center;
}

.sharefavbox {
    width: 100%;
    text-align: right;
}

    .sharefavbox i {
        margin-right: 10px;
    }

.evaluation {
    margin-right: 10px;
}

    .evaluation .place-ranking {
        margin-bottom: 0px;
        font-size: 18px
    }

    .evaluation .place-type {
        display: flex;
        align-items: center;
    }

        .evaluation .place-type i {
            width: 27px;
            height: 27px;
        }

        .evaluation .place-type label {
            font-size: 18px;
            margin-left: 5px;
            font-weight: 600;
        }


.city {
    font-size: 18px;
    font-weight: normal;
}

.share {
    width: 52%;
    float: left;
}

    .share a {
        display: flex;
        align-items: center;
    }

        .share a i {
            margin: 0;
            display: inline-block;
            margin-right: 10px;
            float: left;
            width: 25px;
            height: 25px;
        }

.pull-right.share a {
    justify-content: end;
}


.share-btn {
    align-items: center;
    height: 32px;
    background: var(--gray-medium-light);
    border-radius: 16px;
    padding: 4px 16px;
    margin-top: 24px;
    font-size: 14px;
    justify-content: space-between;
}

.pop-up.contact-pop .pop-cont a.row-links.share-btn i {
    margin: 0;
    font-size: 20px;
}

#popShareSpace .pop-cont label {
}

#popShareSpace .pop-cont span.share-sub-text {
    font-size: 12px;
    margin-top: 14px;
}

.copy-pop-success {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--secondary);
    padding: 8px 16px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
}

.fav {
    width: 50%;
    float: left;
}

.images-section {
    display: flex;
    width: 70%;
    padding: 0px 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}



.principal-image {
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
}

    .principal-image img {
        width: 100%;
        height: auto;
        align-self: center;
    }

.secondary-mage {
    width: calc(33.333% - 7px);
    height: 160px;
    overflow: hidden;
    display: flex;
}

    .secondary-mage img {
        width: 100%;
        align-self: center;
    }

    .secondary-mage:nth-of-type(n+5) {
        display: none;
    }

    .secondary-mage.plus-images {
        position: relative;
    }

        .secondary-mage.plus-images a {
        }

.plus-image-view {
    position: absolute;
    margin: 0;
    width: calc(33.333% - 14px);
    height: 160px;
    border: none;
    background: #ffffff7a;
    display: none;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    padding: 5px;
    align-items: center;
    justify-content: center;
    bottom: 0px;
    right: 11px;
}

.images-section div:nth-child(4) ~ .plus-image-view {
    display: flex;
}

.plus-image-view .icono-fotos-add {
    display: flex;
}

.description-section {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 10px;
    width: 70%;
}

.top-box {
    margin-bottom: 10px;
    padding: 10px 0 15px;
    border-bottom: 1px solid var(--gray-medium-light);
    width: 100%;
}

.space-manager {
}

    .space-manager label {
        font-size: 20px;
        font-weight: bold;
        width: 100%;
        display: block;
    }

    .space-manager span {
        font-size: 14px;
        width: 100%;
        display: block;
    }


.tag-setion {
}

    .tag-setion .tag {
        width: auto;
        float: left;
        margin: 5px;
        font-size: 12px;
        padding: 3px 8px;
        background: var(--orange);
        color: var(--secondary);
        border-radius: 8px;
    }

.large-description-box {
    margin-bottom: 10px;
    padding: 10px 10px 15px;
    border-bottom: 1px solid var(--gray-medium-light);
    width: 100%;
}

    .large-description-box p {
        font-size: 16px;
        color: var(--dark);
        line-height: 21px;
        letter-spacing: .5px;
    }

.info-box {
    width: 100%;
    padding-right: 5px;
}

.title-box {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-left: -10px;
}

.capacity-box {
    margin-bottom: 10px;
    padding: 10px 10px 15px;
    border-bottom: 1px solid var(--gray-medium-light);
    width: 100%;
}

    .capacity-box .box-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .capacity-box .box-list p {
            display: flex;
            align-items: center;
            gap: 8px;
            line-height: 32px;
            margin-bottom: 10px;
        }


.box-list {
    padding: 0;
    margin: 0;
}

    .box-list li {
        list-style: none;
        width: 50%;
        float: left;
        margin-bottom: 10px;
        color: var(--dark);
        display: flex;
        align-items: center;
        height: 36px;
    }

        .box-list li i {
            margin: 0;
            margin-right: 4px;
        }

    .box-list a.btn-primary {
        width: max-content;
        margin-left: 0;
    }

    .box-list.three-cols li {
        width: 33%;
    }

    .box-list.single-col li {
        width: 100%;
    }

        .box-list.single-col li.activity-item {
            padding: 0;
            border: 0;
        }

    .box-list.list-style-on li {
        display: list-item;
        list-style: disc;
        margin-left: 20px;
    }

.services-box {
    margin-bottom: 10px;
    padding: 10px 10px 15px;
    border-bottom: 1px solid var(--gray-medium-light);
    width: 100%;
}

.map-box {
    margin-bottom: 10px;
    padding: 10px 10px 15px;
    width: 100%;
}

.box-map {
}

    .box-map iframe, .box-map #map {
        width: 100%;
        height: 250px;
    }

.review-box {
    padding: 0 10px;
}

    .review-box .fa-star, .review-box .fa-star-half {
        color: var(--orange);
    }

    .review-box .title-box {
        margin-bottom: 24px;
    }

    .review-box .comment-box {
        margin-bottom: 16px;
        border-bottom: 1px solid var(--gray-medium-light);
        padding-bottom: 10px;
    }

    .review-box .user-box {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

        .review-box .user-box .user-img {
            width: 50px;
            margin-right: 10px;
        }

            .review-box .user-box .user-img img {
                display: block;
                width: 100%;
            }

        .review-box .user-box .user-name label {
            font-size: 16px;
            font-weight: 600;
        }

        .review-box .user-box .user-commemt .date-review {
            font-size: 14px;
            font-weight: 600;
        }

.main-price {
    position: relative;
    width: 30%;
    max-width: 360px;
    display: flex;
    flex-wrap: wrap;
}

.main-price-fix {
    position: fixed;
    width: 25.5%;
    max-width: 360px;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    /*top: 85px;*/
    top: 92px;
    /*height: calc(100% - 85px);*/
    max-height: 1470px;
    overflow: auto;
    align-items: flex-start;
    flex-direction: column;
}

    .main-price-fix .plus-info {
        align-items: center;
        margin-bottom: 8px;
    }

        .main-price-fix .plus-info .btn-primary {
            height: 30px;
        }

.square-price {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--gray);
    padding: 10px;
    border-radius: 15px;
    /*height: calc(100% - 30px);*/
    min-height: 415px;
}

.main-price-fix .square-price .title-price {
    text-align: center;
}

.payment-process-cont .square-price {
    min-height: 535px;
}

.space-price {
    /*padding: 10px 0;*/
    border-bottom: 1px solid var(--gray-medium);
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
}

    .space-price label {
        font-size: 22px;
        font-weight: 600;
        width: max-content;
        display: block;
        text-align: right;
        margin-bottom: 0px;
    }

        .space-price label.days-range {
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 4px;
        }



        .space-price label span {
            font-size: 14px;
            font-weight: normal;
        }

    .space-price span {
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

.price-box {
    display: flex;
    flex-wrap: wrap;
}

    .price-box .form-input {
        line-height: 32px;
        padding: 0;
        font-size: 14px;
        padding: 8px 10px;
        height: 40px;
        border-radius: 20px;
    }

.offer-price {
    display: flex;
    padding: 16px;
    align-items: center;
    padding-top: 0px;
    width: 100%;
}

    .offer-price label {
        font-size: 12px;
        width: 80%;
    }

    .offer-price span {
        display: block;
        width: 20%;
        text-align: right;
    }

.date-time {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.date-time-row {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 4px;
}

    .date-time-row.extra-row {
        margin-top: 16px;
    }

    .date-time-row .delete-row {
        color: transparent;
    }

    .date-time-row:hover .delete-row {
        color: var(--danger);
    }

.form-box {
    width: calc(100% - 41px);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 16px;
}

.calendar-select {
    width: 100%;
}

.time-select {
    display: flex;
    width: 100%;
}

    .time-select select.form-input:first-child {
        border-radius: 20px 0 0 20px;
    }

    .time-select select.form-input:last-child {
        border-radius: 0 20px 20px 0;
    }

.date-time .text-btn {
    margin-left: 18px;
    margin-top: 8px;
}

.attendees {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
}

    .attendees .attendees-select {
        width: Calc(100% - 8px);
    }

.price-row {
    padding: 16px;
    width: 100%;
}

    .price-row .price-list {
        display: block;
        width: 100%;
        margin: 0;
        float: left;
        padding: 0 8px;
    }

        .price-row .price-list li {
            margin-bottom: 8px;
            font-size: 14px;
        }

            .price-row .price-list li label {
                float: left;
                margin-right: 5px;
            }

            .price-row .price-list li a {
                float: left;
            }


            .price-row .price-list li span {
                float: right;
            }

    .price-row .subtotal {
        display: block;
        width: 100%;
        float: left;
        border-top: 1px solid var(--gray-medium);
        padding: 0 8px;
        padding-top: 8px;
        font-size: 14px;
    }

        .price-row .subtotal .subtotal-title {
            float: left;
            font-weight: 600;
            font-size: 14px;
        }

        .price-row .subtotal .subtotal-price {
            float: right;
        }

.user-time-respond {
    width: 100%;
    padding: 4px 34px;
    padding-top: 0px;
    display: flex;
    gap: 8px;
    font-size: 14px;
    align-items: center;
}

.cost-disclaire {
    display: flex;
    width: 100%;
    padding: 0 16px 16px;
    font-size: 14px;
}

.instant-book-info {
    display: flex;
    width: 100%;
    padding: 16px;
    flex-wrap: wrap;
    text-align: center;
    font-size: 14px;
}

.form-cont-2 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

    .form-cont-2 .select-format:first-of-type {
        border-radius: 10px 0px 0px 10px;
    }

    .form-cont-2 .select-format:last-of-type {
        border-radius: 0px 10px 10px 0px;
    }

.form-cont {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.select-format {
    width: 100%;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--gray-medium);
    border-radius: 10px;
}

    .select-format label {
        width: 100%;
        display: block;
    }

    .select-format span {
        font-size: 12px;
        color: var(--gray-medium);
    }

.form-cont-2 .select-format {
    width: 50%;
}

.option-format-box {
    display: block;
    position: absolute;
    width: 100%;
    top: 40px;
    background: var(--secondary);
    border: 0px solid transparent;
    z-index: 5;
    height: 0px;
    overflow: hidden;
}

    .option-format-box.show {
        border: 1px solid var(--gray-medium);
        height: auto;
        overflow: auto;
    }

.option-form {
    width: 100%;
    display: block;
    padding: 10px;
}

    .option-form:hover {
        background: var(--gray-medium-light);
    }

.services-row {
    width: 100%;
    /*margin-bottom: 10px;*/
    padding: 16px;
}

.services-btn {
    padding: 10px;
    width: 100%;
    display: block;
    background: var(--gray-medium-light);
    border-radius: 10px;
    text-align: center;
}


.reserve-btn {
    padding: 16px;
    width: 100%;
    display: block;
    background: var(--orange);
    border-radius: 35px;
    text-align: center;
    color: var(--secondary);
    font-size: 20px;
    /*margin-top: 19px;
    margin-bottom: -10px;*/
}

    .reserve-btn:hover {
        background: var(--dark-orange);
    }

.whatsapp-btn {
    padding: 20px;
    width: 100%;
    display: block;
    background: var(--orange);
    border-radius: 35px;
    text-align: center;
    color: var(--secondary);
    font-size: 20px;
    margin-top: 19px;
    margin-bottom: -10px;
}

    .whatsapp-btn:hover {
        background: var(--dark-orange);
    }




.title-price { /*
    font-size: 16px;
    font-weight: bold;*/
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
}

.price-list li {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    color: var(--dark);
    font-size: 14px;
}


.capture-exception {
    border: none;
    font-size: 16px;
    width: calc(100% - 55px);
    align-self: center;
    border-radius: 0px;
}

    .capture-exception:focus-visible {
        outline-offset: 0px;
        border: none;
        border-bottom: 2px solid var(--orange);
        outline: 0px;
    }

.add-except-btn {
    align-self: center;
    width: 35px;
    padding: 5px 10px;
    background: var(--gray-medium-light);
    border-radius: 5px;
    margin-left: 10px;
    text-align: center;
}

    .add-except-btn:hover {
        background: var(--gray-medium);
    }

.form-pop .exception-list {
    color: var(--primary);
    padding: 5px 10px;
    display: none;
    width: 100%;
    align-items: center;
}

    .form-pop .exception-list.show {
        display: flex;
    }

    .form-pop .exception-list label {
        font-weight: normal;
        float: left;
    }

    .form-pop .exception-list .remove-btn {
        color: var(--danger);
        float: right;
        align-self: center;
        width: 35px;
        padding: 5px 10px;
        border-radius: 5px;
        margin-left: 10px;
        text-align: center;
    }

        .form-pop .exception-list .remove-btn:hover {
            color: var(--dark-danger);
        }

.preview-cont {
    display: flex;
    flex-wrap: nowrap;
    width: 85%;
    margin: 0 auto;
    max-width: 1200px;
    margin-top: 53px;
    position: relative;
    height: calc(100% - 100px);
}

.preview-page-box {
    border: 1px solid var(--primary);
    width: 72%;
    height: calc(100% - 10px);
    overflow-y: auto;
    font-size: 12px;
}

    .preview-page-box .space-detail-cont {
        margin: 0px;
        width: 100%;
    }

    .preview-page-box .main-price-fix {
        width: 18.35%;
        height: calc(100% - 160px);
        top: 110px;
    }

    /*.preview-page-box .main-description .title-section {
        font-size: 17px;
        padding: 10px 10px;
        height: 50px;
    }

    .preview-page-box .evaluation .place-ranking {
        font-size: 12px;
    }

    .preview-page-box .city {
        font-size: 12px;
    }*/

    .preview-page-box .principal-image {
        height: 250px;
    }

    .preview-page-box .secondary-mage {
        height: 80px;
    }

    .preview-page-box .description-section {
        margin-top: 5px;
        padding: 5px 10px;
    }

    .preview-page-box .description-section {
    }

    .preview-page-box .description-section {
    }

    .preview-page-box .reserve-btn {
        margin-top: 25px;
        padding: 10px 20px;
    }

    .preview-page-box .select-format {
        padding: 5px;
    }

        .preview-page-box .select-format label {
            font-size: 12px;
        }

        .preview-page-box .select-format span {
            font-size: 10px;
        }

    .preview-page-box .plus-image-view {
        top: 225px;
    }


.preview-card-box {
}

.option-switch-cont {
    display: flex;
    height: 65px;
    align-items: center;
}

    .option-switch-cont .switch-option {
        width: calc(50% - 35px);
        padding: 5px 10px;
        font-weight: normal;
    }

    .option-switch-cont .switch {
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: 70px;
    }

        .option-switch-cont .switch .input {
            display: none;
        }

        .option-switch-cont .switch .rail {
            position: relative;
            width: 60px;
            height: 20px;
            background-color: var(--gray-medium-light);
            border-radius: 3rem;
        }

            .option-switch-cont .switch .rail .circle {
                display: block;
                width: 30px;
                height: 30px;
                background: var(--orange);
                border-radius: 50%;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                transition: transform 0.4s;
            }

        .option-switch-cont .switch .input:checked ~ .rail .circle {
            transform: translate(30px, -50%);
        }

.cupon-list {
    display: none;
    justify-content: space-between;
}

    .cupon-list.show {
        display: flex;
    }

.cupon-selector-box {
    padding: 5px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 10px;
    width: calc(33.3333% - 5px);
}

    .cupon-selector-box:hover {
        cursor: pointer;
    }

.cupon-box {
    border: 1px solid var(--gray-medium);
    padding: 10px 5px;
    border-radius: 5px;
    background: #ffe7b2;
}

    .cupon-box label {
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .cupon-box .porcent-number {
        font-size: 45px;
        line-height: 45px;
    }

    .cupon-box .cupon-description {
        font-size: 12px;
    }

.selected-box {
    padding: 10px;
    font-size: 25px;
    color: var(--orange);
}

    .selected-box i {
        display: none;
    }

.cupon-selector-box.selected {
    border: 2px solid var(--orange);
}

    .cupon-selector-box.selected .selected-box i {
        display: inline-block;
    }

.h-100 {
    height: auto !important;
    display: inline-block;
    min-height: max-content;
}

    .h-100 main {
        height: auto;
    }

        .h-100 main section {
            height: 100%;
            margin-bottom: 50px;
        }
/*.h-100.global-container {
        height: max-content !important;
        display: inline-block;
    }*/
.w-100 {
    width: 100%;
}

.btn-cancel {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--primary);
    background: var(--secondary);
    border-radius: 16px;
    padding: 6px 15px;
    margin-left: 10px;
}

.btn-primary {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--secondary);
    background: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    margin-left: 15px;
}

.register-content {
    display: flex;
    width: 100%;
    position: absolute;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.register-body {
    width: 500px;
    border: 1px solid var(--gray-medium);
    border-radius: 10px;
    padding: 15px;
    margin-top: 50px;
}

#loginForm .register-body .form-horizontal h4.register-title {
    font-size: 18px;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 10px;
}

.text-danger {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    color: var(--danger);
    font-size: 14px;
    margin-bottom: 15px;
}

.form-settings .text-danger {
    margin-bottom: 0;
}

#loginForm .register-body .form-horizontal .form-group {
    display: block;
    float: left;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 8px;
}

    #loginForm .register-body .form-horizontal .form-group span {
        font-size: 14px;
    }

    #loginForm .register-body .form-horizontal .form-group input {
        border-radius: 10px;
        height: 40px;
        font-size: 16px;
    }

    #loginForm .register-body .form-horizontal .form-group .login-btn {
        margin-bottom: -8px;
        margin-top: 10px;
    }

    #loginForm .register-body .form-horizontal .form-group .registrado-btn {
        margin-bottom: -8px;
        margin-top: 10px;
    }


.form-group {
    padding: 10px;
    padding-bottom: 0;
}

    .form-group .login-btn {
        font-family: Poppins;
        width: 100%;
        font-size: 16px;
        align-items: center;
        height: 36px;
        display: flex;
        padding: 0;
        justify-content: center;
    }

    .form-group .registrado-btn {
        font-family: Poppins;
        width: 100%;
        font-size: 16px;
        align-items: center;
        height: 36px;
        display: flex;
        padding: 0;
        justify-content: center;
    }

.login-option {
    color: var(--primary);
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

    .login-option:hover {
        color: var(--orange);
        cursor: pointer;
    }

#socialLoginList {
}

    #socialLoginList h4 {
        font-size: 14px;
        padding: 10px;
    }

    #socialLoginList p {
        padding: 10px;
    }

.hidde-top-menu {
}

.search-top {
    position: absolute;
    width: 451px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

    .search-top.top-show {
    }

.box-search {
    width: calc(100% - 45px);
    float: left;
}

.search-top.top-show .box-search {
    width: calc(100% - 45px);
    float: left;
}

.box-search .magic-box {
    width: 0;
    overflow: hidden;
    transition: .2s;
    float: right;
}

.search-top.top-show .box-search .magic-box {
    width: 100%;
}

.search-ctrl {
    width: 45px;
    display: block;
    float: left;
    padding: 5px 10px 0px;
    font-size: 20px;
    text-align: center;
}

.search-top.top-show .search-ctrl {
}

.find-section {
    display: flex;
    flex-direction: row;
    padding: 43px 88px 0 88px;
    justify-content: space-between;
    margin-bottom: 56px;
}

.cities-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 43px 88px 0 88px;
    justify-content: space-between;
    margin-bottom: 56px;
}

    .cities-section .h2.title {
        width: 100%;
        text-align: right;
    }

.why-section {
    display: flex;
    flex-direction: row;
    padding: 43px 88px 0 88px;
    justify-content: space-between;
    margin-bottom: 56px;
}

.text-cont {
    width: calc(100% - 503px);
}

    .text-cont .login-btn {
        width: auto;
        float: right;
        margin-right: 110px;
    }

    .text-cont .registrado-btn {
        width: auto;
        float: right;
        margin-right: 110px;
    }

.h2.title {
    font-size: 46px;
    font-weight: 900;
    margin-bottom: 75px;
    line-height: 1;
}

.h2.text {
    font-size: 24px;
    width: 70%;
    max-width: 465px;
    margin-bottom: 25px;
    padding-left: 25px;
}

.list-cont {
    width: calc(100% - 503px);
    display: flex;
    flex-direction: column;
}

    .list-cont .login-btn {
        width: max-content;
        float: left;
        margin-top: 24px;
    }

    .list-cont .registrado-btn {
        width: max-content;
        float: left;
        margin-top: 24px;
    }

    .list-cont .h2.title {
        font-size: 48px;
        font-weight: 900;
        margin-bottom: 75px;
        line-height: 1;
        text-align: right;
    }

    .list-cont .h2.list {
        font-size: 40px;
        font-weight: 900;
        line-height: 1;
    }

    .list-cont ul {
        list-style: none;
    }

        .list-cont ul li a.city-item {
            color: var(--primary);
            margin-bottom: 24px;
            display: block;
            border-bottom: 5px solid var(--primary);
            line-height: 1.5;
        }

            .list-cont ul li a.city-item:hover {
                color: var(--orange);
            }

.img-box {
    /*background: var(--gray-medium);*/
    height: 415px;
    width: 512px;
    border-radius: 10px;
    overflow: hidden;
}

    .img-box .img-indx-3 {
        background: url('../content/images/ciudades/7.jpg') center center no-repeat;
        background-size: cover;
        display: block;
        height: 415px;
        width: 512px;
    }


.carrucel-cont {
    width: 503px;
    display: flex;
}

    .carrucel-cont .text-cont {
        width: 100%
    }

        .carrucel-cont .text-cont .login-btn {
            width: auto;
            float: right;
            margin-right: 110px;
        }

        .carrucel-cont .text-cont .registrado-btn {
            width: auto;
            float: right;
            margin-right: 110px;
        }

    .carrucel-cont .h2.title {
        font-size: 52px;
        font-weight: 900;
        margin-bottom: 32px;
        line-height: 1.2;
        width: 100%;
        text-align: right;
    }

    .carrucel-cont .h2.text {
        font-size: 22px;
        width: 100%;
        max-width: 535px;
        margin-bottom: 30px;
        padding-left: 0px;
        height: 215px;
    }

    .carrucel-cont .paginaion {
        text-align: right;
        font-size: 24px;
    }

.why-section .carrucel-cont {
    width: calc(100% - 600px);
    display: flex;
    flex-direction: column;
}

.find-section .carrucel-cont {
    justify-content: flex-end;
}

.cities-section .carrucel-cont {
    justify-content: flex-start;
    align-items: center;
}

.carrucel-box {
    /*background: var(--gray-medium);*/
    height: 530px;
    width: 415px;
    border-radius: 10px;
    overflow: hidden;
}

    .carrucel-box .img-indx-1 {
        background: url('../content/images/ciudades/2.png') center center no-repeat;
        background-size: cover;
        display: block;
        height: 530px;
        width: 415px;
    }

    .carrucel-box .img-indx-2 {
        background: url('../content/images/ciudades/4.png') center center no-repeat;
        background-size: cover;
        display: block;
        height: 530px;
        width: 415px;
    }

.why-section .carrucel-cont .carrucel-box {
    background: transparent;
    height: auto;
    width: 100%;
    margin-bottom: 0;
}

.home-box-principal {
    /*background: url('../content/images/images/back5.jpg') center center no-repeat;*/
    background: rgba(var(--orange), .45);
    /*background-size: cover;*/
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    max-height: 777px;
    min-height: 620px;
}

    .home-box-principal .contenedor {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        padding: 88px;
    }

    .home-box-principal .action-text-side {
        width: 73%;
        align-self: flex-start;
    }

        .home-box-principal .action-text-side .text-message {
            text-align: left;
            color: var(--secondary);
            /*color: var(--orange);*/
            margin-top: 57px;
            margin-bottom: 8px;
            text-shadow: 0px 1px 7px #262424;
        }

            .home-box-principal .action-text-side .text-message h1 {
                font-size: 63px;
                font-weight: 900;
                line-height: 73px;
            }

            .home-box-principal .action-text-side .text-message h2 {
            }

            .home-box-principal .action-text-side .text-message p {
            }

        .home-box-principal .action-text-side .btn-section {
            display: flex;
            align-items: center;
        }

        .home-box-principal .action-text-side h2 .text-btn {
            font-size: 16px;
            margin-left: 8px;
            color: var(--orange);
        }

        .home-box-principal .action-text-side .h2 .text-btn:hover {
            color: var(--dark-orange);
        }

    .home-box-principal .image-side {
        border-radius: 10px;
        /*width: calc(50% - 88px);*/
        align-self: flex-start;
        /*background: var(--gray-light);*/
        display: flex;
        height: auto;
        /*box-shadow: 0px 6px 15px 0px;*/
    }

        .home-box-principal .image-side .register-mail-cont {
            display: flex;
            text-align: center;
            padding: 0px;
            flex-wrap: wrap;
            /*align-self: center;*/
            justify-content: left;
        }

            .home-box-principal .image-side .register-mail-cont form {
                display: flex;
                width: 100%;
                flex-wrap: wrap;
                padding-top: 16px;
                position: relative;
            }

                .home-box-principal .image-side .register-mail-cont form .error-msg {
                    position: absolute;
                    width: auto;
                    top: 0px;
                    left: 8px;
                }

                .home-box-principal .image-side .register-mail-cont form .text-danger {
                    margin-bottom: 0;
                    font-weight: bold;
                }

            .home-box-principal .image-side .register-mail-cont .line-input {
                display: flex;
                width: 100%;
            }



                .home-box-principal .image-side .register-mail-cont .line-input .login-btn {
                    height: 48px;
                    border: 0px solid var(--orange);
                    align-self: center;
                    border-radius: 0 10px 10px 0;
                    display: flex;
                    align-items: center;
                    margin: 0;
                }

                .home-box-principal .image-side .register-mail-cont .line-input .registrado-btn {
                    height: 48px;
                    border: 0px solid var(--orange);
                    align-self: center;
                    border-radius: 0 10px 10px 0;
                    display: flex;
                    align-items: center;
                    margin: 0;
                }

.disclaimer {
    color: var(--secondary);
    font-size: 12px;
}

.home-box-principal .image-side .register-mail-cont input {
    height: 48px;
    border-radius: 10px;
    margin-bottom: 0px;
    border: 0px solid var(--orange);
    border-radius: 10px 0 0 10px;
}

    .home-box-principal .image-side .register-mail-cont input:focus-visible {
        outline: 0px solid var(--orange);
    }



.home-box-principal .image-side .register-mail-cont h2 {
}

.home-box-principal .image-side .register-mail-cont p {
}

.data-section {
    display: flex;
    padding: 0 88px;
    margin-top: 88px;
    flex-wrap: wrap;
}

    .data-section.img-data .text-message {
        margin-bottom: 0px;
    }

    .data-section .three-data {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }

        .data-section .three-data .data-box {
            display: flex;
            width: 22%;
            flex-direction: column;
        }

            .data-section .three-data .data-box .image-side {
                border-radius: 10px;
                width: 100%;
                max-width: 200px;
                align-self: center;
                /*background: var(--shadow);*/
                display: block;
                height: 200px;
                margin-bottom: 16px;
            }

                .data-section .three-data .data-box .image-side .img-1 {
                    background: url(../content/images/landing/ilus-1.png) center center no-repeat;
                    background-size: contain;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                }

                .data-section .three-data .data-box .image-side .img-2 {
                    background: url(../content/images/landing/ilus-2.png) center center no-repeat;
                    background-size: contain;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                }

                .data-section .three-data .data-box .image-side .img-3 {
                    background: url(../content/images/landing/ilus-3.png) center center no-repeat;
                    background-size: contain;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                }

                .data-section .three-data .data-box .image-side .img-4 {
                    background: url(../content/images/landing/ilus-4.png) center center no-repeat;
                    background-size: contain;
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                }

            .data-section .three-data .data-box .text-message {
                margin-bottom: 0px;
                display: flex;
                text-align: center;
            }

                .data-section .three-data .data-box .text-message p {
                    width: 100%;
                }

    .data-section .data-left, .data-section .data-right {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }

        .data-section .data-left .data-box {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 100%;
        }

        .data-section .data-right .data-box {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 100%;
        }

            .data-section .data-left .data-box .image-side, .data-section .data-right .data-box .image-side {
                border-radius: 10px;
                width: calc(50% - 88px);
                align-self: flex-end;
                background: var(--shadow);
                display: block;
                height: 100%;
                min-height: 450px;
            }


    .data-section.media .data-left .data-box .image-side, .data-section.media .data-right .data-box .image-side {
        border-radius: 10px;
        width: calc(60% - 44px);
    }


    .data-section.faq .data-left .data-box .image-side {
        max-height: 450px;
    }

    .data-section .data-left .data-box .image-side.video-cont, .data-section .data-right .data-box .image-side.video-cont {
        align-items: center;
        display: flex;
        background: transparent;
    }

        .data-section .data-left .data-box .image-side.video-cont video, .data-section .data-right .data-box .image-side.video-cont video {
            border: 5px solid var(--orange);
        }

    .data-section .data-right .data-box .image-side .img {
        background: url(../content/images/landing/2.jpg) center center no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .data-section .data-left .data-box .image-side .img {
        background: url(../content/images/landing/1.jpg) center center no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .data-section .data-left .data-box .text-message, .data-section .data-right .data-box .text-message {
        width: 50%;
        align-self: center;
        text-align: left;
        margin-bottom: 0;
    }

    .data-section.media .data-left .data-box .text-message, .data-section.media .data-right .data-box .text-message {
        width: 40%;
    }

    .data-section .data-left .data-box .text-message p {
        font-size: 18px;
    }

    .data-section .data-right .data-box .text-message h2 {
        margin-bottom: 48px;
    }

    .data-section .data-right .data-box .text-message p {
        font-size: 18px;
        display: flex;
        align-items: center;
    }

        .data-section .data-left .data-box .text-message p span, .data-section .data-right .data-box .text-message p span {
            margin: 12px 16px;
            display: block;
            width: auto;
            float: left;
        }

            .data-section .data-left .data-box .text-message p span:hover, .data-section .data-right .data-box .text-message p span:hover {
                color: var(--primary);
                cursor: default;
                font-weight: bold;
            }

    .data-section .data-left .data-box .text-message .btn-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        margin-top: 24px;
        float: left;
        width: 100%;
    }

    .data-section .data-right .data-box .text-message .btn-section {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 48px;
    }


    .data-section.banner {
        background: url('../content/images/images/banner1.jpg') center center no-repeat;
        background-size: cover;
        margin-top: 132px;
    }

        .data-section.banner .data-banner-left {
            display: flex;
            width: 100%;
            flex-wrap: nowrap;
            justify-content: space-evenly;
        }

            .data-section.banner .data-banner-left .data-box {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                height: 100%;
                padding: 48px 0;
            }

                .data-section.banner .data-banner-left .data-box .image-side {
                    border-radius: 10px;
                    width: calc(50% - 136px);
                    align-self: center;
                    display: flex;
                    justify-content: center;
                    background: var(--shadow);
                    /* display: block; */
                    height: 100%;
                    min-height: 250px;
                    margin-top: -88px;
                    margin-right: 24px;
                }

                    .data-section.banner .data-banner-left .data-box .image-side .img {
                        background: url(../content/images/landing/4.jpg) center center no-repeat;
                        background-size: cover;
                        display: flex;
                        align-items: center;
                        width: 100%;
                        height: 100%;
                    }

                .data-section.banner .data-banner-left .data-box .text-message {
                    width: 50%;
                    align-self: center;
                    text-align: left;
                    margin-bottom: 0;
                    color: var(--secondary)
                }

                    .data-section.banner .data-banner-left .data-box .text-message p {
                        font-size: 18px;
                    }

                    .data-section.banner .data-banner-left .data-box .text-message .btn-section {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-top: 24px;
                    }

.image-side {
    overflow: hidden;
}


/*PREGUNTAS FRECUENTES*/

.wrap-contain {
    width: 100%;
    min-height: 50px;
    overflow: hidden;
    border-radius: 5px;
}


.group-contain {
    width: 100%;
}

.col-choice-a {
    width: 100%;
    height: 50px;
    background: var(--secondary);
    overflow: hidden;
    border-bottom: 2px solid var(--primary);
    display: block;
    cursor: pointer;
}

    .col-choice-a:hover {
        border-bottom: 2px solid var(--orange);
    }

    .col-choice-a h3 {
        margin: 13px;
        color: var(--primary);
        font-size: 18px;
        font-weight: 600;
    }

    .col-choice-a:hover h3 {
        color: var(--orange);
    }

.col-choice {
    width: 100%;
    background-color: var(--secondary);
    float: left;
    display: none;
}

    .col-choice p {
        margin: 0px;
        text-align: left;
        color: var(--primary);
        padding: 8px;
        margin-bottom: 8px;
        padding-bottom: 0px;
        padding-left: 24px;
    }

.data-section .data-left .data-box .text-message p {
    font-size: 16px;
}

.t-left {
    text-align: left;
}

.privacy-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24px 15%;
}

/*USER SETTINGS*/
.main-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    width: 100%;
    min-height: 520px;
}

.side-menu {
    display: flex;
    width: 230px;
    border-right: 1px solid var(--gray-medium-light);
    height: auto;
    position: relative;
}

    .side-menu .login-btn.filter-btn {
        display: none;
    }

    .side-menu .nav.flex-column {
        width: 100%;
        padding: 16px 16px;
    }

        .side-menu .nav.flex-column .nav-item {
            margin-bottom: 16px;
        }

            .side-menu .nav.flex-column .nav-item .nav-link {
                border: 2px solid var(--gray);
                border-radius: 16px;
                color: var(--gray);
            }

                .side-menu .nav.flex-column .nav-item .nav-link:hover {
                    background: var(--orange);
                    border: 2px solid var(--orange);
                    color: var(--secondary);
                }

                .side-menu .nav.flex-column .nav-item .nav-link.active {
                    background: var(--orange);
                    border: 2px solid var(--orange);
                    color: var(--secondary);
                }

.main-content {
    display: flex;
    width: calc(100% - 230px);
    height: auto;
}

.head-options {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 24px 44px;
}

.switch-btn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 300px;
}

    .switch-btn .sw-lbl {
        display: block;
        margin-left: 8px;
        font-weight: 600;
    }

.body-options-edit {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.lateral-pic {
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: center;
    padding: 16px;
    padding-right: 0px;
}

.pic-update {
    display: flex;
    /*width: 200px;
    height: 200px;*/
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--orange);
}

    .pic-update img {
        display: block;
        width: 100%;
        height: 100%;
    }

.btn-add {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--secondary);
    background: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    border: 0;
}

    .btn-add:hover {
        background: var(--dark-orange);
        color: var(--secondary);
        cursor: pointer;
    }

.btn-alter {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    color: var(--orange);
    background: var(--secondary);
    border-radius: 16px;
    padding: 6px 15px;
    border: 2px solid var(--orange);
}

    .btn-alter:hover {
        background: var(--orange);
        color: var(--secondary);
        cursor: pointer;
    }

.edit-btn {
    width: 5%;
    display: block;
    text-align: center;
    opacity: 0;
    transition: opacity .1s;
}

    .edit-btn:hover {
        opacity: 1;
    }

.edit-success-btn {
    width: 5%;
    display: block;
    text-align: center;
    color: var(--green);
}

    .edit-success-btn:hover {
    }

.lateral-pic .pic-update {
    margin-bottom: 24px;
}

.lateral-pic .btn-add {
    margin-bottom: 16px;
    width: 182px;
}

.lateral-pic .btn-alter {
    width: 182px;
}


.central-info {
    display: flex;
    flex-direction: column;
    width: calc(100% - 250px);
}

.form-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 500px;
    margin-bottom: 16px;
    align-items: center;
}

    .form-settings .form-lbl {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
        display: block;
        margin: 0px;
        margin-bottom: 4px;
        width: 100%
    }

    .form-settings .form-input {
        display: block;
        width: 100%;
        height: 40px;
        padding: 5px 10px;
        border-radius: 8px;
        border: 1px solid var(--gray-medium);
    }

        .form-settings .form-input:focus-visible {
            border: 1px solid var(--orange);
            outline: 0;
        }


        .form-settings .form-input.error-input {
            border: 1px solid var(--danger);
            color: var(--danger);
        }

            .form-settings .form-input.error-input::placeholder {
                color: var(--danger);
            }

    .form-settings .form-area {
        display: block;
        width: 100%;
        padding: 5px 10px;
        border-radius: 8px;
        border: 1px solid var(--gray-medium);
        resize: none;
    }

    .form-settings .lang-lbl {
        display: block;
        float: left;
        width: auto;
        padding: 5px 10px;
        background: var(--gray-medium-light);
        border-radius: 16px;
        margin-right: 16px;
    }

    .form-settings .add-lang {
        display: block;
        float: right;
        width: 48px;
        background: var(--gray-medium-light);
        border-radius: 16px;
    }

    .form-settings.form-settings-group .form-input {
        width: calc(100% - 37px);
        border-radius: 8px 0 0 8px;
        border: 1px solid var(--gray-medium);
    }

    .form-settings.form-settings-group .input-group-append span {
        height: 40px;
        border-radius: 0 8px 8px 0;
        border: 1px solid var(--gray-medium);
        margin-left: -1px;
    }

#profile-form .form-settings .form-input, #profile-form .form-settings .form-area {
    width: 95%;
}

.line-form {
    display: flex;
    width: 100%;
    gap: 8px;
}

.form-input.tel-code-form {
    max-width: 85px;
}

#profile-form .form-settings .line-form {
    width: 95%;
}

.horizontal-form {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    align-items: center;
    margin-bottom: 16px;
}

    .horizontal-form .form-lbl {
        font-size: 14px;
        width: max-content;
        display: block;
        font-weight: 600;
        margin-right: 8px;
    }

    .horizontal-form .form-item-select {
        width: max-content;
        height: auto;
        padding: 5px 10px;
        border-radius: 8px;
        font-size: 14px;
    }
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-medium-light);
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 3px;
        bottom: 3px;
        background-color: var(--secondary);
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: var(--orange);
}

input:focus + .slider {
    /*box-shadow: 0 0 1px var(--orange);*/
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 32px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*MIS ESPACIOS*/

.my-spaces {
}

.central-info .my-spaces .login-btn {
    font-size: 16px;
}

.my-spaces h3 {
    float: left;
}

.my-spaces .title-section-recomendation {
    padding: 0px;
}

.my-spaces .card-box {
    padding: 0px;
    gap: 16px;
}

    .my-spaces .card-box .card-container {
        margin: 0px;
    }
/*PERFIL USUARIO PUBLICO*/
.body-options-public {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.profile-name label {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 4px;
}

.profile-lang span {
    background: var(--gray-medium-light);
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    float: left;
    margin-right: 8px;
}

.profile-about p {
    display: block;
    margin: 16px 0;
    font-size: 17px;
    line-height: 22px;
}

.profile-number label {
    font-size: 17px;
    font-weight: 600;
    float: left;
    margin-right: 24px;
}
/*REGISTRO DE USUARIO*/
.register-cont {
    width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*margin-top: 50px;*/
}

    .register-cont .register-data {
        display: flex;
        flex-direction: row;
        width: 100%;
        overflow: hidden;
        align-items: center;
    }

.register-half {
    display: block;
    flex-direction: column;
    width: 50%;
    overflow: hidden;
    align-items: center;
}

.central-info {
    width: 100%;
    min-width: 450px;
    padding: 16px;
}

    .central-info .login-btn {
        height: auto;
        margin-right: 0;
        font-size: 24px;
    }

    .central-info .another-way {
        margin-top: 24px;
        /*border-top: 1px solid var(--gray-medium);*/
        padding-top: 8px;
        text-align: center;
        margin-bottom: 0px;
    }

        .central-info .another-way h3 {
            font-size: 21px;
            font-weight: 400;
        }

        .central-info .another-way .social-buttons {
            display: flex;
            justify-content: space-evenly;
            margin-top: 24px;
            flex-wrap: wrap;
        }

        .central-info .another-way .login-btn:first-child {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            background: transparent;
            border: 1px solid var(--gray-medium);
            padding: 0px 16px 0px 8px;
            color: var(--primary);
            font-size: 24px;
            border-radius: 5px;
        }

            .central-info .another-way .login-btn:first-child::after {
                content: " ";
                background: url('../content/images/images/google.png') center center no-repeat;
                height: 50px;
                width: 50px;
                background-size: contain;
                display: flex;
                flex-direction: row-reverse;
            }

        .central-info .another-way .login-btn:nth-child(2) {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            background: transparent;
            border: 1px solid var(--gray-medium);
            padding: 0px 16px 0px 8px;
            color: var(--primary);
            font-size: 24px;
            border-radius: 5px;
        }

            .central-info .another-way .login-btn:nth-child(2)::after {
                content: " ";
                background: url('../content/images/images/facebook.png') center center no-repeat;
                height: 32px;
                width: 32px;
                background-size: contain;
                display: flex;
                flex-direction: row-reverse;
                margin: 8px;
            }

        .central-info .another-way .login-btn-correo {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            background: transparent;
            border: 1px solid var(--gray-medium);
            padding: 0px 16px 0px 8px;
            color: var(--primary);
            font-size: 24px;
            border-radius: 5px;
            margin-top: 16px;
        }

            .central-info .another-way .login-btn-correo::after {
                content: " ";
                background: url('../content/images/images/Correo.png') center center no-repeat;
                height: 50px;
                width: 50px;
                background-size: contain;
                display: flex;
                flex-direction: row-reverse;
            }

        .central-info .another-way .login-btn:hover, .register-cont .register-data .central-info .another-way .login-btn-correo:hover {
            border: 1px solid var(--orange);
        }



.register-img {
    border-radius: 10px;
    width: calc(50% - 44px);
    /*background: var(--shadow);*/
    align-self: flex-end;
    display: block;
    height: 100%;
    min-height: 450px;
    align-self: center;
    overflow: hidden;
}

    .register-img .img {
        background: url('../content/images/login/beautiful-young-woman-taking-rest-2.jpg') center center no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        width: auto;
        height: 450px;
    }

.e-mail-selection {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 450px;
}

.phone-selection {
}

.phone-way {
    margin-top: 24px;
    border-top: 1px solid var(--gray-medium);
    padding-top: 8px;
}

    .phone-way h3 {
        text-align: center;
        margin-bottom: 16px;
    }

.register-cont .register-data .central-info .phone-way .login-btn {
    margin: 0 auto;
    font-size: 24px;
    margin-top: 16px;
}

.phone-register {
    display: flex;
    flex-direction: column;
}

.phone-form {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}

    .phone-form input {
    }

    .phone-form .code-contry {
        width: 150px;
        margin-right: 16px;
        position: relative;
    }

        .phone-form .code-contry .code-select {
        }

        .phone-form .code-contry .code-options {
            display: block;
            background: var(--secondary);
            position: absolute;
            border: 1px solid var(--gray-medium);
            border-radius: 4px;
            box-shadow: 0px 1px 2px -2px grey;
            width: 100%;
            top: 60px;
            height: auto;
            max-height: 120px;
            overflow-y: auto;
            transition: height .3s;
        }

            .phone-form .code-contry .code-options.hide-options {
                display: block;
                height: 0px;
                overflow-y: hidden;
                box-shadow: none;
                border: 0;
            }

            .phone-form .code-contry .code-options ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .phone-form .code-contry .code-options ul li {
                    padding: 8px 16px;
                }

                    .phone-form .code-contry .code-options ul li:hover {
                        background: var(--gray-medium);
                    }

    .phone-form .phone-number {
    }

.code-phone {
}

    .code-phone .input-code-phone {
    }


.register-data.move-info {
}

    .register-data.move-info .central-info.principal {
        margin-left: -100%;
        transition: margin-left .3s;
    }

    .register-data.move-info .e-mail-selection .central-info {
        margin-left: 0%;
        transition: margin-left .3s;
    }

td {
    border: 0;
}

.login-google {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    background: transparent;
    border: 1px solid var(--gray-medium);
    padding: 0px 16px 0px 8px;
    color: var(--primary);
    font-size: 24px;
    border-radius: 5px;
}

    .login-google::after {
        content: " ";
        background: url('../content/images/images/google.png') center center no-repeat;
        height: 50px;
        width: 50px;
        background-size: contain;
        display: flex;
        flex-direction: row-reverse;
    }

    .login-google:hover {
        cursor: default;
    }

.login-facebook-btn {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    background: transparent;
    border: 1px solid var(--gray-medium);
    padding: 0px 16px 0px 8px;
    color: var(--primary);
    font-size: 24px;
    border-radius: 5px;
}

    .login-facebook-btn::after {
        content: " ";
        background: url('../content/images/images/facebook.png') center center no-repeat;
        height: 32px;
        width: 32px;
        background-size: contain;
        display: flex;
        flex-direction: row-reverse;
        margin: 8px;
    }

    .login-facebook-btn:hover {
        border: 1px solid var(--orange);
    }

.primal-btn {
    display: block;
    text-align: center;
    width: max-content;
    height: 34px;
    color: var(--secondary);
    background: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    margin-right: 15px;
    border: 2px solid var(--orange);
    float: left;
    min-width: 150px;
}

    .primal-btn:hover {
        background: var(--dark-orange);
        color: var(--secondary);
        cursor: pointer;
    }

.primal-btn-alt {
    display: block;
    text-align: center;
    width: max-content;
    height: 34px;
    color: var(--orange);
    border-radius: 16px;
    padding: 6px 15px;
    margin-right: 15px;
    border: 2px solid var(--orange);
    float: left;
    min-width: 150px;
}

    .primal-btn-alt:hover {
        background: var(--orange);
        color: var(--secondary);
        cursor: pointer;
    }

.primal-btn-danger {
    display: block;
    text-align: center;
    width: max-content;
    height: 34px;
    color: var(--secondary);
    background: var(--danger);
    border-radius: 16px;
    padding: 6px 15px;
    margin-right: 15px;
    border: 2px solid var(--danger);
    float: left;
    min-width: 150px;
}

    .primal-btn-danger:hover {
        background: var(--dark-danger);
        color: var(--secondary);
        cursor: pointer;
    }

/*LOGIN*/

.big-back-img {
    background: url('../content/images/login/happy-couple-making-selfie-cafe-2.jpg') center center no-repeat;
    background-size: cover;
    width: 75%;
    height: auto;
    display: flex;
    float: left;
}

.login-cont {
    display: flex;
    flex-direction: column;
    width: 25%;
    float: right;
    padding: 16px;
    padding-top: 66px;
}

.central-info.principal.login-cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    float: right;
    padding: 32px;
    /*padding-top: 100px;
    padding-bottom: 66px;*/
    min-width: 25%;
}

.modal-dialog {
    width: 400px;
}

.modal-content {
    width: 400px;
}

.modal-body .central-info.principal.login-cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    float: right;
    padding: 0px;
    /*padding-top: 100px;
    padding-bottom: 66px;*/
    min-width: 25%;
}

    .modal-body .central-info.principal.login-cont .regular-login {
        margin-top: 0px;
    }

.modal-body .register-cont {
    width: 732px;
}

    .modal-body .register-cont .register-half {
    }

        .modal-body .register-cont .register-half .central-info {
            min-width: 366px;
            padding: 0;
        }

        .modal-body .register-cont .register-half .e-mail-selection {
            min-width: 366px;
        }

            .modal-body .register-cont .register-half .e-mail-selection .login-btn {
                margin-left: 0px;
                height: 45px;
                line-height: 33px;
                font-size: 16px;
            }

            .modal-body .register-cont .register-half .e-mail-selection #registerSubmit.login-btn {
                margin-bottom: 8px;
            }


    .modal-body .register-cont .register-data {
        padding-top: 16px;
    }

    .modal-body .register-cont .central-info .another-way {
        margin-top: 0px;
    }

    .modal-body .register-cont .register-data .central-info .phone-way .login-btn {
        height: 45px;
        line-height: 33px;
        font-size: 16px;
    }


    .modal-body .register-cont .register-half .central-info .another-way #external-account-register .login-btn:first-child {
        padding: 0px 6px 0px 0px;
        font-size: 18px;
    }

    .modal-body .register-cont .register-half .central-info .another-way #external-account-register .login-btn:nth-child(2) {
        padding: 0px 8px 0px 0px;
        font-size: 18px;
    }

.mt-xs {
    margin-top: 8px;
}

.h-100 main section.regular-login {
    margin-bottom: 0;
    margin-top: 28px;
}

.regular-login h3 {
    font-size: 22px;
}

.regular-login .text-danger {
    text-align: left;
    font-size: 11px;
    margin-bottom: 8px;
}

.regular-login .btn-primary {
    height: 45px;
    border: 0;
    margin-left: 0;
}

    .regular-login .btn-primary:hover {
        background: var(--dark-orange);
    }

.forgot-cont {
    margin-top: 8px;
}

    .forgot-cont a {
        width: 100%;
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        font-weight: 600;
    }


        .forgot-cont a:last-child {
            color: var(--orange);
        }

.login-cont.central-info .another-way {
    margin-top: 0px;
    padding-top: 32px;
}

    .login-cont.central-info .another-way h3 {
        font-size: 20px;
        margin-bottom: 0;
        text-align: left;
    }

    .login-cont.central-info .another-way .social-buttons {
        margin-top: 16px;
    }

    .login-cont.central-info .another-way .login-btn:first-child {
        padding: 0px 6px 0px 0px;
        font-size: 18px;
    }

        .login-cont.central-info .another-way .login-btn:first-child::after {
            content: " ";
            height: 40px;
            width: 40px;
        }

    .login-cont.central-info .another-way .login-btn:nth-child(2) {
        padding: 0px 8px 0px 0px;
        font-size: 18px;
    }

        .login-cont.central-info .another-way .login-btn:nth-child(2)::after {
            content: " ";
            height: 28px;
            width: 28px;
        }

.alter-login {
}
/*CUSTOM SELECT*/
.slect-custom {
    display: block;
    width: 100%;
    position: relative;
}

    .slect-custom.sp-w {
        width: 70%;
    }

.option--box-custom {
    display: block;
    width: 100%;
    position: absolute;
    background: var(--secondary);
    height: auto;
    transition: height .3s;
    overflow-y: auto;
    max-height: 153.56px;
}

    .option--box-custom.hide-options {
        height: 0;
        overflow-y: hidden;
    }

    .option--box-custom ul {
        margin: 0;
        padding: 0;
    }

        .option--box-custom ul li {
            list-style: none;
            display: block;
            width: 100%;
            padding: 16px;
        }

            .option--box-custom ul li:hover {
                background: var(--gray-light);
            }

/*BUSCADOR HEADER*/

.search-header {
    display: none;
    position: relative;
    align-items: center;
    justify-content: flex-end;
}

    .search-header.contract {
    }

    .search-header .search-square {
        height: 39px;
        display: flex;
        position: absolute;
        z-index: 1;
        width: 300px;
        padding: 16px 24px;
        padding-right: 48px;
        border: 0;
        border-radius: 24px;
        transition: width 1s;
        border: 1px solid var(--secondary);
    }

    .search-header.contract .search-square {
        width: 39px;
        padding: 0;
        overflow: hidden;
    }

        .search-header.contract .search-square::placeholder {
            color: var(--secondary);
        }

header:not(.top-top) .search-header .search-square {
    border: 1px solid var(--primary);
}

    header:not(.top-top) .search-header .search-square:focus-visible {
        border: 1px solid var(--orange);
    }

.search-header .btn-search {
    display: flex;
    height: 37px;
    width: 37px;
    margin: 1px;
    align-items: center;
    padding: 8px 8px;
    justify-content: center;
    font-size: 18px;
    border-radius: 24px;
    background: var(--secondary);
    z-index: 2;
    margin-right: 0;
}

header:not(.top-top) .search-header .btn-search {
    margin: 1px;
}

.main .search-header {
    z-index: 0;
}

    .main .search-header .search-square {
        border: 1px solid var(--primary);
        height: 32px;
    }

        .main .search-header .search-square:focus-visible {
            border: 1px solid var(--orange);
        }

    .main .search-header .btn-search {
        margin-right: 2px;
        height: 30px;
        width: 30px;
        padding: 5px;
    }

    .main .search-header.contract .search-square {
        width: 34px;
    }
/*PANEL*/
.g-panel {
    display: flex;
    width: 100%;
    padding: 16px;
    flex-direction: row;
    flex-wrap: wrap;
}



.panel-toolbar {
    display: flex;
    width: 100%;
    justify-content: end;
    flex-wrap: wrap;
}

.panel-title {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

    .panel-title label {
        font-size: 18px;
        font-weight: 600;
    }

.panel-table {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

    .panel-table .th-row {
        display: flex;
        width: 100%;
    }

        .panel-table .th-row div {
            display: bloc;
            border-bottom: 2px solid var(--gray-medium-light);
            padding: 6px 12px;
            font-weight: 600;
            font-size: 14px;
        }

    .panel-table .td-row {
        display: flex;
        width: 100%;
        border-collapse: collapse;
    }

        .panel-table .td-row div {
            display: block;
            border-bottom: 1px solid var(--gray-medium-light);
            padding: 6px 12px;
            font-size: 14px;
        }

.imp-low, .imp-reg, .imp-hig {
    position: relative;
}

    .imp-low::before {
        content: " ";
        border-left: 4px solid var(--green);
        margin-left: 1px;
        position: absolute;
        top: 2px;
        left: 0;
        height: 24px;
    }

    .imp-reg::before {
        content: " ";
        border-left: 4px solid var(--warning);
        margin-left: 1px;
        position: absolute;
        top: 2px;
        left: 0;
        height: 24px;
    }

    .imp-hig::before {
        content: " ";
        border-left: 4px solid var(--danger);
        margin-left: 1px;
        position: absolute;
        top: 2px;
        left: 0;
        height: 24px;
    }

/*PANEL DE CONTROL*/
.g-container {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    background: var(--back);
    padding-bottom: 28px;
    min-height: calc(100vh - 50px);
}

.g-container-w {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    background: var(--secondary);
    padding-bottom: 48px;
}

.chart-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 24px;
}

    .chart-section .calendar-cont {
        display: flex;
        width: calc(40% - 8px);
        padding: 16px;
        /*border: 1px solid var(--gray-medium);*/
        /*border-radius: 16px;*/
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
        background: var(--secondary);
    }

        .chart-section .calendar-cont #calendar a {
            color: var(--primary);
        }

        .chart-section .calendar-cont #calendar.fc .fc-toolbar-title {
            font-size: 16px;
            font-weight: 400;
        }

#calendar.fc .fc-view-harness {
    min-height: 1061px;
}

#calendar.fc .fc-header-toolbar {
    margin: 0;
    padding: 20px;
}

    #calendar.fc .fc-header-toolbar .fc-toolbar-title {
        font-size: 18px;
        line-height: 28px;
        font-weight: 600;
    }

#calendar.fc .fc-button {
    font-size: 14px;
    line-height: 20px;
    border: 0;
    padding: 6px 31px;
}

    #calendar.fc .fc-button:focus {
        box-shadow: none;
    }

#calendar.fc .fc-prev-button, #calendar.fc .fc-next-button {
    padding: 9px 9px;
    line-height: 12px;
    text-align: center;
}

    #calendar.fc .fc-prev-button .fc-icon, #calendar.fc .fc-next-button .fc-icon {
        font-size: 14px;
        vertical-align: unset;
    }

#calendar.fc .fc-button-primary {
    background-color: var(--orange);
    border-color: var(--orange);
    color: var(--secondary);
}

    #calendar.fc .fc-button-primary:hover {
        background-color: var(--dark-orange);
        border-color: var(--dark-orange);
        color: var(--secondary);
    }



#calendar.fc .fc-col-header-cell-cushion {
    display: inline-block;
    color: var(--gray);
    font-weight: 500;
    font-size: 12px;
    padding: 16px;
    line-height: 18px;
    text-transform: uppercase;
}

#calendar.fc .fc-daygrid-body {
    width: 100% !important;
}



    #calendar.fc .fc-daygrid-body .fc-scrollgrid-sync-table {
        width: 100% !important;
    }

#calendar.fc.fc-theme-standard td {
    height: 168px;
}



#calendar.fc .fc-daygrid-day-top {
    padding: 4px;
    justify-content: center;
}

    #calendar.fc .fc-daygrid-day-top .fc-daygrid-day-number {
        font-size: 14px;
        line-height: 20px;
        border: 1px solid var(--gray-medium-light);
        padding: 6px 6px;
        border-radius: 17px;
        height: 34px;
        width: 34px;
        text-align: center;
    }

#calendar.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(255 141 40 / 15%);
}

    #calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top .fc-daygrid-day-number {
        border: 1px solid var(--primary);
        background: var(--primary);
        color: var(--secondary);
    }


.fc .fc-daygrid-event-harness-abs {
}

#calendar.fc .fc-h-event {
    background-color: var(--event-orange-hb) !important;
    border: 1px solid var(--event-orange-hb);
    display: block;
}

    #calendar.fc .fc-h-event .fc-event-main {
        color: var(--event-orange-t);
    }

#calendar.fc .fc-daygrid-block-event .fc-event-time, #calendar.fc .fc-daygrid-block-event .fc-event-title {
    padding: 2px 6px;
    font-size: 12px;
    line-height: 18px;
}

#calendar.fc .fc-daygrid-event-dot {
    border-color: var(--orange);
}

#calendar.fc .fc-col-header {
    width: 100% !important;
}

#calendar.fc .fc-daygrid-day-events {
}

    #calendar.fc .fc-daygrid-day-events a.fc-daygrid-event {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 2px;
    }

    /*#calendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(6n+1) a.fc-daygrid-event {
        background: var(--event-orange-b);
        color: var(--event-orange-t);
    }*/

    #calendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(5n+1) a.fc-daygrid-event, #calendar.fc .fc-popover.fc-more-popover .fc-daygrid-event-harness:nth-child(5n+1) a.fc-daygrid-event {
        background: var(--event-sky-b);
        color: var(--event-sky-t);
    }

    #calendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(5n+2) a.fc-daygrid-event, #calendar.fc .fc-popover.fc-more-popover .fc-daygrid-event-harness:nth-child(5n+2) a.fc-daygrid-event {
        background: var(--event-purple-b);
        color: var(--event-purple-t);
    }

    #calendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(5n+3) a.fc-daygrid-event, #calendar.fc .fc-popover.fc-more-popover .fc-daygrid-event-harness:nth-child(5n+3) a.fc-daygrid-event {
        background: var(--event-red-b);
        color: var(--event-red-t);
    }

    #calendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(5n+4) a.fc-daygrid-event, #calendar.fc .fc-popover.fc-more-popover .fc-daygrid-event-harness:nth-child(5n+4) a.fc-daygrid-event {
        background: var(--event-green-b);
        color: var(--event-green-t);
    }

    #calendar.fc .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(5n+5) a.fc-daygrid-event, #calendar.fc .fc-popover.fc-more-popover .fc-daygrid-event-harness:nth-child(5n+5) a.fc-daygrid-event {
        background: var(--event-blue-b);
        color: var(--event-blue-t);
    }

#calendar.fc .fc-popover.fc-more-popover .fc-daygrid-event-harness a.fc-daygrid-event {
    padding: 8px 1px;
}

.chart-section .chart-cont {
    display: flex;
    width: calc(60% - 8px);
    padding: 16px;
    /*border: 1px solid var(--gray-medium);*/
    /*border-radius: 16px;*/
    align-items: center;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
    background: var(--secondary);
}

.movimientos-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
    background: var(--secondary);
}

.movimientos-section {
}

.calendar-messages.ui-tabs {
    width: 100%;
    border: 0px !important;
    padding: 0;
    background: transparent;
}

    .calendar-messages.ui-tabs .ui-tabs-nav {
        align-items: center;
        text-align: center;
        display: flex;
        justify-content: center;
        background: transparent;
        border: 0;
    }

        .calendar-messages.ui-tabs .ui-tabs-nav .ui-tabs-tab {
            border: 0;
            background: transparent;
            color: var(--primary);
        }

            .calendar-messages.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active a {
                color: var(--primary);
                font-weight: 600;
                font-size: 18px;
            }

            .calendar-messages.ui-tabs .ui-tabs-nav .ui-tabs-tab .ui-state-active {
            }


.calendar-messages {
    width: 100%;
    background: var(--secondary);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
}

.number-chart-section {
    display: flex;
    width: calc(40% - 8px);
    flex-direction: column;
}

    .number-chart-section .chart-mini {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 16px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
        background: var(--secondary);
    }

        .number-chart-section .chart-mini:first-child {
            margin-bottom: 16px;
        }

        .number-chart-section .chart-mini .top-info {
            display: flex;
            width: 100%;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
        }

            .number-chart-section .chart-mini .top-info .name-date {
                display: flex;
                flex-direction: column;
            }

                .number-chart-section .chart-mini .top-info .name-date label {
                    font-size: 18px;
                    font-weight: 600;
                }

                .number-chart-section .chart-mini .top-info .name-date span {
                    font-size: 12px;
                }

            .number-chart-section .chart-mini .top-info .num-porcent label {
                padding: 3px 10px;
                border-radius: 10px;
                font-size: 14px;
                color: var(--secondary);
                font-weight: 600;
            }

        .number-chart-section .chart-mini .chart-info {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
        }

            .number-chart-section .chart-mini .chart-info .big-number {
                display: flex;
                flex-direction: column;
            }

                .number-chart-section .chart-mini .chart-info .big-number span {
                    font-size: 12px;
                    font-weight: 600;
                }

                .number-chart-section .chart-mini .chart-info .big-number label {
                    font-size: 36px;
                    font-weight: 600;
                }

            .number-chart-section .chart-mini .chart-info .mini-chart {
            }

                .number-chart-section .chart-mini .chart-info .mini-chart img {
                    display: block;
                    width: 100%;
                    height: auto;
                }

.mini-chart-width {
    width: 100%;
}

.back-positive {
    background: var(--green);
}

.back-negative {
    background: var(--danger);
}

/*MENSAJES*/



.msg-box {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.chat-groups {
    display: flex;
    flex-direction: column;
    width: 250px;
    min-width: 250px;
    padding: 8px;
}

    .chat-groups .msg-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px;
        justify-content: left;
        border: 1px solid var(--orange);
        border-radius: 5px;
        margin-bottom: 8px;
    }

        .chat-groups .msg-group:hover {
            background: var(--dark-orange);
            border: 1px solid var(--dark-orange);
            color: var(--secondary);
            cursor: pointer;
        }

        .chat-groups .msg-group img {
            margin-right: 8px;
        }



.chat-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% - 250px);
    padding: 8px;
    transition: width .3s;
}

.msg-list-box {
    display: flex;
    flex-direction: column;
    padding: 8px;
    width: 100%;
    min-height: 300px;
    border: 1px solid var(--gray-medium);
    border-radius: 5px;
    margin-bottom: 8px;
}

    .msg-list-box .list-group {
        list-style: none;
    }

        .msg-list-box .list-group li {
            max-width: 75%;
            width: fit-content;
            padding: 8px 12px;
            margin-bottom: 8px;
            border-radius: 8px;
        }

            .msg-list-box .list-group li p {
                margin-bottom: 0;
            }

            .msg-list-box .list-group li.msg-me {
                background: var(--event-orange-hb);
                align-self: flex-end;
            }

            .msg-list-box .list-group li.msg-other {
                background: var(--gray-medium-light);
            }

.msg-textbox {
    width: calc(100% - 70px);
    height: 60px;
    border-radius: 5px;
    margin-right: 10px;
}

.send-msg-btn {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: var(--orange) url(../Content/images/Iconos/enviar-01.svg) center no-repeat;
    background-size: 32px;
    color: var(--orange);
    display: block;
}

    .send-msg-btn:hover {
        background: var(--dark-orange) url(../Content/images/Iconos/enviar-01.svg) center no-repeat;
        background-size: 32px;
        color: var(--dark-orange);
    }


.mensajeria-container.op2 {
    padding: 0 !important;
}

    .mensajeria-container.op2 .chat-groups {
        padding: 0px !important;
    }

        .mensajeria-container.op2 .chat-groups .msg-group {
            border: 0px solid var(--orange) !important;
            border-left: 5px solid transparent !important;
            border-radius: 0px !important;
            margin-bottom: 0px !important;
        }

            .mensajeria-container.op2 .chat-groups .msg-group.active {
                border-right: 3px solid var(--orange) !important;
                border-radius: 0px !important;
                margin-bottom: 0px !important;
                background: #f5f5f5 !important;
            }

                .mensajeria-container.op2 .chat-groups .msg-group.active:hover {
                    border-right: 3px solid var(--orange) !important;
                }

            .mensajeria-container.op2 .chat-groups .msg-group:hover {
                background: var(--gray-medium-light) !important;
                border: 0px solid var(--dark-orange) !important;
                border-left: 5px solid transparent !important;
                color: var(--primary) !important;
                cursor: pointer !important;
            }

        .mensajeria-container.op2 .chat-groups .search-group {
            display: flex;
            padding: 16px 16px;
            height: 70px;
            align-items: center;
        }

            .mensajeria-container.op2 .chat-groups .search-group .search-form {
                width: 100%;
                height: 30px;
                border-radius: 5px;
            }

    .mensajeria-container.op2 .chat-section {
        padding: 0px;
    }

        .mensajeria-container.op2 .chat-section .contact-info {
            display: flex;
            width: 100%;
            padding: 16px;
            border-left: 1px solid var(--gray-medium);
            border-bottom: 1px solid var(--gray-medium-light);
            height: 70px;
            align-items: center;
        }

            .mensajeria-container.op2 .chat-section .contact-info .info-image {
            }

                .mensajeria-container.op2 .chat-section .contact-info .info-image img {
                    width: 36px;
                    height: 36px;
                }

            .mensajeria-container.op2 .chat-section .contact-info .side-dots {
                font-size: 18px;
                color: var(--primary);
            }

            .mensajeria-container.op2 .chat-section .contact-info .info-texts {
                display: flex;
                flex-direction: column;
                width: 100%;
            }

                .mensajeria-container.op2 .chat-section .contact-info .info-texts label {
                    font-size: 16px;
                    font-weight: 600;
                    margin-left: 8px;
                }

                .mensajeria-container.op2 .chat-section .contact-info .info-texts a {
                    font-size: 16px;
                    font-weight: 600;
                    margin-left: 8px;
                }

                .mensajeria-container.op2 .chat-section .contact-info .info-texts span {
                    font-size: 14px;
                    margin-left: 8px;
                    color: var(--gray);
                }

            .mensajeria-container.op2 .chat-section .contact-info .dropdown-menu {
                padding: 0px;
            }

                .mensajeria-container.op2 .chat-section .contact-info .dropdown-menu li a {
                    padding: 12px 16px;
                }

                    .mensajeria-container.op2 .chat-section .contact-info .dropdown-menu li a:hover {
                        background-color: var(--gray-medium-light);
                    }

                    .mensajeria-container.op2 .chat-section .contact-info .dropdown-menu li a:active {
                        background-color: var(--gray-medium-light);
                    }


    .mensajeria-container.op2 .msg-list-box {
        border-radius: 0px;
        margin-bottom: 0px;
        background: #f7f7f7;
        border: 0px;
        border-left: 1px solid var(--gray-medium);
        height: 363px;
        overflow-y: auto;
    }



    .mensajeria-container.op2 .msg-send-cont {
        display: flex;
        width: 100%;
        padding: 16px;
        border-left: 1px solid var(--gray-medium);
        border-top: 1px solid var(--gray-medium-light);
    }



        .mensajeria-container.op2 .msg-send-cont .msg-textbox {
            width: calc(100% - 56px);
            height: 40px;
            border-radius: 5px;
            margin-right: 16px;
        }

        .mensajeria-container.op2 .msg-send-cont .send-msg-btn {
            width: 40px;
            height: 40px;
            border-radius: 5px;
            background: var(--orange) url(../Content/images/Iconos/enviar-01.svg) center no-repeat;
            background-size: 24px;
            color: var(--orange);
            display: block;
            border: 0;
        }

            .mensajeria-container.op2 .msg-send-cont .send-msg-btn:hover {
                background: var(--dark-orange) url(../Content/images/Iconos/enviar-01.svg) center no-repeat;
                background-size: 24px;
                cursor: pointer;
            }

/*NOTIFICACIONES*/

.notification-btn {
    display: flex;
    height: 39px;
    align-items: center;
    padding: 8px 8px;
    justify-content: center;
    font-size: 18px;
    border-radius: 24px;
    align-self: center;
    margin-left: 16px;
    border: 1px solid transparent;
}

    .notification-btn .notificaciones-icon span {
        background: var(--orange);
        font-size: 12px;
        font-weight: 600;
        color: var(--secondary);
        padding: 2px 6px;
        border-radius: 10px;
        position: absolute;
        bottom: -10px;
        left: -10px;
    }

header:not(.top-top) .notification-btn {
    border: 1px solid var(--primary);
}

    /*.notification-btn i {
    filter: var(--white-filter);
}*/

    header:not(.top-top) .notification-btn i {
        filter: none;
    }

.notification-btn:hover {
    background: var(--secondary);
}

    .notification-btn:hover i {
        filter: none;
    }

.notification-list {
}

.pop-notificaciones.hide-pop {
    top: -450px;
}

.pop-notificaciones {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 432px;
    height: max-content;
    top: 52px;
    right: 290px;
    background: var(--secondary);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
    border-radius: 5px;
    overflow: hidden;
    transition: top .3s;
}

.pop-title {
    display: block;
    width: 100%;
    padding: 8px 8px;
    border-bottom: 1px solid var(--gray-light);
}

    .pop-title label {
        font-size: 14px;
        font-weight: 600;
    }


.pop-body {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.noti-box {
    padding: 8px;
}

    .noti-box:hover {
        background: var(--gray-light)
    }

    .noti-box .type-lbl {
        font-size: 12px;
        font-weight: 600;
        color: var(--gray);
    }

    .noti-box .noti-txt {
        margin: 4px 0;
        font-size: 14px;
    }

    .noti-box .noti-navigation {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        margin: 8px 0;
    }

        .noti-box .noti-navigation .navigation-btn {
            font-size: 14px;
            font-weight: 500;
            color: var(--orange);
        }

            .noti-box .noti-navigation .navigation-btn:hover {
                font-weight: 600;
                color: var(--dark-orange);
            }

.pop-footer {
    border-top: 1px solid var(--gray-light);
}

    .pop-footer .full-btn {
        display: flex;
        width: 100%;
        padding: 8px;
        align-items: center;
        justify-content: center;
        height: 48px;
        /* background: var(--gray-medium-light); */
        font-weight: 600;
    }

.pop-mensajes.hide-pop {
    top: -90px;
}

.pop-mensajes {
    display: flex;
    /* flex-direction: column; */
    position: absolute;
    width: 240px;
    height: max-content;
    top: 52px;
    right: 350px;
    background: var(--secondary);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
    /* padding: 12px; */
    border-radius: 5px;
    transition: top .3s;
}

.msg-list {
    display: flex;
    flex-direction: column;
    /* padding: 12px; */
    width: 100%;
}

    .msg-list .msg-list-item {
        display: flex;
        padding: 12px 18px;
        justify-content: space-between;
        align-items: center;
    }

        .msg-list .msg-list-item label {
            font-size: 16px;
            font-weight: 500;
            color: var(--primary);
        }

        .msg-list .msg-list-item .msg-cant {
            font-size: 14px;
            color: var(--secondary);
            background: var(--orange);
            border-radius: 16px;
            padding: 2px 6px;
            width: 40px;
            text-align: center;
        }

        .msg-list .msg-list-item:hover .msg-cant {
            background: var(--dark-orange);
        }


/*PANTALLA NOTIFICACIONES*/


.notification-box {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    /*border: 1px solid var(--gray-medium);*/
    /*border-radius: 16px;*/
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
    background: var(--secondary);
    margin-bottom: 16px;
}

.title-alert {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
    align-items: baseline;
}

    .title-alert label {
        font-size: 16px;
        font-weight: 600;
        margin-right: 8px;
    }

    .title-alert span {
        font-size: 14px;
        font-weight: 600;
        color: var(--gray-medium);
    }

.text-alert {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
    flex-direction: column;
}

.text-sqr {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: 100px;
    overflow: hidden;
    transition: height .3s;
}

    .text-sqr p {
        font-size: 16px;
    }

    .text-sqr.show {
        height: auto;
    }

.expand-btn {
    align-self: end;
    font-weight: 600;
}

    .expand-btn span.hidden {
        display: none;
    }

.actions-alert {
    display: flex;
    width: 100%;
}

.action-btn {
    font-size: 16px;
    font-weight: 600;
    margin-right: 16px;
}

    .action-btn.danger {
        color: var(--danger);
    }

        .action-btn.danger:hover {
            color: var(--dark-danger);
        }


/*POP SIDE PERFIL*/

.msg-box {
    overflow: hidden;
}

    .msg-box.side-show {
    }

        .msg-box.side-show .chat-section {
            width: calc(100% - 550px);
            transition: width .3s;
        }

        .msg-box.side-show .pop-side {
            margin-right: 0px;
            transition: margin-right .3s;
        }


.pop-side {
    display: flex;
    flex-direction: column;
    margin-right: -300px;
    transition: margin-right .3s;
    border-left: 1px solid var(--gray-medium);
}

.popup-side {
    display: flex;
    flex-direction: column;
    width: 400px;
    top: 50px;
    transform: none;
    left: auto;
    right: -401px;
    border-radius: 0px;
    height: calc(100% - 50px);
    background: var(--secondary);
    position: absolute;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
    transition: right .3s;
}

    .popup-side.profile-pop-s .pop-cont .contact-info .side-close {
        margin-top: 5px;
    }

    .popup-side.profile-pop-s .pop-cont .profile-info .tab-content {
        max-height: 418px;
    }

.profile-pop-s {
    display: flex;
    width: 300px;
}


    .profile-pop-s .pop-cont {
        padding: 0;
        height: 100%;
        max-height: 100%;
    }

        .profile-pop-s .pop-cont .contact-info {
            display: flex;
            width: 100%;
            align-items: center;
            margin-bottom: 10px;
            padding: 0 10px;
            height: 110px;
        }

            .profile-pop-s .pop-cont .contact-info .side-close {
                font-size: 18px;
                color: var(--primary);
                align-self: flex-start;
                margin-top: 24px;
                margin-right: 8px;
            }


            .profile-pop-s .pop-cont .contact-info .info-image {
                width: 60px;
                height: 60px;
                margin-right: 8px;
            }

                .profile-pop-s .pop-cont .contact-info .info-image img {
                    width: 100%;
                    height: auto;
                }

            .profile-pop-s .pop-cont .contact-info .info-texts {
            }

                .profile-pop-s .pop-cont .contact-info .info-texts label {
                    font-size: 16px;
                    font-weight: 600;
                }

                .profile-pop-s .pop-cont .contact-info .info-texts .place-ranking {
                    font-size: 14px;
                }

                    .profile-pop-s .pop-cont .contact-info .info-texts .place-ranking i {
                    }

                    .profile-pop-s .pop-cont .contact-info .info-texts .place-ranking label {
                        font-size: 16px;
                        font-weight: 600;
                    }

                .profile-pop-s .pop-cont .contact-info .info-texts .profile-lang {
                    margin-top: 5px;
                }

                    .profile-pop-s .pop-cont .contact-info .info-texts .profile-lang span {
                        font-size: 10px;
                    }

        .profile-pop-s .pop-cont .profile-info {
            overflow: hidden;
            position: relative;
        }




            .profile-pop-s .pop-cont .profile-info ul {
                list-style: none;
                display: flex;
                width: 100%;
                padding: 0;
                justify-content: space-evenly;
                position: absolute;
                height: 40px;
                margin: 0;
                align-items: center;
            }

                .profile-pop-s .pop-cont .profile-info ul li {
                    position: relative;
                }

                    .profile-pop-s .pop-cont .profile-info ul li a {
                        font-weight: 500;
                        color: var(--orange);
                    }

                        .profile-pop-s .pop-cont .profile-info ul li a:hover {
                            font-weight: 600;
                            color: var(--dark-orange);
                        }

            .profile-pop-s .pop-cont .profile-info .tab-box {
            }

            .profile-pop-s .pop-cont .profile-info .tab-content {
                display: flex;
                width: 200%;
                overflow: hidden;
                margin-top: 40px;
                max-height: 346px;
                overflow-y: auto;
                transition: margin-left .3s;
                padding-right: 0 !important;
                position: relative;
                padding-top: 5px;
            }

                .profile-pop-s .pop-cont .profile-info .tab-content.pro-desc {
                    margin-left: 0;
                    overflow-y: hidden;
                }

                .profile-pop-s .pop-cont .profile-info .tab-content.pro-opt {
                    margin-left: -100%;
                }



.line-interactive {
    height: 2px;
    background: var(--orange);
    position: absolute;
    top: 0px;
    width: 25%;
    transition: left .3s;
}

.tab-content.pro-desc .line-interactive {
    left: 0;
}

.tab-content.pro-opt .line-interactive {
    width: 23%;
    left: 77%;
}

.ajust-l {
    left: 100%;
}

.profile-pop-s .pop-cont .profile-info .profile-description {
    width: 100%;
    min-width: 300px;
    transition: height .3s;
    padding: 0 20px;
}

    .profile-pop-s .pop-cont .profile-info .profile-description label {
        font-size: 14px;
        margin: 6px 0px;
        font-weight: 600;
    }

    .profile-pop-s .pop-cont .profile-info .profile-description .profile-about {
    }


        .profile-pop-s .pop-cont .profile-info .profile-description .profile-about p {
            font-size: 13px;
            margin: 0;
            margin-bottom: 10px;
        }

    .profile-pop-s .pop-cont .profile-info .profile-description .profile-number {
        display: flex;
        flex-direction: column;
    }

        .profile-pop-s .pop-cont .profile-info .profile-description .profile-number span {
            font-size: 11px;
            margin: 0px 0px;
            font-weight: 400;
            color: var(--gray);
            display: block;
            width: 100%;
        }

        .profile-pop-s .pop-cont .profile-info .profile-description .profile-number label {
            font-size: 14px;
            margin: 0px 0px 3px;
            font-weight: 600;
        }

    .profile-pop-s .pop-cont .profile-info .profile-description .profile-activities {
    }

        .profile-pop-s .pop-cont .profile-info .profile-description .profile-activities span {
            background: var(--gray-medium-light);
            padding: 4px 8px;
            border-radius: 8px;
            font-size: 12px;
            float: left;
            margin-right: 8px;
            margin-bottom: 8px;
        }

.profile-pop-s .pop-cont .profile-info .profile-opinions {
    width: 100%;
    min-width: 300px;
    transition: height .3s;
    padding: 0 20px;
}

    .profile-pop-s .pop-cont .profile-info .profile-opinions .opinion-box {
        display: flex;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--gray-medium-light);
    }

        .profile-pop-s .pop-cont .profile-info .profile-opinions .opinion-box .info-image {
            /*width: 40px;*/
            margin-right: 10px;
        }

            .profile-pop-s .pop-cont .profile-info .profile-opinions .opinion-box .info-image img {
                width: 40px;
                height: auto;
                margin-top: 6px;
            }

    .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion {
    }

        .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .ranking {
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 6px;
        }

            .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .ranking i {
                color: var(--orange);
            }

            .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .ranking label {
            }

        .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-user {
            font-size: 15px;
            font-weight: 600;
        }

            .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-user label {
            }

        .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-title {
            font-size: 14px;
            font-weight: 600;
        }

            .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-title label {
            }

        .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-text {
            font-size: 14px;
        }

            .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-text .evidence-box {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                width: 100%;
                margin-bottom: 6px;
            }

                .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-text .evidence-box .evidence-img {
                    display: flex;
                    width: 50px;
                    height: 50px;
                    overflow: hidden;
                    border-radius: 5px;
                    margin-right: 8px;
                }

                    .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-text .evidence-box .evidence-img img {
                        width: 100%;
                        display: block;
                        height: auto;
                    }


            .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-text p {
            }

            .profile-pop-s .pop-cont .profile-info .profile-opinions .core-opinion .opinion-text .text-btn {
            }

/*NOMENCLATURA*/

.nomenclature-color-chart {
    display: flex;
    flex-direction: column;
    position: absolute;
    background: var(--secondary);
    height: max-content;
    width: 210px;
    border: 1px solid var(--gray-medium-light);
    padding: 14px 14px;
    left: 9px;
    bottom: 16px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
}

.nomenclature-title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    /* letter-spacing: -0.1px; */
    margin-bottom: 16px;
}

.color-asigned {
    display: flex;
    flex-direction: column;
}

    .color-asigned label {
        font-size: 14px;
        line-height: 20px;
        display: flex;
        width: 100%;
        float: left;
        font-weight: 100;
        margin-bottom: 10px;
    }

.space-asigned-orange::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: var(--orange);
    margin-right: 8px;
}

.color-asigned-orange {
    color: var(--orange);
}

.space-asigned-purple::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: var(--chart-purple);
    margin-right: 8px;
}

.color-asigned-purple {
    color: var(--chart-purple);
}

.space-asigned-blue::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: var(--chart-blue);
    margin-right: 8px;
}

.color-asigned-blue {
    color: var(--chart-blue);
}

.space-asigned-sky::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: var(--chart-sky);
    margin-right: 8px;
}

.color-asigned-sky {
    color: var(--chart-sky);
}


.space-asigned-yellow::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: var(--chart-yellow);
    margin-right: 8px;
}

.color-asigned-yellow {
    color: var(--chart-yellow);
}

.space-asigned-grey::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: var(--chart-grey);
    margin-right: 8px;
}

.color-asigned-grey {
    color: var(--chart-grey);
}

.mensajeria-container.op2 .chat-groups .msg-group.color-asigned-orange {
    border-left: 5px solid var(--orange) !important;
    color: var(--primary);
}

.mensajeria-container.op2 .chat-groups .msg-group.color-asigned-blue {
    border-left: 5px solid var(--chart-blue) !important;
    color: var(--primary);
}

/*POPUP EVENT CALENDAR*/
.event-pop {
    z-index: 4;
    width: 230px;
    position: fixed;
}

    .event-pop .pop-cont {
        flex-direction: column;
        flex-wrap: nowrap;
    }

.day-event-head {
    display: flex;
    padding: 16px;
    background: var(--event-sky-t);
    color: var(--secondary);
    flex-wrap: wrap;
}

.day-number {
    display: flex;
    flex-direction: column;
    width: 30px;
}

    .day-number span {
        font-size: 14px;
        font-weight: 600;
    }

    .day-number label {
        font-size: 32px;
        font-weight: 600;
    }

.day-event-head .day-time {
    width: calc(100% - 30px);
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    padding-top: 31px;
}

    .day-event-head .day-time label {
        font-size: 19px;
    }

.section-title {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
}

.day-event-duration {
    display: flex;
    padding: 16px;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--gray-medium-light);
}

    .day-event-duration label {
        float: right;
        text-align: right;
        font-size: 20px;
        font-weight: 600;
        color: var(--gray);
        margin-bottom: 5px;
        width: 100%;
    }

    .day-event-duration .time-start {
        display: flex;
        align-items: flex-start;
        width: 50%;
        flex-direction: column;
    }

        .day-event-duration .time-start span {
            font-size: 12px;
            text-transform: uppercase;
        }

        .day-event-duration .time-start label {
            float: left;
            text-align: right;
            font-size: 20px;
            font-weight: 600;
            color: var(--gray);
            margin-bottom: 0px;
            width: 100%;
            padding-right: 5px;
        }

    .day-event-duration .time-end {
        display: flex;
        align-items: flex-start;
        width: 50%;
        flex-direction: column;
    }

        .day-event-duration .time-end span {
            font-size: 12px;
            text-transform: uppercase;
        }

        .day-event-duration .time-end label {
            float: left;
            text-align: right;
            font-size: 20px;
            font-weight: 600;
            color: var(--gray);
            margin-bottom: 0px;
            width: 100%;
            padding-right: 5px;
        }

.day-event-guests-number {
    display: flex;
    padding: 16px;
    flex-direction: column;
    border-bottom: 1px solid var(--gray-medium-light);
}

    .day-event-guests-number label {
        float: right;
        text-align: right;
        font-size: 20px;
        font-weight: 600;
        color: var(--gray);
        margin-bottom: 5px;
    }

.day-event-lodging {
    display: flex;
    padding: 16px;
    flex-direction: column;
    border-bottom: 1px solid var(--gray-medium-light);
}

    .day-event-lodging label {
        float: right;
        text-align: right;
        font-size: 20px;
        font-weight: 600;
        color: var(--gray);
        margin-bottom: 5px;
    }

.guests-section {
    display: flex;
    padding: 16px;
    flex-direction: column;
}

    .guests-section .opinion-box {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .guests-section .opinion-box .info-image {
        }

            .guests-section .opinion-box .info-image img {
            }

        .guests-section .opinion-box .core-opinion {
            display: flex;
            width: calc(100% - 37px);
            align-items: center;
        }

            .guests-section .opinion-box .core-opinion .opinion-user {
                font-size: 14px;
            }

            .guests-section .opinion-box .core-opinion .ranking {
                font-size: 14px;
                width: 65px;
            }

                .guests-section .opinion-box .core-opinion .ranking i {
                    color: var(--orange);
                }

        .guests-section .opinion-box .text-btn {
            color: var(--chart-blue);
            font-size: 14px;
            float: right;
            width: 100%;
            text-align: right;
        }

.close {
    width: 100%;
    font-size: 20px;
    color: var(--secondary);
    text-align: right;
}

/*MAPA DE REGISTRO*/



.map-register-list {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
    /*width: 1200px;*/
    width: 100%;
    margin-top: 24px;
}

.map-register-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--gray-medium-light);
    padding: 16px 0;
}

.register-check {
    display: block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
}

    .register-check i {
        display: block;
        background: url('../content/images/iconos/empty-check.svg') center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .register-check.fully i {
        display: block;
        background: url('../content/images/iconos/fully-check.svg') center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }


.map-register-description {
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    flex-grow: 1;
    padding-left: 16px;
}

    .map-register-description label {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .map-register-description span {
        color: var(--gray);
        font-size: 14px;
    }

.register-edit-btn {
    width: 100px;
    text-align: center;
    color: var(--orange);
    font-weight: 600;
}

    .register-edit-btn:hover {
        color: var(--dark-orange);
    }

.register-start-btn {
    background: var(--orange);
    color: var(--secondary);
    padding: 8px;
    border-radius: 5px;
    width: 140px;
    text-align: center;
    height: max-content;
    border-width: 0;
}

    .register-start-btn:hover {
        background: var(--dark-orange);
    }

    .register-start-btn.no-start {
        display: none;
    }
/*MAPA DE REGISTRO - ACERCA DEL ESPACIO*/
.steps-container {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
    /*width: 1200px;*/
    width: 100%;
    margin-top: 24px;
    height: 100%;
    flex: 1;
}

#activitiesForm {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.title-step {
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    align-items: center;
    justify-content: space-between;
}

    .title-step div {
        display: flex;
        flex-direction: column;
    }

    .title-step label {
        font-size: 20px;
        font-weight: 600;
    }

    .title-step span {
        font-size: 14px;
        color: var(--gray);
    }

.subtitle-step {
    display: flex;
    flex-direction: column;
    max-width: 800px;
    margin-bottom: 16px;
}

    .subtitle-step span b {
        font-weight: 600;
    }


.form-row-over {
    display: flex;
    width: 90%;
    margin: 0 auto;
}



.form-adress {
    width: 50%;
}

    .form-adress label {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .form-adress span {
        font-size: 14px;
        color: var(--gray);
    }

.form-row-over.form-column {
    flex-direction: column;
    flex: 1;
}

    .form-row-over.form-column .form-adress {
        width: 100%;
        margin-bottom: 32px;
    }


.form-addon {
    padding: 16px;
    border: 1px solid var(--gray-dark);
    border-radius: 8px;
    max-width: 600px;
    margin-bottom: 16px;
}

.addon-info-cont {
    display: flex;
    flex-wrap: nowrap;
}

.addon-img {
    width: 200px;
    height: 150px;
    display: flex;
}

    .addon-img img {
        display: block;
        float: left;
        width: 100%;
        object-fit: cover;
    }

.addon-info {
    padding: 8px 16px;
    width: calc(100% - 200px);
}

    .addon-info .addon-title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 16px;
    }

    .addon-info .addon-text {
        font-size: 14px;
    }

.addon-count-section {
    display: flex;
    margin-top: 16px;
    width: 100%;
    gap: 16px;
}

    .addon-count-section a {
        display: flex;
        padding: 5px 10px;
        border: 1px solid var(--gray-medium);
        border-radius: 16px;
        font-size: 24px;
        font-weight: 600;
        line-height: 16px;
        align-items: center;
        width: 30%;
        text-align: center;
        justify-content: center;
    }

        .addon-count-section a:hover {
            background: var(--orange);
            color: var(--secondary);
            border: 1px solid var(--orange);
        }

    .addon-count-section .addon-btn-decrement {
    }

    .addon-count-section .addon-btn-increment {
    }

    .addon-count-section .addon-count {
    }



.example-sub {
    margin-top: 16px;
    font-style: italic;
}

.form-row {
    display: flex;
}

    .form-row .form-settings {
        float: left;
        /*margin-right: 24px;*/
        margin-bottom: 24px;
        max-width: 100%;
    }

        .form-row .form-settings .form-lbl {
            font-weight: 600;
            margin-bottom: 8px;
        }

        .form-row .form-settings .form-input {
            max-width: 500px;
        }

    .form-row.two-forms {
        gap: 24px;
    }

        .form-row.two-forms .form-settings {
            max-width: 238px;
        }

    .form-row .form-settings textarea.form-input {
        max-width: 100%;
        height: 150px;
        resize: none;
    }

    .form-row.loader-form {
        position:relative;
    }

        .form-row.loader-form #loader {
            position: absolute;
            right: 50px;
            top: 30px;
        }

            .form-row.loader-form #loader img {
                height: 24px;
            }

.text-btn {
    font-weight: 600;
    color: var(--orange);
}

    .text-btn:hover {
        color: var(--dark-orange);
    }


.location-map {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%;
    max-width: 500px;
    margin-bottom: 16px;
    align-items: center;
    float: left;
    margin-right: 16px;
}

    .location-map label {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
        display: block;
        margin: 0px;
        margin-bottom: 4px;
        width: 100%;
    }

    .location-map iframe {
        height: 400px;
        width: 100%;
    }

    .location-map #map {
        height: 400px;
        width: 100%;
    }

.step-btn-section {
    display: block;
    padding-top: 32px;
    width: 100%;
}

.step-btn {
    padding: 8px 16px;
    border-radius: 5px;
    text-align: center;
    width: max-content;
    display: block;
}

    .step-btn.step-back {
        border: 1px solid var(--primary);
        background: var(--secondary);
        color: var(--primary);
        float: left;
    }

        .step-btn.step-back:hover {
            background: var(--gray-light);
        }

    .step-btn.step-next {
        border: 1px solid var(--orange);
        background: var(--orange);
        color: var(--secondary);
        float: right;
    }

        .step-btn.step-next:hover {
            background: var(--dark-orange);
        }

.step-btn-section.sp-btn-bttm {
    position: absolute;
    left: auto;
    width: 1200px;
    bottom: 48px;
}

.radio-row {
    display: flex;
    margin-top: 16px;
}

    .radio-row .radio-btn {
        display: flex;
        width: 66px;
        align-items: center;
        gap: 8px;
        margin-right: 24px;
    }

        .radio-row .radio-btn input {
            width: 25px;
        }

        .radio-row .radio-btn label {
            margin-bottom: 0;
        }

        .radio-row .radio-btn.radio-lg {
            width: 370px;
        }

.check-row {
    display: flex;
    margin-top: 16px;
}

    .check-row .check-btn {
        display: flex;
        width: 400px;
        align-items: center;
        gap: 16px;
        margin-right: 24px;
    }

        .check-row .check-btn input {
            width: 25px;
        }

.form-adress.shedule-days .form-row {
    align-items: flex-start;
    padding-bottom: 32px;
    padding-top: 16px;
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--gray-medium);
    margin-bottom: 16px;
}

    .form-adress.shedule-days .form-row .form-settings {
        max-width: 150px;
        margin-bottom: 0;
    }

.form-row .switch-btn {
    width: 280px;
}

    .form-row .switch-btn .sw-lbl {
        width: 110px;
        margin-bottom: 0px;
    }

    .form-row .switch-btn .switch {
        margin-right: 24px;
        margin-bottom: 0;
    }


.upload-image-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 56px;
}

.hr-stats {
    display: block;
    float: left;
    margin-left: 70px;
    line-height: 32px;
}

    .hr-stats span {
        font-weight: 400;
    }

    .hr-stats .on {
        display: none
    }

    .hr-stats .off {
        display: block;
    }

.switch input:checked ~ .hr-stats .on {
    display: block;
    color: var(--primary);
}

.switch input:checked ~ .hr-stats .off {
    display: none
}


.stable-date {
    display: flex;
    flex-wrap: nowrap;
    width: calc(36% - 135px);
    align-items: center;
}

    .stable-date .radio-btn {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-right: 16px;
    }

        .stable-date .radio-btn input {
            width: 26px;
        }

        .stable-date .radio-btn label {
            margin-bottom: 0;
            font-size: 15px;
        }

.custom-date {
    display: flex;
    flex-wrap: wrap;
    width: calc(70% - 135px);
    align-items: center;
}

    .custom-date .radio-btn {
        display: flex;
        gap: 8px;
        align-items: center;
        width: 31%;
        justify-content: flex-start;
        order: 1;
    }

        .custom-date .radio-btn input {
            width: 26px;
        }

        .custom-date .radio-btn label {
            margin-bottom: 0;
            font-size: 15px;
        }

.booking-option {
    display: flex;
    width: 36%;
    justify-content: flex-end;
    align-items: center;
    order: 2;
}



.custom-date .booking-option label {
    margin-left: 8px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
}

.instant-option {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 33%;
    justify-content: flex-end;
    order: 3;
}

    .instant-option i {
        color: var(--warning);
    }

    .instant-option label {
        font-size: 14px;
        line-height: 13px;
        width: 110px;
        display: block;
        margin: 0;
    }

.custom-date .select-hours {
    display: flex;
    width: 100%;
    align-items: center;
}

    .custom-date .select-hours .hour-row {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 8px;
        margin: 0;
        height: 0px;
        overflow: hidden;
    }

.custom-date .text-btn {
    display: none;
}



.custom-date.selected .select-hours {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    order: 4;
}

    .custom-date.selected .select-hours .hour-row {
        margin: 16px 0;
        height: auto;
        overflow: auto;
    }

        .custom-date.selected .select-hours .hour-row:hover .delete-row {
            color: var(--danger);
        }

    .custom-date.selected .select-hours .delete-row {
        color: transparent;
    }

        .custom-date.selected .select-hours .delete-row:hover {
            color: var(--danger);
        }

.custom-date.selected .text-btn {
    display: block;
}

.form-adress.shedule-days .form-row .custom-date.selected .select-hours .form-settings {
    margin-right: 0;
    max-width: 35%;
    width: calc(35% - 16px);
}

.custom-date.selected .select-hours label {
    width: 16px;
    text-align: center;
}

/*CANCELACIONES*/

.radio-row.square-selection {
    flex-direction: column;
    border: 1px solid var(--gray-medium);
    border-radius: 10px;
    padding: 16px;
}

    .radio-row.square-selection.selected {
        border: 2px solid var(--orange);
    }

    .radio-row.square-selection .radio-btn {
        width: 100%;
        margin: 0;
        margin-bottom: 16px;
    }

    .radio-row.square-selection p {
        width: 100%;
        margin-bottom: 8px;
        padding-left: 40px;
    }

/*ACTIVIDADES*/

.activity-selection {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
}

.activity-item {
    width: 100%;
    padding: 16px;
    border: 1px solid var(--gray-medium);
    border-radius: 10px;
    height: fit-content;
}

    .activity-item.selected {
        border: 2px solid var(--orange);
    }

.activity-title {
}

    .activity-title label {
        font-size: 20px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 8px;
    }

.activity-list {
    display: block;
    float: left;
    width: 100%;
    height: 112px;
}

    .activity-list ul {
        padding-left: 18px;
        display: block;
        float: left;
        width: 100%;
    }

        .activity-list ul li {
        }

.selection-sec {
    display: flex;
    float: left;
    width: 100%;
}



.select-btn {
    background: transparent;
    color: var(--orange);
    border: 1px solid var(--orange);
    padding: 8px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    height: max-content;
}

    .select-btn:hover {
        background: var(--orange);
        color: var(--secondary);
    }

.activity-item.selected .select-btn {
    background: var(--orange);
    color: var(--secondary);
}

.pricing-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    float: left;
    margin-top: 24px;
    font-size: 14px;
}

.set-pricing {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray-medium-light);
    padding-bottom: 16px;
}

lable.subtitle-price {
}

span.subtitle-price {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    padding-left: 34px;
}

span.subtitle-h3-price {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    padding-left: 34px;
}

    span.subtitle-h3-price a {
        color: var(--orange);
    }

        span.subtitle-h3-price a:hover {
            color: var(--dark-orange);
        }

.select-type-price {
}

    .select-type-price .radio-btn {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 8px;
        padding: 16px 8px;
    }

        .select-type-price .radio-btn .radio-form {
            width: 26px;
        }

        .select-type-price .radio-btn label {
            font-weight: 600;
            width: calc(100% - 34px);
        }

.fixed-price {
    padding: 0px 8px;
}

.tiny-dish-price {
    padding: 0px 8px;
}

.price-form {
    display: flex;
    flex-wrap: nowrap;
    width: 150px;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 16px;
}

.form-icon {
    height: 32px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary);
    border: 1px solid var(--gray-medium);
    border-radius: 5px 0 0 5px;
}

.price-form [class$="-icon"] {
    display: flex;
    height: 32px;
    width: 40px;
}

.price-form .form-input {
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
}

    .price-form .form-input:focus-visible ~ .form-icon {
        border-color: var(--orange);
    }

.price-form.only-num .form-input {
    border-radius: 5px;
    margin-left: 0px;
}

.var-price {
    padding: 0px 8px;
}

.price-day-row {
    display: flex;
    align-items: center;
    padding: 8px;
    padding-left: 34px;
    gap: 16px;
}

    .price-day-row .price-form {
        margin: 0;
    }

    .price-day-row label {
        width: 75px;
        font-weight: 600;
    }

    .price-day-row span {
    }

.guest-pricing {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray-medium-light);
    padding-bottom: 16px;
}

    .guest-pricing .subtitle-price {
        margin-bottom: 16px;
    }

    .guest-pricing .radio-row {
        display: flex;
        margin-top: 0px;
        justify-content: center;
        width: 60%;
        margin: 0 auto;
    }

        .guest-pricing .radio-row .radio-btn {
            display: flex;
            width: 100%;
            align-items: center;
            gap: 8px;
            padding: 10px 32px;
            margin: 0;
        }

.people-var-price .subtitle-price {
    padding-left: 0px;
}

.people-range label {
    margin-bottom: 16px;
}

.range-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    width: max-content;
    margin: 0 auto;
}

    .range-row label {
        margin: 0;
        font-weight: 600;
    }

    .range-row .form-input {
        width: 75px;
        border-radius: 5px;
    }

.people-range .range-row {
    padding: 16px;
    padding-top: 0;
}

.add-people-range {
}

    .add-people-range span.subtitle-h3-price {
        padding-left: 0;
        display: flex;
        align-items: center;
    }

        .add-people-range span.subtitle-h3-price a.icon-btn {
            color: var(--primary);
        }

            .add-people-range span.subtitle-h3-price a.icon-btn:hover {
                color: var(--primary);
            }


.people-range-table {
    padding: 0px;
}

.titles-range-row {
    display: flex;
    width: 100%;
    gap: 8px;
}

    .titles-range-row label {
        width: 100%;
        text-align: center
    }

.range-col {
    font-weight: 600;
    padding: 8px;
    width: 57%;
}

.range-price-col {
    font-weight: 600;
    padding: 8px;
    width: 36%;
}

.delete-col {
    padding: 0px;
    width: 7%;
}

.add-range-row {
    display: flex;
    align-items: center;
}

    .add-range-row .range-row {
        margin: 0;
        width: 100%;
    }

        .add-range-row .range-row .form-input {
            width: 50%;
        }

.range-price-col .price-form {
    width: 100%;
    margin: 0;
}

    .range-price-col .price-form .form-icon {
        width: 32px;
    }

    .range-price-col .price-form .form-input {
        width: calc(100% - 32px)
    }

.discount-pricing {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray-medium-light);
    padding-bottom: 16px;
}

    .discount-pricing .subtitle-price {
        margin-bottom: 16px;
    }

        .discount-pricing .subtitle-price span {
            font-size: 12px;
        }

.select-discount-price {
}

    .select-discount-price label {
    }

.discount-price-row {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    gap: 8px;
    padding: 16px;
}

    .discount-price-row .price-form-invert {
        margin: 0;
    }

.price-form-invert {
    display: flex;
    flex-wrap: nowrap;
    width: 150px;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 16px;
}

    .price-form-invert .form-icon {
        height: 32px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--secondary);
        border: 1px solid var(--gray-medium);
        border-radius: 0 5px 5px 0;
        margin-left: -1px;
    }

    .price-form-invert .form-input {
        border-radius: 5px 0 0 5px;
    }

.clean-pricing {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray-medium-light);
    padding-bottom: 16px;
}

    .clean-pricing .subtitle-price {
        margin-bottom: 16px;
    }

    .clean-pricing span.subtitle-price {
        padding-left: 0;
    }

.amenities-box {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray-medium-light);
    padding-bottom: 16px;
}

    .amenities-box .subtitle-price {
        margin-bottom: 16px;
        padding-left: 0;
        font-size: 14px;
    }

.list-amenities {
}

    .list-amenities ul {
        padding: 0;
    }

        .list-amenities ul li {
            list-style: none;
            display: flex;
            padding: 8px 16px;
            width: 100%;
            gap: 8px;
        }

        .list-amenities ul.new-amenities-list-itc li, .list-amenities ul.new-amenities-list-itr li, .list-amenities ul.new-amenities-list-ite li {
            list-style: none;
            display: flex;
            padding: 8px 16px;
            width: 100%;
            gap: 8px;
            justify-content: space-between;
        }

            .list-amenities ul.new-amenities-list-itc li label, .list-amenities ul.new-amenities-list-itr li label, .list-amenities ul.new-amenities-list-ite li label {
                flex-grow: 1;
            }

            .list-amenities ul.new-amenities-list-itc li .new-amenitie-txt, .list-amenities ul.new-amenities-list-itr li .new-amenitie-txt, .list-amenities ul.new-amenities-list-ite li .new-amenitie-txt {
                border: 0;
                background: transparent;
                height: auto;
                padding: 0;
                flex-grow: 1;
            }

.delete-row {
    color: var(--danger);
}

    .delete-row:hover {
        color: var(--dark-danger);
    }

.add-ammenities {
    margin-bottom: 24px;
    padding-bottom: 16px;
}

    .add-ammenities .subtitle-price {
        margin-bottom: 16px;
        padding-left: 0;
        font-size: 14px;
    }

.new-amenities-list {
    padding: 0;
}

    .new-amenities-list li {
        list-style: none;
        display: flex;
        padding: 8px 16px;
        width: 100%;
        gap: 8px;
    }

.add-amenities-section {
    display: flex;
    gap: 8px;
    width: 250px;
    margin: 0 auto;
}

    .add-amenities-section .form-input {
        border-radius: 5px;
    }

.add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 32px;
    border: 1px solid var(--gray-medium);
    border-radius: 5px;
}

    .add-btn:hover {
        border: 1px solid var(--orange);
        background: var(--orange);
        color: var(--secondary);
    }

.guaranty-box {
    margin-bottom: 24px;
    padding-bottom: 16px;
    font-size: 14px;
    /*border-bottom: 1px solid var(--gray-medium-light);*/
}

.pop.tool-tip-usurpator {
    display: none;
    position: absolute;
    width: 400px;
    height: 300px;
    top: 24px;
    left: 21px;
    background: var(--secondary);
}

/*COMPLETAR PERFIL*/

.form-adress span.obligatory-txt {
    color: var(--danger);
}

.add-picture {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    gap: 8px;
}

.image-upload {
    width: 85px;
}

    .image-upload img {
        display: block;
        width: 100%;
    }

.upload-btn {
}

    .upload-btn label {
        font-size: 16px;
        margin: 0;
    }

    .upload-btn:hover {
        color: var(--orange);
    }
/*PROCESO DE PAGO*/
.payment-process-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

    .payment-process-cont .steps-container {
        width: 70%;
        margin: 0;
        float: left;
    }


    .payment-process-cont .resume-pay {
        position: relative;
        width: 30%;
        max-width: 360px;
        display: flex;
        flex-wrap: wrap;
        height: max-content;
    }

        .payment-process-cont .resume-pay .square-price {
            padding: 16px;
        }

        .payment-process-cont .resume-pay .main-price-fix {
            position: relative;
            width: 100%;
            max-width: 360px;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            top: 0;
            height: calc(100% - 100px);
            max-height: 1470px;
        }

        .payment-process-cont .resume-pay .place-info-card {
            display: flex;
            flex-wrap: nowrap;
            width: 100%;
            align-items: center;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--gray-medium-light);
        }

        .payment-process-cont .resume-pay .image-space {
            display: block;
            float: left;
            width: 30%;
        }

            .payment-process-cont .resume-pay .image-space img {
                display: block;
                float: left;
                width: 100%;
            }

        .payment-process-cont .resume-pay .title-section {
            width: 70%;
            display: flex;
            flex-direction: column;
            padding: 0;
            padding-left: 16px;
            height: auto;
        }

            .payment-process-cont .resume-pay .title-section label {
                font-weight: 600;
                font-size: 18px;
            }

            .payment-process-cont .resume-pay .title-section .evaluationcitybox {
                flex-direction: column-reverse;
                width: 100%;
            }

                .payment-process-cont .resume-pay .title-section .evaluationcitybox .place-ranking {
                    font-size: 16px;
                }

                .payment-process-cont .resume-pay .title-section .evaluationcitybox .city label {
                    font-weight: 400;
                }

        .payment-process-cont .resume-pay .services-row {
            width: 100%;
            padding: 16px;
            border-bottom: 1px solid var(--gray-medium-light);
            margin: 0;
        }

        .payment-process-cont .resume-pay .title-price {
            font-weight: 600;
        }

        .payment-process-cont .resume-pay .price-list {
            display: block;
            width: 100%;
            margin: 0;
            height: auto;
            float: left;
            padding-left: 0px;
        }

            .payment-process-cont .resume-pay .price-list li {
                margin-bottom: 8px;
                font-size: 16px;
            }

        .payment-process-cont .resume-pay .services-row.resume li label {
            float: left;
            margin-right: 5px;
        }

        .payment-process-cont .resume-pay .services-row.resume li a {
            float: left;
        }

        .payment-process-cont .resume-pay .services-row.resume li span {
            float: right;
        }

        .payment-process-cont .resume-pay .price-box {
            flex-direction: column;
            height: 100%;
            align-items: stretch;
            justify-content: end;
        }

        .payment-process-cont .resume-pay .services-row.subtotal {
            border-bottom: 0;
            padding-bottom: 0;
        }

            .payment-process-cont .resume-pay .services-row.subtotal .subtotal-title {
                float: left;
                font-weight: 600;
                font-size: 16px;
            }

            .payment-process-cont .resume-pay .services-row.subtotal .subtotal-price {
                float: right;
            }

.preview-price-row {
    display: flex;
    margin-bottom: 16px;
    width: 100%;
    max-width: 600px;
}

.preview-table {
    width: 100%;
    display: block;
    border: 1px solid var(--gray-medium);
    border-radius: 10px;
    overflow: hidden;
}

    .preview-table .icon-btn {
        margin-left: 8px;
    }

.pvw-head {
    padding: 16px;
    border-bottom: 1px solid var(--gray-medium);
    background: var(--gray-light);
    display: flex;
}

.pvw-head-td {
    font-size: 16px;
    font-weight: 600;
    width: 25%;
    text-align: center;
}

.pvw-head .pvw-head-td:first-child {
    width: 40%;
    text-align: left;
}

.pvw-head .pvw-head-td:last-child {
    text-align: right;
}

.pvw-head.alt-head .pvw-head-td:first-child {
    text-align: left;
}

.pvw-body {
    display: block;
    padding: 0 16px;
}

.pvw-body-tr {
    display: flex;
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid var(--gray-medium-light);
}

.pvw-body-td {
    color: var(--gray);
    display: flex;
    width: 25%;
    justify-content: center;
}

.pvw-body-tr .pvw-body-td:first-child {
    width: 40%;
    justify-content: flex-start;
}

.pvw-body-tr .pvw-body-td:last-child {
    justify-content: flex-end;
}

.pvw-body-tr.alt-row {
}

    .pvw-body-tr.alt-row .pvw-body-td {
        width: 50%;
    }

        .pvw-body-tr.alt-row .pvw-body-td:last-child {
            justify-content: flex-end;
        }

.pvw-body-tr.total-section {
    border-bottom: 0;
}

    .pvw-body-tr.total-section .pvw-body-td {
        width: 50%;
        color: var(--primary);
        font-weight: 600;
    }

        .pvw-body-tr.total-section .pvw-body-td:last-child {
            justify-content: flex-end;
        }


.flat-info {
    padding: 16px 0;
    border-top: 1px solid var(--gray-medium);
    border-bottom: 1px solid var(--gray-medium);
    margin: 32px 0 0px;
}

    .flat-info label {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .flat-info .rules-box label {
        font-size: 18px;
        margin-bottom: 24px;
        margin-top: 16px;
    }

    .flat-info p {
        color: var(--gray);
        padding-left: 16px;
    }

.rules-box.check-rule {
    padding: 16px;
    border: 1px solid var(--gray-medium-light);
    background: var(--gray-light);
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 5px;
    height: 72px;
    margin-top: 32px;
    margin-bottom: 16px;
}

    .rules-box.check-rule label {
        margin: 0;
    }

.form-adress.pay-cont {
    max-width: 600px;
}

    .form-adress.pay-cont label {
        margin-bottom: 24px;
    }

    .form-adress.pay-cont .form-row.two-forms .form-settings {
        max-width: 288px;
    }

    .form-adress.pay-cont .form-row {
        flex-wrap: wrap;
    }

        .form-adress.pay-cont .form-row .form-settings .form-input {
            max-width: 600px;
        }


.preview-price-row.pay-cont {
}

    .preview-price-row.pay-cont .flat-info {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

        .preview-price-row.pay-cont .flat-info label {
            width: 100%;
            margin-bottom: 4px;
        }

.preview-price-row.pay-cont {
}

    .preview-price-row.pay-cont .radio-pay {
        width: calc(50% - 8px);
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
        padding: 16px;
        border: 1px solid var(--gray-medium);
        border-radius: 10px;
    }

        .preview-price-row.pay-cont .radio-pay .radio-form {
            width: 26px;
        }

        .preview-price-row.pay-cont .radio-pay label {
            width: calc(100% - 34px);
            margin: 0;
            line-height: 26px;
        }

        .preview-price-row.pay-cont .radio-pay p {
            width: 100%;
            padding-left: 34px;
            margin: 0;
        }

.title-resume {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.host-box .contact-info {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

    .host-box .contact-info .info-image {
        width: 50px;
    }

        .host-box .contact-info .info-image img {
            width: 100%;
            height: auto;
        }

    .host-box .contact-info .info-texts {
    }

        .host-box .contact-info .info-texts label {
            font-size: 16px;
            font-weight: 600;
        }

.resume-pay.pay-cont .services-row {
    padding-left: 0px;
}

.resume-pay.pay-cont .place-info-card {
    flex-wrap: wrap;
    padding: 0;
    padding-top: 16px;
}

    .resume-pay.pay-cont .place-info-card .title-section {
        width: 100%;
        padding-left: 0px;
        font-size: 16px;
        font-weight: 400;
        flex-direction: row;
        margin-bottom: 8px;
    }

        .resume-pay.pay-cont .place-info-card .title-section label {
            font-size: 16px;
            font-weight: 400;
            width: max-content;
            float: left;
        }

    .resume-pay.pay-cont .place-info-card .plus-info {
        width: max-content;
        float: left;
    }

        .resume-pay.pay-cont .place-info-card .plus-info .city {
            padding-left: 8px;
            font-size: 16px;
        }

            .resume-pay.pay-cont .place-info-card .plus-info .city label {
                font-size: 16px;
            }

    .resume-pay.pay-cont .place-info-card .image-space {
        width: 100%;
    }




/*PROCESO DE PAGO*/


/*GALERIA*/

.pop-up.gallery-pop {
    display: none;
    width: 100%;
    height: 100%;
    background: var(--primary);
    left: 0;
    top: 0;
    position: fixed;
    transform: none;
    flex-direction: column;
    box-shadow: none;
    z-index: 10;
    border-radius: 0;
    overflow: hidden;
}

    .pop-up.gallery-pop .pop-cont {
        height: 100%;
        max-height: 100%;
    }

        .pop-up.gallery-pop .pop-cont .pop-head {
            width: 100%;
            justify-content: space-between;
            border-bottom: 0;
        }

            .pop-up.gallery-pop .pop-cont .pop-head label {
                color: var(--secondary);
            }

            .pop-up.gallery-pop .pop-cont .pop-head .close-pop {
                filter: var(--white-filter);
            }

        .pop-up.gallery-pop .pop-cont .pop-body {
            max-width: 1200px;
            width: 85%;
            height: calc(100vh - 75px);
            overflow: hidden;
            margin: 0 auto;
        }

            .pop-up.gallery-pop .pop-cont .pop-body img {
                object-fit: contain;
                height: 100%;
                width: 100%;
            }



.pop-up.gallery-pop {
}
/*GALERIA*/
/*ICONOS*/
[class$="-icon"] {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.mensajes-icon {
    background: url(../Content/images/Iconos/mensajes-01.svg) center no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    display: block;
    margin: 0 auto;
}


.notificaciones-icon {
    background: url(../Content/images/Iconos/campana-01.svg) center no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.search-icon {
    background: url(../Content/images/Iconos/search.svg) center no-repeat;
    background-size: contain;
}

.internet-icon {
    background: url(../Content/images/Iconos/internet-15.svg) center no-repeat;
    background-size: contain;
}

.baños-icon {
    background: url(../Content/images/Iconos/baños-15.svg) center no-repeat;
    background-size: contain;
}

.regaderas-icon {
    background: url(../Content/images/Iconos/regaderas-15.svg) center no-repeat;
    background-size: contain;
}

.habitaciones-icon {
    background: url(../Content/images/Iconos/habitaciones-15.svg) center no-repeat;
    background-size: contain;
}

.aire-acondicionado-icon {
    background: url(../Content/images/Iconos/aire-acondicionado-15.svg) center no-repeat;
    background-size: contain;
}

.asador-icon {
    background: url(../Content/images/Iconos/asadores-15.svg) center no-repeat;
    background-size: contain;
}

.albercas-icon {
    background: url(../Content/images/Iconos/albercas-15.svg) center no-repeat;
    background-size: contain;
}

.extintores-icon {
    background: url(../Content/images/Iconos/extintores-15.svg) center no-repeat;
    background-size: contain;
}

.estacionamiento-icon {
    background: url(../Content/images/Iconos/estaionamiento-15.svg) center no-repeat;
    background-size: contain;
}

.quinta-icon {
    background: url(../Content/images/Iconos/quinta-15.svg) center no-repeat;
    background-size: contain;
}


.cabain-icon {
    background: url(../Content/images/Iconos/cabaña-15.svg) center no-repeat;
    background-size: contain;
}

.salon-icon {
    background: url(../Content/images/Iconos/salon-15.svg) center no-repeat;
    background-size: contain;
}

.roof-icon {
    background: url(../Content/images/Iconos/roof-15.svg) center no-repeat;
    background-size: contain;
}


.cafeterias-icon {
    background: url(../Content/images/Iconos/cafeterias.svg) center no-repeat;
    background-size: contain;
}

.edificios-icon {
    background: url(../Content/images/Iconos/edificios.svg) center no-repeat;
    background-size: contain;
}

.jardines-icon {
    background: url(../Content/images/Iconos/jardines.svg) center no-repeat;
    background-size: contain;
}

.parques-icon {
    background: url(../Content/images/Iconos/parques.svg) center no-repeat;
    background-size: contain;
}


.categoria-icon {
    background: url(../Content/images/Iconos/categorias-15.svg) center no-repeat;
    background-size: contain;
}


.datos-icon {
    background: url(../Content/images/Iconos/datos-basicos-15.svg) center no-repeat;
    background-size: contain;
}

.lugar-icon {
    background: url(../Content/images/Iconos/lugar-15.svg) center no-repeat;
    background-size: contain;
}


.servicios-icon {
    background: url(../Content/images/Iconos/servicios-15.svg) center no-repeat;
    background-size: contain;
}


.fotos-icon {
    background: url(../Content/images/Iconos/fotos-15.svg) center no-repeat;
    background-size: contain;
}

.descripciones-icon {
    background: url(../Content/images/Iconos/descripcion-15.svg) center no-repeat;
    background-size: contain;
}

.opcioness-icon {
    background: url(../Content/images/Iconos/opciones-15.svg) center no-repeat;
    background-size: contain;
}

.excepciones-icon {
    background: url(../Content/images/Iconos/excepciones-15.svg) center no-repeat;
    background-size: contain;
}

.reservaciones-icon {
    background: url(../Content/images/Iconos/reservaciones-15.svg) center no-repeat;
    background-size: contain;
}

.precio-icon {
    background: url(../Content/images/Iconos/precio-15.svg) center no-repeat;
    background-size: contain;
}

.descuentos-icon {
    background: url(../Content/images/Iconos/descuento-15.svg) center no-repeat;
    background-size: contain;
}

.extras-icon {
    background: url(../Content/images/Iconos/extras-15.svg) center no-repeat;
    background-size: contain;
}

.agua-caliente-icon {
    background: url(../Content/images/Iconos/agua-caliente-01.svg) center no-repeat;
    background-size: contain;
}

.whatsapp-icon {
    background: url(../Content/images/Iconos/watsap.svg) center no-repeat;
    background-size: contain;
}

.animales-peligrosos-icon {
    background: url(../Content/images/Iconos/animales-peligrosos-01.svg) center no-repeat;
    background-size: contain;
}

.area-fumadores-icon {
    background: url(../Content/images/Iconos/area-fumadores-01.svg) center no-repeat;
    background-size: contain;
}

.armas-icon {
    background: url(../Content/images/Iconos/armas-01.svg) center no-repeat;
    background-size: contain;
}

.arrow-price-icon {
    background: url(../Content/images/Iconos/arrow-price.svg) center no-repeat;
    background-size: contain;
}

.precios-altos-icon {
    background: url(../Content/images/Iconos/precios-altos.svg) center no-repeat;
    background-size: contain;
}

.precios-altos-alt-icon {
    background: url(../Content/images/Iconos/precios-altos-alt.svg) center no-repeat;
    background-size: contain;
}

.precios-altos-alt-2-icon {
    background: url(../Content/images/Iconos/precios-altos-alt-2.svg) center no-repeat;
    background-size: contain;
}

.bodas-icon {
    background: url(../Content/images/Iconos/bodas-01.svg) center no-repeat;
    background-size: contain;
}

.calefaccion-icon {
    background: url(../Content/images/Iconos/calefaccion-01.svg) center no-repeat;
    background-size: contain;
}

.camara-seguridad-icon {
    background: url(../Content/images/Iconos/camara-seguridad-01.svg) center no-repeat;
    background-size: contain;
}

.capacidad-icon {
    background: url(../Content/images/Iconos/capacidad-01.svg) center no-repeat;
    background-size: contain;
}

.consola-icon {
    background: url(../Content/images/Iconos/consola-01.svg) center no-repeat;
    background-size: contain;
}

.gancho-ropa-icon {
    background: url(../Content/images/Iconos/gancho-ropa-01.svg) center no-repeat;
    background-size: contain;
}

.graduacion-icon {
    background: url(../Content/images/Iconos/graduacion-01.svg) center no-repeat;
    background-size: contain;
}

.guardias-icon {
    background: url(../Content/images/Iconos/guardias-01.svg) center no-repeat;
    background-size: contain;
}

.lavadora-icon {
    background: url(../Content/images/Iconos/lavadora-01.svg) center no-repeat;
    background-size: contain;
}

.otras-opciones-icon {
    background: url(../Content/images/Iconos/otras-opciones-01.svg) center no-repeat;
    background-size: contain;
}

.pet-friendly-icon {
    background: url(../Content/images/Iconos/pet-friendly-01.svg) center no-repeat;
    background-size: contain;
}

.plancha-icon {
    background: url(../Content/images/Iconos/plancha-01.svg) center no-repeat;
    background-size: contain;
}

.quinceañera-icon {
    background: url(../Content/images/Iconos/quinceañera-01.svg) center no-repeat;
    background-size: contain;
}

.sabanas-icon {
    background: url(../Content/images/Iconos/sabanas-01.svg) center no-repeat;
    background-size: contain;
}

.secadora-icon {
    background: url(../Content/images/Iconos/secadora-01.svg) center no-repeat;
    background-size: contain;
}

.secadora-pelo-icon {
    background: url(../Content/images/Iconos/secadora-pelo-01.svg) center no-repeat;
    background-size: contain;
}

.shampoo-icon {
    background: url(../Content/images/Iconos/shampoo-01.svg) center no-repeat;
    background-size: contain;
}

.television-icon {
    background: url(../Content/images/Iconos/television-01.svg) center no-repeat;
    background-size: contain;
}

.toallas-icon {
    background: url(../Content/images/Iconos/toallas-01.svg) center no-repeat;
    background-size: contain;
}

.wi-fi-icon {
    background: url(../Content/images/Iconos/Wi-fi-01.svg) center no-repeat;
    background-size: contain;
}

.watsapp-icon {
    background: url(../Content/images/Iconos/watsap.svg) center no-repeat;
    background-size: contain;
}


.acceso-silla-ruedas-icon {
    background: url(../content/images/iconos/acceso-silla-ruedas.svg) center no-repeat;
    background-size: contain;
}

.aistencia-tecnica-icon {
    background: url(../content/images/iconos/aistencia-tecnica.svg) center no-repeat;
    background-size: contain;
}

.apple-tv-icon {
    background: url(../content/images/iconos/apple-tv.svg) center no-repeat;
    background-size: contain;
}

.aprueba-de-sonido-icon {
    background: url(../content/images/iconos/aprueba-de-sonido.svg) center no-repeat;
    background-size: contain;
}

.area-descanso-icon {
    background: url(../content/images/iconos/area-descanso.svg) center no-repeat;
    background-size: contain;
}

.barra-bebidas-icon {
    background: url(../content/images/iconos/barra-bebidas.svg) center no-repeat;
    background-size: contain;
}

.baños-limpios-icon {
    background: url(../content/images/iconos/baños-limpios.svg) center no-repeat;
    background-size: contain;
}

.cafe-icon {
    background: url(../content/images/iconos/cafe.svg) center no-repeat;
    background-size: contain;
}

.cama-icon {
    background: url(../content/images/iconos/cama.svg) center no-repeat;
    background-size: contain;
}

.cama-no-icon {
    background: url(../content/images/iconos/cama-no.svg) center no-repeat;
    background-size: contain;
}

.cama-duda-icon {
    background: url(../content/images/iconos/cama-duda.svg) center no-repeat;
    background-size: contain;
}

.catering-icon {
    background: url(../content/images/iconos/catering.svg) center no-repeat;
    background-size: contain;
}

.cocina-icon {
    background: url(../content/images/iconos/cocina.svg) center no-repeat;
    background-size: contain;
}

.decoracion-icon {
    background: url(../content/images/iconos/decoracion.svg) center no-repeat;
    background-size: contain;
}

.elevador-icon {
    background: url(../content/images/iconos/elevador.svg) center no-repeat;
    background-size: contain;
}

.elevador-pesado-icon {
    background: url(../content/images/iconos/elevador-pesado.svg) center no-repeat;
    background-size: contain;
}

.escenario-icon {
    background: url(../content/images/iconos/escenario.svg) center no-repeat;
    background-size: contain;
}

.espacio-amplio-icon {
    background: url(../content/images/iconos/espacio-amplio.svg) center no-repeat;
    background-size: contain;
}

.espacio-estacionamiento-icon {
    background: url(../content/images/iconos/espacio-estacionamiento.svg) center no-repeat;
    background-size: contain;
}

.espacio-networking-icon {
    background: url(../content/images/iconos/espacio-networking.svg) center no-repeat;
    background-size: contain;
}

.fregadero-icon {
    background: url(../content/images/iconos/fregadero.svg) center no-repeat;
    background-size: contain;
}

.iluminacion-icon {
    background: url(../content/images/iconos/iluminacion.svg) center no-repeat;
    background-size: contain;
}

.impresora-icon {
    background: url(../content/images/iconos/impresora.svg) center no-repeat;
    background-size: contain;
}

.juegos-ninos-icon {
    background: url(../content/images/iconos/juegos-ninos.svg) center no-repeat;
    background-size: contain;
}

.manteles-icon {
    background: url(../content/images/iconos/manteles.svg) center no-repeat;
    background-size: contain;
}

.material-oficina-icon {
    background: url(../content/images/iconos/material-oficina.svg) center no-repeat;
    background-size: contain;
}

.material-promocional-icon {
    background: url(../content/images/iconos/material-promocional.svg) center no-repeat;
    background-size: contain;
}

.mesas-sillas-icon {
    background: url(../content/images/iconos/mesas-sillas.svg) center no-repeat;
    background-size: contain;
}

.mesas-icon {
    background: url(../content/images/iconos/mesas.svg) center no-repeat;
    background-size: contain;
}

.microfono-icon {
    background: url(../content/images/iconos/microfono.svg) center no-repeat;
    background-size: contain;
}

.monitor-icon {
    background: url(../content/images/iconos/monitor.svg) center no-repeat;
    background-size: contain;
}

.musica-vivo-icon {
    background: url(../content/images/iconos/musica-vivo.svg) center no-repeat;
    background-size: contain;
}

.pantalla-proyector-icon {
    background: url(../content/images/iconos/pantalla-proyector.svg) center no-repeat;
    background-size: contain;
}

.pantalla-verde-icon {
    background: url(../content/images/iconos/pantalla-verde.svg) center no-repeat;
    background-size: contain;
}

.pantalla-icon {
    background: url(../content/images/iconos/pantalla.svg) center no-repeat;
    background-size: contain;
}

.photo-booth-icon {
    background: url(../content/images/iconos/photo-booth.svg) center no-repeat;
    background-size: contain;
}

.pizarra-blanca-icon {
    background: url(../content/images/iconos/pizarra-blanca.svg) center no-repeat;
    background-size: contain;
}

.pizarra-rotafolio-icon {
    background: url(../content/images/iconos/pizarra-o-rotafolio.svg) center no-repeat;
    background-size: contain;
}

.pizarron-icon {
    background: url(../content/images/iconos/pizarron.svg) center no-repeat;
    background-size: contain;
}

.proyector-icon {
    background: url(../content/images/iconos/proyector.svg) center no-repeat;
    background-size: contain;
}

.rotafolio-icon {
    background: url(../content/images/iconos/rotafolio.svg) center no-repeat;
    background-size: contain;
}

.sala-reuniones-icon {
    background: url(../content/images/iconos/sala-reuniones.svg) center no-repeat;
    background-size: contain;
}

.seguridad-icon {
    background: url(../content/images/iconos/seguridad.svg) center no-repeat;
    background-size: contain;
}

.servicio-traduccion-icon {
    background: url(../content/images/iconos/servicio-traduccion.svg) center no-repeat;
    background-size: contain;
}

.sillas-icon {
    background: url(../content/images/iconos/sillas.svg) center no-repeat;
    background-size: contain;
}

.sistema-sonido-icon {
    background: url(../content/images/iconos/sistema-sonido.svg) center no-repeat;
    background-size: contain;
}

.tecnico-audivisual-icon {
    background: url(../content/images/iconos/tecnico-audivisual.svg) center no-repeat;
    background-size: contain;
}

.telefono-conferencia-icon {
    background: url(../content/images/iconos/telefono-conferencia.svg) center no-repeat;
    background-size: contain;
}

.toma-corriente-icon {
    background: url(../content/images/iconos/toma-corriente.svg) center no-repeat;
    background-size: contain;
}

.transporte-publico-icon {
    background: url(../content/images/iconos/transporte-publico.svg) center no-repeat;
    background-size: contain;
}

.zona-aire-libre-icon {
    background: url(../content/images/iconos/zona-aire-libre.svg) center no-repeat;
    background-size: contain;
}

.casas-icon {
    background: url(../content/images/iconos/casa.svg) center no-repeat;
    background-size: contain;
}

.otros-icon {
    background: url(../content/images/iconos/otros.svg) center no-repeat;
    background-size: contain;
}


.icon-add {
    background: url(../Content/images/Iconos/Fotos-add.svg) center no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.icon-close {
    background: url(../Content/images/Iconos/close-icon.svg) center no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}



.icon-send {
    background: url(../Content/images/Iconos/enviar-01.svg) center no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.icon-compartir {
    background: url(../Content/images/Iconos/compartir-icon.svg) center no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}


.icon-comunicacion {
    background: url(../Content/images/Iconos/comunicacion.svg) center center no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: block;
    float: left;
    margin-right: 24px;
}

.icon-organizar {
    background: url(../Content/images/Iconos/organizar.svg) center center no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: block;
    float: left;
    margin-right: 24px;
}

.icon-dashboard {
    background: url(../Content/images/Iconos/dashboard.svg) center center no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: block;
    float: left;
    margin-right: 24px;
}

.icon-sitio {
    background: url(../Content/images/Iconos/sitio.svg) center center no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: block;
    float: left;
    margin-right: 24px;
}



.opciones-menu {
    display: block;
    position: absolute;
    top: 50px;
    background: var(--secondary);
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 3px 3px 0px #3c3c3cb8;
    z-index: 4;
    margin-left: -55px;
    transition: .3s;
}

    .opciones-menu.hidde {
        top: -140px;
    }

    .opciones-menu a {
        text-align: left;
    }


.modal-title {
    padding: 10px;
}

    .modal-title .fa-times {
        color: var(--orange);
        float: right;
    }

        .modal-title .fa-times:hover {
            color: var(--dark-orange);
        }

#opcionesUser {
    max-width: 45px;
    float: right;
    margin-left: 10px;
}

/*.logo img.blg {
    display: block;
}
*/

.slg {
    display: none;
}

.logo img.slg {
    display: none;
}

.s-action {
    display: none;
}

/*.popular-places .card-box {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
}*/


.next-float-btn {
    position: sticky;
    margin-left: -35px;
}

.popular-places .card-box::-webkit-scrollbar-track {
    background-color: transparent; /*color de la barra de fondo*/
}

.popular-places .card-box::-webkit-scrollbar-thumb {
    background-color: #09C; /*color del manejador*/
}

.popular-places .card-box::-webkit-scrollbar {
    width: 4px; /*ancho del scroll vertical*/
    height: 4px; /*alto del scroll horizontal*/
    border-radius: 50%;
}

.popular-places .card-box.dragging card-container {
    user-select: none;
}

.popular-places .card-box.dragging {
    pointer-events: none;
    user-select: none;
}

.popular-places .card-box.draggable {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    pointer-events: none;
}

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

.pull-right {
    float: right;
}

.md-show {
    display: none;
}

.alert {
    position: absolute;
    z-index: 2;
    width: calc(100% - 230px);
}

.col-12 {
    width: 100%;
}

.col-11 {
    width: 91.66666667%;
}

.col-10 {
    width: 83.33333333%;
}

.col-9 {
    width: 75%;
}

.col-8 {
    width: 66.66666667%;
}

.col-7 {
    width: 58.33333333%;
}

.col-6 {
    width: 50%;
}

.col-5 {
    width: 41.66666667%;
}

.col-4 {
    width: 33.33333333%;
}

.col-3 {
    width: 25%;
}

.col-2-5 {
    width: 20.833333335%;
}

.col-2 {
    width: 16.66666667%;
}

.col-1-5 {
    width: 12.499999995%;
}

.col-1 {
    width: 8.33333333%;
}

/*CARRUSEL*/

a:focus,
[tabindex="-1"]:focus {
    outline: 0.125rem solid hsl(var(--theme-pink));
}

    a:focus:not(:focus-visible),
    [tabindex="-1"]:focus:not(:focus-visible) {
        outline: none;
    }

.Carousel {
    --carousel-gap: 1rem;
    border-radius: 1rem;
    display: flex;
    gap: var(--carousel-gap);
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
    scroll-behavior: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    height: 50vw;
    outline: none !important;
    min-height: 295px;
    max-height: 295px;
}

    .Carousel::-webkit-scrollbar {
        display: none;
    }

    .Carousel .Card {
        aspect-ratio: var(--card-ratio);
        flex: 1 0 auto;
        min-height: 100%;
        scroll-snap-align: start;
        width: 100%;
        position: absolute;
        left: 100%;
        transition: left .3s;
    }

        .Carousel .Card.active-card {
            left: 0
        }

        .Carousel .Card.hide-card {
            left: -100%;
        }

.postion-pag {
    float: right;
    font-size: 24px;
    margin-right: 32px;
    padding-bottom: 16px;
}

.Pagination {
    position: absolute;
    bottom: 0;
    bottom: -5px;
    right: 0;
    margin: 0 !important;
    width: 172px;
}

.Carousel .Card__media {
    aspect-ratio: auto;
    height: 318px;
}

.Carousel > div:empty {
    position: relative;
}

    .Carousel > div:empty:first-child {
        inset-inline-start: 10%;
        margin-inline-end: calc(-1 * var(--carousel-gap));
    }

    .Carousel > div:empty:last-child {
        inset-inline-end: 10%;
        margin-inline-start: calc(-1 * var(--carousel-gap));
    }

.Carousel--single .Card {
    --card-ratio: auto;
    flex: 1 0 100%;
}

@media (prefers-reduced-motion: reduce) {
    .Carousel {
        scroll-behavior: auto;
    }
}

@supports not (aspect-ratio: 1/1) {
    .Carousel .Card__media {
        padding-block-end: 0 !important;
    }

    .Carousel .Card__image {
        position: relative !important;
    }
}

.Dots {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.Dot {
    border-radius: 100%;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    position: relative;
}

    .Dot::after {
        background: currentColor;
        border-radius: 100%;
        content: "";
        display: block;
        height: 0.375rem;
        width: 0.375rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

.Dot--active {
    color: hsl(var(--theme-pink)) !important;
}

.Pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 1rem -0.5rem;
}

    .Pagination .Arrow {
        flex: 0 0 auto;
    }

        .Pagination .Arrow:first-of-type {
            margin-inline-end: auto;
            order: -1;
        }

        .Pagination .Arrow:last-of-type {
            margin-inline-start: auto;
            order: 1;
        }

.Arrow {
    align-items: center;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0.125rem;
    cursor: pointer;
    color: hsl(var(--theme-blue));
    display: flex;
    height: 3rem;
    justify-content: center;
    opacity: 1;
    padding: 0.5rem;
    transition: opacity 150ms, color 150ms;
    width: 3rem;
}

    .Arrow:hover {
        color: hsl(var(--theme-red));
    }

    .Arrow:focus {
        color: hsl(var(--theme-pink));
        outline: none;
    }

        .Arrow:focus svg {
            box-shadow: 0 0 0 0.125rem hsla(var(--theme-white), 1), 0 0 0 0.25rem currentColor;
        }

        .Arrow:focus:not(:focus-visible) {
            color: hsl(var(--theme-red));
        }

            .Arrow:focus:not(:focus-visible) svg {
                box-shadow: none;
            }

    .Arrow[disabled] {
        color: hsl(var(--theme-dark));
        opacity: 0.4;
        pointer-events: none;
    }

    .Arrow svg {
        border-radius: 100%;
        fill: currentColor;
        height: 100%;
        width: 100%;
        transition: box-shadow 150ms;
    }

[dir=rtl] .Arrow svg {
    transform: scaleX(-1);
}

.Hidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

:root {
    --card-link-color: var(--theme-blue);
    --card-hover-color: var(--theme-red);
    --card-focus-color: var(--theme-pink);
    --card-inner-focus-color: var(--theme-white);
    --card-shadow-color: var(--theme-black);
    --card-foreground-color: var(--theme-dark);
    --card-background-color: var(--theme-dark);
}

.Card {
    --card-ratio: auto 1/1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: [media-start] auto [media-end main-start] auto [main-end];
    max-width: 100%;
    position: relative;
}

.Card__media {
    aspect-ratio: var(--card-ratio);
    background: hsla(var(--card-background-color), 0.5);
    border-radius: 1rem;
    grid-column: 1/-1;
    grid-row: media-start/media-end;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

    .Card__media > * {
        border-radius: inherit;
        height: 100%;
        object-fit: cover;
        position: absolute;
        width: 100%;
    }

.Card__main {
    align-self: start;
    color: hsl(var(--card-foreground-color));
    grid-column: 1/-1;
    grid-row: main-start/main-end;
    padding: 0px 1.25rem 0px 0;
    height: 318px;
}

    .Card__main [href]:not(.Card__link) {
        position: relative;
        z-index: 2;
    }

    .Card__main > * {
        margin: 0;
    }

.Card__link {
    color: hsl(var(--card-link-color));
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-color: hsla(var(--card-link-color), 0.2);
    text-decoration-thickness: 0.125rem;
    text-decoration-skip: ink;
    text-decoration-skip-ink: all;
    text-decoration-offset: 100%;
}

    .Card__link::after {
        border: 0.125rem solid hsl(var(--card-focus-color));
        box-shadow: inset 0 0 0 0.125rem hsla(var(--card-inner-focus-color), 1);
        border-radius: 1rem;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: border-color 150ms, opacity 150ms;
        z-index: 1;
    }

    .Card__link:hover, .Card__link:focus {
        text-decoration-color: hsla(var(--card-hover-color), 1);
    }

        .Card__link:hover::after, .Card__link:focus::after {
            opacity: 1;
        }

    .Card__link:focus {
        outline: none;
        text-decoration-color: currentColor;
    }

.Card__heading {
    line-height: 1.25;
    margin-block-end: 0.5rem;
}

.Card--border .Card__link::after {
    opacity: 1;
}

.Card--border .Card__link:not(:focus):not(:hover)::after {
    border-color: hsla(var(--card-foreground-color), 0.5);
}

.Card--overlay {
    --card-shadow-color: var(--theme-black);
    --card-foreground-color: var(--theme-white);
    --card-background-color: var(--theme-dark);
    --card-link-color: var(--theme-white);
    --card-hover-color: var(--theme-white);
    grid-template-rows: [media-start] 1fr [overlay-start] 1rem [main-start] auto [main-end overlay-end media-end];
}

    .Card--overlay::before {
        background: linear-gradient(to top, hsla(var(--card-shadow-color), 0.8) 20%, hsla(var(--card-shadow-color), 0.3) 60%, transparent);
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        content: "";
        display: block;
        grid-column: 1/-1;
        grid-row: overlay-start/overlay-end;
        overflow: hidden;
    }

    .Card--overlay .Card__main p {
        text-shadow: 0 0.0625rem 0.0625rem hsl(var(--card-shadow-color));
    }

    .Card--overlay .Card__main a {
        color: hsl(var(--card-link-color));
    }

        .Card--overlay .Card__main a:active, .Card--overlay .Card__main a:visited {
            color: hsl(var(--card-link-color));
        }

        .Card--overlay .Card__main a:hover, .Card--overlay .Card__main a:focus {
            color: hsl(var(--card-hover-color));
        }

.Card--square {
    --card-ratio: auto 16/9;
}

.Card--photo {
    --card-ratio: auto 4/3;
}

.Card--portrait {
    --card-ratio: auto 3/4;
}

.Card--wide {
    --card-ratio: auto 16/9;
}

@supports not (aspect-ratio: 1/1) {
    .Card__media {
        height: 100%;
        padding-block-end: calc(100% * (1 / 1));
    }

    .Card--square .Card__media {
        padding-block-end: calc(100% * (1 / 1));
    }

    .Card--photo .Card__media {
        padding-block-end: calc(100% * (3 / 4));
    }

    .Card--portrait .Card__media {
        padding-block-end: calc(100% * (4 / 3));
    }

    .Card--wide .Card__media {
        padding-block-end: calc(100% * (9 / 16));
    }
}

/*RESPONSIVO*/

@media screen and (min-width:1360px) {
    header nav {
        max-width: 1360px;
        margin: 0 auto;
    }

    .home-box-principal {
        max-height: 880px;
    }

        .home-box-principal .contenedor {
            max-width: 1360px;
            margin: 0 auto;
            justify-content: flex-start;
        }

    .data-section {
        max-width: 1360px;
        margin-left: auto;
        margin-right: auto;
    }

        .data-section.banner {
            padding: 0;
            max-width: 100%;
        }

            .data-section.banner .data-banner-left {
                max-width: 1360px;
                padding: 0 88px;
                margin: 0 auto;
            }

    .footer, footer {
        padding: 0;
        max-width: 100%;
    }

        footer .container {
            max-width: 1360px;
            padding: 24px 88px 0;
            margin: 0 auto;
        }

    .find-section,
    .cities-section,
    .why-section {
        max-width: 1360px;
        margin: 0 auto;
    }
}

@media screen and (max-width:1263px) {

    .home-box-principal .action-text-side {
        width: 60%;
        align-self: flex-start;
    }
}

@media screen and (max-width:1181px) {
    .popular-places .card-box {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .cities-places .card-box {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }


    .global-container .main .cities-places .card-box {
        max-width: 930px;
    }

    .global-container.hidde-menu .main .cities-places .card-box {
        max-width: 1150px;
        justify-content: center;
    }



    .offers-section .card-box {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .global-container.hidde-menu .main .offers-section .card-box {
        max-width: 1150px;
        justify-content: center;
    }

    .offers-section .card-box .card-container {
        min-width: 450px;
    }

    .card-container {
        min-width: 300px;
    }

    .next-float-btn {
        position: sticky;
        margin-left: -35px;
    }

    .register-title {
        padding-top: 65px;
    }

    .preview .register-title {
        padding-top: 10px;
    }

    .questionary-cont {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        /* flex-wrap: wrap; */
        align-items: end;
        justify-content: center;
        /* padding: 10px 130px; */
        position: relative;
        width: 950px;
        height: calc(100% - 200px);
    }

    .preview-cont {
        width: 90%;
    }

    .plus-info {
        height: 35px;
    }

    .preview-page-box .main-price-fix {
        height: calc(100% - 345px);
    }

    .home-box-principal .action-text-side {
        width: 75%;
        align-self: flex-start;
    }
}

@media screen and (max-width:1061px) {

    .home-box-principal .action-text-side {
        width: 90%;
        align-self: flex-start;
    }
}

@media screen and (max-width:991px) {
    .questionary-cont {
        width: 100%;
    }

    .image-register-section {
        width: 50%;
    }

    .footer, footer {
        padding: 24px 8% 0;
    }


    .home-box-principal .contenedor {
        padding: 88px 8%;
    }

    .data-section {
        padding: 0 8%;
    }

        .data-section .data-left .data-box, .data-section .data-right .data-box {
            justify-content: center;
        }

            .data-section .data-left .data-box .image-side {
                margin-left: 5%;
                width: 45%;
            }

            .data-section .data-right .data-box .image-side {
                margin-right: 5%;
                width: 45%;
            }

        .data-section.banner .data-banner-left .data-box {
            justify-content: center;
        }

            .data-section.banner .data-banner-left .data-box .image-side {
                margin-right: 5%;
                width: 45%;
            }
}

@media screen and (max-width:820px) {
    .search-top {
        width: 33%;
    }

    .global-container.hidde-menu .main .cities-places .card-box {
        justify-content: flex-start;
    }

    .global-container.hidde-menu .main .offers-section .card-box {
        justify-content: flex-start;
    }

    .preview-cont {
        flex-wrap: wrap;
    }

    .preview-page-box {
        width: 100%;
        height: calc(100% - 450px);
    }

        .preview-page-box .main-price-fix {
            width: 26.35%;
            height: calc(100% - 700px);
            top: 110px;
        }

    .questionary-cont {
        width: 100%;
        align-items: center;
        height: calc(100% - 100px);
        justify-content: flex-start;
        overflow-y: auto;
    }

    .image-register-section {
        position: inherit;
        width: 100%;
        left: 0;
        z-index: -1;
        text-align: center;
    }

    .quest-box {
        margin-right: 0px !important;
    }

    .register-title {
        padding-top: 10px;
    }

    .pop-up.pop-lg {
        width: 100%;
    }

    .footer, footer {
        padding: 24px 7% 0;
    }


    .home-box-principal .contenedor {
        padding: 88px 7%;
    }

    .data-section {
        padding: 0 7%;
    }
}

@media screen and (max-width:777px) {
    .footer, footer {
        padding: 24px 6% 0;
    }


    .home-box-principal .contenedor {
        padding: 88px 6%;
    }

    .data-section {
        padding: 0 6%;
    }
}

@media screen and (max-width:767px) {
    .footer, footer {
        padding: 24px 5% 0;
    }

    .home-box-principal .contenedor {
        padding: 88px 5% 0;
        justify-content: flex-start;
    }

    .data-section {
        padding: 0 5%;
    }

    .home-box-principal .action-text-side .text-message {
        margin-top: 32px;
    }
}



@media screen and (max-width:650px) {

    .md-show {
        display: flex;
    }

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

    .home-box-principal .action-text-side {
        width: 100%;
        align-self: flex-start;
    }

    .data-section .data-left .data-box {
        flex-direction: column-reverse;
    }

        .data-section .data-left .data-box .image-side.video-cont, .data-section .data-right .data-box .image-side.video-cont {
            width: 100%;
            overflow: visible;
            height: auto;
            margin-left: 0;
            min-height: auto;
            flex-direction: column;
            margin-top: 24px;
        }

            .data-section .data-left .data-box .image-side.video-cont .video, .data-section .data-right .data-box .image-side.video-cont .video {
                margin-bottom: 24px;
            }

        .data-section .data-left .data-box .text-message, .data-section .data-right .data-box .text-message {
            width: 100%;
        }

    .data-section.banner .data-banner-left .data-box .image-side .img {
        background-position-x: right;
    }

    .data-section .three-data {
        flex-wrap: wrap;
    }

        .data-section .three-data .data-box {
            width: 43%;
        }
}

@media screen and (max-width:600px) {
    .questionary-cont {
        height: calc(100% - 100px);
    }

    .home-box-principal .contenedor {
        padding: 60px 5% 0;
    }
}

@media screen and (max-width:550px) {
    .home-box-principal .action-text-side .text-message {
        margin-top: 16px;
    }
}

@media screen and (max-width:500px) {
    .data-section .data-right .data-box .image-side {
        width: 0px;
        margin-right: 0;
    }

    .data-section.banner .data-banner-left .data-box {
        flex-direction: column;
    }

        .data-section.banner .data-banner-left .data-box .image-side {
            width: 100%;
            margin-right: 0;
            margin-bottom: 16px;
        }

        .data-section.banner .data-banner-left .data-box .text-message {
            width: 100%;
        }
}


@media screen and (max-width:479px) {
    .home-box-principal .action-text-side .text-message h1 {
        font-size: 56px;
        line-height: 56px;
    }

    .home-box-principal .action-text-side .text-message h2 {
        font-size: 18px;
    }

    footer .copyright {
        flex-wrap: wrap;
    }

        footer .copyright p {
            line-height: 32px;
            margin-bottom: 16px;
        }
}



/*Alturas*/
@media screen and (max-height:700px) {

    .register-title {
        padding-top: 10px;
    }
}

@media screen and (max-height:600px) {
    .questionary-cont {
        height: calc(100% - 100px);
    }
}

@media screen and (max-height:580px) {
    .pop-up {
        height: 100%;
    }
}

/*@media screen and (max-height:619px) {


    .questionary-cont {
        height: calc(100% - 100px);
        display: grid;
        grid-template-columns: 46% 27% 27%;
        grid-template-rows: auto auto;
        grid-auto-flow: column;
        align-items: center;
    }

    .image-register-section {
        width: 45%;
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .quest-box {
        width: calc(100% - 20px);
        height: auto;
    }

    .box-title {
        height: auto;
    }

    .quest-box:nth-child(2) {
        grid-column: 2;
        grid-row: 1 / 2;
        align-self: end;
    }

    .quest-box:nth-child(3) {
        grid-column: 3;
        grid-row: 1 / 2;
        align-self: end;
    }

    .quest-box:nth-child(4) {
        grid-column: 2;
        grid-row: 2 / 2;
        align-self: baseline;
    }

@media screen and (max-width:350px) {
}

.slider-container {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow-x: scroll
    --Vamos a añadir esto 👇 --
scroll-snap-type: x mandatory;
}

.slider-container img {
    flex: 0 0 100%;
    width: 100%;
    object-fit: cover;
     --Vamos a añadir esto 👇 --
    scroll-snap-align: center;
}

.quest-box:nth-child(5) {
    grid-column: 3;
    grid-row: 2 / 2;
    align-self: baseline;
}

}
*/

/*********** JQUERY THEMES ************/
/*! jQuery UI - v1.13.3 - 2024-04-26
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        -ms-filter: "alpha(opacity=25)"; /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #cccccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)"; /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

/*
.mexico-flag {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: var(--orange) url(../Content/images/flags/mexico-flag.png) center no-repeat;
    background-size: 32px;
    color: var(--orange);
    display: block;
}

.usa-flag {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: var(--orange) url(../Content/images/flags/usa-flag.png) center no-repeat;
    background-size: 32px;
    color: var(--orange);
    display: block;
}

.canada-flag {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: var(--orange) url(../Content/images/flags/canada-flag.png) center no-repeat;
    background-size: 32px;
    color: var(--orange);
    display: block;
}*/