body  {
    font-size: 14px;
}

a {
    color: inherit;
}

b {
    font-weight: 600;
}

@media (max-width: 1239px) and (min-width: 1025px) {
    .right-side {
        margin-top: -40px;
    }
}

.control-label {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--main-text-color, #555);
    margin-bottom: 9px;
}

.form-horizontal .btn-enregistrer {
    min-height: 40px;
    max-height: 40px;
    color: white;
    border: 1px solid #29d9c0;
    padding: 5px 15px;
    margin-bottom: 3px;
    font-weight: bold;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 0;
    background-color: #29d9c0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.form-horizontal .btn-enregistrer:hover {
    background-color: #29d9c0;
    border-color: #29d9c0;
}

.radio,
.btn,
.button-inputfile {
    max-height: 40px;
    text-align: center;
    padding: 8px 15px;
    font-size: var(--main-font-size);
    min-width: 105px;
    line-height: 8px;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: var(--main-general-radius);
    margin-right: 15px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 0;
    background-color: white;
    color: var(--main-bg-color);
    outline: 1px solid var(--main-bg-color) !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
}
.btn:focus {
    color: var(--main-bg-color);
    border: 1px solid var(--main-bg-color);
}

.btn-red {
    padding: 9px 13px;
    font-size: 15px;
    line-height: 8px;
    font-weight: normal;
    margin-bottom: 3px;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 0;
    background-color: white;
    color: #ff5a5a;
    border: 1px solid #ff5a5a;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-red:hover {
    border: 1px solid #ff5a5a;
    color: #fff;
    background-color: #ff5a5a;
}

.radio.checked,
.radio:hover,
.btn:hover,
.button-inputfile:hover {
    outline: 1px solid var(--main-bg-color);
    color: #fff;
    background-color: var(--main-bg-color);
}

.well {
    border: #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff;
}

.line-separator {
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
}
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn,
.input-group-btn:not(:last-child) > .btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    margin-left: -30px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.25;
    color: #b3b3b3;
    text-align: center;
    background-color: transparent;
    border: none;
    border-radius: 0.25rem;
}
.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

input,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='search'],
textarea,
select {
    margin: 0px;
    line-height: 15px;
    width: 100%;
    color: var(--main-text-color, #555);
    font-size: var(--main-font-size);
    box-shadow: unset;
    border-radius: var(--main-general-radius);
}

input:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    border: 1px solid var(--main-bg-color) !important;
    box-shadow: unset !important;
}

input[type='search'] {
    width: 100% !important;
    box-sizing: border-box;
}

textarea,
select {
    margin: 0px;
    line-height: 15px;
    width: 100%;
}

.contain-box input,
.contain-box input[type='text'],
.contain-box input[type='password'],
.contain-box input[type='email'],
.contain-box input[type='number'],
.contain-box textarea,
.contain-box select {
    margin: 0px;
    width: 100%;
}

textarea {
    min-height: 152px;
    padding: 10px 15px;
}

select {
    line-height: 60px;
}

/* 07/11/2017 Aimen Zerroug
/* changement concernant "layout_admin": background et layout
*/

/*********** layout **********/

#dashboard {
    background-color: #ffffff;
    display: block;
}
.dashboard-list-box {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-shadow: none;
    border-radius: none;
}

.dashboard-list-box-static {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-shadow: none;
    border-radius: none;
}

/*** title coloring and underlining ****/

#dashboard #titlebar h2 {
    padding: 0;
    margin: 0 0 0px 0;
    font-size: 30px;
    line-height: 30px;
}

#dashboard #titlebar {
    margin-bottom: 20px;
}

#titlebar {
    margin-bottom: 25px;
}

#titlebar h3 {
    margin-top: 30px;
}

#titlebar h2,
#titlebar a {
    margin-top: 30px !important;
}

/****************** input photo button styling **************/

.inputfile {
    display: none;
}

#inputfile {
    display: none;
}

.dashboard-list-box-static .button label {
    padding: 6px 15px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.dashboard-list-box-static label .button.gray:before {
    display: none;
}
.dashboard-list-box-static label .button.gray {
    background-color: #e9e9e9;
    color: #666;
}

.dashboard-list-box .button.gray:hover {
    background-color: #66676b;
    color: #fff;
}

#titlebar h2 {
    font-size: 30px;
    line-height: 30px;
    text-decoration-color: var(--main-bg-color);
    position: relative;
    margin-bottom: 20px !important;
}

#titlebar h2:before {
    content: '';
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: -5px;
    background-color: var(--main-bg-color);
    margin-bottom: -10px;
}
.row {
    margin: 0 0 0 0;
}

.form-horizontal .well h2.small-underline {
    font-size: 23px;
    line-height: 25px;
    text-decoration-color: var(--main-bg-color);
    position: relative;
    margin-bottom: 10px !important;
}

.form-horizontal .well h2.small-underline:before {
    content: '';
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: -5px;
    background-color: var(--main-bg-color);
    margin-bottom: -3px;
}
button.button,
input[type='button'],
input[type='submit'],
a.button.border,
a.button {
    top: 0;
    padding: 9px 15px;
    color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-right: 6px;
    overflow: hidden;
    border: none;
    border-radius: 7px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px !important;
}

/**************** Progress Bar *****************/
.chart canvas {
    top: 0;
    left: 0;
}

.chart span {
    color: #555;
    text-align: center;
    width: 22px;
}

.profile-navbar-container .chart span {
    top: 42%;
}
.chart span {
    position: absolute;
    font-size: 15px !important;
    color: #b3b3b3;
    top: 50% !important;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    margin: 0 !important;
}

.graphRound {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
    font-size: 0;
    line-height: 0;
}

/**************** Progress Bar end *****************/

/**************** input and textarea configuration ***********/

form .dashboard-list-box-static input,
form .dashboard-list-box-static textarea,
.dd-dashboard-list-box-static input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
    box-shadow: none;
    height: 44px;
}
form select:after {
    content: '\f107';
    font-family: 'FontAwesome';
    transition: 0.2s;
    transform: rotate(0deg);
    display: inline-block;
    margin-left: 6px;
    color: #aaa;
}

select {
    padding: 0px 15px;
}

.dashboard-list-box-static input,
.dashboard-list-box-static textarea {
    color: var(--main-text-color, #555);
}

.dashboard-list-box-static input::placeholder,
.dashboard-list-box-static textarea::placeholder {
    color: #AAA;
}

input,
textarea {
    color: var(--main-text-color, #555);
}

input::placeholder,
textarea::placeholder {
    color: #AAA
}

.dashboard-list-box-static label {
    font-weight: normal;
}

#dashboard .dropzone {
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    min-height: 100px;
    width: 90%;
    border-color: var(--main-bg-color);
}

.dropzone .spandropzone {
    font-size: 17px;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#dashboard .dropzone .dz-message {
    color: var(--main-bg-color);
    margin: 15px 0;
}

/* Web Font */
@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_regular-webfont.eot');
    src: url('../fonts/proxima_nova_regular-webfont.eot') format('embedded-opentype'),
        url('../fonts/proxima_nova_regular-webfont.woff') format('woff'), url('../fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
        url('../fonts/proxima_nova_regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_regular_italic-webfont.eot');
    src: url('../fonts/proxima_nova_regular_italic-webfont.eot') format('embedded-opentype'),
        url('../fonts/proxima_nova_regular_italic-webfont.woff') format('woff'),
        url('../fonts/proxima_nova_regular_italic-webfont.ttf') format('truetype'),
        url('../fonts/proxima_nova_regular_italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_thin-webfont.eot');
    src: url('../fonts/proxima_nova_thin-webfont.eot') format('embedded-opentype'), url('../fonts/proxima_nova_thin-webfont.woff') format('woff'),
        url('../fonts/proxima_nova_thin-webfont.ttf') format('truetype'), url('../fonts/proxima_nova_thin-webfont.svg') format('svg');
    font-weight: thin;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_thin_italic-webfont.eot');
    src: url('../fonts/proxima_nova_thin_italic-webfont.eot') format('embedded-opentype'),
        url('../fonts/proxima_nova_thin_italic-webfont.woff') format('woff'), url('../fonts/proxima_nova_thin_italic-webfont.ttf') format('truetype'),
        url('../fonts/proxima_nova_thin_italic-webfont.svg') format('svg');
    font-weight: thin;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_light-webfont.eot');
    src: url('../fonts/proxima_nova_light-webfont.eot') format('embedded-opentype'), url('../fonts/proxima_nova_light-webfont.woff') format('woff'),
        url('../fonts/proxima_nova_light-webfont.ttf') format('truetype'), url('../fonts/proxima_nova_light-webfont.svg') format('svg');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_light_italic-webfont.eot');
    src: url('../fonts/proxima_nova_light_italic-webfont.eot') format('embedded-opentype'),
        url('../fonts/proxima_nova_light_italic-webfont.woff') format('woff'),
        url('../fonts/proxima_nova_light_italic-webfont.ttf') format('truetype'), url('../fonts/proxima_nova_light_italic-webfont.svg') format('svg');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_bold-webfont.eot');
    src: url('../fonts/proxima_nova_bold-webfont.eot') format('embedded-opentype'), url('../fonts/proxima_nova_bold-webfont.woff') format('woff'),
        url('../fonts/proxima_nova_bold-webfont.ttf') format('truetype'), url('../fonts/proxima_nova_bold-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/proxima_nova_bold_italic-webfont.eot');
    src: url('../fonts/proxima_nova_bold_italic-webfont.eot') format('embedded-opentype'),
        url('../fonts/proxima_nova_bold_italic-webfont.woff') format('woff'), url('../fonts/proxima_nova_bold_italic-webfont.ttf') format('truetype'),
        url('../fonts/proxima_nova_bold_italic-webfont.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

.profile-navbar {
    font-size: 16px;
    font-weight: normal;
}
.dashboard-list-box-static h2 {
    color: var(--main-bg-color);
    font-size: 24px;
}

/********** special config ***********/

.roomshow {
    background-color: var(--main-bg-color);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 40px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-color: var(--main-bg-color);
}

.roomshow h2 {
    padding-top: 20px;
    padding-left: 20px;
}
.roomshow label {
    font-weight: bold;
}

.roomshow .checkboxes input[type='checkbox']:checked + label:before {
    content: '\f00c';
    background-color: var(--main-bg-color);
    border: 2px solid #d0d0d0;
}

.roomshow .checkboxes label {
    color: white;
}

.form-horizontal .roomshow h2,
.form-horizontal .well .roomshow span,
.form-horizontal .well .roomshow p {
    color: white;
}

input[type='number'] {
    appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; /* Removes leftover margin */
}

input[type='number'] {
    appearance: textfield;
}

#editing-view-port > div {
    color: var(--main-text-color) !important;
}

.checkboxes {
    margin-top: 0px;
}

@media (max-width: 1165px) {
    .chart {
        display: none;
    }
}

@media (min-width: 500px) {
    #see-profile {
        float: right;
    }
}

.switcher.default.is-active {
    background-color: var(--main-bg-color) !important;
}

textarea {
    line-height: 18px;
}

input[type='button'] {
    line-height: 10px;
}

.dashboard-list-box-static input.button {
    color: white;
}
.form-horizontal .well h2 {
    font-size: 20px;
    color: var(--main-bg-color);
}

.form-horizontal .well p {
    font-size: 15px;
}

.add-listing-section {
   border: 1px solid #EAEAEA;
   box-shadow: unset;
}

.add-listing-section p {
   font-size: var(--main-font-size);
}

.well h2,
.well h3 {
    margin: 0px;
    vertical-align: middle;
}
.switcher,
.slider {
    border-radius: 20px !important;
    height: 22px;
}

.switcher.default {
    height: 32px;
}

.dpe {
    margin-top: 10px;
    position: relative;
}
.dpetable {
    display: table;
}

.dpea {
    background: #319834;
}
.dpeb {
    background: #33cc31;
}
.dpec {
    background: #cbfc34;
}
.dped {
    background: #fbfe06;
}
.dpee {
    background: #fbcc06;
}
.dpef {
    background: #fc9935;
}
.dpeg {
    background: #fc0205;
}

.dpea,
.dpeb,
.dpec,
.dped,
.dpee,
.dpef,
.dpeg {
    color: black;
    display: table-cell;
    width: 35px;
    height: 35px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}

.bulledpe {
    border-radius: 15px;
    border: 5px solid var(--main-bg-color);
    border-color: var(--main-bg-color);
    color: black;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 50px;
    height: 50px;
}

.ges {
    margin-top: 10px;
    position: relative;
}
.gestable {
    display: table;
}

.gesa {
    background: #dacee6;
}
.gesb {
    background: #cf96e7;
}
.gesc {
    background: #b96bdb;
}
.gesd {
    background: #ad4cd9;
}
.gese {
    background: #ab2dd9;
}
.gesf {
    background: #9a0acc;
}
.gesg {
    background: #8500cd;
}

.gesa,
.gesb,
.gesc,
.gesd,
.gese,
.gesf,
.gesg {
    color: black;
    display: table-cell;
    width: 40px;
    height: 40px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}

.bulleges {
    border-radius: 15px;
    border: 5px solid var(--main-bg-color);
    border-color: var(--main-bg-color);
    color: black;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 50px;
    height: 50px;
}

@media (max-width: 700px) {
    .well {
        border: #eee;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ddd;
        background: #fff;
    }

    .contain-box .btn {
        vertical-align: middle;
    }
}

.radios {
    line-height: 0px;
    margin-bottom: 7px;
}
.dropzone:hover:before {
    opacity: 0;
}

.img-circle {
    border: 2px solid var(--main-bg-color);
}

.mini-modify {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--main-bg-color);
    background-color: white;
    color: #666;
    padding: 5px 6px;
    position: absolute;
    bottom: 9px;
    left: 91px;
    transition: 0.2s;
}

.mini-modify2 {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--main-bg-color);
    background-color: white;
    color: #666;
    padding: 5px 6px;
    position: absolute;
    bottom: 20px;
    left: 155px;
    transition: 0.2s;
}

.mini-modify:hover {
    background-color: #eee;
}

h4 {
    margin: 0px;
}

/******************************** NAVBAR configuration ****************************/

/* Add a black background color to the top navigation */
@media (min-width: 991px) {
    .topnav {
        display: none;
    }
}
.topnav {
    background-color: white;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #b3b3b3;
    text-align: center;
    padding: 16px 30px;
    text-decoration: none;
    font-size: 17px;
    background-color: transparent;
}

/* Add an active class to highlight the current page */
a.active {
    background-color: var(--main-bg-color);
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 991px) {
    .profile-navbar-container {
        display: none;
    }
    .topnav {
        margin: 4px 4%;
        border-radius: 5px;
        border: 1px solid var(--main-text-color, #555);
    }
    .topnav .topnav-inner {
        display: none;
    }
    .topnav a.icon {
        float: left;
        display: block;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 911px) {
    .topnav.responsive {
        position: relative;
    }
    .topnav.responsive a.icon {
        position: absolute;
        display: block;
        left: 0;
        top: 0;
    }
    .topnav.responsive .topnav-inner {
        margin-top: 60px;
        display: block;
    }
    .topnav.responsive a:not(.active) {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav-inner a {
        color: var(--main-bg-color);
    }
}

.main-container {
    display: block;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 500px;
    z-index: 9;
    background-image: url('/img/background-girldark.jpg');
}

.main-container h1 {
    vertical-align: center;
    font-size: 30px;
    color: white;
}

.main-container h2 {
    vertical-align: center;
    font-size: 25px;
    color: white;
}
.picto-grad {
    padding: 16px 18px;
    background: white;
    border: 2px solid #1bf0d2;
    width: 69px;
    height: 69px;
    border-radius: 50px;
    font-size: 30px;
    display: inline-block;
    color: #3668ff;
}
.text-grad {
    display: inline-block;
    margin-top: 10% 0px;
}
.faq-title {
    font-size: 15px;
    margin-bottom: 20px;
    color: white;
    font-weight: bold;
    text-align: left;
}
.faq-title:before {
    content: '';
    width: 10%;
    height: 2px;
    position: absolute;
    background-color: #1bf0d2;
    margin-top: 28px;
}
a.faq-child {
    color: white;
    text-align: left;
}

.foot-container {
    width: 50%;
    margin: auto;
}

.enc-index i,
.enc-index .title-enc {
    text-align: center;
    margin-bottom: 20px;
}

.enc-index p {
    text-align: justify;
}

.left-container {
    display: inline-block;
    background-color: var(--main-bg-color);
    width: 40%;
    height: 100%;
    background: -webkit-linear-gradient(top, #1bf0d2 0%, #3668ff 100%);
}

.right-container {
    display: inline-block;
    background-color: white;
    width: 60%;
    height: 100%;
    float: right;
    padding: 20px;
}

#sign-in-dialog {
    overflow: auto;
    height: 560px;
    max-width: 700px;
    padding: 0px;
}
@media (max-width: 1000px) {
    #sign-in-dialog {
        height: 730px;
    }

    .left-container {
        display: none;
        padding: 40px;
    }

    .right-container {
        width: 100%;
    }
}

#contact-display {
    display: none;
}

.fixed-buttons {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 60px;
    width: 100%;
    background: white;
    border-top: 1px solid #999;
    z-index: 1000;
}

.like-button {
    top: 0;
    padding: 9px 20px;
    color: #ff5a5a;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-right: 6px;
    overflow: hidden;
    border: none;
    border-radius: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: white;
    border: 1px solid #ff5a5a;
}

.listing-desc-headline {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 30px;
    display: block;
    font-weight: bold;
}

.listing-info {
    background-color: var(--main-bg-color);
    height: 60px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top: 2px solid #66c9c4;
}

@media (max-width: 767px) {
    .listing-info {
        height: 75px;
    }
}

.slick-prev {
    left: 100px;
}

.slick-next {
    right: 100px;
}

.slick-dots {
    bottom: 0px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

@media (min-width: 1258px) {
    .btn-enregistrer.height-reg {
        margin-top: 84px;
    }
}
@media (max-width: 1258px) {
    .btn-enregistrer.height-reg {
        margin: 20px 0px;
    }
}

.coloc-check {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url('/img/coloc-check.svg');
    background-size: 60px 60px;
}

.coloc-blue {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url('/img/coloc.svg');
    background-size: 60px 60px;
}

.metro {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/Metro-M.svg');
    background-size: 20px 20px;
}

.train-RER {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/RER.svg');
    background-size: 20px 20px;
}

.profile-pic {
    vertical-align: middle;
    text-align: center;
    color: transparent;
    transition: all 0.3s ease;
}

.profile-pic:hover {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
}

.profile-pic span {
    display: inline-block;
    padding-top: 4.5em;
    padding-bottom: 4.5em;
}

@media (max-width: 975px) {
    .form-horizontal {
        padding: 10px;
    }
    .contain-box {
        padding: 20px 0px;
    }
}

.sign-in-form label input {
    padding-left: 15px;
}

.register .col-md-12,
.register .col-md-6 {
    padding: 0px;
}

.register .contain-box select,
.register .contain-box input {
    height: 40px;
}

.login .contain-box select,
.login .contain-box input {
    height: 40px;
}

i.enc-icon {
    margin: 10px 0px 30px 0px;
    font-size: 80px;
}

.photo-button {
    position: absolute;
    transition: all 0.2s ease-in-out;
    height: 25px;
    width: 25px;
    padding-left: 4px;
    background-color: white;
    border-radius: 2rem;
    color: var(--main-bg-color);
    line-height: 23px;
    top: 2px;
    right: 2px;
}

.photo-button i {
    margin-top: .2rem;
    margin-left: .2rem;
}

.photo-button:hover {
    background-color: var(--main-bg-color);
    color: white;
}

.appart-tag {
    color: white;
    background-color: var(--main-bg-color);
    border-radius: 5px;
    padding: 2px 10px;
    width: -moz-fit-content;
    margin: 2px;
    display: inline-block;
}

@media (max-width: 700px) {
    .appart-tag i {
        display: none;
    }
}

.setting-nav {
    background-color: #f7f7f7;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.setting-nav a {
    float: left;
    color: #b3b3b3;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.2s ease-in-out;
}

/* Change the color of links on hover */
.setting-nav a:hover,
.setting-nav a.active {
    background-color: var(--main-bg-color);
    color: white;
}

/* ------------------------------------------------------------------- */
/* flatbay Style
---------------------------------------------------------------------- */

.flatbay-button {
    display: inline-block !important;
    border-radius: 10px !important;
    width: 100%;
    margin: 5px 0px;
}
.list-inline.social-icon li a {
    text-align: center;
    width: 44px;
    height: 44px;
    display: inline-block;
    background-color: #f3f3f3;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
}
.list-inline.social-icon li a i {
    font-size: 20px;
    line-height: 40px;
}
.list-inline.social-icon li a:hover {
    color: #747171;
}
.form-group.error .control-label {
    color: var(--main-red-color);
}
.form-group.error .form-control,
textarea.error,
input.error:not(.select2-search__field),
input.error:focus:not(.select2-search__field),
select.error,
select.error:focus,
.error:not(.select2-search__field) {
    outline: 2px solid var(--main-red-color) !important;
    border-radius: 5px;
    color: var(--main-red-color);
}

.error2 {
    color: var(--main-red-color);
}

.checkboxes .error2:before {
    border: 2px solid var(--main-red-color);
}

.checkboxes label.error2 u {
    color: var(--main-red-color);
}

.radios.error .radio,
.radios.error .radio:focus {
    transition: box-shadow 0.2s !important;
    box-shadow: 0px 0px 10px 0px rgba(255, 0, 0, 0.7) !important;
    border-color: rgb(255, 0, 0) !important;
}
.checkboxes.error label {
    color: var(--main-red-color);
}
.checkboxes.error label:before {
    border-color: rgb(255, 0, 0) !important;
}
.coloc-button .control-label {
    display: none;
}
@media (min-width: 768px) {
    .dpe,
    .ges {
        margin-top: 50px;
    }
    .dpetable,
    .gestable {
        display: table-row;
    }
    .dpea,
    .dpeb,
    .dpec,
    .dped,
    .dpee,
    .dpef,
    .dpeg,
    .gesa,
    .gesb,
    .gesc,
    .gesd,
    .gese,
    .gesf,
    .gesg {
        width: 30px;
        height: 30px;
    }
    .bulledpe,
    .bulleges {
        border-radius: 10px;
        border: 5px solid var(--main-bg-color);
        width: 44px;
        height: 44px;
    }
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 10px;
}
#contact-recap {
    display: none;
}
.sl-offset {
    position: absolute;
    left: -4.33333%;
    top: 3px;
}
#contact-display.property-show-contact label {
    display: none;
}
#contact-display.property-show-contact input,
#contact-display.property-show-contact textarea {
    margin: 5px 10px;
    width: 94%;
    height: 32px;
    line-height: 18px;
}

/* property show */
.property-show-page #titlebar {
    padding: 0;
}
.property-show-page #titlebar > .row {
    margin-left: -15px;
    margin-right: -15px;
}
.property-show-page #titlebar h2 {
    margin-bottom: 0 !important;
}
.property-show-page #titlebar h2:before {
    width: 0;
    height: 0;
    bottom: 0;
    margin-bottom: 0;
}
.property-show-page #titlebar .property-pricing {
    text-align: right;
}
.property-show-page #titlebar .property-pricing h2 {
    color: #1a43a3;
}
.property-show-page #titlebar .property-pricing span > a {
    color: #366cef;
}
.property-show-page .listing-features.checkboxes li:before {
    top: 2px;
}
.property-show-page .listing-desc-headline {
    font-size: 25px;
    padding-bottom: 10px;
    font-weight: initial;
}
.property-show-page .listing-description {
    line-height: 29px;
    margin-bottom: 0;
}
.property-show-page .listing-nav a.active {
    background-color: transparent;
}
.property-show-page .listing-nav {
    margin-top: 15px;
}
.property-show-page .image-slider .img-slider-item {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 65%;
}
.property-show-page #listing-dispo .pricing-list-container {
    margin-left: -15px;
    margin-right: -15px;
}
.property-show-page #listing-dispo .pricing-list-container h4 {
    margin: 0;
    border-color: #e0e0e0;
    padding: 20px;
}
.property-show-page #listing-dispo .pricing-list-container h4 span {
    position: static;
    top: initial;
    right: initial;
    transform: none;
    font-size: 15px;
}
.property-show-page #listing-dispo .pricing-list-container h4:after {
    background-color: #6f9643;
    clear: both;
}
.property-show-page #listing-dispo .pricing-list-container h4.occupied:after {
    background-color: #f91942;
}
.property-show-page #listing-dispo .pricing-list-container .row-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
.property-show-page #listing-dispo .pricing-list-container .status {
    padding: 0;
    text-align: right;
}
.property-show-page #listing-localisation .table-display {
    display: table;
    height: 20px;
}
.property-show-page #listing-localisation .table-display .align-middle {
    display: table-cell;
    vertical-align: middle;
}
.property-show-page #listing-localisation .table-display .align-middle {
    padding-right: 4%;
}
.property-show-page #listing-localisation .table-display .metro,
.property-show-page #listing-localisation .table-display .train-RER {
    background-repeat: no-repeat;
    background-position: center;
}
.property-show-page .coloc-display.table-display {
    display: table;
    height: 60px;
    width: 100%;
    margin-top: 15px;
}
.property-show-page .coloc-display.table-display .align-middle {
    display: table-cell;
    vertical-align: middle;
    padding-left: 4%;
}
.property-show-page .coloc-display.table-display .align-middle:first-child {
    padding-left: 0;
}
.property-show-page #listing-overview h3.colloc {
    margin-top: 15px;
}
.property-show-page #listing-others .listing-energy li {
    padding-left: 0;
}
.property-show-page #listing-others h4 {
    color: var(--main-bg-color);
    margin: 15px 0;
}
.property-show-page #listing-others .listing-energy li:before {
    width: 0;
    height: 0;
    content: none;
}
@media (max-width: 991px) {
    .fixed-buttons {
        display: table;
    }
    .fixed-buttons center {
        display: table-cell;
        vertical-align: middle;
    }
    .fixed-buttons center .btn {
        margin-bottom: 0;
        line-height: 15px;
        margin-left: 4%;
    }
    .fixed-buttons center .btn:first-child {
        margin-left: 0;
    }
}
@media (max-width: 991px) {
    .property-show-page .padding-right-30 {
        padding-bottom: 50px;
    }
}
.profile-container .align-middle {
    vertical-align: middle;
}
.profile-container .align-middle .profile-name {
    font-size: 20px;
    margin-bottom: 10px;
    color: var(--main-bg-color);
    text-transform: capitalize;
    font-weight: 600;
}
.profile-container .align-middle .profile-infos {
    font-size: 16px;
    color: var(--main-text-color);
    margin-bottom: 5px;
}
.profile-container .align-middle .profile-rb {
    margin-left: -15px;
    margin-right: -15px;
}
.profile-container .align-middle hr {
    margin: 15px auto;
}
.profile-container .img-circle {
    max-height: 172px;
}
.profile-container .align-middle .profile-rb .rb-title,
.profile-container .profile-contact .rb-title {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.profile-container .profile-contact .row {
    margin-left: -15px;
    margin-right: -15px;
}
.profile-container .profile-contact .rb-title {
    letter-spacing: 0;
}
.form-horizontal .well .profile-docs h2.small-underline {
    margin-bottom: 20px !important;
}
.profile-container .activity-revenus {
    margin-left: -15px;
    margin-right: -15px;
}
.profile-container .activity-revenus .revenus-total > span,
.profile-container .activity-revenus .revenus-total > .pull-right,
.profile-container .profile-complementary {
    font-weight: bold;
}
.profile-container .activity-revenus .revenus .revenus-item span {
    color: transparent;
}
.profile-container .activity-revenus .garant-name {
    color: var(--main-bg-color);
    font-weight: bold;
}
#profile-light-btn,
#profile-complet-btn {
    margin: 5px;
    text-align: center;
}
#profile-complet-btn {
    display: none;
}
#profile-pdf-btn {
    margin: 5px;
    width: 200px;
    text-align: center;
}
.profile-docs .table-files,
.profile-docs .table-files .table-body {
    width: 100%;
}
.profile-docs .table-files .table-header,
.profile-docs .table-files .table-body .table-row-header {
    display: table;
    width: 100%;
    height: 50px;
    border-top: 1px solid #ddd;
}
.profile-docs .table-files .table-body .table-row-header .row-header-icon {
    margin-left: 5px;
    max-width: 22px;
    vertical-align: top;
}
.profile-docs .table-files .table-body .table-row-header.table-none {
    background-color: rgba(249, 25, 66, 0.1);
}
.profile-docs .table-files .table-body .table-body-row {
    z-index: 1;
    transition: 0.2s;
    width: 100%;
    height: 0;
    border-top: 1px solid #ddd;
    display: none;
    transition: 1s all;
    position: sticky;
}
.profile-docs .table-files .table-body .table-row.active .table-body-row {
    height: 40px;
    display: block;
}
.profile-docs .table-files .table-body .table-body-row a {
    transition: none;
}
.profile-docs .table-files .table-body .table-body-row:hover a {
    color: white;
}
.profile-docs .table-files .table-body .table-body-row:last-child {
    border-bottom: 1px solid #ddd;
}
.profile-docs .table-files .table-body .table-row:last-child .table-row-header {
    border-bottom: none !important;
}
.profile-docs .table-files .table-header:first-child {
    background-color: #e4e4e4;
    font-weight: bold;
}
.profile-docs .table-files .table-header .table-header-item,
.profile-docs .table-files .table-body .table-body-row .table-body-item,
.profile-docs .table-files .table-body .table-row-header .table-body-item {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.profile-docs .table-files .table-body .table-body-row .table-body-item {
    text-align: left;
}
.profile-docs .table-files .table-body .table-row .table-row-header .table-body-item:after {
    content: '\f078';
    font: var(--fa-font-light);
    font-family: 'Font Awesome 6 Pro';
    transition: 0.2s;
    transform: rotateX(0deg);
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 2rem;
    position: relative;
    right: 10px;
}
.profile-docs .table-files .table-body .table-row.active .table-row-header .table-body-item:after {
    animation: chevron-rotate 1000ms  1 forwards;
}

@keyframes chevron-rotate {
    to {
        transform: rotateX(-180deg);
    }
}

.profile-docs .table-files .table-body .table-row-header.table-none .table-body-item:after {
    content: '';
}
.profile-docs .table-files .table-body .table-row .table-row-header .table-body-item.table-item-nodoc:after {
    content: '';
    transition: 0.2s;
    font-size: 18px;
    transform: rotate(0deg);
    display: inline-block;
    margin-left: 0;
    color: var(--main-bg-color);
}
.profile-docs .table-files .table-body .table-row.active .table-row-header .table-body-item.table-item-nodoc:after {
    transform: none;
}
.profile-docs .table-files .table-body .table-row-header.table-none .table-body-item.table-item-nodoc:after {
    content: '';
}
.profile-docs .table-files .table-header .table-header-item:last-child,
.profile-docs .table-files .table-body .table-body-row .table-body-item:last-child {
    text-align: center;
}
.profile-docs .table-files .table-header .table-header-item.table-owner-item {
    text-align: left !important;
    color: var(--main-text-color);
    font-size: 18px;
}
.profile-docs .table-files .table-header .table-header-item.table-owner-item .owner-prefix {
    font-weight: bold;
}
.profile-docs .table-files .table-header.garants-header {
    background-color: white;
    border-top: none;
    font-weight: normal;
}

/* switch buttons */
.switcher.default {
    min-width: 73px !important;
    height: 32px !important;
    font-size: 11px !important;
}
.switcher.default .content {
    line-height: 27px !important;
}
.switcher.default.is-active .slider {
    -webkit-transform: translateX(156%) !important;
    -ms-transform: translateX(156%) !important;
    transform: translateX(156%) !important;
}
.switcher.default .slider {
    height: 26px !important;
    width: 26px !important;
}
.switcher.default .slider:before {
    height: 5px !important;
    width: 5px !important;
}
.switcher.default .text {
    -webkit-transition: opacity 0.3s !important;
    -ms-transition: opacity 0.3s !important;
    transition: opacity 0.3s !important;
}
.switcher.default .textYes {
    opacity: 0 !important;
}
.switcher.default.is-active .textYes {
    opacity: 1 !important;
}
.switcher.default.is-active .textNo {
    opacity: 0 !important;
}

.activate-public .row,
.contact-sidebar .row,
.colloc-activate .row {
    margin-left: -15px;
    margin-right: -15px;
}
.activate-public h2,
.contact-sidebar h2,
.colloc-activate h2 {
    padding-top: 4px;
}
.activate-public .contain-box:first-child,
.contact-sidebar,
.colloc-activate {
    padding: 20px 15px 10px 15px;
}
.activate-public .contain-box:last-child {
    padding: 10px 15px 5px 15px;
}
.activate-public .contain-box .input-group {
    position: relative;
}
.activate-public .contain-box .input-group .input-group-button {
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
}
.activate-public .contain-box .input-group .input-group-button .copy-btn {
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    color: #29d7bc;
}
.activate-public .contain-box .input-group .input-group-button .copy-btn:hover {
    color: white;
    background-color: #29d7bc;
}
.activate-public .contain-box .input-group input {
    padding-right: 80px;
    border-radius: 10px;
}
.activate-public .contain-box .copy-text, .copy-text {
    font-size: 12px !important;
    text-align: center;
    margin-bottom: 0;
}

 .share-buttons li a {
    padding: 7px 15px;
    border-radius: var(--main-general-radius);
}
.activate-public h2,
.contact-sidebar h2,
.colloc-activate h2 {
    color: var(--main-text-color) !important;
    font-weight: bold;
    font-size: 16px !important;
}
@media screen and (max-width: 1265px) {
    .activate-public h2,
    .contact-sidebar h2,
    .colloc-activate h2 {
        font-size: 14px !important;
    }
    .switcher.default {
        min-width: 63px !important;
    }
    .switcher.default.is-active .slider {
        -webkit-transform: translateX(118%) !important;
        -ms-transform: translateX(118%) !important;
        transform: translateX(118%) !important;
    }
}

.property-recap-page .main-content h2.property-name {
    font-weight: bold;
    margin-bottom: 20px;
}
.property-recap-page .main-content .img-slider-item {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 60%;
}
.property-recap-page .main-content .property-desc {
    font-weight: bold;
}
.property-recap-page .main-content.room-content {
    padding: 0 10px;
}
.property-recap-page .main-content.room-content .btn-red {
    padding: 13px 13px;
}
.property-recap-page .main-content.room-content .btn-red:hover {
    background-color: #ff5a5a;
    color: white;
    border-color: #ff5a5a;
}
.dashboard-content #titlebar {
    padding: 0;
    margin: 0 0 40px 0;
    margin-bottom: 20px;
    display: block;
    background-color: transparent;
    background: transparent;
}
.dashboard-content .dropzone {
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    min-height: 100px;
    width: 90%;
    border-color: var(--main-bg-color);
}
.dashboard-content .dropzone .dz-message {
    color: var(--main-bg-color);
    margin: 15px 0;
}
.right-side .header-widget button {
    display: inline-block;
    border-radius: 10px;
    margin: 5px 0px;
    width: 20%;
    height: 32px;
    line-height: 10px;
}
.right-side .header-widget button .sl-icon-magnifier {
    display: none;
}
@media screen and (max-width: 991px) {
    .margin-hidden-xs {
        margin: 0 !important;
    }
}
@media screen and (max-width: 991px) {
    .aside-box {
        padding: 20px 0px;
    }
}
/* The Modal (background) */
.b-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    right: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
}

/* Modal Content */
.b-modal .modal-content {
    position: fixed;
    top: 5px;
    left: 0;
    right: 0;
    background-color: #fefefe;
    width: 95%;
    margin: 0 auto;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
    border-radius: 1rem;
    padding: 0;
    margin-top: 10px !important;
}
.b-modal:not(#documentModal) .modal-content .modal-content-container {
    height: 100% !important;
    margin-top: 18px;
    max-height: 475px;
    overflow-y: auto;
}

/* The Close Button */
.b-modal .close {
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    color: #666 !important;
    background-color: #e4e4e4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 26px;
    right: 20px;
    width: 40px;
    height: 40px;
}

.b-modal .close:hover,
.b-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.b-modal .modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.b-modal .modal-body {
    padding: 2px 16px;
}

.b-modal .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 20px;
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 20px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media screen and (min-width: 1500px) {
    #rooms .room-disponibility .room-disponibility-date > div,
    #rooms .room-disponibility .room-disponibility-occupied > div {
        position: relative;
        top: 35%;
        transform: translateY(-35%);
    }
}
@media screen and (min-width: 1400px) {
    #rooms .room-disponibility {
        display: flex;
    }
    #rooms .room-disponibility .room-disponibility-date > div,
    #rooms .room-disponibility .room-disponibility-occupied > div {
        position: relative;
        top: 32%;
        transform: translateY(-32%);
    }
}
@media screen and (max-width: 1400px) {
    #rooms .room-disponibility .room-disponibility-date input[type='text'] {
        height: 44px;
    }
}
@media screen and (max-width: 1240px) {
    #rooms .room-disponibility .control-label {
        font-size: 14px;
    }
    #rooms .room-disponibility .room-disponibility-date input[type='text'] {
        font-size: 13px;
    }
    #rooms .room-disponibility .checkboxes label {
        line-height: 20px;
        font-size: 14px;
    }
    #rooms .room-disponibility .checkboxes label:before {
        width: 16px;
        height: 16px;
        line-height: 13px;
        top: 2px;
    }
}
@media screen and (max-width: 990px) {
    #rooms .room-disponibility .room-disponibility-date > div,
    #rooms .room-disponibility .room-disponibility-occupied > div {
        position: relative;
        transform: translateY(50%);
    }
}
@media screen and (max-width: 905px) {
    #rooms .room-disponibility .room-disponibility-date > div,
    #rooms .room-disponibility .room-disponibility-occupied > div {
        position: relative;
        transform: translateY(40%);
    }
}
@media screen and (max-width: 850px) {
    #rooms .room-disponibility .room-disponibility-date > div,
    #rooms .room-disponibility .room-disponibility-occupied > div {
        position: relative;
        transform: translateY(30%);
    }
}
@media screen and (max-width: 768px) {
    #rooms .room-disponibility .room-disponibility-date > div,
    #rooms .room-disponibility .room-disponibility-occupied > div {
        position: relative;
        transform: none;
    }
}

@media screen and (max-width: 1260px) {
    #rooms .room-garanties .control-label {
        font-size: 14px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
    #rooms .room-garanties input[type='number'] {
        font-size: 13px;
    }
}
.checkboxes label:before {
    border-color: #EAEAEA;
}
.form-control.error {
    transition: box-shadow 0.2s !important;
    border-color: rgb(255, 0, 0);
}

.revenu-row {
    background: #ffffff;
    border-radius: 15px;
    padding-bottom: 15px;
}
.revenu-row input,
.revenu-row select {
    background-color: #fff !important;
}
.input-total input[type='number'],
.input-total .input-group-addon,
.input-total .control-label {
    font-weight: bold;
}
.revenu-row .fa-2x.fa-times {
    font-size: 1em;
    color: var(--main-bg-color);
}

/* property files */
.property-files-drop .app-photo-principal {
    width: 90%;
    float: left;
    position: relative;
    margin: 10px;
}
.property-files-drop .app-photo-principal img {
    width: 100%;
    height: 100%;
    border-radius: var(--main-general-radius);
}
.property-files-drop .app-photo-commun {
    max-width: 120px;
    float: left;
    width: calc(50% - 20px);
    position: relative;
    margin: 10px;
}
.property-files-drop .app-photo-commun img {
    width: 100%;
    border-radius: var(--main-general-radius);
}
.property-files-drop .app-photo-room {
    max-width: 120px;
    float: left;
    width: calc(50% - 20px);
    position: relative;
    margin: 10px;
}
.property-files-drop .app-photo-room img {
    width: 100%;
    border-radius: var(--main-general-radius);
}
.aside-box-desktop {
    display: block;
}
.aside-box-mobile,
.nav-submenu-responsive {
    display: none;
}
.profile-civility {
    display: table;
    height: 170px;
}
.profile-civility .align-middle {
    display: table-cell;
    vertical-align: middle;
}
@media (max-width: 1060px) {
    .form-horizontal .well h2.dropzone-label {
        font-size: 18px;
        line-height: 17px;
    }
    .form-horizontal .well h2.dropzone-label img {
        width: 16px;
        vertical-align: top;
    }
}
#navigation.dashboard-nav {
    position: fixed;
    float: none;
}
#navigation.dashboard-nav ul {
    float: none;
    margin: 15px 0 0 0;
}
#navigation.dashboard-nav ul li {
    float: none;
    list-style: none;
}
#navigation.dashboard-nav ul li a i {
    font-size: inherit;
    position: initial;
    padding-right: 8px;
}
@media (max-width: 991px) {
    .dashboard-content {
        padding: 40px 0px !important;
    }
    #myTopnav {
        border: 1px solid #d2d2d2;
    }
    .main-page {
        position: relative;
        transition: all 0.3s;
        right: 0;
    }
    .main-page.menu-open {
        right: -60%;
    }
    .nav-submenu-responsive {
        display: block;
    }
    #navigation {
        display: none;
    }
    .dashboard-nav {
        min-width: initial;
        min-height: initial;
        max-height: initial;
        margin: 0;
        border-radius: 0;
        visibility: visible;
        padding: 0;
        transition: none;
    }
    .dashboard-nav ul {
        visibility: visible;
        opacity: 1;
        max-height: initial;
    }
    .dashboard-nav .dashboard-nav-inner.mm-panel {
        padding-top: 15px;
    }
    .dashboard-nav .dashboard-nav-inner.mm-panel .mm-navbar {
        display: none;
    }
    .dashboard-nav .dashboard-nav-inner.mm-panel .mm-listview > li {
        border-bottom: none;
    }
    .mmenu-init li {
        list-style: none;
    }
    .mmenu-init .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 22px;
    }
    .mmenu-init .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 15px;
    }
    .header-widget-responsive {
        display: none;
    }
    .aside-box-mobile {
        display: block;
    }
    .aside-box-desktop {
        display: none;
    }
    .property-files-drop .app-photo-principal,
    .property-files-drop .app-photo-principal img {
        max-width: 250px;
        max-height: 250px;
        float: none;
    }
    .property-files-drop .app-photo-principal {
        margin: 20px auto !important;
    }
    .property-files-drop .app-photo-commun {
        max-width: none;
        width: calc(25% - 20px);
    }
    .property-files-drop .app-photo-room {
        max-width: none;
        width: calc(25% - 20px);
    }
}
@media (max-width: 414px) {
    .profile-civility {
        height: auto;
    }
    .property-files-drop .app-photo-commun {
        max-width: none;
        width: calc(50% - 20px);
    }
    .property-files-drop .app-photo-room {
        max-width: none;
        width: calc(50% - 20px);
    }
}

.verified-badge {
    background-color: #19b453;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    font-size: 17px;
    font-weight: 500;
    cursor: help;
    position: relative;
    transition: 0.3s;
    display: block;
}

#titlebar-2 {
    background-color: #f8f8f8;
    position: relative;
    padding: 70px 0;
    margin-bottom: 65px;
}

.candidate-room-img a:before {
    background-color: transparent;
}
.candidate-room-img a {
    overflow: visible;
}
#rooms .col-md-6 {
    min-height: 177px;
}
.title-icon-underline .title-icon {
    width: 45px;
    height: 32px;
    text-align: center;
    float: left;
}
.title-icon-underline .title-icon img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.title-icon-underline h2 {
    float: left;
}
#rooms .checkboxes {
    line-height: 40px;
}
#page-loading {
    position: fixed;
    z-index: 2000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url(../img/flatbay_loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 125px;
}
#profile-light-btn,
#profile-complet-btn,
#profile-pdf-btn {
    line-height: 15px;
    min-height: 35px;
}
.btn-edit-pencil {
    min-width: 0;
}
.btn-edit-pencil .sl {
    margin-right: 0 !important;
}
.profile-docs .title-col {
    padding-left: 25px;
    padding-right: 25px;
}
.flash-message {
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 25px;
    background-color: #fff;
    height: 41px;
    border-left: 8px solid #75ecd2;
    box-shadow: 1px 2px 2px #e3e5e9;
}
.setting-nav .flash-message {
    top: 5px;
}
.flash-message .table-display {
    width: 100%;
    height: 100%;
    display: table;
    padding: 0 15px;
}
.flash-message .table-display .align-middle {
    display: table-cell;
    vertical-align: middle;
}
.flash-message .checked {
    max-width: 22px;
    margin-left: 15px;
}
.profil-icon .title-icon {
    width: 40px;
    height: 26px;
    text-align: left;
    float: left;
}
.profile-container .align-middle .profil-icon .profile-name {
    font-size: 22px;
    line-height: 37px;
}
.profil-icon .title-icon img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
#uploadfile .dz-default.dz-message span:before {
    font-size: 34px;
    line-height: 0;
    position: relative;
    top: 6px;
    margin-right: 10px;
}
.btn-add {
    height: 44px;
    line-height: 15px;
    padding: 13px 20px;
}

.btn-add:hover {
    color: white !important;
}
.btn-add span:before {
    content: '+';
    font-size: 28px;
    line-height: 0;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.small-icon {
    width: 20px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.garant-title .title-icon {
    width: 48px;
    height: 38px;
}
.btn-garants {
    text-align: right;
}
.btn-garants .btn,
.btn-garants .btn-red {
    min-width: 125px;
    text-align: center;
}

.modal-content {
    width: 90%;
    max-width: 700px;
}

.modal-content .close {
    color: var(--main-bg-color);
    font-size: 15px;
    font-weight: initial;
    padding: 12px 14px;
}
.btn-add.addColoc {
    padding: 9px 13px;
    height: auto;
}
#colocation-wrapper .radios {
    margin-left: -15px;
    margin-right: -15px;
}
#colocation-wrapper .radio {
    width: 50%;
    float: left;
    position: relative;
}
#colocation-wrapper .radio {
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
    min-width: auto;
    margin: 0;
    font-size: 18px;
    border-radius: 0;
    background-color: transparent;
    border: none;
    text-overflow: initial;
    white-space: initial;
    transition: border 0.2s ease-in-out;
}
#colocation-wrapper .radio.checked,
#colocation-wrapper .radio.checked:hover,
#colocation-wrapper .radio,
#colocation-wrapper .radio:hover {
    color: var(--main-bg-color);
}
ul li a:hover,  {
    color: var(--main-bg-color);
}

#colocation-wrapper .radio span {
    display: block;
    font-family: 'ProximaNova';
    line-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px 30px;
    text-align: left;
    white-space: nowrap;
}
#colocation-wrapper .radio:hover span,
#colocation-wrapper .radio.checked span {
    border-color: var(--main-bg-color);
    background: var(--main-bg-color);
    color: white;
}
#colocation-wrapper .radio:first-child span:before {
    background-image: url('/img/coloc_ok.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
    width: 25%;
    height: 50px;
    min-width: 45px;
    content: '';
}
#colocation-wrapper .radio:first-child:hover span:before,
#colocation-wrapper .radio:first-child.checked span:before {
    background-image: url('/img/coloc_ok_white.png');
}
#colocation-wrapper .radio:last-child span:before {
    background-image: url('/img/no_coloc.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
    width: 25%;
    height: 50px;
    min-width: 45px;
    content: '';
}
#colocation-wrapper .radio:last-child:hover span:before,
#colocation-wrapper .radio:last-child.checked span:before {
    background-image: url('/img/no_coloc_white.png');
}
#colocation-wrapper .radio span:after {
    clear: both;
}
@media (max-width: 1500px) {
    #colocation-wrapper .radio span {
        line-height: 75px;
    }
    #colocation-wrapper .radio:first-child span:before,
    #colocation-wrapper .radio:last-child span:before {
        height: 75px;
    }
}
@media (max-width: 1385px) {
    #colocation-wrapper .radio {
        font-size: 16px;
    }
    #colocation-wrapper .radio span {
        line-height: 65px;
    }
    #colocation-wrapper .radio:first-child span:before,
    #colocation-wrapper .radio:last-child span:before {
        height: 65px;
    }
}
@media (max-width: 1270px) {
    #colocation-wrapper .radio span {
        padding: 15px 20px;
    }
}
@media (max-width: 1270px) {
    #colocation-wrapper .radio:first-child span:before,
    #colocation-wrapper .radio:last-child span:before {
        margin-right: 10px;
    }
}
@media (min-width: 991px) and (max-width: 1160px) {
    #colocation-wrapper .radio {
        width: 100%;
    }
    #colocation-wrapper .radio:last-child {
        margin-top: 15px;
    }
}
@media (max-width: 600px) {
    #colocation-wrapper .radio {
        width: 100%;
    }
    #colocation-wrapper .radio:last-child {
        margin-top: 15px;
    }
}

.fs-inner-container.content {
    padding-top: 0px !important;
}

.infoBox:after {
    border-top: 20px solid var(--main-bg-color);
}
.input-group .input-group-addon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 991px) {
    .commentaire-box {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width: 414px) {
    .commentaire-box .contain-box {
        padding: 20px;
    }
    .radio-container {
        margin-left: -15px;
        margin-right: -15px;
        text-align: center;
    }
    .radios .radio {
        width: 32%;
        min-width: auto;
    }
}
@media (max-width: 320px) {
    .radios .radio {
        font-size: 12px;
    }
}
.input-with-icon.location a i {
    padding: 10px 15px 10px 10px;
}

/* new docs */
.table-header-item.table-owner-item {
    background-color: #f7f7f7;
    font-size: 18px;
    font-weight: bold;
}
.document-menu {
    position: relative;
    cursor: pointer;
    color: inherit;
    float: right;
}
.document-menu ul {
    text-align: left;
    position: absolute;
    top: 20px;
    right: -85px;
    list-style: none;
    background-color: #fff;
    display: inline-block;
    width: 180px;
    font-size: 15px;
    transform: translate3d(0, 15px, 0);
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
    transition: 0.25s;
    visibility: hidden;
    opacity: 0;
    z-index: 110;
}
.document-menu ul,
.document-menu ul * {
    color: var(--main-text-color);
}
.document-menu ul li {
    border: none;
    padding: 10px 15px;
}
.document-menu ul li a {
    line-height: 22px;
    display: inline-block;
    color: inherit !important;
}
.document-menu ul li:hover a {
    color: inherit !important;
}
.document-menu ul li label {
    color: inherit;
    cursor: pointer;
}
.document-menu ul li span {
    color: inherit;
}
.document-menu ul li a i {
    width: 20px;
    position: relative;
    display: inline-block;
}
.document-menu.active ul,
.document-menu:hover ul {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.uploadFileTable {
    display: none;
}
.uploadFileTable input[name='file'] {
    position: absolute;
    z-index: -100;
    left: -10000px;
}

.profile-docs .table-files .table-body .table-row .table-row-header .table-body-item.table-item-nodoc .new-doc {
    font-size: 30px;
    display: inline-block;
    margin-left: 6px;
    color: var(--main-bg-color);
    cursor: pointer;
    z-index: 12000;
    transition: font 0.1s ease;
}
.profile-docs .table-files .table-body .table-body-row .body-item-icon,
.profile-docs .table-files .table-body .table-body-row .body-item-opt {
    text-align: right;
}
.profile-docs .table-files .table-body .table-body-row .body-item-icon > img {
    width: auto;
    height: 22px;
    vertical-align: top;
}
.profile-docs .table-files .table-body .table-body-row .body-item-date {
    text-align: center;
}
.profile-docs .table-files .table-body .table-body-row .document-menu label {
    margin: 0;
}
@media (max-width: 991px) {
    .profile-docs {
        margin: 0;
    }
    .document-menu ul {
        right: -15px;
    }
}
@media (max-width: 375px) {
    .profile-docs .table-files .table-body .table-body-row .body-item-name {
        min-width: 90px;
        max-width: 90px;
    }
    .property-recap-page .candidate-room .candidate-room-content .inner h3 {
        font-size: 16px;
    }
}

.select2-container .select2-selection--single {
    height: 46px;
    background: #ffffff;
    border: 1px solid #EAEAEA;
    border-radius:  var(--main-general-radius);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    height: 46px !important;
}

.dashboard-list-box .visites-nav {
    background-color: #f7f7f7;
    overflow: hidden;
}
.dashboard-list-box .visites-header-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
.dashboard-list-box .visites-nav .visites-nav-item {
    float: left;
    color: #b3b3b3;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.2s ease-in-out;
    width: 50%;
}
.dashboard-list-box .visites-nav .visites-nav-item.active,
.dashboard-list-box .visites-nav .visites-nav-item:hover {
    background-color: var(--main-bg-color);
    color: white;
}
.dashboard-list-box .visites-header-wrapper .schedule-visites {
    text-align: center;
}
.dashboard-list-box .visites-header-wrapper .schedule-visites .schedule-visites-item {
    color: #b3b3b3;
    font-weight: 600;
    height: 44px;
    line-height: 44px;
}
.dashboard-list-box .visites-header-wrapper .schedule-visites .schedule-visites-item.active,
.dashboard-list-box .visites-header-wrapper .schedule-visites .schedule-visites-item:hover {
    color: var(--main-bg-color);
}
.dashboard-list-box .visites-header-wrapper .schedule-visites .schedule-visites-item a {
    color: inherit;
}
.dashboard-list-box .visites-list .visite-tile .candidate-room-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}
.dashboard-list-box .visites-list .visite-tile .candidate-room-content .icon-map {
    font-size: 25px;
    position: relative;
    top: 4px;
    margin-right: 10px;
}
.dashboard-list-box .visites-list .visite-tile .candidate-room-content .title-icon {
    width: 25px;
    text-align: center;
    margin-right: 7px;
}
.dashboard-list-box .visites-list .visite-tile .candidate-room-content .title-icon img {
    width: 22px;
    position: relative;
    top: -3px;
}
.dashboard-list-box .visites-list .visite-tile .overlay-visite {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    z-index: 11;
}
.dashboard-list-box .visites-list .visite-tile .overlay-visite .table-display {
    width: 100%;
    height: 100%;
    display: table;
}
.dashboard-list-box .visites-list .visite-tile .overlay-visite .table-display .align-middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-weight: bold;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .user-pic {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .user-avatar {
    flex: 1;
    max-width: 68px;
    height: 70px;
}
.dashboard-list-box .visites-list .visite-tile .user-profil {
    display: flex;
    position: relative;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .user-pic img {
    width: 100%;
    display: inline-block;
    border-radius: 50%;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .user-infos,
.dashboard-list-box .visites-list .visite-tile .visites-users .visites-btn {
    flex: 1;
    height: 70px;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .visites-btn {
    text-align: right;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .user-profil .table-display,
.dashboard-list-box .visites-list .visite-tile .visites-users .visites-btn .table-display {
    display: table;
    height: 100%;
    width: 100%;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .user-profil .table-display .align-middle,
.dashboard-list-box .visites-list .visite-tile .visites-users .visites-btn .table-display .align-middle {
    display: table-cell;
    vertical-align: middle;
}
.dashboard-list-box .visites-list .visite-tile .visites-users .user-infos p {
    margin: 0;
}
.visites-btn .btn-accept,
.visites-btn .btn-decline,
.candidates-btn .btn-accept,
.candidates-btn .btn-decline {
    min-width: 119px;
    padding: 9px 13px;
    font-size: 15px;
    line-height: 8px;
    font-weight: normal;
    overflow: hidden;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: white;
    text-align: center;
}
.visites-btn .btn-accept,
.candidates-btn .btn-accept {
    border: 1px solid #29d7bc;
    background-color: #29d7bc;
}

.visites-btn .btn-accept:hover,
.candidates-btn .btn-accept:hover {
    border: 1px solid #21bfa9;
    background-color: #21bfa9;
}
.visites-btn .btn-decline,
.candidates-btn .btn-decline {
    background-color: #ff5a5a;
    border: 1px solid #ff5a5a;
}
.visites-btn .btn-decline:hover,
.candidates-btn .btn-decline:hover {
    background-color: #d24242;
    border: 1px solid #d24242;
}
.data-unit.data-calendar {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('/img/vectorpaint.png');
    background-size: 100%;
    right: 13px;
}
.candidate-box {
    cursor: pointer;
}
.candidate-box:hover,
.candidate-box.active {
    border-color: var(--main-bg-color);
}

.dashboard-list-box .candidates-list .candidate-tile .candidate-room-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}
.dashboard-list-box .candidates-list .candidate-tile .candidate-room-content .icon-map {
    font-size: 25px;
    position: relative;
    top: 4px;
    margin-right: 10px;
}
.dashboard-list-box .candidates-list .candidate-tile .candidate-room-content .title-icon {
    width: 25px;
    text-align: center;
    margin-right: 7px;
}
.dashboard-list-box .candidates-list .candidate-tile .candidate-room-content .title-icon img {
    width: 22px;
    position: relative;
    top: -3px;
}
.candidate-persons:after {
    content: '\f107';
    font-family: 'FontAwesome';
    transition: 0.2s;
    transform: rotate(0deg);
    display: inline-block;
    margin-left: 6px;
    color: var(--main-bg-color);
    float: right;
    cursor: pointer;
    margin-top: 5px;
    font-weight: 700;
}
.candidate-persons.active:after {
    transform: rotate(180deg);
}
.dashboard-list-box .candidates-list .candidate-tile .candidate-room-content .candidate-persons.no-person:after {
    content: '';
    margin-left: 0;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-pic {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border-radius: 50%;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-avatar {
    max-width: 68px;
    height: 68px;
}
.dashboard-list-box .candidates-list .candidate-tile .user-profil {
    position: relative;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users > .col-md-12:first-child {
    border: none !important;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-pic img {
    width: 100%;
    display: inline-block;
    border-radius: 50%;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-infos,
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .candidates-btn {
    min-height: 60px;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .candidates-btn {
    text-align: right;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-profil .table-display,
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .candidates-btn .table-display {
    display: table;
    height: 100%;
    width: 100%;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-profil .table-display .align-middle,
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .candidates-btn .table-display .align-middle {
    display: table-cell;
    vertical-align: middle;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-infos p {
    margin: 0;
}

.listing-badge.now-open {
    background-color: var(--main-bg-color);
}
.listing-rooms-slider .item .item-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.listing-rooms-slider .item .item-text > div {
    text-align: center;
    z-index: 200;
    color: white;
    position: absolute;
    font-weight: bold;
    font-size: 18px;
    padding: 8% 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: lightgrey;
    background: linear-gradient(to bottom, rgba(42, 42, 42, 0), rgba(42, 42, 42, 0.8));
}
.listing-rooms-slider,
.listing-rooms-slider .slick-list,
.listing-rooms-slider .slick-list .item,
.listing-rooms-slider .slick-list .item .item-text {
    border-radius: 10px;
}
.dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-contact {
    border-left: 1px solid #EAEAEA;
}
@media screen and (max-width: 992px) {
    .dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-infos,
    .dashboard-list-box .candidates-list .candidate-tile .candidates-users .candidates-btn {
        min-height: auto;
    }
    .dashboard-list-box .candidates-list .candidate-tile .candidates-users .candidates-btn {
        height: auto;
    }
    .dashboard-list-box .candidates-list .candidate-tile .candidates-users .user-contact {
        border-left: none;
    }
}
.candidate-validate .check_mark {
    /* width: 70px; */
    height: 100px;
    margin: 0 auto;
}
.visite-validate .check_mark {
    width: 70px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    top: 25px;
    left: 55px;
}
.candidate-validate .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

.candidate-validate .sa-icon.sa-success {
    border-color: #1af0d1;
}
@media screen and (max-width: 992px) {
    .visite-validate #creneaux {
        margin-top: 70px !important;
    }
    .visite-validate .check_mark {
        width: 70px;
        height: 100px;
        position: relative;
        margin: 0 auto;
        top: 65px;
        left: 55px;
    }
}
.candidate-validate .sa-icon.sa-success::before,
.sa-icon.sa-success::after {
    content: '';
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.candidate-validate .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}

.candidate-validate .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}

.candidate-validate .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(26, 240, 209, 0.5);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 1;
    background: white;
}

.candidate-validate .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: transparent;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.candidate-validate .sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 6.75s ease-in;
    animation: rotatePlaceholder 6.75s ease-in;
}

.candidate-validate .sa-icon.sa-success {
    border-color: transparent\9;
}
.candidate-validate .sa-icon.sa-success .sa-line.sa-tip {
    transform: rotate(45deg) \9;
}
.candidate-validate .sa-icon.sa-success .sa-line.sa-long {
    transform: rotate(-45deg) \9;
}

.candidate-validate .animateSuccessTip {
    -webkit-animation: animateSuccessTip 1.25s;
    animation: animateSuccessTip 1.25s;
}

.candidate-validate .animateSuccessLong {
    -webkit-animation: animateSuccessLong 1.25s;
    animation: animateSuccessLong 1.25s;
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}
@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.candidate-validate .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #1af0d1;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.candidate-validate .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.candidate-validate .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}
.candidate-validate .validation-container {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
}
.candidate-validate .validation-container .well.contain-box.text-left {
    width: 90%;
    margin: 0 auto;
}
.candidate-validate .validation-container .contain-box {
    padding: 20px;
}
.candidate-validate .text-center {
    text-align: center;
}
.candidate-validate .text-left {
    text-align: left;
}
.candidate-validate .text-center h3,
.candidate-validate .text-left > p:first-child {
    font-weight: bold;
}
.candidate-validate .text-left a {
    color: var(--main-bg-color);
}
.candidate-validate .back-home {
    text-decoration: underline;
}

.badge {
    border-radius: var(--main-general-radius);
    line-height: 15px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    padding: 2px 8px 3px 8px !important;
    margin-left: 3px !important;
    position: relative;
    top: -2px;
    text-align: center;
}

.candidate-room-content .inner {
    top: -2px;
}

.dashboard-list-box .properties-list .property-tile {
    display: none;
}
.dashboard-list-box .properties-list .property-tile.shown {
    display: block;
}
.dashboard-list-box .properties-list .property-tile .candidate-room-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}
.dashboard-list-box .properties-list .property-tile .candidate-room-content .icon-map {
    font-size: 25px;
    position: relative;
    top: 4px;
    margin-right: 10px;
}
.dashboard-list-box .properties-list .property-tile .candidate-room-content p {
    margin: 0;
}
.dashboard-list-box .properties-list .property-tile .candidate-room-content .title-icon {
    width: 25px;
    text-align: center;
    margin-right: 7px;
}

.dashboard-list-box .properties-header-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

.dashboard-list-box .properties-nav .properties-nav-item {
    float: left;
    color: #b3b3b3;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.2s ease-in-out;
    width: 50%;
}
.dashboard-list-box .properties-nav .properties-nav-item.active,
.dashboard-list-box .properties-nav .properties-nav-item:hover {
    background-color: var(--main-bg-color);
    color: white;
}

.boutonquimarche {
    background-color: var(--main-bg-color) !important;
    color: white !important;
    font-weight: 600 !important;
}

.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before {
    -webkit-text-stroke: 0px #f91942;
}

.sticky {
    z-index: 10000 !important;
}
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item {
    line-height: 24px;
}
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item,
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50,
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50 .valign,
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50 .valign .table-body-line {
    display: inline-block;
}
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item {
    width: 80%;
}
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50,
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50 .valign {
    width: 100%;
}
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50 .valign {
    font-size: 0;
}
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item.logo {
    width: 38px;
}
.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50 .valign .table-body-line {
    width: 80% !important;
    font-size: 15px;
}

.profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .small-header-item {
    font-size: 12px;
}
.edit-files-document {
    margin: 20px;
    margin-top: 0;
}
.dz-message .dz-desktop-message {
    display: block;
}
.dz-message .dz-mobile-message {
    display: none;
}
 .profile-docs .table-files .table-header,
 .profile-docs .table-files .table-body .table-row-header {
     height: 66px;
 }

  .table-row:last-child {
      border-bottom: 1px solid #ddd !important;
  }

@media (max-width: 767px) {
    .dz-message .dz-desktop-message {
        display: none;
    }
    .dz-message .dz-mobile-message {
        display: block;
    }
    .pull-right.btn.btn-edit-pencil {
        min-width: 0 !important;
    }
    .hidden-mob {
        display: none;
    }
    .property-recap-page {
        margin-left: -15px;
        margin-right: -15px;
    }
    .property-recap-page .dashboard-list-box ul li {
        padding: 0;
    }
    .property-recap-page .candidate-room {
        font-size: 0;
    }
    .property-recap-page .candidate-room .candidate-room-img {
        width: 40%;
        display: inline-block;
    }
    .property-recap-page .candidate-room .candidate-room-content {
        width: 55%;
        padding-top: 0;
        padding-left: 5%;
        display: inline-block;
        vertical-align: top;
    }
    .property-recap-page .dashboard-list-box ul li {
        margin-top: 20px;
    }
    .property-recap-page .dashboard-list-box ul li:first-child {
        margin-top: 0;
    }
    .title-icon-underline {
        float: left;
    }
    .edit-files-document {
        margin: 0;
    }
    .edit-files-document > .btn.btn-add {
        margin: 20px;
    }
    .profile-docs .title-col {
        padding-left: 15px;
        padding-right: 15px;
    }
    .profile-docs .table-files .table-body .table-row.active .table-body-row {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .profile-docs .table-files .table-body .table-body-row .body-item-icon {
        text-align: left;
    }
    .profile-docs .table-files .table-body .table-body-row .body-item-name {
        color: black;
    }
    .profile-docs .table-files .table-body .table-body-row:hover .body-item-name {
        color: white;
    }
    .profile-docs .table-files .table-body .table-body-row .body-item-name,
    .profile-docs .table-files .table-body .table-body-row .body-item-date {
        display: block;
        width: 100%;
        max-width: none;
        margin: 0;
        text-align: left;
    }
    #documentModal .modal-content {
        top: 0;
        width: 100%;
        -webkit-animation-name: slideInMob;
        animation-name: slideInMob;
    }
    @-webkit-keyframes slideInMob {
        from {
            top: -300px;
            opacity: 0;
        }
        to {
            top: 0px;
            opacity: 1;
        }
    }

    @keyframes slideInMob {
        from {
            top: -300px;
            opacity: 0;
        }
        to {
            top: 00px;
            opacity: 1;
        }
    }
    .candidate-validate .validation-container {
        max-width: none;
    }
    .candidate-validate .validation-container .contain-box {
        padding: 20px 0;
    }
    .candidate-validate .validation-container .well.contain-box.text-left {
        width: 100%;
    }
    .title-icon-underline .title-icon {
        text-align: left;
    }

    .profile-docs .table-files .table-body .table-row-header .table-body-item .table-header-body-item .table-h-50 .valign .table-body-line {
        width: 100% !important;
        font-size: 15px;
    }
}
@media screen and (max-width: 1260px) {
    .buttons-to-right {
        position: relative;
        transform: none;
        top: 0;
        margin: 10px 0 0 0;
        opacity: 1;
        right: auto;
    }
}
.contact-form input {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
    box-shadow: none;
    height: 44px;
    color: #808080;
}

.modal-title {
    font-weight: bold;
    border-radius: 1rem 1rem 0 0;
    background-color: #f6f6f6;
    margin: 0;
    font-size: 18px;
    padding: 35px 40px 35px 20px;
}

.modal-center {
    justify-content: start;
    margin-bottom: 20px;
    padding: 0 10px;
}

.modal-detail {
    padding: 0px 40px;
    margin-bottom: 0px !important;
}

.modal-btn input {
    margin-left: 10px;
    height: 40px;
}

#divrevenus .revenu-row:first-child .deleterevenu {
    display: none;
}

.garant-info .garant-type {
    font-weight: normal;
    display: block;
}

input:disabled,
textarea:disabled {
    background-color: #F3F3F3 !important;
    cursor: not-allowed !important;
}

input:disabled {
    border: none;
}

@media screen and (max-width: 767px) {
    .btn-garants .btn,
    .btn-garants .btn-red {
        min-width: auto;
    }
    .btn-garants > div {
        float: right;
    }
    .btn-garants > div:first-child {
        float: left;
    }
}

@media screen and (max-width: 600px) {
    table td {
        display: table-cell;
    }

    .overflow-mob-also {
        padding-right: 30px !important;
        overflow: hidden;
    }
}

.opening-hours ul li span {
    float: right;
    font-weight: 400;
    margin-top: -15px;
}

.forceOpacity {
    opacity: 1 !important;
}

.messages-inbox ul li a {
    padding: 15px;
}

@media screen and (min-width: 1261px) {
    .buttons-to-right {
        opacity: 1;
        z-index: 12;
        top: 50%;
    }
}
@media screen and (max-width: 414px) {
    .profile-user-phone,
    .profile-user-mail {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .property-recap-page .candidate-room .candidate-room-content .inner h3 {
        font-size: 14px;
    }
    .property-recap-page .candidate-room .candidate-room-content .inner p {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 10px;
    }
}

@media (min-width: 991px) {
    .greyleft {
        border-left: 1px solid lightgray;
    }
}

@media (max-width: 480px) {
    .tabs-nav {
        display: inline-block;
    }
}

@media screen and (min-width: 768px) {
    .floatrightbig {
        float: right;
    }
}

.review-images {
    display: contents;
    margin-top: 20px;
    margin-bottom: 5px;
}

.tabs-nav li a {
    font-weight: 600;
    font-size: 15px;
    color: var(--main-text-color);
    padding: 7px 10px 6px 10px !important;
}

.notif-unseen {
    background-color: #FFF;
}

.notif-unseen:hover {
    background-color: rgba(54, 109, 238, 0.2) !important;
}

.candidate-room {
    padding: 20px 0;
}

.numerical-rating {
    height: 26px !important;
    width: 26px !important;
}
.btn.btn-red.btn-red-modal {
    background-color: white;
    color: #ff5a5a;
    border: 1px solid #ff5a5a;
}
.btn.btn-red.btn-red-modal:hover {
    color: white;
    background-color: #ff5a5a;
}
.visites-choices {
    width: 100%;
    font-size: 0;
}
.visites-choices .visite-choice-item {
    font-size: 16px;
    line-height: 25px;
    display: inline-block;
    color: var(--main-bg-color);
    width: 48%;
    padding: 0 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.visites-choices .visite-choice-item:hover,
.visites-choices .visite-choice-item:focus,
.visites-choices .visite-choice-item:active {
    border-color: var(--main-bg-color);
}
.visites-choices .visite-choice-item:first-child {
    margin-right: 2%;
}
.visites-choices .visite-choice-item:last-child {
    margin-left: 2%;
}
.visites-choices .visite-choice-item .item-wrapper {
    display: table;
    width: 100%;
    height: 100px;
}
.visites-choices .visite-choice-item .item-wrapper .align-middle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 1087px) {
    .visites-choices .visite-choice-item {
        font-size: 14px;
        line-height: 22px;
    }
}
@media screen and (max-width: 414px) {
    .visites-choices .visite-choice-item {
        width: 100%;
        margin: 0 !important;
    }
}
#scrollable-slots {
    display: none;
    overflow-y: auto;
}
#scrollable-slots .visit-slot-item {
    height: 40px;
    width: 13.42%;
    padding: 0 5px;
}
@media screen and (max-width: 500px) {
    #scrollable-slots .visit-slot-item {
            width: 50%;
            padding: 0 10px;
        }
}
#scrollable-slots .visit-slot-item label {
    padding-top: .6rem;
    text-align: center;
    border: 1px solid var(--main-bg-color);
    border-radius: var(--main-general-radius);
    height: 40px;
    font-size: 15px;
    color: var(--main-bg-color);
    cursor: pointer;
    width: 100%;
    font-weight: 600;
}
#scrollable-slots .visit-slot-item input[type='checkbox']:checked + label,
#scrollable-slots .visit-slot-item input[type='radio']:checked + label {
    background-color: var(--main-bg-color);
    color: white;
    opacity: 1 !important;
}
.duration-visit .control-label > span {
    display: none;
}
@media screen and (min-width: 991px) {
    #scrollable-slots .visit-slot-item:hover label {
        opacity: 0.6;
        background-color: var(--main-bg-color);
        color: white;
    }
}
@media screen and (max-width: 991px) {
    .buttons-to-right {
        top: 0;
    }
}
@media screen and (max-width: 414px) {
    .ui-widget.ui-widget-content {
        width: 87.5% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
    }
}
@media screen and (max-width: 600px) {
    .ui-widget.ui-widget-content table tr {
        display: table-row !important;
    }
}

#calendar .fc-time-grid .fc-slats .fc-minor td {
    border-top: none;
}
.message-message.grouped-message {
    margin-bottom: 0;
}

/* chat flatbay */
.chat {
    height: calc(100vh - 140px);
    position: relative;
}
.chat::after {
    content: ' ';
    clear: both;
}
.chatleft {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
    width: 30%;
    background: #fff;
    border-right: 2px solid #f7f7f7;
}
.chatleft .chatselect {
    height: 90px;
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 20px;
    float: left;
    border-bottom: 2px solid #eaeaea;
}
.chatright {
    height: calc(100% - 180px);
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
    width: 70%;
    background: #fff;
    padding: 10px;
}
.chatleft::-webkit-scrollbar {
    width: 8px;
    background: #ffffff;
}
.chatleft::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
}
.chatright::-webkit-scrollbar {
    width: 8px;
    background: #e6eaea;
}
.chatright::-webkit-scrollbar-thumb {
    background-color: #cacaca;
}

.chatback {
    height: 90px;
    /* overflow: hidden; */
    width: 70%;
    background: #fff;
    padding: 20px;
    float: left;
    border-bottom: 2px solid transparent;
}

.chat .backbtn {
    display: none;
    color: white;
    position: relative;
    padding-top: 13px;
    height: 53px;
    width: 40px;
    color: var(--main-bg-color);
    float: left;
    font-weight: bold;
    margin-left: -10px;
}

@media screen and (max-width: 991px) {
    .chatleft,
    .chattyping,
    .chatinput,
    .chatright,
    .chatback {
        width: 100% !important;
    }

    .chat .backbtn {
        display: block;
    }
    .chat .room-title,
    .chat .room-property {
        text-align: left;
    }

    .chatinput {
        height: auto !important;
        position: fixed !important;
        bottom: 0;
        right: 0;
        left: 0;
        margin-left: 0% !important;
    }
    .chat {
        height:calc(100vh)
    }
}
.chat .room {
    display: block;
    background: #fff;
    color: #3d3d3d !important;
    height: 90px;
    padding: 20px 15px;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #c7c7c7;
}
.chat .room:hover {
    background: #e6eaea;
}
.chat .room-title,
.chat .room-property {
    color: #3d3d3d;
}
.chat .room-property {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media screen and (max-width: 320px) {
    .chat .room-property {
        max-width: 150px;
    }
}
.chat .room-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.chat .room-active {
    background: #e6eaea;
    border-right: 5px solid var(--main-bg-color);
}
.chat .room-property {
    font-size: 13px;
    line-height: 16px;
}
.chat .room-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 27px;
    text-transform: capitalize;
}
.chat .room-picture {
    width: 55px;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
    border: 2px solid white;
}
.chat .room-picture-property {
    width: 55px;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
    border: 2px solid white;
    margin-left: 35px;
}
.chat .room-alert {
    float: right;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-top: 15px;
    line-height: 30px;
    background: var(--main-bg-color);
    color: white;
}
.chat .message {
    border-radius: 20px;
    clear: both;
}
.chat .message::after {
    content: ' ';
    clear: both;
}
.chat .message-picture {
    width: 40px;
    margin-top: 25px !important;
    border-radius: 50%;
    float: left;
    margin: 0px 10px 0px 0px;
}
.chat .message-message {
    max-width: 600px;
    background: #eeeeee;
    color: #3d3d3d;
    border-radius: 20px;
    padding: 10px 20px;
    float: left;
    font-size: 15px;
    line-height: 23px;
    position: relative;
    margin-bottom: 5px;
    word-break: break-word;
}
.chat .message-self .message-picture {
    float: right;
    margin: 0px 0px 0px 10px;
}
.chat .message-self .message-message {
    background: #fff;
    color: #3d3d3d;
    float: right;
    border: 2px solid #eeeeee;
}
.chat .message-self .message-username {
    text-align: right;
}
.chat .message-self .message-username b {
    margin-right: 10px;
}
.chat .chattyping {
    float: left;
    width: 70%;
    height: 20px;
    text-align: right;
}
.chat .chatinput {
    float: left;
    width: 70%;
    /* height: 70px; */
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-left: 30%;
    background: #fff;
    border-top: 2px solid #eaeaea;
    padding: 10px;
    display: inline-flex;
}

.chat .message-date {
    clear: both;
    font-size: 12px;
}

.chat .message-self .message-date {
    text-align: right;
    left: auto;
    right: 0;
}

.select2-selection__clear {
    display: none;
}

.nav-tag {
    background: red !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    float: left;
    padding: 5px;
    width: 50%;
}

#breadcrumbs ul li a:hover span {
    color: white !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
}

.checkboxes li:last-child {
    margin-bottom: 0px;
}

.b-modal .modal-content {
    position: absolute !important;
    margin-bottom: 300px;
}

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

table.basic-table tr:nth-child(odd) {
    background-color: #ffffff;
}

.table-hover > tbody > tr:hover {
    background-color: var(--main-page-background, #FBFBFB) !important;
}

#breadcrumbs ul li:before {
    content: none;
}

.rangeslider__handle {
    border-color: var(--main-bg-color) !important;
}

input[readonly] {
    border-color: #F3F3F3;
    color: #6f727d;
    background-color: #F3F3F3 !important;
}

@media print {
    .noprint {
        display: none !important;
    }
}

.meter {
    height: 15px;
    background: var(--main-bg-color);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
}

.meter > span {
    display: block;
    height: 100%;
    background-color: #36afee;
}
.rotate {
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.rotate.down {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dashboard-header {
    margin-left: 260px;
    position: relative;
}

@media (max-width: 991px) {
    .dashboard-header {
        padding-bottom: 0;
        height: auto;
        margin-left: 0px;
    }
}

.verified-icon {
    width: 15px;
    height: 15px;
}

/* Verified Icon */
.unverified-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 22px;
    color: #ffc107;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    position: relative;
    top: 3px;
    margin-left: 2px;
}
.unverified-icon:before {
    content: '\f06a';
    font-family: 'FontAwesome';
    position: relative;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.unverified-icon:after {
    position: relative;
    z-index: 9;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: block;
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #fff;
}

.btn-edit-pencil:hover,
.btn-edit-pencil:hover span {
    color: var(--main-bg-color) !important;
}

.add-listing-section label.switch {
    right: 15px;
    top: 20px;
    z-index: auto;
}

.add-listing-section {
    border-radius: 1rem !important;
    padding: 0;
    margin-bottom: 30px;
}

.add-listing-section:last-of-type {
    margin-bottom: 0 !important;
}

.add-listing-headline {
    border-radius: 1rem 1rem 0 0 !important;
    padding: 20px 20px;
    margin: 0;
    background-color: #FFF;
}

.hidden-mob {
    margin-right: 5px;
}


.add-listing-headline h4 {
    font-weight: 600;
    color: var(--main-text-color);
}
.add-listing-headline h5 {
    font-weight: 600;
    font-size: 15px;
}

.blue-hover:hover span,
.blue-hover:hover i {
    color: var(--main-bg-color) !important;
}

.switch {
    text-align: right;
}

@media (max-width: 640px) {
    .dashboard-content {
        padding: 0 !important;
        overflow: hidden;
    }
}

.category-small-box:hover,
.pricing-list-container h4:after,
#backtotop a,
.chosen-container-multi .chosen-choices li.search-choice,
.select-options li:hover,
button.panel-apply,
.layout-switcher a:hover,
.listing-features.checkboxes li:before,
.comment-by a.reply:hover,
.add-review-photos:hover,
.office-address h3:after,
.post-img:before,
a.button,
a.button.border:hover,
.plan.featured .plan-price,
mark.color,
.style-4 .tabs-nav li.active a,
.style-5 .tabs-nav li.active a,
.dashboard-list-box .button.gray:hover,
.change-photo-btn:hover,
.dashboard-list-box a.rate-review:hover,
input:checked + .slider,
.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover,
.custom-zoom-in:hover,
.custom-zoom-out:hover,
#geoLocation:hover,
#streetView:hover,
#scrollEnabling:hover,
#scrollEnabling.enabled,
#mapnav-buttons a:hover,
#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
    background-color: var(--main-bg-color) !important;
}

.category-small-box:hover h4 {
    font-size: var(--main-font-size);
}

.blueHover:hover {
    background-color: var(--main-bg-color) !important;
}

.blueHover:hover i,
.blueHover:hover h3 {
    color: white !important;
}

.tag:hover {
    opacity: 0.1;
}

.tag {
    border-radius: 7px !important;
}

.hoverblue:hover, .hoverEtab:hover, .colorEtab, .hoverblue.active, .btn-add, .btn-add:focus {
    color: var(--main-bg-color) !important;
}

.hoverEtab:hover * {
    color: var(--main-bg-color) !important;
}

.hoverEtab {
    text-decoration: none !important;
}

.share-buttons li a.fb-share {
    border-color: var(--main-bg-color);
    color: var(--main-bg-color);
}

.share-buttons li a.fb-share:hover {
    background: var(--main-bg-color);
    color: #fff;
}

.share-buttons li i {
    font-size: 16px;
    position: relative;
    right: 0px;
    top: 1px;
}

@media (max-width: 990px) {
    .sm-pt-10 {
        padding-top: 10px;
    }
}

.hovergreen:hover {
    background-color: #53b58a20 !important;
    border-color: var(--main-green-color) !important;
    color: var(--main-green-color) !important;
}

.hoverorange:hover {
    background-color: #e7ab5920 !important;
    border-color: #e7ab59 !important;
    color: #e7ab59;
}

.hoverred:hover {
    background-color: #f16c6c20 !important;
    border-color: var(--main-orange-color) !important;
    color: var(--main-orange-color);
}

.candidateleft {
    height: 40px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    /* width: 33% !important; */
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: transparent;
    border: 1px solid lightgray;
}
.candidateleftactive {
    height: 40px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: transparent;
    border: 1px solid lightgray;
    background-color: #53b58a20 !important;
    border-color: var(--main-green-color) !important;
}
.candidatemiddle {
    height: 40px !important;
    border-radius: 0px !important;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: transparent;
    border: 1px solid lightgray;
}
.candidatemiddleactive {
    height: 40px !important;
    border-radius: 0px !important;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #e7ab5920 !important;
    border: 1px solid #e7ab59;
}
.candidateright {
    height: 40px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: transparent;
    border: 1px solid lightgray;
}
.candidaterightactive {
    height: 40px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    margin: 0;
    padding: 0;

    text-align: center;
    background-color: transparent;
    border: 1px solid lightgray;
    background-color: #f16c6c20 !important;
    border-color: var(--main-orange-color) !important;
}

.user-menu ul {
    width: 200px;
    padding: 0;
}

.select2-dropdown {
    z-index: 1100;
}

@media all and (max-width: 768px) {
    .mobilecenter {
        text-align: center;
    }
}

.select2-dropdown--below {
    z-index: 100000;
}

.badge-success {
    border-radius: 5px;
    background-color: green;
    color: white;
    padding: 3px 6px;
}

.badge-warning {
    border-radius: 5px;
    background-color: orange;
    color: white;
    padding: 3px 6px;
}

.badge-error {
    border-radius: 5px;
    background-color: var(--main-red-color);
    color: white;
    padding: 3px 6px;
}
@media only screen and (max-width: 1365px) {
    .user-menu ul {
        left: unset;
        right: 0px;
    }
}

.li-file-annexe {
    list-style: none;
    display: grid;
    grid-template-columns: 25px 1fr 25px;

    & .ic-deplacement {
        position: relative;
        top: 10px;
        cursor: pointer;
    }
}

@media only screen and (width < 992px) {
    .li-file-annexe {
        grid-template-columns: 1fr 25px;

        & .move {
            display: none;
        }
    }

    .mobile-ul-last2 {
        bottom: 40px;
        top: unset !important;
    }
}

.annexe {
    padding: 10px 15px 10px 15px;
    font-weight: 600;
    border-radius: 5px;
    user-select: none;
    overflow: hidden;
    height: 46px;
    display: flex;
    align-items: center;
    background-color: #F3F3F3;
    color: #404040;

    & * {
        color: #404040;
    }

    & .annexe-text {
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        user-select: none;

        & > i {
            font-size: 18px;
            margin-right: 5px;
            position: relative;
            bottom: -2px;
        }
    }
}

.annexe:not(:last-of-type) {
    margin-bottom: 15px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
}

*::-webkit-scrollbar {
    width: 7px;
    height: 100%;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
}

.pendingfacture {
    color: #ee860f;
}

@media screen and (max-width: 911px) {
    .legende {
        flex-direction: column;
        align-items: flex-start;
        width: 100% !important;
    }
}

.sort-by .chosen-container.chosen-with-drop .chosen-drop, .sort-by .chosen-container .chosen-drop {
    max-width: 80vw;
    border-radius: var(--main-general-radius);
    width: 400px;
}

@media screen and (max-width: 791px) {
    .sort-by .chosen-container.chosen-with-drop .chosen-drop,
        .sort-by .chosen-container .chosen-drop {
            width: 250px;
        }

        .container.notpadding {
            padding: 0;
        }
}

.filterShow .panel-dropdown-content {
    border-radius: var(--main-general-radius);
    z-index: 1500;
}

@media (max-width: 991px) {
    .fullwidth-filters .sort-by label, .fullwidth-filters .sort-by .sort-by-select, .panel-dropdown, .sort-by-select {
        float: left !important;
    }
    .sort-by .chosen-container-single .chosen-single {
        background-color: #f3f3f3;
    }
}

.dashboard-list-box ul li {
    border-bottom: none;
}

.tile-counter {
    margin: 0;
    z-index: 10;
    line-height: 14px;
    padding: 7px 7px;
    max-width: 150px;
    width: 24%;
    margin-top: 1rem;
    text-align: center;
    font-weight: 700 !important;
    border-radius: var(--main-general-radius);
    text-transform: uppercase;
    font-size: 10px !important;
    letter-spacing: 1.5px;
    color: white !important;
}

@media (max-width: 991px) {
    .tile-counter {
        width: 48%;
    }
}

.dashboard-list-box ul li:hover {
    background-color: inherit;
}

input[id=search] {
    background-color: #FFF;
    padding-left: 15px !important;
    box-shadow: unset;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--main-page-background, #FBFBFB) inset !important;
    -webkit-text-fill-color: initial !important;
    transition: none !important;
}

body, h1, h2, h3, h4, h5, h6, input[type='text'], input[type='password'], input[type='email'],input[type='email'], textarea, select, input[type='button'], input[type='submit'], button, #tiptip_content, .map-box p, .map-box div, .numerical-rating .rating-counter, body .menu-responsive i.menu-trigger:after {
    font-family: 'Open Sans', sans-serif;
}
@media (min-width: 1240px) {
    .category-small-box {
        width: calc(100% * (1 / 4) - 21px);
    }
}

.category-small-box .category-box-counter {
    font-size: 13px;
    font-weight: 400;
    color: #909090;
    border-radius: 50px;
    background-color: rgba(0,0,0,0.04);
    display: block;
    width: 40px;
    text-align: center;
    margin: 0 auto;
    left: auto;
    right: auto;
    margin-bottom: 12px;
    transition: 0.4s;
    padding: 2px 0;
    line-height: 22px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.category-small-box:hover .category-box-counter {
    color: #fff;
    background-color: rgba(0,0,0,0.15);
}

.category-small-box {
    margin: 0 0 20px 20px;
}

.opening-hours.summary li:hover, .opening-hours.summary li.total-costs span {
    color: var(--main-bg-color);
}

.candidate-room {
    padding: 20px 20px;
}

.candidate-room-active {
    background: aliceblue;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .modal-title {
        padding: 35px 60px 35px 20px;
    }
}
#tag-filters {
    display: flex;
    flex-wrap: wrap;
}

#tag-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px !important;
}

.taglist-item:hover {
    background-color: #e9e9e9 !important;
}

.taglist-item-delete {
    color: var(--main-bg-color);
    cursor: pointer;
    position: relative;
    right: -4px;
    top: 0;
    font-size: 13px;
}

.tag-filter-selected {
    margin-top: 10px;
    background-color: var(--main-bg-color-20);
    border: 1px solid var(--main-bg-color-20);
    color: var(--main-bg-color);
    padding: 0 10px;
    border-radius: 4px;
}

.tag-filter-selected:not(:first-of-type) {
    margin-left: 5px;
}

.taglist-item {
    position: relative;
    background-color: #f1f1f1;
    border-radius: var(--main-general-radius);
    overflow: hidden;
    padding: 5px 25px 5px 15px;
    transition: background .35s ease;
    user-select: none;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 0px;
    font-weight: 600;
}

#taglist-reset {
    height: 28px;
    border: none;
    cursor: pointer;
    background: none;
    text-decoration: underline;
    transition: all .3s ease;
    display: none;
    position: relative;
    top: 9px;
    transition: color .2s;

    &:hover {
        color: var(--main-bg-color);
    }
}

.share-buttons li a.whatsapp-share:hover {
    background: #1ebea5;
    color: #fff;
}

.share-buttons li a.whatsapp-share {
    border-color: #1ebea5;
    color: #1ebea5;
}

.share-buttons li a.gplus-share:hover span {
    color: white !important;
}

.listing-item-container.list-layout .listing-item-inner {
    padding-right: 0px;
    left: 0;
}

.list-box-listing-content .inner {
    top: 0px;
}

.undraw svg {
    width: 100%;
    height: 100%;
    max-width: 40rem;
}

.modal-content .control-label, .modal-content p, .modal-content div {
    font-size: 14px !important;
}


@media (max-width: 767px) {
    .radios .radio {
        width: 100%;
    }

    .btn-enregistrer {
        width: 100%;
        margin-bottom: 30px;
    }
}

.no-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-side-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.no-vertical-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    .noFloatMobile {
        float: none !important;
    }
}

.listing-item-container {
    transition: none !important;
}

.listing-item-container.list-layout {
    transform: none !important;
    background-color: inherit !important;
}

.listing-item-container.list-layout:hover {
    transform: none !important;
}

@media (max-width: 991px) {
    .listing-item-container.list-layout .listing-item-inner {
        padding: 15px !important;
    }
}

@media (min-width: 767px) {
    .visiteActions {
        top: 50%;
        transform: translateY(-50%);
        right: 35px;
        position: absolute;
        z-index: 101;
        display: block;
        border-radius: 50px;
        transition: all 0.4s;
    }
}

@media (max-width: 767px) {
    .visiteActions {
        padding: 0px;
        margin-bottom: 15px;
    }
}

.daterangepicker .drp-buttons .btn {
    height: 40px;
    border: none;
}

.cancelBtn {
    background-color: #f0f0f0;
    color: #666;
}

.cancelBtn:hover {
    background-color: #f0f0f0;
    color: #666;
}

.applyBtn {
    background-color: var(--main-bg-color) !important;
    color: white !important;
}

.daterangepicker .ranges li.active {
    background-color: var(--main-bg-color) !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--main-bg-color) !important;
}

#reportrange {
    padding: 0px 10px;
    height: 46px;
    font-size: var(--main-font-size);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #EAEAEA;
    border-radius:  var(--main-general-radius);
    font-weight: 600;
    background-color: var(--main-page-background) !important;
    cursor: pointer
}

#reportrange:hover {
    color: var(--main-bg-color) !important;
}

.show-calendar {
    right: 75px !important;
}

.daterangepicker.opensright:before {
    right: 9px !important;
    left: unset !important;
}

.daterangepicker.opensright:after {
    right: 10px !important;
    left: unset !important;
}

.filterShow {
    padding-bottom: 10px;
}

.daterangepicker .drp-selected {
    font-size: 15px !important;
}

.add-listing-headline {
    width: 100%;
    left: auto;
    padding: 15px;
    margin: 0px;
    max-height: 66px;
    margin-bottom: 15px !important;
}

.dropzone:hover {
    color: var(--main-bg-color) !important;
    background-color: var(--main-bg-color-20);
    transition: all 0.35s linear;
}

.hoverdropzone {
    transition: all .3s;
    border: 2px dashed var(--main-bg-color);
    min-height: 100px;
    margin-top: 20px;
    padding: 10px 20px;
    cursor: pointer;
}

.chosen-single div {
    float: right !important;
}

.rounded-action {
    width: 38px;
    color: #777;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    transition: 0.3s;
    display: inline-block;
    background-color: var(--main-page-background, #FBFBFB);
    position: absolute;
    transform: translateY(-50%);
}

.rounded-action:hover {
    background-color: var(--main-bg-color) !important;
}
.rounded-action:hover i {
    color: white;
}

.boxes {
    color:#474747;
    background-color: rgba(var(--main-bg-color), 0.2) !important;
    border-radius: 10px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.07);
}

.icons {
    padding-bottom: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 80px;
    font-size: 26px;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
    color: var(--main-bg-color);
    position: relative;
    z-index: 11;
    box-sizing: border-box;
    opacity: 1;
    padding-top: 5px;
    margin-top: 51px;
    margin-right: 15px;
    float: right;
}

.icons-phone {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 30px;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
    color: var(--main-bg-color);
    position: relative;
    z-index: 11;
    box-sizing: border-box;
    opacity: 1;
    padding-top: 20px;
    float: right;
    margin-top: -45px;
}

.icons-hover:hover {
    color:var(--main-bg-color);
}

.big {
    font-size: 30px !important;
    font-weight: 600 !important;
}

.fontgeneral {
    font-size: 16px !important;
}


@media screen and (max-width: 1250px) {
    .image-small-flex {
        flex-direction: column;
    }

    icon-small-phone {
        margin-top:0px;
    }

    .daterangepicker {
        position: absolute;
        color: inherit;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #ddd;
        width: 96% !important;
        max-width: none;
        padding: 0;
        margin-top: 7px;
        top: 100px;
        left: 20px;
        z-index: 3001;
        display: none;
        font-family: arial;
        font-size: 15px;
        line-height: 1em;
        left: 2% !important;
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        width: 9% !important;
    }
    .daterangepicker .drp-calendar {
        width: 100% !important;
        max-width: 100% !important;
    }
    .daterangepicker .drp-calendar.left {
        padding: 8px 0 8px 0px !important;
    }
    .daterangepicker .drp-selected {
        padding-right: 0px !important;
        width: 100% !important;
        float: left !important;
        margin-bottom: 10px;
    }
    .daterangepicker .drp-buttons {
        text-align: center !important;
    }
    .daterangepicker .drp-buttons .btn {
        margin-left: 0px !important;
        margin-bottom: 10px;
    }
    .cancelBtn {
        float: left !important;
    }
    .applyBtn {
        float: right !important;
    }
    .phone-ver {
        /* padding-left: 0px !important; */
        padding: 10px 10px !important;
        text-align: center !important;
    }
    .buttons-to-right {
        margin-top: 20px !important;
        text-align: center !important;
    }
    /* .panel-dropdown.wide .panel-dropdown-content {
        width: 100vw !important;
    } */
}

@media (max-width: 767px) {
    #dashboard #titlebar h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .listing-item-container.list-layout .listing-item-inner h3 {
        font-size: 17px;
    }
}

.chosen-container-single .chosen-single {
    height: 46px;
}

.sort-by .chosen-container-single .chosen-single {
    border-radius: var(--main-general-radius);
}
.panel-dropdown a {
    border-radius: var(--main-general-radius);
}

.inner-booking-list ul li.highlighted {
    border-radius: var(--main-general-radius);
}

button.panel-cancel, button.panel-apply {
    border-radius: var(--main-general-radius);
}

.print-button, .print-button:hover {
    border-radius: 7px !important;
}

.fc .fc-button-primary {
    border-color: var(--main-bg-color) !important;
    background-color: #ffffff !important;
}

.fc-icon-chevron-right:before, .fc-icon-chevron-left:before {
    color: var(--main-bg-color) !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    color: white !important;
    background-color: var(--main-bg-color) !important;
}

.fc .fc-button-primary {
    color: var(--main-bg-color) !important;
}

.fc .fc-button-group>.fc-button.fc-button-active, .fc .fc-button-group>.fc-button:active, .fc .fc-button-group>.fc-button:focus, .fc .fc-button-group>.fc-button:hover {
    box-shadow: none !important;
}

.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: none !important;
}

.fc .fc-button-group>.fc-button.fc-button-active, .fc .fc-button-group>.fc-button:active, .fc .fc-button-group>.fc-button:focus, .fc .fc-button-group>.fc-button:hover {
    color: white !important;
}

.nav-hover {

    font-weight: 600 !important;
}
.nav-hover:hover {
    color: var(--main-bg-color) !important;
}
.sort-by .chosen-container-single .chosen-single {
        background-color: var(--main-page-background, #FBFBFB) !important;
        border: 1px solid var(--main-page-background, #FBFBFB) !important;
}
.sort-by2 .chosen-container-single .chosen-single {
    background-color: #f3f3f3 !important;
    border: 1px solid var(--main-page-background, #FBFBFB) !important;
}

.noHover:hover {
    background-color: transparent !important;
}

.sticky-nav {
    position: sticky !important;
    top: 80px;
    z-index: 500;
    display: flex;
    background-color: white !important;
    border-bottom: 1px solid #EAEAEA;
    padding-left: 20px;
    padding-right: 10px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #EAEAEA;
    line-height: 45px;
    padding: 0px 15px;
    margin-bottom: 0 !important;
    min-height:60px
}

.sticky-title-nav {
    font-size: 15px;
    font-weight: 600;
    padding-right: 20px;
    line-height: 25px;
    border-right: solid 1px #EAEAEA;
    color: var(--main-text-color);
}

.tabs-nav {
    padding-left: 10px;
}

.sticky-nav-item {
    display: flex;
    align-items: center;
}

#add-comment.is-focused {
    padding-bottom: 56px !important;
}

#add-comment.is-focused #comments-btn-group {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

#comments-btn-group {
    display: flex !important;
    align-items: center;
    opacity: 0;
    position: absolute;
    bottom: 8px;
    left: 12px;
    top: auto;
    transform: translateY(48px);
    transition-duration: 85ms;
    transition-property: opacity,transform;
    transition-timing-function: ease;
}

button:disabled {
    background-color: #091e420a;
    border: none;
    box-shadow: none;
    color: #a5adba;
    cursor: not-allowed;
}

.comment-by {
    padding: 0px !important;
}

.avatar {
    display: inline-block !important;
}

.select2-selection__choice {
    margin-top: 10px !important;
    background-color: var(--main-bg-color-20) !important;
    border: 1px solid var(--main-bg-color-20) !important;
    color: var(--main-bg-color);
    padding: 0 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    position: relative;
}

.select2-selection__choice__remove:hover + span::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -6px;
    width: 100%;
    height: 1px;
    background: var(--main-bg-color);
    animation-name: strike;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes strike {
  0%   { width : 0; }
  100% { width: 100%; }
}

.select2-selection__choice__remove {
    color: var(--main-bg-color) !important;
}


.select2-selection__choice__remove {
    float: right;
    margin-left: 5px;
    margin-right: 0px !important;
}

.select2-selection {
    max-height: 51px !important;
    border: 1px solid #EAEAEA !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 46px !important;
    padding-left: 15px !important;
    margin: 0 !important;
}

.select2-selection__rendered {
    height: 46px !important;
}

.select2-search--inline {
    height: 51px !important;
}

#graph {
    height: 50px;
}

.notification {
    border-radius: var(--main-general-radius);
}

.warning {
    background-color: var( --main-orange-background) !important;
}

.notification.warning {
    color: var(--main-orange-color) !important;
}

 /* SKELETON */
.skeleton {
    opacity: .7;
    animation: skeleton-loading 1s linear infinite alternate;
}

.skeleton-text {
    width: 60%;
    height: .8rem;
    border-radius: .25rem;
}
@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 70%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

/* Custom Dropdown */
 @media (max-width: 769px) {
    .toHide {
        display: none;
    }

    .dropdown .items {
        right: -20px !important;
    }
}

.dropdown ul {
    border-radius: var(--main-general-radius);
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.dropdown {
    position: relative;
    float: right;
    margin-right: 15px;
}

.dropdown .label {
    cursor: pointer;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--main-general-radius);
    padding: 9px 20px;
    background-color: #f3f3f3;
}

.label:hover {
    background-color: #366DEE20;
    color: #366DEE;
}

.label i {
    font-size: 22px;
}

.dropdown:hover>.label {
    background-color: #366DEE20;
    color: #366DEE;
}

.dropdown .items a {
    color: #444 !important;
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    text-decoration: none;
    transition: all 0.2s;
}

.dropdown .items li {
    padding: 0px !important;
}

.dropdown .items a {
    border-left: 3px solid transparent;
}

.dropdown .items a:hover {
    border-left: 3px solid #366DEE;
    background-color: #366DEE20;
}

.dropdown .items li {
    background-color: white;
    line-height: normal;
    width: 100%;
}
.dropdown .items i {
    margin-right: 10px;
}

.dropdown .items-mobile {
    position: fixed !important;
    bottom: 80px;
    right: 10px !important;
}

.dropdown .items {
    background-color: #FFF;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    min-width: 250px;
    height: 0;
    position: absolute;
    right: 0;
    transform-origin: top;
    transform: scaleY(0);
    transition: transform 0.3s;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);
    z-index: 1000;
    margin-top: 10px;
}

.dropdown .items li:first-child {
    border-radius: 10px 10px 0 0;
}

.dropdown .items li:last-child {
    border-radius: 0 0 10px 10px;
}

.items li:first-child:hover a {
    border-radius: 10px 10px 0 0;
}

.items li:last-child:hover a {
    border-radius: 0 0 10px 10px;
}

.dropdown .items::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 15px;
    top: -15px;
    right: 0px;
    left: 0px;
}

.dropdown:hover .items {
    opacity: 1;
    visibility: visible;
    height: unset;
    transform: scaleY(1);
}

/* ---- dropdown trigger in mobile ---- */
.dropdown .items.removeStateDropdown {
    height: 0;
    transform: scaleY(0);
}

.dropdown .label.reInit {
    background-color: #f3f3f3 !important;
    display: flex !important;
}

.dropdown .label.reInit > i {
    color: var(--main-text-color);
}
/* --------------------------------------- */

/* CSS POUR LE SELECT DE STATUS DE LA CANDIDATE/MANDANT */
[name=candidate-status], [name=prospect-eval], .custom-status, select[id=mandat-status] {
    max-width: 250px;
    height: 40px;
    border-radius: var(--main-general-radius);
    font-weight: 600;
    margin-right: 10px;
    border: none;
}

.custom-status {
    padding-left: 10px !important;
    padding-top: 1px;
    cursor: pointer;
}

[name=prospect-eval], select[id=mandat-status] {
    height: 30px;
}

/* ----------prospect --------- */

[name=candidate-status].contacte {
    background: var( --main-orange-background);
    color: var(--main-orange-color);
    border-color: var(--main-orange-color);
}


[name=candidate-status].estimEnvoye {
    background: var( --main-orange-background);
    color: var(--main-orange-color);
    border-color: var(--main-orange-color);
}

[name=candidate-status].mandatEnv {
    background: var( --main-orange-background);
    color: var(--main-orange-color);
    border-color: var(--main-orange-color);
}

[name=candidate-status].mandatSigne, [name=candidate-status].add {
    background-color: #e6f3d8;
    color: #5f9025;
    border-color: #5f9025;
}

[name=candidate-status].attDoc {
    background: var( --main-orange-background);
    color: var(--main-orange-color);
    border-color: var(--main-orange-color);
}

[name=candidate-status].interetnoanswer, [name=candidate-status].noanswer {
    background-color: var(--main-red-background);
    color: var(--main-red-color);
    border-color: var(--main-red-color);
}

[name=candidate-status] > option, [name=prospect-eval] > option, [id=mandat-status] > option {
    background-color: white;
    color: black;
}

.subtitle {
    font-size: 15px;
    color: var(--main-text-color, #555);
    font-weight: 600;
    margin-bottom: 20px;
}


.listing-item-content, .listing-item {
    z-index: unset;
}

.boutonadroite {
    position: absolute;
    top: 20px;
    right: 10px;
}
@media screen and (max-width: 1100px) {
    .boutonadroitemargin {
        margin-top: 0px;
        padding-top: 80px;
        border-top: 1px solid #eeeeee;
    }

    .boutonadroite {
        position: absolute;
        top: unset;
        bottom: 10px;
    }
}

.dashboard-stat {
    background-color: #ffffff !important;
    height: 140px;
}

.dashboard-list-box h4 {
    background-color: inherit !important;
}

.messagealert {
    font-size: 12px !important;
    margin-bottom: 0;
}

.top-nav-mob-icon {
    width: 40px;
    height: 40px;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--main-general-radius);
}

/* width bloc/container adjust padding */
.col-padding-adjust {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/* padding bloc */
.contain-box {
    padding: 0 0 15px 0 !important;
}

@media screen and (max-width: 768px) {
    .col-padding-adjust {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .padd-left-right-adapt {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

 .cont-padd-tel {
     padding: 0 15px !important;
 }

@media screen and (max-width: 992px) {
    .adapt-marg-top-nav {
        margin-left: 0 !important;
    }
    .unclickable-mob {
        pointer-events: none !important;
    }

    .form-horizontal .fixed-button-enregister {
        padding: 0 15px 0 10px;
    }

    .form-horizontal:has(.fixed-button-enregister) {
        margin-bottom: 95px;
    }
    .form-horizontal:has(.fixed-button-enregister) .add-listing-section:last-of-type {
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 992px) {
    .cont-padd-tel {
        padding: 0 !important;
    }
}

.sticky-padd {
    padding: .5rem 15px .5rem 10px;
}

/* bloc informations <p> */
.p-infos, .p-files{
    text-align: justify;
    font-size: var(--main-font-size);
}

.padding-infos, .padd-cont-b {
    padding: 0 15px;
}

.form-horizontal {
    padding: 2px 0 0 0;
}

.editMode .main-item-area {
    display: grid;
    grid-template-columns: var(--sidebarWidth) 1fr;
    grid-template-areas:
        "header header"
        "subbar subbar"
        "content content";
        grid-template-rows:
            auto
            minmax(0, 60px)
            1fr;

    #sidebar-item {
        display: none;
        visibility: hidden;
    }

    .display-mobile-menu {
        display: none;
        visibility: hidden;
    }

    header {
        .logoHeader {
            display: block;
        }
        justify-content: space-between !important;

        & .toHideBigSearch {
            display: none;
            visibility: hidden;
        }
    }

    .container-scroll {
        padding-bottom: var(--padding-container-scroll-editMode);
    }
}

@media screen and (width < 992px) {
    .container-scroll {
        padding-top: 60px;
    }
    .editMode {
        .logoHeader {
            position: relative;
            bottom: 4.5px;
        }
        .container-scroll {
            padding-bottom: 0 !important;
        }
        .main-item-area {
            grid-template-areas:
            "header header"
            "content content";
            grid-template-rows:
                auto
                1fr;
        }

        .container-scroll .sticky-nav {
            top: 80px;
        }
    }

    .form-horizontal {
        padding-top: 15px;
    }
}

.editMode .nav-toggle {
    display: none;
    visibility: hidden;
}

/* champs localisation et type (avec tuillettes) */
.select2-selection,
.select2-selection__rendered,
.select2-selection {
    max-height: none !important;
}

.select2-selection__rendered {
    height: auto !important;
}

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

.radios.error {
    box-shadow: unset !important;
}

.svg-undraw-files {
    width: 200px;
    height: 200px;
}

.fix-flag-height {
    height: 50px !important;
}

#notifbadge {
    padding: 4.5px 7px 4px 7px !important;
    font-family: Open Sans;
    font-weight: 600;
    display: inline-block;
    font-size: 11px;
    line-height: 1.1rem !important;
    color: #fff;
    padding: 0;
    box-sizing: border-box;
    min-width: 20px;
    width: auto !important;
    height: 20px !important;
    letter-spacing: -.5px;
    text-align: center;
    border-radius: 50px;
    margin-left: 4px;
}

/*-------------- ripple effect -------------- */
button .ripple, a .ripple, input .ripple {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background-color: rgba(251, 251, 251, 0.516);
    position: absolute;
    animation: Ripple .8s ease-in-out;
    z-index: 10000;
}

@keyframes Ripple {
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2.5);
    }
}
/* --------------------------------------------- */

.fullwidth-filters .sort-by .chosen-container-single .chosen-single,
.panel-dropdown a {
    background-color: var(--main-page-background, #FBFBFB);
}

.chosen-single > span, .panel-dropdown a {
    font-size: 14px !important;
}

.sort-by2 .chosen-container-single .chosen-single {
    background-color: var(--main-page-background, #FBFBFB) !important;
    border: 1px solid var(--main-page-background, #FBFBFB) !important;
}

/* generalisation de l'effet apparition de la contain-box des blocs */
.chevron180 {
    transform: rotateX(0deg);
    transition: all 1.2s;
}

.add-listing-section:has(.fa-chevron-up) .contain-box {
    display: none;
}

.add-listing-headline:has(.fa-chevron-up), .add-listing-headline.not-contain-box {
    border-bottom: none;
    cursor: pointer;
    transition: background-color 1.5s;
    border-radius: 1rem !important;
}

.add-listing-headline:has(.switchTrigger):not(.addBorder), .add-listing-headline:has(.fa-chevron-up):not(.addBorder)  {
    margin-bottom: 0 !important;
}

.add-listing-headline:has(.fa-chevron-up).addBorder {
    border-bottom: 1px solid #eaeaea;
    border-radius: 1rem 1rem 0 0 !important;
}

.add-listing-headline:has(.fa-chevron-up) .fa-chevron-up {
    transform: rotateX(-180deg);
    transition: all 1.2s;
}

.add-listing-headline:has(.fa-chevron-up) .fa-chevron-up.chevron180 {
    transform: rotateX(0deg);
    transition: all 1.2s;
}

/* -------------- apparation avec "switch" -------- */
.add-listing-section:has(.switchTrigger) .contain-box {
    display: none;
}

.add-listing-headline:has(.switchTrigger) {
    border-bottom: none;
    transition: background-color 1.5s;
    border-radius: 1rem !important;
}

.add-listing-headline:has(.switchTrigger).addBorder {
    border-bottom: 1px solid #eaeaea;
    border-radius: 1rem 1rem 0 0 !important;
}
/* ------------------- */

.fontgeneral {
    font-size: var(--main-font-size) !important;
}

.hoverdropzone, .dropzone  {
    border-radius: 7px !important;
    padding: 7px 0 !important;
}

/* ---------- effet d'apparition de contenu */
.appear {
    transform: translateY(-50px);
    opacity: 0;
    display: block !important;
    animation: Appear .7s ease-in-out forwards;
}

@keyframes Appear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*------- suggestion dans les modals  */
.suggestion-proprio {
    cursor: pointer;
    background-color: transparent !important;
    padding-left: 8px !important;
}

.suggestion-proprio i {
    color: var(--main-bg-color);
    margin-right: 5px !important;
}

.suggestion-proprio:active {
    border-color: var(--main-bg-color);
}

.border-etab {
    border-color: var(--main-bg-color) !important;
}

/* ----------- tags email dans les modals */
span.cancel-email .sl.sl-icon-close {
    padding: 2px;
}

span.email-ids {
    float: left;
    border: 1px solid #ccc;
    margin-right: 8px;
    background: #f5f5f5;
    padding: 5px 10px;
    border-radius: var(--main-general-radius);
    text-align: center;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: small;
    font-family: 'Open sans';
}

span.cancel-email {
    width: 10px;
    display: block;
    float: right;
    margin-left: 5px;
    height: 10px;
    cursor: pointer;
    margin-top: 1px;
    position: relative;
    top: -2px;
}

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

.checkboxes.in-row label {
    margin-top: 0;
}

label[for=all], .checkboxes label[for=all] {
    font-size: 14px;
    font-weight: 600;
}

/* interieur bloc */
.dec-bloc {
    padding: 0 15px;
}

/* décalage padding général de page avec ajustement en mobile */
.dec-page-padding {
    padding: 0 15px;
}

@media screen and (max-width: 792px) {
    .dec-page-padding {
        padding: 0;
    }
}

.tags-raccourcis {
    padding-top: .6rem;
    padding-left: 8px;
    border: 1px solid #EAEAEA;
    border-radius: var(--main-general-radius);
    height: 40px;
    font-size: 1.5rem;
    color: var(--main-text-color, #555);
    cursor: pointer;
    width: 100%;
    transition: border .2s;
    user-select: none;

    &:hover {
        border-color: var(--main-bg-color);
    }

    & > .label-tag-racc {
        font-size: var(--main-font-size);
        position: relative;
        bottom: -3px;
        user-select: none;
    }
}

.positive-tags {
    color: var(--main-green-color);
}

.negative-tags {
    color: #ff5a5a;
}

.selected-tags-raccourcis {
    border-color: var(--main-bg-color);
    background-color: var(--main-bg-color-20);
}

#pluslength,
#commentairelength,
#moinslength,
#questionslength  {
    margin-bottom: 0;
    font-size: 12px;
}

.descriptif-label {
    color: #b3b3b3;
    font-size: 15px;
}

.title-propertyAndName {
    color: var(--main-text-color, #555);
    font-weight: bold;
    font-size: 16px;
}

.title-personnes {
    color: var(--main-text-color, #555);
    font-size: 14px;
}

.user-menu.active ul {
    max-height: 380px;
    overflow-y: auto;
}

.user-menu.active ul li:last-child a {
    border-radius: 0 0 10px 10px !important;
}

.daterangepicker {
    border-radius: 10px;
}

.panel-dropdown-content.checkboxes, .panel-dropdown .panel-dropdown-content {
    border-radius: var(--main-general-radius);
}

.mobilebottombar {
    max-width: 100vw;
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 2000;
    justify-content: space-evenly;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 1px -4px 9px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 10px 0px;
}

.overloadMobilebottombar {
    background-color: #FFF;
}

.dashboard-stat-content {
    left: 15px;
    width: 60%;
}

.partenaires .dashboard-stat {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.dashboard-content {
    padding: 40px 15px;
    /* overflow-x: hidden; */
}

.black-nav-title-bold {
    color: var(--main-text-color, #555);
}

.grey-compte-cache {
    color: #999;
}

.form-horizontal .tabs-nav {
    padding-left: 0;
}

.bold-tete {
    font-weight: 600 !important;
    font-size: 14px;
}

.size-14 {
    font-size: 14px;
}
.checkboxes label {
    font-size: var(--main-font-size);
    user-select: none;
}

.panel-dropdown .panel-dropdown-content {
    padding: 20px 14px;
}

.category-small-box:hover {
    transform: scale(1.04) !important;
}

.fa-light.fa-chevron-up {
    padding-right: 0;
}

#clipboard {
    max-height: none;
    color: var(--main-bg-color) !important
}

#clipboard:hover {
    color: #fff !important;
}

.list-box-listing-content {
    padding-left: 15px;
}

.listing-item-container.list-layout .listing-item-content {
    left: 15px;
}

@media screen and (max-width: 1100px) {
    .listing-item-container.list-layout .listing-item-content {
            left: 0;
    }

    .listing-item-container.list-layout .listing-item-inner {
        padding-left: 0 !important;
    }
}

.listing-item a {
    max-width: 310px;
}

.add-listing-headline:has(.sticky-title) {
    padding-left: 0;
}

.listing-item-details, .listing-item-content {
    padding: 0 15px !important;
}

#result .success,
.notification {
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    padding: 20px 15px;
    border-radius:  var(--main-general-radius);
    border-radius: 1rem !important;
}

.notification.error .close::before {
    right: 15px !important;
}

.fc-toolbar-chunk .fc-toolbar-title {
    font-size: 16px;
    color: var(--main-text-color, #555);
    font-weight: bold;
}

.fc-event-main , .fc-event-time{
    text-align: left;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.fc-event-main p {
    line-height: 16px;
}

.list-box-listing-img a:before {
    background-color: hsl(0deg 0% 9% / 5%) !important;
}

#documentModal .modal-content {
    max-width: unset;
    width: 75vw !important;
    height: 80vh !important;
}

@media screen and (max-width: 791px) {
    #documentModal .modal-content {
        width: 90vw !important;
        height: 50vh !important;
    }
}

.starsRate {
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
    transition: color .4s;
    color: #d3d3d3;

    &:hover {
        color: var(--main-bg-color);
    }
}

.fireRate {
    font-size: 25px;
    margin-right: 15px;
    cursor: pointer;
    transition: color .4s;
    color: #d3d3d3;
}

.colorized {
    color: var(--main-bg-color);
}

.flag-container {
    position: absolute !important;
}

.comment-content .booking-status {
    position: absolute;
    border-radius: var(--main-general-radius);
    line-height: 20px;
    font-weight: 600;
    font-size: 12px;
    color: #fff !important;
    font-style: normal;
    padding: 2px 8px;
    margin-left: 3px;
    top: -12px;
    right: -12px;
}

.comment-content {
    color: #666;
    padding: 0 0 0 50px;
}

.avatar img {
    max-width: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.comment-by {
    padding-top: 12px;
}

.comment-content p {
    padding: 6px 15px !important;
    border-radius: var(--main-general-radius);
    border: 1px solid lightgray;
    position: relative;
    margin-bottom: 5px;
}

#comments .booking-status.unpaid {
    background-color: var(--main-red-background);
    color: var(--main-red-color) !important;
}

#comments-textarea {
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 40px;
    resize: none;
    font-size: 15px;
    max-height: 150px;
    padding: 10px 10px;
    margin: 0;
    border: none;
    background-color: white;
    box-shadow: none;
    word-wrap: break-word;
    max-height: 40px;
}

.ic-status {
    font-size: 28px;
    transform: translateY(-4px);
    --fa-secondary-opacity: 1;
}

.add-file-ic {
    margin-bottom: 2px;
    font-size: 28px;
    float: right;
    --fa-secondary-color: #f3f3f3;
    --fa-secondary-opacity: 1
}

.status-exclamation {
    --fa-primary-color: var(--main-red-color);
    --fa-secondary-color: var(--main-red-background);
}

.status-check {
    --fa-primary-color: #5f9025;
    --fa-secondary-color: #e6f3d8;
}

.status-xmark {
    --fa-primary-color: var(--main-red-color);
    --fa-secondary-color: var(--main-red-background);
}

.status-question {
    --fa-primary-color: var(--main-orange-color);
    --fa-secondary-color: var( --main-orange-background);
}

.span-doc-type {
    margin-top: -2px;
    padding-left: 4px;
}

.span-doc-type2 {
    padding-left: 4px;
}

.span-doc-type .type-doc, .span-doc-type2 .type-doc {
    font-weight: 600;
    font-size: 14px;
}

.drop span {
    background-color: transparent !important;
}

.dropIc {
    padding-right: 0px;
    font-size: 28px !important;
    --fa-secondary-color: #f3f3f3;
    --fa-secondary-opacity: 1;
}

.file-contain {
    transform: translateY(-30px);
    opacity: 0;
    animation: appear-table-row .4s 1 forwards;
}

.remove-row {
    opacity: 1;
    animation: dis-table-row .4s 1 forwards;
}

.remove-bord {
    border-top: none !important;
}

@keyframes dis-table-row {
    0% {
        opacity: 1 ;
        transform: translateY(0px);
    }

    100% {
        opacity: 0 ;
        transform: translateY(-30px);
    }
}

@keyframes appear-table-row {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.row-file {
    display: flex;
    align-items: center;
    position: relative;
    top: 10px;
    margin-bottom: 10px;
    justify-content: space-between;
    padding-left: 58px;
}

.etablissementTag {
    background-color: var(--main-bg-color-20);
    font-family: Open Sans;
    font-weight: 600;
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    color: var(--main-bg-color);
    padding: 0 7px;
    box-sizing: border-box;
    min-width: 20px;
    height: 20px;
    letter-spacing: -.5px;
    text-align: center;
    border-radius: 50px;
    margin-left: 4px;
}

.comments ul li {
    border-bottom: none;
    padding-bottom: 0px;
    margin-top: 10px;
}

.comments ul li.first-comment-anim {
    animation: appear-comment ease .7s 1 forwards;
    opacity: 0;
    transform: translateY(-30px) scale(0.98);
}

@keyframes appear-comment {
    to {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}

.item.zoom {
    animation: zoom forwards 0.7s ease-out 1;
}

.item.fall {
    animation: fallAway forwards 1s ease-out 1;
}

.item.analogue {
    animation: analogue forwards 1s ease-out 1;
}

.animation-assets > div {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.item-wrap {
    animation: dropShadow 0.1s ease-out forwards 1;
}

@keyframes fallAway {
    0% {
        transform: rotateZ(0deg);
        top: 0;
        opacity: 1;
    }

    25% {
        transform: rotateZ(-15deg);
    }

    100% {
        top: 300px;
        transform: rotateZ(-5deg);
        opacity: 0;
    }
}

@keyframes analogue {
    0% {
        clip-path: inset(0px 0px 0px 0px);
    }

    50% {
        clip-path: inset(125px 0 125px 0);
    }

    80% {
        clip-path: inset(250px 0 250px 0);
    }

    85% {
        width: 250px;
        min-width: 250px;
        padding: 1rem;
        margin: 0 2rem 0 0;
        clip-path: inset(250px 0 250px 0);
    }

    100% {
        min-width: 0;
        width: 0;
        padding: 0;
        margin: 0;
        clip-path: inset(250px 0 250px 0);
        color: ;
    }
}

@keyframes zoom {
    0% {
        transform: scale(1);
        width: 250px;
        min-width: 250px;
        opacity: 1;
        transform-origin: 125px 125px;
    }

    50% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        width: 0;
        min-width: 0;
        transform: scale(0);
        opacity: 0;
        padding: 0;
        margin: 0;
    }
}

.tip-content {
    text-align: left !important;
    min-width: 400px !important;
}

.table-body-item:hover::after {
    color: var(--main-bg-color) !important;
}

.document-dots:hover {
    color: var(--main-bg-color) !important;
}

@media (max-width: 480px) {
    .tip-content {
        left: auto !important;
    }

    .valign {
        flex-direction: column;
    }

    .tip-content {
        text-align: left !important;
        min-width: 300px !important;
    }

    .side-margin {
        margin-left: 15px;
        margin-right: 15px;
    }

    .chevron-height {
        margin-bottom: 10px;
    }

    .mob-mt-10 {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .profile-docs .table-files .table-body .table-body-row:hover .body-item-name {
        color: var(--main-text-color, #555);
    }
}

@media (max-width: 1500px) {
    .doc-width {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.hover-doc:hover {
    background-color: var(--main-page-background, #FBFBFB) !important;
}

.content-add-ic {
    width: 20% !important;
    cursor: pointer;
    justify-content: flex-end;
    display: flex;
    margin-right: 6px;
}

.marge {
    margin-top: 35px !important;
}

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

.item-p {
    margin: 0;
    font-weight: normal;
    font-size: var(--main-font-size);
}

.ic-projet {
    font-size: 22px;
    margin-right: 15px;
}

.ic-projet-racc {
    font-size: 18px;
    margin-right: 8px;
    position: relative;
    bottom: -4px;
}

.iconVisite {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    background-color: var(--main-bg-color-20);
}

.iconVisite i {
    font-size: 18px;
    color: var(--main-bg-color);
}

.ic-visite-trans {
    transform: translateY(-1.5px);
}

/* ------------------- tooltip sans JS */
.tooltip {
    position: relative;
    display: inline-block;
    cursor: default;
}

.tooltip .tooltiptext {
    box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 6%);
    visibility: hidden;
    background-color: #FFF;
    color: var(--main-text-color, #555) !important;
    border-radius: 6px;
    padding: 8px 8px 7px 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 10%;
    margin-left: -13px;
    opacity: 0;
    font-size: 14px;
    white-space: nowrap;
    min-width: unset !important;
    line-height: 20px;
}

.tooltip .tooltiptext p {
    line-height: 16px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 30px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFF transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-contain {
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.tooltiptext .tooltip-contain:last-of-type {
    margin-bottom: 0;
}

.div-hr-tooltip {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #EAEAEA;
    height: 1px;
}

/* ----------show (property, listing, visite) */
.section-header-properties {
    display: grid;
    grid-template-columns: 52px 1.8fr 1fr 1.6fr;
    height: 55px;
    border-radius: 1rem 1rem 0 0;
    border: 1px solid #EAEAEA;
    background-color: #FFF;
    padding: 0 15px;
}

.section-header-properties > div {
    font-weight: 600;
    color: var(--main-text-color, #555);
    display: flex;
    align-items: center;
    font-size: 14px;
}

.tooltip .tooltip-ajust {
    padding-left: 0;
    padding-right: 0;
}

.tool-p-func {
    font-size: 13px !important;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    text-align: center;
    font-weight: 600;
}

.lines-properties ul .visite-date-li {
    height: 52px;
    position: sticky;
    top: -5px;
    background-color: #f3f3f3 !important;
}

.section-header-properties > div:not(:first-of-type) {
    padding-left: 15px;
}

.lines-properties {
    border-radius: 0 0 1rem 1rem;
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border-top: unset;
}

.lines-properties ul {
    border-radius: 0 0 1rem 1rem;
    padding-left: 0;
}

.lines-properties ul li {
    list-style: none;
}

.items-property {
    display: grid;
    grid-template-columns: 52px 1.8fr 1fr 1fr .6fr;
    grid-template-rows: auto;
    padding: 15px;
    border-bottom: 1px solid #EAEAEA;
}

.flex-col-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.items-property-div {
    padding: 0 10px;
}

.items-property a {
    position: relative;
}

.item-property-img {
    border-radius: var(--main-general-radius);
    width: 100%;
    height: 88px;
    object-fit: cover;
}

.ref-bandeau {
    width: 100%;
    border-radius: 7px 7px 0 0 !important;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute;
    font-weight: 600;
    font-size: 10px;
    background: linear-gradient(0deg, rgba(35, 35, 37, .6) 0, rgba(35, 35, 37, .6) 35%, rgba(22, 22, 23, .6) 100%);
    color: #FFF;
    padding: 0 5px;
    line-height: 20px;
    border-radius: 7px 0 0 0;
}

.tag-bandeau {
    width: 100%;
    border-radius: 0 0 7px 7px !important;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    font-weight: 600;
    font-size: 12px;
    background: linear-gradient(0deg, rgba(35, 35, 37, .6) 0, rgba(35, 35, 37, .6) 35%, rgba(22, 22, 23, .6) 100%);
    color: #FFF;
    padding: 0 5px;
    line-height: 20px;
    border-radius: 7px 0 0 0;
}

.div-type-line-h {
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--main-text-color);
}

.cont-pros-cand i, .cont-portails i {
    font-size: 18px;
}

.cont-pros-cand a:hover {
    color: var(--main-bg-color);
}

.cont-pros-cand span {
   margin-left: 2px;
   font-size: 14px;
}

.span-rss {
    z-index: 11;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 5px;
    position: absolute;
    right: 0px;
    background-color: white;
    width: 20px;
    height: 20px;
    text-align: center;
}

.span-rss i {
    font-size: 13px;
    font-weight: 600;
    color: var(--main-bg-color);
    display: table-cell;
    vertical-align: middle;
    padding-left: 5.5px;
    padding-top: 3.5px;
}

.visite-date-li {
    font-size: 14px;
    padding: 12px 15px !important;
    border-bottom: 1px solid #EAEAEA !important;
    font-weight: 600;
    background-color: var(--main-page-background, #FBFBFB);
    z-index: 500 !important;
}

.container-bubbles:hover {
    z-index: 700;
    position: relative;
}

.lines-properties ul li:last-child .items-property:last-of-type {
    border-radius: 0 0 1rem 1rem;
    border-bottom: none;
}

.encaissement-price {
    font-weight: 600;
}

.setPositionMobile {
    position: unset !important;
}

.listing-img {
    width: 52px;
    border-radius: var(--main-general-radius);
    height: 52px;
    object-fit: cover;
}

.tag-hover:hover {
    color: var(--main-bg-color) !important;
    background-color: var(--main-bg-color-20) !important;
}

@media screen and (max-width: 1100px) {
    .items-property {
        display: flex !important;
        flex-direction: column;
        padding: 0;
        border-radius: var(--main-general-radius);
        background-color: #fff;
        border-bottom: none;
        position: relative;
    }

    .mob-ajust-dropdown {
        position: absolute;
        right: 15px;
        bottom: 13px;
    }

    .mob-ajust-buttonActivity {
        position: absolute;
        right: 30px;
        bottom: -2px;
    }

    .listing-img {
        width: 100%;
        height: 169px;
        border-radius: var(--main-general-radius) var(--main-general-radius) 0 0;
    }

    .listing-checkbox .checkboxes.in-row {
        display: none;
        visibility: hidden;
    }

    .setPositionMobile {
        position: sticky !important;
    }

    .encaissement-price {
        margin-bottom: 1px;
    }

    .section-header-properties {
        display: none !important;
    }

    .items-property-div {
        padding-top: 8px;
    }

    .items-property-div2 {
        padding-top: 14px;
    }

    .div-hr-card, .show-tab-phone {
        display: block !important;
    }

    .show-tab-phone-flex {
        display: flex !important;
        flex-direction: row;
        justify-content: start;
        padding-top: 0;
        padding-left: 15px !important;
    }

    .show-tab-phone-adapt-padd {
        padding-left: 0 !important
    }

    .tab-phone-padding {
        padding-top: 6px;
    }

    .div-hr-card-2 {
        display: block !important;
        width: 100%;
        height: 1px;
        background-color: #eee;
        margin-top: 6px;
        margin-bottom: 7px;
    }

    .container-bubble-visiteur {
        position: absolute;
        bottom: 0;
        left: 40px;
    }

    .card-price, .hide-desk {
        display: none !important;
    }

    .div-select-status {
        order: 1;
    }

    .mob-dec-left-picture {
        margin-left: 15px;
        margin-top: 18px;
    }

    .div-select-emergency {
        position: absolute;
        bottom: 85px;
        right: 70px;
    }

    .portails-mob, .hr-mob-cand, .display-tab-mob {
        display: block !important;
    }

    .cont-candidates {
        order: 2;
    }

    .portails-mob-absolute {
        position: absolute;
        right: 0;
        bottom: 85px;
    }

    .div-type-line-h > div, .div-type-line-h {
        font-size: 12px !important;
    }

    .card-container-bubble {
        order: 3;
        padding-left: 12px;
    }

    .modif-order-mob {
        order: 2;
    }

    .ajust-pad-mob-bb {
        padding-left: 12px;
    }

    .adpatmob-cont-drop {
        bottom: 9px !important;
    }

    .span-rss {
        width: 30px;
        height: 30px;
    }

    .span-rss i {
        font-size: 16px;
        padding-left: 8.5px;
        padding-top: 7.5px;
    }

    .ref-bandeau {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 30px;
        line-height: 29px;
    }

    .ajust-allBloc-mobAndTab a {
        min-width: 94px !important;
    }

    .ajust-allBloc-mobAndTab a img {
        height: 66px !important;
    }

    .card-cont-drop {
        order: 4;
        position: absolute;
        bottom: 15px;
        right: 15px;
        z-index: 1000;
    }

    .container-bubbles {
        margin-bottom: 8px;
    }

    .hr-card {
        margin-top: 10px;
        margin-bottom: 3px;
    }

    .item-property-img {
        max-height: 455px;
        height: unset;
        border-radius: 7px 7px 0 0;
    }

    .lines-properties ul .visite-date-li, .lines-properties ul .grid-item {
        margin-bottom: 15px;
    }

    .lines-properties {
        overflow: hidden;
        margin-bottom: 35px;
        box-shadow: unset;
    }

    .lines-properties ul .grid-item {
        box-shadow: 0px 1px 9px 0px rgb(0 0 0 / 10%);
        border-radius: var(--main-general-radius);
        position: relative;
        z-index: 1500;
    }

    .lines-properties ul .grid-item:hover {
        z-index: 1600;
    }

    .modif-mob-position {
        position: absolute;
        top: 6px;
        left: 124px;
    }

    .radius-tabAnsMob {
        border-radius: var(--main-general-radius);
    }

    .abs-tabAndMob {
        position: absolute;
        top: 164px;
        left: 108px;
    }

    .folder-mobANdTab {
        flex-direction: row;
        justify-content: flex-start;
    }

    .modif-mob-position3 {
        position: absolute;
        top: 2px;
        left: 124px;
    }

    .modif-mob-position2 {
        position: absolute;
        top: 6px;
        left: 90px;
    }

    .mob-mt {
        margin-top: 11px;
    }

    .modif-img-tabAndMobil {
        position: relative;
        bottom: 5px;
    }

    .lines-properties ul {
        overflow: hidden;
    }

    .horaire-visite, .hide-mob-tab, .rapport-div {
        display: none;
    }

    .l-img-card {
        margin-left: 0 !important;
    }

    .lines-properties-visite ul .visite-li {
        margin-bottom: 15px;
    }

    .visite-date-li {
        border-radius: var(--main-general-radius);
        border-bottom: none !important;
        margin-bottom: 15px !important;
        box-shadow: 0 0 3px 0 rgb(0 0 0 / 6%);
        top: 3px !important;
    }

    .mobile-ul-last {
        top: -260px;
    }

    .rapport-div-mob {
        display: flex !important;
        justify-content: space-between;
        padding: 4px 0;
    }

    .adpat-mob-cont-select {
        height: 55px;
    }

    .adpat-mob-cont-select > select {
        position: relative;
        bottom: 10px;
        height: 40px !important;
    }

    .trans-mob-rapp {
        margin-top: 60px;
    }

    .interest-status-label {
        text-align: center;
        font-weight: 600;
    }

    .adapt-mobil-for-rapp {
        position: absolute;
        bottom: 8px;
    }

    .mobile-position-select {
        position: relative;
        top: 5px;
    }
}

@media screen and (max-width: 600px) {
    .item-property-img {
        max-height: 255px;
    }
}

select[name=property-status], select[name=candidate-status].cand-stat-show, .custom-status  {
    border: none;
    width: 140px;
    padding-right: 0;
    height: 30px;
    font-size: 12px;
    border-radius: var(--main-general-radius);
    font-weight: 600;
    padding-left: 5px;
    margin-right: 0;
}

select[name=candidate-status].cand-stat-show {
    width: unset;
    max-width: 150px;
}

select[name=property-status] option {
    background-color: #FFF;
    color: grey;
}

.onmarket {
    color: #366DEE;
}

.leadtoprocess, .demande {
    color: var(--main-pink-color);
}

.sold, .accepted, .candidataccepted, .ok , .interetok {
    color: #5f9025;
}

.compromise, .signincourt  {
    color: var(--main-purple-color);
}

.archive, .ko, .cancel, .notinsearch {
    color: var(--main-red-color);
}

.marketresearch, .maybe, .interetmaybe {
    color: var(--main-orange-color);
}

.relance1, .relance2 {
    color: var(--main-blue-color);
}

.rented {
    color: #5f9025;
}

/* ==================================================== */

select[name=property-status].onmarket, select[name=prospect-eval].froid {
    color: #366DEE;
    background-color: #366DEE10;
}

select[name=property-status].leadtoprocess, [name=candidate-status].demande, .tag-pink-color-back {
    color: var(--main-pink-color);
    background-color: var(--main-pink-background);
}

select[name=property-status].sold, select[name=property-status].accepted, select[name=property-status].candidataccepted, .custom-status.ok, [name=candidate-status].interetok, .tag-green-color-back, select[id=mandat-status].encours {
    color: var(--main-green-color) !important;
    background-color: var(--main-green-background);
}

select[name=property-status].compromise, select[name=property-status].signincourt, .tag-purple-color-back  {
    color: var(--main-purple-color);
    background-color: var(--main-purple-background);
}

select[name=property-status].archive, .custom-status.ko, [name=candidate-status].notinsearch, .tag-red-color-back, select[name=candidate-status].lost, select[name=candidate-status].refuse, .custom-status.cancel, select[name=prospect-eval].chaud, select[id=mandat-status].echu, select[id=mandat-status].resilie, select[id=mandat-status].cloture {
    color: var(--main-red-color) !important;
    background-color: var(--main-red-background);
}

select[name=property-status].marketresearch, .custom-status.maybe, .tag-orange-color-back, select[name=prospect-eval].tiede {
    color: var(--main-orange-color) !important;
    background-color: var(--main-orange-background);
}

select[name=candidate-status].relance1, select[name=candidate-status].relance2, .tag-blue-color-back {
    color: var(--main-blue-color);
    background-color: var(--main-blue-background);
}

select[name=property-status].rented {
    color: #5f9025;
    background-color: #e6f3d8;
}

select[id=mandat-status].nonrenseigne {
    color: var(--main-gray-color);
    background-color: var(--main-gray-background);
}

.bubble-add {
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bubble-add > span {
    font-size: 13px;
    font-weight: bold;
    color: var(--main-text-color);
}

.cont-emergency-ic {
    width: 30px;
    height: 30px;
    background-color: #f3f3f3;
    border-radius: var(--main-general-radius);
    cursor: pointer;
    transition: all .2s;
}

.punchEffect {
    animation: press 0.4s 1 linear;
}

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

    50% {
        transform: scale(0.92);
    }

    to {
        transform: scale(1);
    }
}

.punchEffect2 {
    animation: press 0.3s 1 linear;
}

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

    50% {
        transform: scale(0.96);
    }

    to {
        transform: scale(1);
    }
}

.cont-interrest {
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.items-property-div a {
    display: flex;
    align-self: flex-start;
}

.flex-contain-tool {
    display: flex;
    justify-content: space-between;
}

.flex-contain-tool > p {
    font-size: 13px;
    margin-bottom: 2px;
    font-weight: 600;
}

.tooltip-contain-span-bold {
    font-size: 13px;
    font-weight: 600;
}

.center_loader {
    padding: 15px;
    display: flex;
    justify-content: center;
}

.center_loader > i {
    color: var(--main-bg-color);
}

@media screen and (1100px < width < 1600px ) {
    .hide-small-display {
        display: none;
    }

    .display-small {
        display: inline !important;
    }
}

.tooltip-question {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.tooltip-question > i {
    color: #FFF;
    font-size: 20px;
    --fa-secondary-opacity: 1.0;
    --fa-primary-color: var(--main-bg-color);
    --fa-secondary-color: var(--main-bg-color-20);
}

.tag-percent {
    font-size: 13px !important;
    align-self: flex-start;
    padding: 0 4px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
}

.padd-tag-percent {
    padding: 2px 7px;
}

.tooltip > .tooltiptext .tag-percent {
    padding: 0 5px !important;
    line-height: 20px;
}

.tooltip .flex-contain-tool .tools-revenus {
    font-size: 13px;
    margin-bottom: -2px;
    margin-right: 8px;

}

.tag-percent-overload {
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tag-grey-color-back {
    color: var(--main-text-color);
    background-color: #f6f6f6;
}

.items-property .bubble-abso-cand, .bubble-abso-cand{
    position: absolute !important;
    right: -10px;
    bottom: -5px;
}

.tooltip .title-user-p {
    display: flex;
    align-items: center;
    margin-bottom: -3px;
    font-weight: normal;
}

.modify-labels-section {
    background-color: var(--main-bg-color);
    display: flex;
    justify-content: space-between;
    transition: background-color .3s linear;
}


.modify-labels-section {
    background-color: var(--main-bg-color);
    display: flex;
    justify-content: space-between;
    transition: background-color .3s linear;
}

.user-menu ul li {
    font-weight: normal;
}


.iti {
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: 0;
    left: unset;
    border-right: none;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: unset;
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding: 15px 20px !important;
    font-family: inherit !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-right: 12px;
}

.dropzone .dz-message {
    z-index: 0 !important;
}

.adjust-loupe-ic {
   padding-left: 3px;
   font-size: 2rem !important;
   transform: translateY(1px);
   padding-top: 1px;
}

.rooms-cont-tile {
    margin: 0 15px;
    outline: 1px solid #f3eded;
    border-radius: 1rem;
    padding: 14px 15px;
    align-items: center;
    position: relative;
}

.rooms-cont-tile:hover {
    cursor: pointer;
    outline: 1px solid var(--main-bg-color);
}

.round2 {
    position: relative;
}

.round2 label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px !important;
    padding-left: unset;
    overflow: hidden;
}

.round2 label:before {
    top: 1.2px;
    left: 0.5px;
}

.round2 label:before {
    content: unset;
}

.round2 input[type="checkbox"] {
    visibility: hidden;
}

.round2 input[type="checkbox"]:checked + label {
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color);
}

.round2 input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.bloc-checked {
    outline: 1px solid var(--main-bg-color);
    background-color: var(--main-bg-color-20);
}

.img-tile {
    float: left;
    margin-right: 15px;
    width: 75px;
    border-radius: 50%;
}

.sug .candidate_checkbox, .prop .candidate_checkbox {
    bottom: 41px;
    right: 36px;
}

.suggestions-p {
    padding: 0px 15px;
    text-align: justify;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.loaderPJ {
    color: var(--main-bg-color);
    display: none;
    position: relative;
    top: -7px;
    margin-left: 0;
}

.loaderPJ > i {
    font-size: 28px;
}

/* POUR SAVOIR OU EST LA CIBLE POUR INTERSECTION_OBSERVER (pagination)  */
/* #targetingIntersectionObserver, #targetingIntersectionObserver2 {
    z-index: 10000;
    width: 100%;
    background-color: var(--main-red-color);
    height: 1px;
} */

@media only screen and (max-width: 1024px) {
    #header-container {
        position: sticky !important;
        top: 0px !important;
    }
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--main-bg-color-20);
    border-color: var(--main-bg-color-20);
    color: var(--main-text-color);
}

.select2 .select2-selection__placeholder, input[type=search]::placeholder {
    color: #AAA !important;
    font-size: 14px;
}

.select2-results__group {
    color: var(--main-text-color, #555);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-container--default .select2-results__option--selected {
    background-color: var(--main-bg-color-20);
    position: relative;
}

.select2-container--default .select2-results__option--selected:after {
    content: '✔';
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-51%);
    color: var(--main-bg-color);
}

.fixed-button-enregister {
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    padding: 0 30px;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
    z-index: 5000;
    align-items: center;
    height: 80px;
    box-shadow: #DDDDDD 0px 1px 6px 1px;
}

.form-horizontal .fixed-button-enregister > .btn-enregistrer {
    width: unset;
    margin: unset !important;
    border: unset !important;
}
.fixed-button-enregister > .fixed-cancel {
    text-decoration: underline;
    transition: color .2s, background .2s;
    padding: 6.5px 10px;
    border-radius: var(--main-general-radius);
    font-size: 15px;

    &:hover {
        background-color: var(--main-bg-color-20);
        color: var(--main-bg-color);
    }
}

.fixed-button-enregister .nogood {
    background-color: #F3F3F3 !important;
    color: #999 !important;
    border-color: #F3F3F3 !important;
}

.requiredstar {
    color: var(--main-bg-color);
    font-weight: 600;
}

.tag-util {
    display: inline-block;
    padding: 3px 8px;
    margin-top: 13px;
    background-color: var(--main-bg-color-20);
    border-radius: 6px;
    color: var(--main-bg-color);
    font-size: 13px;
    border: 1px solid transparent;
    transition: border .3s;

    &:hover {
        border: 1px dashed var(--main-bg-color);
    }
}

.torecap {
    text-decoration: underline !important;
    transition: color .2s, background .2s;
    padding: 10.5px 10px;
    border-radius: var(--main-general-radius);

    &:hover {
        background-color: var(--main-bg-color-20);
        color: var(--main-bg-color);
    }
}

input:is([type=email], [type=number], [type=password], [type=text]), input, select {
    height: 46px;
    padding-left: 15px;
}

.star-required {
    color: var(--main-bg-color);
    margin-left: 4px;
    font-weight: 600;
}

.err-sign-or-pay {
    color: var(--main-red-color);
    padding-left: 15px;
    font-weight: 600;
    margin-bottom: 7px;
    display: none;
}

.dropzone .dz-preview .dz-progress {
    left: unset;
}

.category-small-box h4 {
    font-size: var(--main-font-size);
}

.category-small-box.active i {
    color: #FFF;
}

.category-small-box .h4-contain {
    background-color: transparent;
    border-bottom: 0px;
    height: 36px;
    font-weight: bold;
    border-bottom: unset;
    padding: 0;
    margin-top: 8px;
}

.dpe-none, .ges-none {
    width: 46px;
    height: 46px;
    color: #FFF;
    background-color: #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 36px;
    right: -1px;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
}

.content-dpe, .content-ges {
    position: relative;
}

.content-dpe .dpe-item, .content-ges .ges-item {
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 36px;
    right: -1px;
    font-size: 20px;
    display: none;
    border-radius: 0 3px 3px 0;
    z-index: 200;
}

[for=dpe] .data-unit, [for=ges] .data-unit {
    right: 60px;
}

.content-dpe .dpeShow, .content-ges .gesShow {
    z-index: 500;
    display: flex;
}

.addLine {
    position: relative;
    bottom: 16px;
    color: var(--main-bg-color);
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    display: inline-block;

    &:hover {
        text-decoration: underline;
        color: var(--main-bg-color);
    }
}

.container-charges-tags, .container-equipement-tags {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    grid-template-rows: 46px;
    gap: 10px;

    & > .tagsCheckboxs {
        height: 46px;

        & .checkboxes {
            display: none;
        }
    }
}

@media screen and (width < 537px) {
    .container-charges-tags, .container-equipement-tags {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        grid-template-rows: 85px;

        & > .tagsCheckboxs {
            display: flex;
            flex-direction: column;
            height: 85px;
            justify-content: flex-start;
            padding-top: 15px;

            & > .ic-projet-racc {
                font-size: 24px;
                margin-bottom: 5px;
                bottom: -1px;
            }

            & > .label-tag-racc {
                font-size: 14px;
                line-height: 15px;
            }
        }
    }
}

.ic-deplacement {
    transition: all .2s;
    &:hover {
        color: var(--main-bg-color);
    }
}

.choice-tile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 7px;
    height: 120px;
    border: 1px solid #EAEAEA;
    border-radius: var(--main-general-radius);
    transition: border .2s;

    & input[type=checkbox] {
        display: none;
    }

    & > i {
        font-size: 30px;
        margin-bottom: 5px;
        color: var(--main-text-color);
    }

    & > p {
        margin-top: 5px;
        margin-bottom: 0;
        font-weight: 600;
        color: var(--main-text-color, #555);
    }

    &:hover {
        border-color: var(--main-bg-color);
    }
}

@media screen and (width < 992px) {
    .choice-tile:nth-child(1) {
        margin-top: 15px;
    }
}

.choice-tile-selected {
    background-color: var(--main-bg-color-20);
    border-color: var(--main-bg-color);
}

#globalModal .add-listing-section {
    box-shadow: none;
}

/* le dropdown passe en dessous  */
/* .add-listing-section.scrollAuto .contain-box {
    overflow-y: auto;
    max-height: 270px;
} */

#globalModal .add-listing-headline {
    background-color: unset;
}

.form-horizontal textarea, .form-horizontal .add-listing-section textarea {
    min-height: unset !important;
    line-height: 17px;
}

#map {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--main-general-radius);
    background-color: var(--main-page-background);
}

.customprogressBar {
    height: 2px;
    background-color: var(--main-bg-color);
    position: relative;
    z-index: 20;
}

.nonrenseigne {
    color: var(--main-red-color);
    font-weight: 600;
}

.overflowHidden {
    overflow: hidden;
}

.withChev {
    cursor: pointer;
    user-select: none;

    &:hover  {
        color: var(--main-bg-color);
    }
}

.withChev:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 6px;
    transform: rotate(0);
    transition: .2s;
}

.withChevOpen:after {
    transform: rotate(180deg);
}

.navigation-drawer {
    display: flex;
    border-bottom: 1px solid #F4F4F4;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #FFF;

    & > a {
        padding: 7px 15px;
        font-weight: 600;
        font-size: 15px;
        color: var(--main-text-color);

        &:hover {
            border-bottom: 2px solid var(--main-bg-color);
            background-color: var(--main-bg-color-20);
            color: var(--main-bg-color);
        }
    }
}

.active2 {
    border-bottom: 2px solid var(--main-bg-color);
    background-color: var(--main-bg-color-20);
    color: var(--main-bg-color) !important;
}

#commentaires #add-review form {
    width: 100%;
    background-color: #FFF;
    border: 1px solid lightgray;
    border-radius: var(--main-general-radius);
    padding: 0 12px;
    position: relative;
    transition-duration: 85ms;
    transition-property: all;
    transition-timing-function: ease;
}

body .comment-content p {
    font-size: var(--main-font-size);
}

#add-review {
    background-color: #FFF;
    padding: 0 !important;
    margin:0px;
    display: flex;
    align-items: start;
}

.add-comment .button {
    min-width: unset;
}

.drawerTitleContainer {
    display: flex;
    flex-direction: column;

    & .nameOfActivity {
        font-size: 15px;
        color: var(--main-text-color, #555);
        font-weight: bold;
    }

    & .namePerson {
        font-size: 13px;
        margin-top: 7px;
    }
}

.custom-status {
    position: relative;
    user-select: none;
    padding-right: 10px;

    & .content-name {
        width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    & .content-spinner {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        display: none;
    }
}

.status-menu {
    position: absolute;
    top: 40px;
    right: -35px;
    display: none;
    z-index: 2000;
    width: 243px;
    padding: 15px 15px 10px 15px;
    background-color: #FFF;
    border-radius: var(--main-general-radius);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);

    & .scrool-status {
        max-height: 275px;
        overflow-y: auto;
        flex-direction: column;
        row-gap: 15px;
        display: flex;
        padding-right: 13px;
    }

    & .status-choice {
        padding: 2px 10px;
        font-weight: 600;
        border-radius: 5px;
        cursor: pointer;
        position: relative;

        &:hover {
            filter: grayscale(30%);
        }

        & i {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 13px;
        }
    }

    & .status-choice:last-of-type {
        margin-bottom: 15px;
    }

    & .status-modif {
        text-align: center;
        cursor: pointer;
        border-top: 1px solid #EAEAEA;
        padding-top: 10px;
        color: var(--main-text-color, #555) !important;

        & a {
            border-radius: 5px;
            height: 31px;
            display: flex;
            align-items: center;

            &:hover {
                background-color: var(--main-bg-color-20);
                color: var(--main-bg-color);
            }
        }
    }
}

li.grid-item:not(.first-li):last-of-type .items-property .status-menu {
    top: -354px;
}

.status-menu.mobile {
    top: -354px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 50px;
}

.modal-content .modal-btn :is(a, input, button, .modal-close, .deletecontent, .btn-enregistrer, .modal-link, .boutonquimarche, .modal-btn) {
    all: unset !important;
}

#globalModal .modal-content {
    & .modal-btn :is(.modal-close, .modal-link) {
        padding: 6.5px 12px !important;
        border-radius: var(--main-general-radius) !important;
        font-weight: 600 !important;
        cursor: pointer !important;

    }

    & .modal-btn .modal-link {
        background-color: var(--main-bg-color) !important;
        color: #FFF !important;
    }

    & .modal-btn .modal-close {
        background-color: #F0F0F0 !important;
        color: #666 !important;
    }

    & .modal-btn {
        margin-bottom: 21px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .modal-content .modal-btn {
        flex-direction: column;
        align-items: normal !important;
    }

    body.modal-open {
        overflow: auto !important;
    }
}

.navig {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #EEE;

    > div {
        text-align: center;
        padding: 10px;
        cursor: pointer;
        font-weight: 600;

        &:hover {
            background-color: var(--main-bg-color-20);
            color: var(--main-bg-color);
            border-bottom: 2px solid var(--main-bg-color);
        }
    }

    & .activate {
        background-color: var(--main-bg-color-20);
        color: var(--main-bg-color);
        border-bottom: 2px solid var(--main-bg-color);
    }
}

.tag-raccourci-height-field {
    padding-top: 0;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
}

.palette-dpe-ges {
    display: none;
    position: absolute;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    background-color: #FFF;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);
    padding: 15px;
    border-radius: var(--main-general-radius);
    top: -30px;
    right: 0;
    z-index: 510;
    user-select: none;

    & .dpe-item, & .ges-item {
        display: flex;
        position: static;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
}

.ges-none, .dpe-none, .dpe-item, .ges-item {
    cursor: pointer;
    user-select: none;
}

.ges-none, .dpe-none {
    &:hover {
        background-color: var(--main-bg-color-20);
        color: var(--main-bg-color);
    }
}

.parentPalette :is(#gesLetter, #dpeLetter) {
    display: none;
    visibility: hidden;
}

.buttonDpeData {
    background-color: var(--main-bg-color-20);
    color: var(--main-bg-color);
    position: absolute;
    bottom: 0px;
    right: 15px;
    height: 46px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px 1px 1px 0 solid var(--main-bg-color-20);
    cursor: pointer;
    font-weight: 600;
    width: 86.92px;

    i {
        color: var(--main-bg-color);
        font-size: 22px
    }
}

.drawerActivitiesProperty {
    width: 30px;
    height: 30px;
    padding: 2px;
    border-radius: var(--main-general-radius);
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    position: relative;

    &:hover {
        background-color: var(--main-bg-color-20);
        > i {
            color: var(--main-bg-color);
        }
    }
}

.red-point {
    position: absolute;
    top: -3px;
    right: -3px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: var(--main-red-color);
}

.notification.warning, .notification.warning a, .notification.warning strong {
    color: var(--main-orange-color);
}

.manyCandidateBubble:hover {
    > span {
        color: var(--main-bg-color) !important;
    }
}

.buttonOptions {
    background-color: #f3f3f3;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;

    &:hover {
        background-color: var(--main-bg-color-20);
        i {
            color: var(--main-bg-color);
        }
    }
}

.buttonOptions  i {
    font-size: 18px;
    font-weight: 400;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.google-content {
    span:nth-child(2) {
        color: #4285F4;
    }
    span:nth-child(3) {
        color: #EA4335;
    }
    span:nth-child(4) {
        color: #FBBC05;
    }
    span:nth-child(5) {
        color: #4285F4;
    }
    span:nth-child(6) {
        color: #34A853;
    }
    span:nth-child(7) {
        color: #EA4335;
    }
}

.activity-name {
    font-size: var(--main-font-size);
    overflow-wrap: anywhere;
    word-break: break-word;
}

.add-listing-headline.notborder {
    border-bottom: none;
    border-radius: 1rem !important;
    margin-bottom: 0 !important;
}
.add-listing-headline.notmarginbottom {
    margin-bottom: 0 !important;
}
#backtotop {
    bottom: 5px;
    right: 15px;
}
.sort-by .chosen-container-single .chosen-single span, .nbTot {
    color: var(--main-text-color, #555);
}
.dashboard-list-box-static {
    background-color: var(--main-page-background, #FBFBFB);
}
.tooltip-nbViews {
    position: absolute;
    bottom: -5px;
    right: -10px;
    border: 3px solid #FFF;
    border-radius: 3px;
    background-color: #FFF;

}

.nbViews-tag {
    --heightNbViews: 23px;
    cursor: pointer;
    border-radius: 3px;
    background-color: #F3F3F3;
    width: var(--heightNbViews);
    height: var(--heightNbViews);
    font-size: 10px;
    color: var(--main-text-color);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Limiter la hauteur et ajouter le défilement */
.select2-dropdown-height-limit .select2-results {
    max-height: 200px;
    overflow-y: auto;
}

.select2-dropdown-height-limitBigSearch .select2-results__options {
    max-height: 462px !important;
}

.select2-container--open {
  z-index: 9000;
}

.buttonValidEmail {
    position: absolute;
    bottom: 0px;
    right: 15px;
    height: 46px;
    width: 46px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EAEAEA;
    border-radius: 0 var(--main-general-radius) var(--main-general-radius) 0;

    & i {
        color: #FFF;
    }

    &:hover {
        background-color: var(--main-bg-color-20);

        & i {
            color: var(--main-bg-color);
        }
    }
}

.search-and-filters {
    display: flex;
    margin-bottom: 45px;
    flex-flow: row wrap;

    .search-and-filter-button-container {
        display: flex;
        flex: 1;
        order: 0;
    }

    & #tag-filters {
        flex-basis: 100%;
        order: 1;

        & .tag-filter-selected {
            margin-top: 22px;
        }

        & #taglist-reset {
            margin-top: 10px;
        }
    }

    input[type=search] {
        max-width: 450px;
    }

    .all-filters {
        margin-left: 15px;
        display: flex;
        align-items: center;
        padding: 15px;
        border: 1px solid #EAEAEA;
        border-radius: var(--main-general-radius);
        width: 95px;
        height: 46px;
        cursor: pointer;
        transition: color .3s, border-color .3s;
        background-color: #FFF;
        color: var(--main-text-color, #555);

        i {
            margin-left: 10px;
        }

        &:hover {
            color: var(--main-bg-color);
            border-color: var(--main-bg-color);
        }
    }
}

.filter-modal, .modal_custom {
    color: var(--main-text-color);
    background-color: #FFF;
    width: 100%;
    max-width: 680px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 2500;
    position: relative;
    max-height: 80%;

    input::placeholder, select::placeholder {
        font-size: var(--main-font-size);
    }

    .filter-modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        border-bottom: 1px solid #f0f0f0;
    }
    .close-icon {
        cursor: pointer;
        transition: color .3s;
        width: 40px;
        height: 40px;
        background-color: #e4e4e4;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;

        i {
            font-size: 20px;
            color: #666;
            padding-top: 1px;
        }

        &:hover {
            color: var(--main-bg-color);
        }
    }
    .content-hr {
        padding: 0 15px;
    }
    .title {
        font-size: 16px;
        font-weight: 600;
        user-select: none;
    }
    .scroll-filter-modal {
        max-height: 527px;
        overflow-y: auto;
        padding-bottom: 88px;
        margin-top: 49px;

        .filter-sous-menu-choice {
            display: flex;
            position: absolute;
            top: 71px;
            left: 0;
            right: 0;
            background-color: #FFF;
            z-index: 5;

            .sousMenu {
                text-align: center;
                padding: 10px 15px;
                flex: 1;
                cursor: pointer;
                border-bottom: 1px solid #F0F0F0;
                transition: background .3s, border .3s, color .3s;
                font-weight: 600;
            }
            .sousMenu.active, .sousMenu:hover {
                border-bottom: 1px solid var(--main-bg-color);
                background-color: var(--main-bg-color-20);
                color: var(--main-bg-color);
            }
        }
        [data-tab] {
            display: none;
        }
        [data-tab].active {
            display: block;
        }
    }
    .scroll-filter-modal.withoutMenu {
        margin-top: unset;
    }
    .option-container {
        margin: 15px 0;
        padding: 0 15px;
    }
    .option-container.flex-between {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        & > div {
            flex: 1;
            position: relative;
            max-width: 50%;
        }
    }
    .radio-group {
        display: flex;
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .radio-option {
        flex: 1;
        position: relative;
    }
    .radio-option input[type="radio"] {
       display: none;
    }
    .radio-option label {
        display: block;
        text-align: center;
        padding: 5px 0;
        transition: all 0.3s ease;
        cursor: pointer;
        font-size: var(--main-font-size);
        margin-bottom: 0 !important;
    }
    .sell {
        border-radius: var(--main-general-radius) 0 0 var(--main-general-radius);
        border: 1px 0 1px 1px;
        border-style: solid;
        border-width: 1px;
        border-color: #EAEAEA;
    }
    .rent {
        border-radius: 0 var(--main-general-radius) var(--main-general-radius) 0;
        border: 1px 1px 1px 0;
        border-style: solid;
        border-width: 1px;
        border-color: #EAEAEA;
        border-left: none;
    }
    .radio-option input[type="radio"]:not(:checked) + label:hover {
        background-color: #EAEAEA;
    }
    .radio-option input[type="radio"]:checked + label {
        background-color: var(--main-bg-color);
        border-color: var(--main-bg-color);
        color: #FFF;
    }
    .section-title {
        font-size: var(--main-font-size);
        font-weight: 600;
        margin:  10px 15px 7px 15px;
        user-select: none;
    }
    .budget-inputs {
        display: flex;
        gap: 10px;
        padding: 0 15px;
    }
    .input-wrapper {
        position: relative;
        flex: 1;
    }
    .input-wrapper input {
        width: 100%;
        padding: 15px 30px 15px 15px;
        border: 1px solid #ddd;
        border-radius: var(--main-general-radius);
        font-size: 15px;
        outline: none;
    }
    .dpe-filter-container {
        margin-bottom: 8px;
        padding: 0 15px;
        .cont-flex-gap .dpe-line{
            position: relative;
            bottom: 5px;
        }
    }
    .container-filter-checkboxs p , .smallEtiquette{
        font-size: 13px;
        padding-left: 15px;
        font-weight: 600;
        margin: 10px 0 7px 0;
        user-select: none;
    }
    .button-container {
        display: flex;
        justify-content: flex-start;
        padding: 16px;
        border-top: 1px solid #EAEAEA;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #FFF;
        z-index: 110;
    }
    .submit-button {
        width: 100px;
        padding: 6.5px 12px;
        background-color: var(--main-bg-color);
        color: white;
        border: none;
        border-radius: var(--main-general-radius);
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }
    .dpe-line {
        display: flex;
        align-items: center;
        margin: 2px 0;
        height: 30px;
    }
    .dpe-line, .dpe-arrow {
        border-top-width: 16px;
        border-bottom-width: 16px;
        border-left-width: 10px;
        border-right-width: 0;
    }
    .dpe-text {
        padding: 0 10px;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        white-space: nowrap;
        border-radius: 7px 0 0 7px;;
    }
    .dpe-arrow {
        height: 0;
        border-style: solid;
    }
    .dpeA .dpe-text {
        background-color: #00ae42;
        width: 60px;
    }
    .dpeA .dpe-arrow {
        border-color: transparent transparent transparent #00ae42;
    }
    .dpeB .dpe-text {
        background-color: #51bf30;
        width: 80px;
    }
    .dpeB .dpe-arrow {
        border-color: transparent transparent transparent #51bf30;
    }
    .dpeC .dpe-text {
        background-color: #c9dd22;
        width: 100px;
    }
    .dpeC .dpe-arrow {
        border-color: transparent transparent transparent #c9dd22;
    }
    .dpeD .dpe-text {
        background-color: #fbdb0f;
        width: 120px;
    }
    .dpeD .dpe-arrow {
        border-color: transparent transparent transparent #fbdb0f;
    }
    .dpeE .dpe-text {
        background-color: #f8b517;
        width: 150px;
    }
    .dpeE .dpe-arrow {
        border-color: transparent transparent transparent #f8b517;
    }
    .dpeF .dpe-text {
        background-color: #f78c1e;
        width: 190px;
    }
    .dpeF .dpe-arrow {
        border-color: transparent transparent transparent #f78c1e;
    }
    .dpeG .dpe-text {
        background-color: #e53d15;
        width: 230px;
    }
    .dpeG .dpe-arrow {
        border-color: transparent transparent transparent #e53d15;
    }
}

.modal-filter-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: 15;
}

.modal-filter-container.active {
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 3000;
}

@media (max-width: 767px) {
    .all-filters {
        justify-content: center;
        width: 46px !important;
        & > span {
            display: none;
        }
        i {
            margin-left: 0 !important;
        }
    }
    /* écrase le style du thème. */
    .dashboard-content .checkboxes label {
        width: unset;
    }
    .filter-modal {
        border-radius: unset;
        height: 100%;
        max-height: unset;
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
        .scroll-filter-modal {
            max-height: calc(100vh - 140px);
        }
    }
    .modal-filter-container.active .filter-modal {
        transform: translateY(0);
    }
}
.select2-dropdown {
    border: 1px solid #EAEAEA;
    border-radius: 0 0 var(--main-general-radius) var(--main-general-radius);
}
/* couleur de la petite flèche des select2 */
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #9d9b9b transparent transparent;
}

.tag-filter-selected {
    position: relative;
}

.tag-filter-selected:has(.taglist-item-delete:hover)::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 0;
    height: 1px;
    background-color: currentColor;
    animation: strike-through 0.2s ease-in forwards;
}

@keyframes strike-through {
    from {width: 0;}
    to {width: calc(100% - 35px);}
}

.add-listing-section:not(:has(.contain-box)) {
    .add-listing-headline {
        margin-bottom: 0 !important;
    }
}

.lines-properties > ul {
    margin-bottom: 0;
}

.lines-properties > ul > li:last-of-type {
    margin-bottom: 0;
}

.panel-body.insert #commentaires {
    padding: 15px;
}
.add-review-box:focus-within, .select2-selection.select2-selection--multiple:focus-within {
    outline: 1px solid var(--main-bg-color);
    border-radius: var(--main-general-radius);
    textarea:focus, select2:focus {
        border: unset !important;
    }
}
#datatablecontainer ul {
    padding-left: 0;
    list-style: none;
}
.pageLoader {
    position: absolute;
    background: #FFF;
    height: 100%;
    width: 100%;
    background: #FFF;
    z-index: 50000;
    top: 0;

    & i {
        color: var(--main-bg-color);
    }
}