/* ---------------------------------------------------------------- STRUCTURE */

.pb-60, .py-60 {
    padding-bottom: 15rem !important;
}


/* ---------------------------------------------------------------- FONTS & COLORS */

html a:hover, html a:active, html a:focus, body a:hover, body a:active, body a:focus {
    text-decoration :unset;
}

.text-primary {
    color: #61AAA5  !important;
    color: #17677e  !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0c5569 !important;
    text-decoration: underline !important;
}

.text-white i {
    color: #ffffff !important;
}

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

a {
    color: #1bc5bd;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #15aba3;
    text-decoration: underline !important;
}

.checkbox > span {
    background-color: #EBEDF3;
    border: 1px solid #c7c7c7 !important;
}

.checkbox > input:focus ~ span {
    border: 2px solid #6f6f6f !important;
}

.checkbox > input:checked ~ span {
    background-color: #1bc5bd;
}


.radio > input:checked ~ span {
    background-color: #1bc5bd;
}

p {
   
    width: 100%;
}



/* ---------------------------------------------------------------- ICONS */

.svg-icon.svg-icon-primary svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #61AAA5 !important;
}

/* ---------------------------------------------------------------- BOUTONS */


.btn.btn-primary {
    color: #FFFFFF;
    background-color: #EF4829;
    border-color: #EF4829;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #1BC5BD;
    border-color: #1BC5BD;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #d53b1e;
    border-color: #d53b1e;
}


.btn.btn-light-primary {
    color: #ef4829;
    background-color: #f7e2c9;
    border-color: transparent;
}


.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #1BC5BD;
    border-color: transparent;
}

.btn.btn-light-primary .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ef4829;
}



.btn.btn-tertiary {
    color: #FFFFFF;
    background-color: #61AAA5;
    border-color: #61AAA5;
}


.btn.btn-tertiary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-tertiary:focus:not(.btn-text), .btn.btn-tertiary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #0d5c71;
    border-color: #0d5c71;
}


.btn.btn-primary.disabled, .btn.btn-primary:disabled {
    color: #FFFFFF;
    background-color: #a1a1a1;
    border-color: #979797;
}











.svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff;
}

/* ------------------------------------------------------------------ HEADER MAIN MENU */

@media (min-width: 992px) {
    .header-menu .menu-nav > .menu-item {       
        padding: 0px 0.55rem;
    }   

    .header-menu .menu-nav > .menu-item > .menu-link .menu-desc {
        margin-top: 0rem;
        color: #B5B5C3;
        font-weight: 400;
        font-size: 1.05rem;
    }

    .header-menu .menu-nav > .menu-item:first-child > .menu-link {        
        padding-left: 0.8rem;
    }

    .header-menu .menu-nav > .menu-item > .menu-link .menu-text {        
        font-size: 1.20rem;
    }

    .header-menu .menu-nav > .menu-item > .menu-link {        
        padding-left: 0.6rem;
        
    }

    .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
        color: #61AAA5;
    }
    .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
        color: #1bc5bd;
    }
}








/* ------------------------------------------------------------------- PAGES */


/* -----------------------------------SIGNUP / SIGNIN / FORGOT */

.login.login-4 .login-aside {   
    
}

.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon {
       background-color: #f7e2c9;
}


.login.login-4 .login-container .login-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon .wizard-number {
    color: #ef4829;
}


.login.login-4 .login-aside {
    background-image: url(../../assets/media/homesitting/espace-proprietaires.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.login.login-4 .checkbox {   
    -webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
    
}



div#loading {
    padding-left: 25px;
}

.hide {
    display: none;
}
.show {
    display: inline-block;
}




/* ----------------------------------- INDEX */

@media (min-width: 992px) {
    .header .header-top {        
        background-color: #61AAA5;
    }
}

p.text-alert-info {
    color: #ff7a62;
}

p.text-success-info {
    color: #1bc5bd;
}


span.eye-catcher i {
    COLOR: #ef4829 !important;
    position: absolute !important;
    /* margin-left: 12px !important; */
    /* margin-top: 12px !important; */
    display: inline-block;
    z-index: 9999;
    font-size: 1.3em !important;
    /* left: 10px; */
    bottom: 5;
    right: 0px;
}

span.eye-catcher i {
    position: absolute;
} 

span.eye-catcher.left i {
    left: 1px;
    margin-top: 5px;
}

.alert.alert-custom {    
    align-items: start;  
}

.alert.alert-custom.alert-success .alert-text a {
    color:#fff;
    text-decoration:underline;
}

.bg-info {
    background-color: #0f677f !important;
}


.timeline.timeline-6 .timeline-item .timeline-label {
    width: 90px;   
}
.timeline.timeline-6:before {
    left: 90.5px;   
}


.label {
    font-size: 0.85rem; 
}


/* ----------------------------------- OWNER EDIT */

.row.sep {
    margin: 10px 0;
    padding: 10px 0;
    border-top: 1px solid #EBEDF3;
}


.card-sticky-on .card.card-custom.card-sticky > .card-header {
    -webkit-transition: unset;
    transition: unset;
    position: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    z-index: unset;
    background: unset; 
     
}

@media (min-width: 1200px) {
        
        .card-sticky-on .card.card-custom.card-sticky {
            -webkit-transition: all 0.8s;
            transition: all 0.8s;
            position: fixed;
            -webkit-box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 10%);
            box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 10%);
            z-index: 101;
            background: #ffffff;
            top: 100px;
        }
}
.not-allowed {cursor: not-allowed;}
input.not-allowed {
    color: #1bc5bd !important;
    font-weight: 500 !important;
}

input.form-required, textarea.form-required, label.form-required {
    background: #ffd6d6 !important;
}

.bootstrap-select.form-required > .dropdown-toggle.btn-light, .bootstrap-select.form-required > .dropdown-toggle.btn-secondary {
    background: #ffd6d6 !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {   
    font-size: 14px;
}
.bootstrap-select .dropdown-menu.inner > li > a {    
    font-size: 14px;
}

.bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark {   
    margin-top: -0.8rem;
    font-size: 1.2rem;   
    color: #009f29 !important;
}
.bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
    background: #f3f6f9 !important;
}
.photo-tools {
    display: block;
    width: 180px;
    margin: 10px;
    font-size: 0.8em;
}

.photo-tools a {
    padding: 6px 10px;
    display: inline-block;
    background-color: #eaeaea;
    border-radius: 4px;
}

.dropzone.dropzone-default .dropzone-msg-desc {
    color: #F44336 !important;
    font-weight: 400;
    font-size: 1rem;
}

div#bs-select-1 {
    width: 100%;
}

.no-right-radius {    
    border-radius: 0.85rem 0 0 0.85rem !important;
}

.input-group-text {    
    border: 0px solid #E4E6EF;   
}
.hide-password {
    display: none;
    padding-top: 17px !important;
}


.input-group-append .input-group-text {
    background-color: #F3F6F9;
}

.input-group .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


/* ------------------------------ NAV */
.navi .navi-item .navi-link .navi-text {
    font-size: 1.15rem;
}

.navi .navi-item:hover  {   
    background-color: #d9e5e8;
}

.navi .navi-item.current  {   
    background-color: #ecf5f7;
}

.navi .navi-item .navi-link:hover {   
    color: #61AAA5 !important;
}

.navi .navi-item .navi-link:hover .navi-text {
    color: #1bc5bd;
}
.navi .navi-item .navi-link:hover .navi-icon i {
    color: #1bc5bd;
}



.steps-wrapper  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: top;
}
/*
.steps-wrapper:after {
    content: '>';
    font-size: 2em;
}

.steps-wrapper.last:after {
    display: none;
}*/

.steps-flex-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    
    align-items:start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    width: 46px;
    height: 46px;  
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.steps-flex-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;   
    color: #b9b9b9;
    padding-right: 1.0em;
}

.steps-flex-title.current, .steps-flex-title:hover  {
    color: #181C32;
}

span.numStep {
    background-color: #61aaa5;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    color: #fff !important;
}

h3 span.numStep {    
    color: #fff !important;
}


/* ----------------------------------- OWNER ANIMALS */
.animal {
    border:1px solid #eaeaea;
    padding:0 12px;
    border-radius: 0.42rem;
}

.animal-header {
    padding: 1rem 1rem;
    background-color: #e4efef;
}
.animal-body {
    padding: 2rem 1rem; 
}


/* ---------------------------------- OWNER SUBSCRIPTION */

th {
    background-color: #ecf5f7;
}



.paiment {
    padding: 20px;
    border: 4px solid #ccc;
    border-radius: 10px;
}

form.stripe-form {
    padding: 20px;
    background-color: #f5f2f2;
}

form.stripe-form input#cardholder-name {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 6px;
    border: 0;
}

.stripe-form div#card-element {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
}

.stripe-form div#card-amount {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 6px;
    border: 0;
    background-color: #a1f3c6;
    font-weight: 500;
    font-size: 1.1em;
    text-align: center;
}

.stripe-form div#errors {
    padding: 8px;
    color: #f00;
    font-weight: 500;
}

.stripe-form button#card-button {
    margin: 20px 0;
    background-color: #00a349;
    color: #fff;
    padding: 8px 20px;
    font-weight: 500;
    border-radius: 6px;
    border: 0;
}

/*------------------------------------ OWNER REQUEST */

.scroll-doc {
    height:300px; 
    width: 100%; 
    overflow-x:hidden; 
    overflow-y:scroll;
    border: 2px solid #61aaa5;
    padding: 10px;
}

/* ---------------------------------- SEJOUR LIST */

.sejour-item {
   /* font-style: italic;*/
}

.sejour-new {
    display: inline-block;
    background-color: #1bc5bd;
    padding: 3px 8px 3px 5px;
    border-radius: 4px;
    margin-bottom: 4px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.85em;
}
.sejour-new i.fas {
color: #fff !important;
font-size: 0.85em;
}


.sejour-item h3 {
    font-size: 1.4rem;
    color: #61AAA5;
}
.sejour-item h4 {
    font-size: 1.3rem;
    font-weight: 600;
}



.sejour-item .owner-details {
    margin: 20px 0;
    padding: 0.75rem;
    background-color: #ecf5f7;
    border-radius: 0.42rem;
}









.btn.btn-info {
    color: #ffffff;
    background-color: #61AAA5;
    border-color: #61AAA5;
}

.btn.btn-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-info:focus:not(.btn-text), .btn.btn-info.focus:not(.btn-text) {
    color: #ffffff;
    background-color: #0b5164;
    border-color: #0b5164;
}

.btn-locked:hover {
    cursor: not-allowed !important;
}

/* ------------------------------------------- RATINGS */
ul.notes {
    list-style: none;
}

ul.notes li {
    display: inline-block;
    padding: 5px 4px;
    line-height: 30PX;
    vertical-align: middle;
}

/* --------------------------------------------- MODAL */

div#modal-body-content {
    border: 3px solid #ffa800;
    max-height: 50vh;
    overflow-y: scroll;
    padding: 20px !important;
    margin: 0;
}

div#modal-form-content {
    margin: 0;
}


/* ------------------------------------------------- RESPONSIVE */

.header-mobile {
    background-color: #61AAA5;

}
.topbar {    
    background-color: #61AAA5;   
}




/* ------------------------------------------------- RESPONSIVE  GLOBAL */

@media (min-width: 1400px) { 
    div#kt_page_sticky_card {
        width: 413px;
    }
}


@media (min-width: 1200px) and (max-width: 1399px) {
    div#kt_page_sticky_card {
        width: 346px;
    }

}



/* --------------------------------------------------------- TARTE AU CITRON */

a.tarteaucitronSelfLink {
    display: none !important;
}


body #tarteaucitronRoot div#tarteaucitronAlertBig {
    background-color: #fff !important;
    color: #333 !important;
    width: 520px !important;
    max-width: 80%;
    font-size: 13px !important;
    border-radius: 0 !important;
    padding: 20px !important;
    right: 20px;
    bottom: 20px !important;
    top: unset !important;
    left: unset !important;
    transform: none !important;
    box-shadow: 0 0 20px #00000030 !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig:before {
    display: none !important;
}




body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    margin: 5px 0 10px;
    padding: 5px 10px;
    display: block;
    text-align: left;
    font-size: 1.2em !important;
    line-height: 1.8em;
    font-family: inherit !important;

}

body #tarteaucitronRoot button {
    background: transparent;
    border: 0;
    text-transform: uppercase !important;
    padding: 8px 20px !important;
    border-radius: 0 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    font-size: 0.9em !important;
}

body #tarteaucitronAlertBig #tarteaucitronCloseAlert, 
body #tarteaucitronAlertBig #tarteaucitronPersonalize, 
body #tarteaucitronAlertBig #tarteaucitronPersonalize2, 
body  .tarteaucitronCTAButton, 
body #tarteaucitron #tarteaucitronPrivacyUrl, 
body #tarteaucitron #tarteaucitronPrivacyUrlDialog, 
body #tarteaucitronRoot .tarteaucitronDeny,
body #tarteaucitronRoot .tarteaucitronAllow {
    background: #008342;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px!important;
    line-height: 1.2;
    padding: 5px 10px;
    text-decoration: none;
    margin-left: 7px;
    margin-top: 4px;
}

body #tarteaucitronRoot .tarteaucitronDeny {
    background: #9C1A1A;
}


body #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, 
body #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, 
body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, 
body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    /* font: 15px verdana; */
    color: #333 !important;
}

body #tarteaucitronAlertBig #tarteaucitronCloseAlert, 
body #tarteaucitron #tarteaucitronPrivacyUrl, 
body #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #efefef;
    color: #333;
    font-size: 14px !important;
    margin-bottom: 3px;
    margin-left: 7px;
    padding: 5px 10px;
}


body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, 
body #tarteaucitron #tarteaucitronClosePanel {
   
    z-index: 9;
}

body .tarteaucitronIconBottomLeft {
    bottom: 10px;
    left: 10px;
}

body #tarteaucitronRoot .tarteaucitronIconBottomLeft button {
    padding: 4px 15px 4PX 8PX !important;
}


body #tarteaucitronIcon #tarteaucitronManager {
    background-color: #62c8ef;
    border-radius: 20px !important;
}


#tarteaucitronIcon #tarteaucitronManager img {
    width: 30px !important;
    height: 30px !important;
    float: left !important;    
}

/*
#tarteaucitronIcon #tarteaucitronManager:after {    
    content: 'Cookies';
    display: inline-block;
    color: #000;
    font-size: 12px;
    padding-top: 8px;
    padding-left: 5PX;
}
/*