/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(519,17): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(536,17): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(564,28): run-time error CSS1039: Token not allowed after unary operator: '-color-info-1'
(614,17): run-time error CSS1039: Token not allowed after unary operator: '-main-secondary-color'
(618,17): run-time error CSS1039: Token not allowed after unary operator: '-main-secondary-color'
(639,28): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(664,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(780,28): run-time error CSS1039: Token not allowed after unary operator: '-main-secondary-color'
(882,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(923,17): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(929,62): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(937,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(947,32): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2'
(948,84): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(970,32): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(984,17): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(988,24): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(989,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(994,24): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(995,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(1000,17): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(1013,17): run-time error CSS1039: Token not allowed after unary operator: '-main-secondary-color'
(1086,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light-1'
(1157,22): run-time error CSS1039: Token not allowed after unary operator: '-main-secondary-color'
(1164,22): run-time error CSS1039: Token not allowed after unary operator: '-main-secondary-color'
(1171,22): run-time error CSS1039: Token not allowed after unary operator: '-main-primary-color'
(1191,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(1198,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(1205,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(1206,34): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(1218,24): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(1219,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(1253,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(1259,27): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(1265,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light-1'
(1326,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-600'
(1340,26): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-2'
(1363,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-1'
(1381,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-1'
(1389,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light-1'
(1476,37): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(1549,40): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(1610,32): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow-1'
(1632,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light-1'
(1649,28): run-time error CSS1039: Token not allowed after unary operator: '-main-primary-color'
 */
:root {
    --main-secondary-color: #1E1C43;
    --main-primary-color: #cc4145;
    --main-smalltext: #898e97;
    --main-text: #424242;
    --bg-layout: #F8F8F8;
}

.p0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.height-auto {
    height: auto !important;
}

.font-italic {
    font-style: italic !important;
}

.align-center {
    text-align: center !important;
}

.float-right{
    float:right;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.display-inline {
    display: inline !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

.position-inherit {
    position: inherit !important;
}

.visibility-hidden {
    visibility: hidden !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.cursor-move {
    cursor: move !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.clear {
    clear: both !important;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mr15 {
    margin-right: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml50 {
    margin-left: 50px;
}

.mr0 {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb8 {
    margin-bottom: 8px !important
}

.mb16 {
    margin-bottom: 16px !important
}

.mb24 {
    margin-bottom: 24px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb32 {
    margin-bottom: 32px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb48 {
    margin-bottom: 48px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb56 {
    margin-bottom: 56px !important
}

.mb64 {
    margin-bottom: 64px !important
}

.mb72 {
    margin-bottom: 72px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb88 {
    margin-bottom: 88px !important
}

.mb96 {
    margin-bottom: 96px !important
}

.mb104 {
    margin-bottom: 104px !important
}

.mb112 {
    margin-bottom: 112px !important
}

.mb120 {
    margin-bottom: 120px !important
}

.mb160 {
    margin-bottom: 160px !important
}

.mt0 {
    margin-top: 0 !important
}

.mt8 {
    margin-top: 8px !important
}

.mt16 {
    margin-top: 16px !important
}

.mt22 {
    margin-top: 22px !important
}

.mt24 {
    margin-top: 24px !important
}

.mt32 {
    margin-top: 32px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt48 {
    margin-top: 48px !important
}

.mt56 {
    margin-top: 56px !important
}

.mt64 {
    margin-top: 64px !important
}

.mt72 {
    margin-top: 72px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt88 {
    margin-top: 88px !important
}

.mt96 {
    margin-top: 96px !important
}

.mt104 {
    margin-top: 104px !important
}

.mt112 {
    margin-top: 112px !important
}

.mt120 {
    margin-top: 120px !important
}

.mt160 {
    margin-top: 160px !important
}

.mt260 {
    margin-top: 260px !important
}

.p32 {
    padding: 0 32px !important
}

.p24 {
    padding: 24px !important
}

.p0 {
    padding: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pt8 {
    padding-top: 8px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt16 {
    padding-top: 16px !important
}

.pt24 {
    padding-top: 24px !important
}

.pt32 {
    padding-top: 32px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt48 {
    padding-top: 48px !important
}

.pt64 {
    padding-top: 64px !important
}

.pt72 {
    padding-top: 72px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt88 {
    padding-top: 88px !important
}

.pt96 {
    padding-top: 96px !important
}

.pt104 {
    padding-top: 104px !important
}

.pt112 {
    padding-top: 112px !important
}

.pt120 {
    padding-top: 120px !important
}

.pt160 {
    padding-top: 160px !important
}

.pt180 {
    padding-top: 180px !important
}

.pt240 {
    padding-top: 240px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb16 {
    padding-bottom: 16px !important
}

.pb24 {
    padding-bottom: 24px !important
}

.pb32 {
    padding-bottom: 32px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb48 {
    padding-bottom: 48px !important
}

.pb56 {
    padding-bottom: 56px !important
}

.pb64 {
    padding-bottom: 64px !important
}

.pb72 {
    padding-bottom: 72px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb88 {
    padding-bottom: 88px !important
}

.pb96 {
    padding-bottom: 96px !important
}

.pb104 {
    padding-bottom: 104px !important
}

.pb112 {
    padding-bottom: 112px !important
}

.pb120 {
    padding-bottom: 120px !important
}

.pb160 {
    padding-bottom: 160px !important
}

.pb180 {
    padding-bottom: 180px !important
}

.pb240 {
    padding-bottom: 240px !important
}

.mr20 {
    margin-right: 20px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.full-width {
    width: 100% !important;
}

.font-bold {
    font-weight: bold !important;
}

.w-100 {
    width: 100% !important;
}

.w-100p {
    width: 100px;
    max-width: 100%;
}

:root {
    --main-primary-color: #10293F;
    --main-secondary-color: #D89E30;
    --main-smalltext: #898e97;
    --main-text: #424242;
    --bg-layout: #F8F8F8;
    --error: #cc4145;
    --color-blue-1: #10293F !important;
    --color-blue-2: #466173 !important;
    --color-info-1: #C5D0D8 !important;
    --color-dark-1: #10293F !important;
    --color-yellow-1: #D89E30;
    /*--color-blue-2: #f0c6cc !important;*/
}

button.section-slider-nav:disabled,
button.section-slider-nav[disabled] {
    background-color: #fff !important;
    color: #666666 !important;
    border-color: #fff !important;
}

button.section-slider-nav:hover:disabled {
    background-color: #fff !important;
    color: #666666 !important;
    border-color: #fff !important;
}

.icon-menu-2:hover {
    color: var(--color-yellow-1);
}

.citiesCard.-type-3 .citiesCard__image img {
    padding: 20px;
}

.cardFormation > img {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}

.section-bg__item.-video-left {
    width: 50vw !important;
}

.icon-close:hover {
    color: var(--color-yellow-1);
}

.waiting-div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: calc(100vh - 200px);
    width: 100% !important;
    min-height: calc(40vh - 200px);
}

.dashboard__sidebar {
    overflow-y: auto !important;
}
/* Pour Chrome et Safari */
::-webkit-scrollbar {
    width: 7px; /* Largeur de la scrollbar */
}


::-webkit-scrollbar-track {
    background: white;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--color-info-1);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.transition {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.fs100 {
    font-size: 100px !important;
}

.w-30px {
    width: 30px !important;
}

.size-15 {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
}

.mt-46 {
    margin-top: 46px !important;
}

.h-30px {
    height: 30px !important;
}

.h-300px {
    height: 300px !important;
}

.h-100pct {
    height: 100% !important;
}


.text-11 {
    font-size: 11px !important;
}


.rounded-25 {
    border-radius: 25px;
}

a:hover {
    color: var(--main-secondary-color) !important;
}

.tabs.-underline .tabs__controls .tabs__button:hover {
    color: var(--main-secondary-color) !important;
}

.text-justify {
    text-align: justify !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.replacement-day {
    color: maroon !important;
}

.display-flex-center {
    display: flex;
    align-items: center;
}

.select2-selection {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 0 15px;
    padding-top: 30px;
    min-height: 70px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.subText {
    color: #717171;
    font-size: 0.75rem;
    line-height: 1rem;
}

.ml2 {
    margin-left: 2px;
}



.form-input textarea:focus ~ label, .form-input textarea:valid ~ label, .form-input input:focus ~ label, .form-input input:valid ~ label, .form-input input:disabled ~ label {
    transform: translateY(-10px);
}

.slider-scrollbar .swiper-scrollbar-drag {
    background-color: var(--color-yellow-1);
}

.list-disc-none {
    list-style-type: none !important;
}

.size-160 {
    flex-shrink: 0;
    width: 160px;
    height: 160px;
}

.cardProfil {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 2px solid white;
    border-radius: 40px;
}

.cardImage__wishlist {
    position: absolute;
    top: 10px;
    right: 20px;
}

.dashboard__main {
    min-height: 100vh !important;
}

.sidebar.-dashboard .sidebar__button {
    height: 35px !important;
}

/*.searchMenu-date__field {
   
    left: 24px;
}*/

.searchMenu-date__field {
    position: absolute;
    margin-top: 5px !important;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 100%;
    max-width: 100vw;
    box-shadow: 0px 10px 60px 0px #0510360D;
    transform: none !important;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    border: none !important;
}

.searchMenu-guests__field {
    width: 395px;
    margin-top: 10px !important;
}

.searchMenu-guests__field {
    position: absolute;
    margin-top: 5px !important;
    top: 100%;
    right: 0;
    left: inherit;
    z-index: 5;
    width: 394px;
    max-width: 100vw;
    box-shadow: 0px 10px 60px 0px #0510360D;
    transform: none !important;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    border: none !important;
}

/*.searchMenu-location {
    margin-top: 10px;
    left: -5px;
    width: 504px;
}*/

.searchMenu-location {
    position: absolute;
    margin-top: 10px;
    top: 100%;
    left: -5px;
    z-index: 20;
    width: 505px;
    max-width: 100vw;
}

    .searchMenu-location .ui-autocomplete {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }

/********** Header **************/

.masthead.-type-1 .masthead__bg::after {
    /*background: linear-gradient(270deg, rgba(16, 41, 63, 0.85) 0%,#10293F 115.43%);*/
    background: #10293F;
    opacity: 1;
}

.masthead.-type-1 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.header .header-logo img {
    width: 235px;
}

.tabs.-underline .tabs__controls .tabs__button::after {
    background-color: var(--main-secondary-color);
}

/*.mainSearch .button-grid {
    grid-template-columns: 1fr 1fr 2fr auto!important;
}*/

.small-header {
    height: auto;
}

.first-section {
    margin-top: 160px;
}

.mainSearch .button-grid {
    grid-template-columns: 250px 250px auto auto;
}

.search-small-mode {
    display: none;
}

.search-large-mode {
    display: block;
}

.text-search {
    display: none;
}

.masthead__scroll {
    position: absolute;
    bottom: 30px;
    right: 50px;
}

    .masthead__scroll .-icon {
        position: relative;
    }

        .masthead__scroll .-icon > *:nth-child(1) {
            width: 28px;
            height: 40px;
            border: 1px solid white;
            border-radius: 200px;
        }

        .masthead__scroll .-icon > *:nth-child(2) {
            position: absolute;
            top: 8px;
            left: 10px;
            width: 8px;
            height: 8px;
            border: 1px solid white;
            border-radius: 100%;
            transition: all 0.5s ease;
        }

    .masthead__scroll:hover .-icon > *:nth-child(2) {
        transform: translateY(16px);
    }

/******* Formulaire *********/
.form-input textarea.input-validation-error:focus, .form-input input.input-validation-error:focus {
    border: 2px solid #C13515 !important;
}

input.input-validation-error {
    border: 1px solid #C13515 !important;
    background-color: #FFF8F6 !important;
}

    input.input-validation-error + label {
        color: #C13515 !important;
    }

.error-text span::before {
    font-family: 'FontAwesome';
    content: "\f06a";
    display: inline-block;
    padding-right: 5px;
    font-weight: 900;
}

.error-text {
    display: flex;
    align-items: center;
    color: #C13515;
    font-size: 0.75rem;
    line-height: 1rem;
    -webkit-letter-spacing: normal;
    -moz-letter-spacing: normal;
    -ms-letter-spacing: normal;
    letter-spacing: normal;
    font-weight: 400;
    margin-top: 3px;
}

/******** Icon  *********/

.accordion.-simple .accordion__item.is-active .accordion__icon {
    background-color: var(--color-yellow-1) !important;
    color: white !important;
}

.mh50vh {
    min-height: 50vh !important;
}


/******* Contact *********/

.contact-content {
    background-image: url(/Content/images/Destinations/Provence.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.list-lh30 li {
    line-height: 30px !important;
}

.lspo li {
    list-style-position: outside;
}

.little-input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 40px !important;
    width: auto !important;
}

@media (max-width: 640px) {
    /*.sm\:justify-start {
        justify-content: center !important;
    }*/
}

.manage-house.selected-house .activityCard__title span,
.manage-chat-request.selected-house .activityCard__title span {
    color: var(--color-yellow-1) !important;
    background-size: 100% !important;
}

.manage-house.selected-house .activityCard__title span,
.manage-chat-request.selected-house .activityCard__title span {
    background-image: linear-gradient(transparent 24px, var(--color-yellow-1) 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.dropzone {
    min-height: 200px !important;
    border: 2px solid var(--color-yellow-1) !important;
    padding: 20px 20px !important;
    border-radius: 4px !important;
    color: #FFF !important;
    background: url("/Content/images/upload.png") center center no-repeat #F5F5F5 !important;
    background-size: 150px !important;
    transition: background 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

    .dropzone:hover {
        border: 2px solid var(--color-blue-2) !important;
        background: url("/Content/images/upload.png") center center no-repeat var(--color-yellow-1) !important;
        background-size: 200px !important;
    }

.dz-default.dz-message {
    display: none !important;
}

.flex-direction-column {
    flex-direction: column !important;
}

.col-bed img, .col-room img {
    width: 50px;
}

.equipments-list .equipment {
    width: 90%;
    padding: 10px;
}

    .equipments-list .equipment:hover, .equipments-list .selected-equipment {
        border: 1px solid var(--color-yellow-1);
        border-radius: 4px;
        cursor: pointer;
    }

        .equipments-list .selected-equipment img {
            filter: invert(92%) sepia(15%) saturate(7216%) hue-rotate(334deg) brightness(89%) contrast(89%);
        }

.galleryGrid.-type-1 {
    grid-template-rows: 200px 200px !important;
}

.equipments-list .selected-equipment .equipment-item-text, .equipments-list .equipment:hover {
    color: var(--color-yellow-1) !important;
}

.button.btn-favorite-blue:hover {
    border-color: var(--color-yellow-1);
    background-color: var(--color-yellow-1) !important;
    color: white !important;
}

.button.btn-favorite-blue.liked:hover {
    border-color: var(--color-blue-1);
    background-color: var(--color-blue-1) !important;
    color: white !important;
}

.button.btn-favorite:hover i {
    color: var(--color-yellow-1);
}

.button.btn-favorite-blue:hover i {
    color: white;
}

.unfavorite-text {
    display: none;
}

.liked i,
.liked i:focus {
    color: var(--main-secondary-color);
}

.liked {
    -webkit-animation: pulse 0.5s linear;
    -moz-animation: pulse 0.5s linear;
    -ms-animation: pulse 0.5s linear;
    animation: pulse 0.5s linear;
}

@keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.w-500px {
    width: 500px !important;
}


/* JQUERY DATERANGE */
.w-400 {
    width: 400px !important;
}

.calendar table.month td.day .day-content {
    padding: 10px 12px !important;
}

.calendar .months-container .month-container {
    margin-bottom: 15px;
}

.calendar .calendar-header {
    border: none !important;
}

    .calendar .calendar-header table th {
        font-size: 16px !important;
    }

        .calendar .calendar-header table th:hover {
            background: none !important;
        }

        .calendar .calendar-header table th span {
            font-size: 20px !important;
        }

/***************** TOOLTIP ***************/
/* Tooltip container */
.tooltip-custom {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #fff;
    color: var(--color-light-1);
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -75px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    -webkit-box-shadow: 0 0 4px #b3b3b3;
    box-shadow: 0 0 4px #b3b3b3;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-custom:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.showTooltip {
    visibility: visible;
    opacity: 1;
}



.overflow-visible {
    overflow: visible !important;
}
/* Tooltip arrow */
/*.tooltip-custom .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }*/

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-custom:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#Pictures .cardImage__leftBadge {
    bottom: 20px;
    top: auto !important;
}

.select-allowed-jobs .select2-selection__rendered {
    margin-top: 5px !important;
}

.select-allowed-jobs .select2-search__field {
    min-width: 150px !important;
    min-height: auto !important;
    padding-top: 0 !important;
}

.day-content-first {
    background: var(--main-secondary-color);
    cursor: pointer;
    color: #FFF;
    border-radius: 4px 0px 0px 4px;
}

.day-content-last {
    background: var(--main-secondary-color);
    cursor: pointer;
    color: #FFF;
    border-radius: 0px 4px 4px 0px;
}

.day-content-fake {
    background: var(--main-primary-color);
    cursor: pointer;
    color: #FFF;
}

/* TOASTR */
#toast-container > div {
    opacity: 1 !important;
    width: auto !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    padding: 10px 25px 10px 55px;
}

button.toast-close-button {
    color: grey;
}


#toast-container > .toast-success {
    color: var(--color-blue-1);
    border-left: 12px solid #46D664;
    background: url('/Content/images/check.png') no-repeat 15px center #fff !important;
    background-origin: content-box;
}

#toast-container > .toast-error {
    color: var(--color-blue-1);
    border-left: 12px solid #FF345A;
    background: url('/Content/images/close.png') no-repeat 15px center #fff !important;
    background-origin: content-box;
}

#toast-container > .toast-info {
    color: var(--color-blue-1);
    border-left: 12px solid var(--color-yellow-1);
    background: url('/Content/images/information.png') no-repeat 15px center #fff !important;
    background-origin: content-box;
}
/* FIN TOASTR */


.opacity1 {
    opacity: 1 !important;
}

.selected-count {
    border-color: var(--color-blue-1) !important;
    background-color: var(--color-blue-1) !important;
    color: white !important;
}

/* CUSTOM PAGINATION */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .pagination > * {
        margin: 10px;
    }

    .pagination li {
        display: flex;
        justify-content: center;
        align-items: center;
    }



.ui-autocomplete {
    box-shadow: 0px 10px 35px 0px #0510361A;
    /*transform: translateX(-31%);*/
    /*    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
*/ z-index: 5;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-radius: 4px;
    font-family: var(--font-primary);
    /* margin-left: -10px;
    margin-top: 5px;*/
}

    .ui-autocomplete button {
        font-family: var(--font-primary) !important;
    }

.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: none !important;
    background-color: rgba(53, 84, 209, 0.05) !important;
    color: var(--color-light-1);
    border-radius: 4px;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0px;
}

.ui-widget-content {
    border: none !important;
}

.content-popup {
    max-height: 600px;
    overflow-y: auto;
}

.langMenu {
    padding-top: 80px !important;
}

/* REQUECT CHAT */
.chat-closed {
    opacity: 0.6;
}

.messages-container {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: auto;
    margin: 0 auto;
}

.messages {
    padding: 8px;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: white;
    overflow: auto;
    font: 16px/1.3 sans-serif;
}

    .messages .message {
        list-style-type: none;
        margin: 2px 8px 2px 0;
        float: left;
        border-radius: 8px;
        padding: 8px;
        color: black;
        position: relative;
        z-index: 1;
        background: #eee;
        /*word-break: break-all;*/
    }

    .messages .date {
        font-style: italic;
        color: var(--bs-gray-600);
    }

    .messages .container-mine {
        align-self: flex-end;
    }

        .messages .container-mine .date {
            text-align: right;
        }

    .messages .mine {
        margin: 2px 0 2px 8px;
        z-index: 0;
        background: var(--color-blue-2);
        color: white;
    }

.display-flex-column {
    flex-direction: column;
    display: flex;
}

#MobileSideBar #BookingSearchFilters {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-start;
}

    #MobileSideBar #BookingSearchFilters .sidebar__item {
        padding: 0 10px 30px 10px;
        border: none !important;
    }

/* STAR CUSTOM */
.rating-container .empty-stars {
    color: var(--color-dark-1);
}

.rating-lg {
    font-size: 30px;
}

.rating-container .star {
    display: inline-block;
    margin: 0 4px;
    text-align: center;
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: var(--color-blue-1) !important;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: initial;
    text-shadow: none !important;
}

.rating-container .clear-rating {
    color: var(--color-light-1);
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 50%;
    padding-right: 5px;
}

.clear-rating-active:hover {
    color: #843534 !important;
}

#TableReceived_wrapper, #TableSended_wrapper {
    padding: 0px !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

@media (max-width: 1430px) {
    section .masthead.-type-1 {
        padding-top: 100px !important;
    }
}

@media (max-width: 1199px) {

    .search-small-mode {
        display: block !important;
    }

    .search-large-mode {
        display: none !important;
    }

    /*.button-item {
        position: absolute;
        top: 0;
        right: 0px;
        height: 100%;
    }*/

    .xl\:h-40 {
        height: 40px !important;
    }

    .xl\:overflow-hidden {
        height: 40px !important;
    }

    .searchMenu-guests__field {
        width: 394px;
    }
}

@media (max-width: 991px) {

    /*  .mainSearch .button-grid {
        grid-template-columns: 1fr;
    }*/

    .masthead__scroll {
        display: none;
    }

    .lg\:w-30px {
        width: 30px !important;
    }

    .lg\:h-100pct {
        height: 100% !important;
    }

    .lg\:h-40 {
        height: 40px !important;
    }

    .mainSearch .button-grid {
        grid-template-columns: 200px 200px auto auto;
    }

    .mainSearch.-w-900 {
        width: 90%;
    }

    .mainSearch .button-grid > * + * {
        border-left: 1px solid var(--color-border);
        border-top: 0;
    }

    .searchMenu-location {
        width: 102%;
    }

    .searchMenu-guests__field {
        width: 43%;
    }
}

@media (max-width: 767px) {

    .searchMenu-location .ui-autocomplete {
        width: 100% !important;
        top: 159px !important;
    }

    .searchMenu-guests__field {
        width: 100%;
    }

    .md-hide {
        display: none !important;
    }

    .md-text-center {
        text-align: center;
    }

    .md-justify-center {
        justify-content: center !important;
    }

    .md-mt-0 {
        margin-top: 0px !important;
    }

    .md-flex-column-center {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .md-column {
        flex-direction: column !important;
    }

    .md\:h-40 {
        height: 40px !important;
    }

    .first-section {
        margin-top: 160px;
    }

    .md\:text-search {
        display: block;
    }

    .searchMenu-date__field {
        left: 0 !important;
        right: 0 !important;
    }

    .mainSearch .button-grid {
        display: block;
    }

        .mainSearch .button-grid > * + * {
            border-left: 0;
            border-top: 1px solid var(--color-border);
        }

    .container-map {
        min-height: 250px;
    }

    .md\:pt-0 {
        padding-top: 0px !important;
    }

    .langMenu__content {
        height: 100% !important;
    }

    .content-popup {
        max-height: 80% !important;
    }

    .dashboard__sidebar {
        width: 100% !important;
    }
}

@media (max-width: 575px) {
    .sm\:h-40 {
        height: 40px !important;
    }

    .sm\:pt-120 {
        padding-top: 120px !important;
    }

    .searchMenu-location .ui-autocomplete {
        width: 100% !important;
        top: 159px !important;
    }

    .dashboard__content {
        padding: 0px !important;
        padding-bottom: 0;
    }

    .table-responsive {
        overflow-x: scroll;
    }
}

.rating-container.theme-krajee-fa {
    margin-left: 10px;
}

.form-input label.rate-label {
    top: -7px !important;
}

.button-disabled {
    opacity: 0.7 !important;
}

.bt-yellow {
    border-top: 1px solid var(--color-yellow-1)
}

.fw-wrap {
    flex-wrap: wrap !important;
}


.fd-rr {
    flex-direction: row-reverse;
}

.w-60p {
    width: 60px !important;
}

.disabled-days table.month td.day .day-content:hover {
    background: none !important;
    cursor: default !important;
}

.tabs.-underline-2 .tabs__controls .tabs__button.button-disabled:hover {
    color: var(--color-light-1) !important;
}

.incomplete-choice {
    color: red;
    font-weight: bold;
}

.swipper-wrapper-custom {
    display: flex;
    align-items: baseline;
    justify-content: center;
}



.count-unreaded-items {
    background-color: var(--main-primary-color);
    color: #FFF !important;
    padding: 5px 10px;
    border-radius: 20px;
    margin-left: 10px;
}

.t20px {
    top: 20px !important;
}
.r10px {
    right: 10px !important;
}
.cardImage__content > img.contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}
