@font-face {
    font-family: 'Fjalla One';
    src: url('../Resources/public/css/fonts/FjallaOne-Regular.woff2') format('woff2'), url('../Resources/public/css/fonts/FjallaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/****************** Filtres Styles *****************/

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    height: 250px;
    overflow: hidden;
}

.col-2dot4:hover {
    overflow-y: auto;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


/***** Custom checkbox ******/

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.styled-checkbox+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    border: 2px solid #0000002b;
    background: white;
}

.styled-checkbox:hover+label:before {
    background: #327ece;
    border: 2px solid #327ece;
}

.styled-checkbox:checked+label:before {
    background: #327ece;
    border: 2px solid #327ece;
}

.styled-checkbox:disabled+label:before {
    background: #ddd;
}

.styled-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}


/***** Custom checkbox ******/

#filtres-bloc {
    max-width: 1400px;
    width: 85%;
    margin: 0 auto;
    border: 1px solid #33333338;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
}

#filtres-bloc .f-head {
    height: 64px;
    text-align: right;
    background: #f0f0f0;
    border-bottom: 1px solid #33333338;
}

#filtres-bloc .f-head span {
    cursor: pointer;
    color: #3333338f;
    font-size: 25px;
    line-height: 64px;
    padding: 0 20px;
    border-left: 1px solid #33333338;
    height: 100%;
    display: inline-block;
}

#filtres-bloc .f-body {
    padding: 30px 30px 70px 30px;
    overflow-y: hidden;
    overflow-x: auto;
}

#filtres-bloc .f-body h3 {
    /* margin-top: 0; */
    margin-bottom: 20px;
    font-size: 14px;
    text-decoration: underline;
    color: #333333b3;
}

#filtres-bloc .f-body h2 {
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

#filtres-bloc .f-body label {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}

#filtres-bloc .icon {
    padding-right: 30px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
}

#filtres-bloc .f-body .contact li:nth-child(1) .icon {
    background: url('../Resources/public/img/icons/mail.png') no-repeat;
    background-size: contain;
}

#filtres-bloc .f-body .contact li:nth-child(2) .icon {
    background: url('../Resources/public/img/icons/phone.png') no-repeat;
    background-size: contain;
}
#filtres-bloc .f-body .contact li:nth-child(3) .icon {
    background: url('../Resources/public/img/icons/sans-mail3.png') no-repeat;
    background-size: 25px;
}

#filtres-bloc .f-body .contact li:nth-child(4) .icon {
    background: url('../Resources/public/img/icons/sans-phone3.png') no-repeat;
    background-size: 25px;
}

#filtres-bloc .f-body .rel_list i {
    font-size: 11px;
    margin-right: 10px;
}

#filtres-bloc .f-body .rel_list li.gray i {
    color: #878f97;
}

#filtres-bloc .f-body .rel_list li.yellow i {
    color: #ffb100;
}

#filtres-bloc .f-body .rel_list li.red i {
    color: #e30e35;
}

#filtres-bloc .f-body .rel_list li.green i {
    color: #0db270;
}

#filtres-bloc .f-body .rel_list li.black i {
    color: black;
}

#filtres-bloc .f-boutons {
    margin-top: 20px;
    position: fixed;
}

.f-boutons .blue-btn {
    margin-right: 12px;
    transition: 0.5s;
    background: #327ece;
    color: #fff;
    font-size: 14px;
    border: 1px solid #327ece;
}

.f-boutons .white-btn {
    transition: 0.5s;
    color: #333;
    background: #fff;
    border: 2px solid #0000002b;
    font-size: 14px;
    width: auto !important;
    margin: 0;
}

.f-boutons .blue-btn:hover {
    background: #fff;
    color: #327ece
}

#filtres-bloc .f-body .f-arrows {
    text-align: right;
    margin-top: 36px;
}

#filtres-bloc .f-body .f-arrows .prev {
    margin-right: 12px;
}

#filtres-bloc .f-body .f-arrows span {
    cursor: pointer;
    border: 1px solid;
    border-color: #327ece;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

#filtres-bloc .f-body .f-arrows span:hover {
    background: #327ece;
    border-color: #fff
}

#filtres-bloc .f-body .f-arrows span:hover i {
    color: #fff;
}

#filtres-bloc .f-body .f-arrows span i {
    color: #327ece;
    font-size: 15px;
}




/********** Selection bloc *******/

#selection-bloc {
    display: none;
    z-index: 9999;
    position: fixed;
    bottom: 30px;
    height: 80px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 6px 1px #00000073;
    left: 50%;
    transform: translate(-50%, 0);
}

.mb-menu {
    margin-bottom: 80px;
}

#selection-bloc .propSelected {
    display: table;
    height: 100%;
    border-right: 1px solid #0000002b;
    width: 25%;
    float: left;
}

#selection-bloc .propSelected .check-item {
    display: table-cell;
    vertical-align: middle;
}

#selection-bloc .propSelected label {
    cursor: auto;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
}

#selection-bloc .propSelected .styled-checkbox:checked+label:before {
    background: #fff
}

#selection-bloc .propSelected .styled-checkbox+label:before {
    border: 2px solid #1863c2;
}

#selection-bloc .propSelected .styled-checkbox:checked+label:after {
    background: #1863c2;
    box-shadow: 2px 0 0 #1863c2, 4px 0 0 #1863c2, 4px -2px 0 #1863c2, 4px -4px 0 #1863c2, 4px -6px 0 #1863c2, 4px -8px 0 #1863c2;
}

.blue-txt {
    color: #1863c2
}

#selection-bloc .actions-item {
    padding: 0;
    width: 75%;
    float: left;
}

#selection-bloc .actions-item .list-actions{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#selection-bloc .actions-item .list-actions>li {
    background-repeat: no-repeat;
    display: block;
    height: 66px;
    padding: 10px;
    background-size: 26px;
    margin-top: 5px;
    cursor: pointer;
    flex: 1;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

}

#selection-bloc .actions-item .list-actions>li:hover a {
    text-decoration: none;
}

#selection-bloc .actions-item .list-actions>li:hover:not(.not-allowed) a {
    color: #1863c2
}

#selection-bloc .actions-item .list-actions>li>a {
    display: block;
    color: #415464;
    font-size: 10px;
    line-height: 13px;
    margin-top: 28px;
    font-weight: bold;
}

#actionStop {
    background-image: url('../Resources/public/img/icons/stop.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionAssign {
    background-image: url('../Resources/public/img/icons/assign.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionSend{
    background-image: url('../Resources/public/img/icons/mail.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}
#actionSend:hover{
    background-image: url('../Resources/public/img/icons/mail-bleu.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
    fill: #1863c2;
}

#actionExport {
    background-image: url('../Resources/public/img/icons/export.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionPrint {
    background-image: url('../Resources/public/img/icons/print.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionDelete {
    background-image: url('../Resources/public/img/icons/deleteUser.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionClose {
    background-image: url('../Resources/public/img/icons/close.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
    border-left: 1px solid #0000002b
}
#selection-bloc .actions-item .list-actions>li#actionDecalerRelance
{
    background-image: url('../Resources/public/img/icons/decalerRelance.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
    background-size: 23px;
}

#selection-bloc .actions-item .list-actions>li#actionDecalerRelance:hover:not(.not-allowed) {
    background-image: url('../Resources/public/img/icons/decalerRelance_on.svg');
}

#selection-bloc .actions-item .list-actions>li#actionLinesColor
{
    background-image: url('../Resources/public/img/icons/linescolor.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
    background-size: 23px;
}

#selection-bloc .actions-item .list-actions>li#actionLinesColor:hover:not(.not-allowed) {
    background-image: url('../Resources/public/img/icons/linescolor-hover.svg');
}

#notProcessed {
    background-image: url('../Resources/public/img/icons/noun_Unchecked.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#notProcessed a{
    margin-top: 16px!important;
}

#actionStop:hover {
    background-image: url('../Resources/public/img/icons/stop_on.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionAssign:hover {
    background-image: url('../Resources/public/img/icons/assign_on.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionExport:hover {
    background-image: url('../Resources/public/img/icons/export_on.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionPrint:hover {
    background-image: url('../Resources/public/img/icons/print_on.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionDelete:hover {
    background-image: url('../Resources/public/img/icons/deleteUser_on.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}

#actionClose:hover {
    background-image: url('../Resources/public/img/icons/close_on.jpg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
    border-left: 1px solid #0000002b
}

#notProcessed:hover {
    background-image: url('../Resources/public/img/icons/noun_Unchecked_on.svg');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center 5px;
}


/************** Checkbox hover*************/

#biens_wrapper .td-parent {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 998 !important;
}

#biens_wrapper tbody .td-parent .add-text {
    max-width: 100%;
    margin-top: 3px;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-right:5px;
}

#biens_wrapper tbody .td-parent .add-icon,
#biens_wrapper tbody .row-ville .add-icon {
    float: right;
    display: inline-block;
    margin-left: 2px;
    padding: 3px;
}

#biens_wrapper tbody td.row-ville .nom_ville {
    padding-top: 4px;
}

#biens_wrapper tbody .td-parent .add-icon i,
#biens_wrapper tbody .row-ville .add-icon i {
    font-size: 18px
}

#biens_wrapper .td-parent:hover .add-icon i,
#biens_wrapper .row-ville:hover .add-icon i {
    color: #676e77
}

#biens_wrapper tbody .td-parent .rdv {
    vertical-align: middle;
    float: none;
    padding: 0 !important;
    margin-left: 5px !important;
}
#biens_wrapper tbody .td-parent .bouton-info-v{
    text-align: center;
    width: 39px;
    height: 39px;
}
#biens_wrapper tbody .td-parent .bouton-info-v .vpv-img{
    width: 70%;
    margin: 6px auto;
}


#biens_wrapper tbody .td-parent .bouton-info {
    color: #fff;
    font-family: "Montserrat";
    text-align: center;
    width: 39px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    word-break: break-word;
    white-space: normal;
    line-height: 13px;
    padding-top: 6px;
    font-size: 10px;
    background: #1863c2;
    min-width: 39px;
}
#biens_wrapper tbody .td-parent .bouton-info.empty {
    background:transparent;
}

a#rdv {
    color: #dd125d;
}

#biens_wrapper .td-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -30px;
    transition: 0.2s;
}

#biens_wrapper .td-checkbox .custom_checkbox {
    margin: 0 !important
}

#biens_wrapper .td-checkbox.open,
#biens_wrapper .td-checkbox.open-force {
    left: 0
}

#biens_wrapper tbody .td-checkbox.open+span,
#biens_wrapper tbody .td-checkbox.open-force+span {
    margin-left: 45px;
}


/*#biens_wrapper .td-checkbox.open + .add-text,
#biens_wrapper .td-checkbox.open-force + .add-text{width: calc(100% - 90px);}
*/

#biens_wrapper th {
    text-align: center;
}

#biens_wrapper thead th.head-hover .td-checkbox {
    border-bottom: 1px solid #fff;
    height: 55px;
    margin-top: 11px;
}

#biens_wrapper .custom_checkbox+label {
    margin-top: 0px
}

#biens_wrapper thead th.head-hover .td-checkbox .custom_checkbox+label {
    margin-top: 0px
}

#biens_wrapper .custom_checkbox+label:before {
    margin-right: 0;
    background: #327ece;
    border: 1px solid #fff;
}

#biens_wrapper .custom_checkbox:checked+label:after {
    background: #1863c2;
    box-shadow: 2px 0 0 #1863c2, 4px 0 0 #1863c2, 4px -2px 0 #1863c2, 4px -4px 0 #1863c2, 4px -6px 0 #1863c2, 4px -8px 0 #1863c2;
}

#biens_wrapper .custom_checkbox:checked+label:before {
    background: #fff;
}

#biens_wrapper thead th.head-hover .td-checkbox {
    border-bottom: 1px solid #fff;
    height: 55px;
    margin-top: 11px;
}

#biens_wrapper tbody tr {
    height: 40px !important
}

#biens_wrapper .d-none thead tr {
    height: 50px !important;
}

#biens_wrapper tbody td {
    padding: 0px;
}
td.personneChange{
    text-align: center;
}
#biens_wrapper thead th {
    background: none;
    position: relative;
    padding: 0 3px !important;
}

#biens_wrapper thead th:focus {
    outline: none
}
.colonne-header{
    width: 100% !important;
    margin-left: 0px !important;
}

#biens_wrapper thead th:hover .trie-text {
    background: #f2f3f8
}
.bgvalider{
    width: calc(100% - 14px) !important;
}
#biens_wrapper thead th:hover .sort-button,
#biens_wrapper .sorting_asc .sort-button,
#biens_wrapper .sorting_desc .sort-button {
    opacity: 1;
    height: 20px;
    -webkit-transition: all 0.3s ease-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.3s ease-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.50–12.00 */
    transition: all 0.3s ease-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera     12.50+ */
}

#biens_wrapper .sorting_asc .sort-button,
#biens_wrapper .sorting_desc .sort-button {
    background-color: #1863c2;
    color: #fff;
}

#biens_wrapper .sorting_disabled .sort-button {
    display: none
}

#biens_wrapper .sorting_asc .trie-text,
#biens_wrapper .sorting_desc .trie-text {
    background: #f2f3f8
}

#biens_wrapper .trie-btn {
    width: 100%;
    display: block;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
}

#biens_wrapper .sort-button {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    /*top:-5px;*/
    opacity: 0;
    height: 0;
    width: 20px;
    border-radius: 10px;
    display: block;
    color: #333333;
    background-color: white;
    box-shadow: 0px 1px 8px 1px rgba(51, 51, 51, 0.16);
    cursor: pointer;
    transition: background-color 0.1s ease, transform 0.1s ease, opacity 0.1s ease;
}

#biens_wrapper .sort-button:hover {
    background-color: #1863c2;
    color: white;
}

#biens_wrapper .trie-text {
    background-color: #fff;
    height: 45px;
    display: block;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    width: calc(100% + 36px);
    margin: 11px 0 0 -18px;
}

#biens_wrapper .sort-button .icon {
    transition: all 0.1s ease-in-out;
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
}

#biens_wrapper .sorting_asc .sort-button .asc-icon,
#biens_wrapper .sorting_desc .sort-button .desc-icon {
    opacity: 0.4
}

#biens_wrapper .sort-button .asc-icon {
    top: 2px;
    transform: rotate(180deg);
}

#biens_wrapper .sort-button .desc-icon {
    bottom: 2px;
    transform: rotate(0);
}

#biens_wrapper .sort-button .fa-sort-asc:before,
#biens_wrapper .sort-button .fa-sort-desc:before {
    content: "\f0dd";
}


/*#######################################################*/

table#biens thead th {
    position: -webkit-sticky;
    position: sticky;
    top: -12px;
    left: 0;
    z-index: 100;
}

table#biens th:first-child{
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 989 !important;}

table#biens td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 900 !important;
}

table#biens tr:nth-child(odd) td:first-child {
    background: rgba(242, 243, 248, 0.9);
}

table#biens tr:nth-child(even) td:first-child {
    background: rgba(242, 243, 248, 0.9);
}


/*Style des input dans le listing*/

.listebien_update {
    width: 100%;
    margin: 0;
    background: transparent;
    display: block;
    border: 0;
    padding: 1px 6px;
}
td .listebien_update {
    padding:2px !important;
}
.listebien_update:focus {
    outline: none;
    border: 1px solid;
    border-style: dashed;
}

.select2-selection.select2-selection--single {
    border: 0!important;
}

.select2-selection__arrow,
.select2-selection__clear {
    display: none !important;
    outline: none !important;
}

.select2-container--open .select2-selection.select2-selection--single {
    outline: none !important;
    border: 1px solid rgb(170, 170, 170) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

.ville_listing .select2-container {
    width: 100% !important;
}

#bien_details .contact-item .select2-container {
    width: 100% !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 11px;
    background: #fcfcfc !important;
    padding: 6px 10px !important;
    font-weight: 600;
    color: #A3A5A5;
    margin-top: 5px;
    margin-bottom: 5px;
}

#bien_details .contact-item .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #A3A5A5 !important;
    font-size: 12px;
}

#bien_details .contact-item .select2-container--default .select2-selection--single {
    background: transparent;
    color: #A3A5A5;
    border: none !important;
}

#bien_details .contact-item span.select2-selection.select2-selection--single:focus {
    outline: none;
}


/*#######################################################*/

.invisible {
    display: none !important;
}

.btn-primary {
    background: #1863c2 !important
}


/* .barre {
    overflow-y: hidden;
} */


/* .modal-dialog{margin:13% auto;} */

.modal-body {
    padding: 20px
}

.modal-body label {
    font-weight: 500;
    margin-bottom: 15px;
    display: block
}

.modal-body .form-group label {
    margin-bottom: 10px;
}

.modal-body .form-group {
    margin-bottom: 15px
}

.modal-body textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    border-color: #e5e5e5;
    padding: 10px
}

.modal-header {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px
}

.modal-header h5 {
    text-align: left;
}

.modal-header .close {
    color: #333;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 40px;
}

.modal-header .close:hover {
    color: #1863c2
}

.modal-header .close:focus {
    outline: none
}

#selection-bloc .actions-item .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #33333329;
}

.navbar-brand,
.navbar-nav>li>a {
    text-shadow: none !important;
}

#selection-bloc .actions-item .dropdown-item:last-child {
    background: #f1f1f1
}

.dropdown-menu {
    width: 100%;
    margin-top: 10px;
    box-shadow: 0px 1px 8px 1px rgba(51, 51, 51, 0.16);
    z-index: 9999;
    border-radius: 10px;
    padding: 12px;
    min-width: 330px;
}

.dropdown-menu input[type="search"] {
    border: 0;
    width: 100%;
}

.dropdown-menu input[type="search"]:focus {
    outline: none
}

.dropdown-menu .list-title {
    position: relative;
    padding: 30px 0 10px 0;
    text-align: center;
}

.dropdown-menu .list-title hr {
    margin-top: 20px;
    border-top: 3px solid #eee;
    width: 80%;
    margin: 0 auto;
}

.dropdown-menu .list-title h3 {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    top: -12px;
    background: #fff;
    display: inline;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
}

.dropdown-menu .list-pers li {
    height: 100%;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.dropdown-menu .list-pers li a {
    display: table;
    height: 100%;
    color: #333 !important
}

.dropdown-menu .list-pers li a:hover {
    color: #1863c2 !important
}

.dropdown-menu .list-pers li:last-child {
    margin-bottom: 0;
}

.dropdown-menu .list-pers li img {
    width: 40px;
    height: 40px;
    background: #dbdce3;
    border-radius: 50%;
    padding: 2px;
    float: left;
    margin-right: 10px;
}

.dropdown-menu .list-pers li span {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.dropdown-menu-pers {
    width: 100%;
    border-radius: 10px;
    padding: 12px;
    min-width: 330px;
    z-index: 9999;
    background: white;
    width: 300px;
}

.dropdown-menu-pers input[type="search"] {
    border: 0;
    width: 100%;
}

.dropdown-menu-pers input[type="search"]:focus {
    outline: none;
}

.dropdown-menu-pers .list-title {
    position: relative;
    padding: 30px 0 10px 0;
    text-align: center;
}

.dropdown-menu-pers .list-title hr {
    margin-top: 20px;
    border-top: 3px solid #eee;
    width: 80%;
    margin: 0 auto;
}

.dropdown-menu-pers .list-title h3 {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: -12px;
    background: #fff;
    display: inline;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
}

.dropdown-menu-pers .personnes_list {
    overflow: auto;
    height: auto;
    max-height: 145px;
}

.dropdown-menu-pers .list-pers li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.dropdown-menu-pers .list-pers li a {
    display: table;
    color: #333 !important;
    text-decoration: none;
}

.dropdown-menu-pers .list-pers li a:hover {
    color: #1863c2 !important
}

.dropdown-menu-pers .list-pers li:last-child {
    margin-bottom: 0;
}

.dropdown-menu-pers .list-pers li img,
.image_user{
    width: 40px;
    height: 40px;
    background: #dbdce3;
    border-radius: 50%;
    padding: 2px;
    float: left;
    margin-right: 10px;
}

.dropdown-menu-pers .list-pers li span {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    text-align: left;
}

.pers_default {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    cursor: pointer
}

.userSelected {
    margin-bottom: 10px;
    overflow: hidden;
}

.userSelected .user-item {
    float: left;
    width: calc(50% - 10px);
    margin-right: 5px;
    background: #e5f4ff;
    display: inline-block;
    border-radius: 10px;
    padding-right: 10px;
}

.userSelected .user-item img {
    width: 25px;
    height: 25px;
    background: #dbdce3;
    border-radius: 50%;
    padding: 2px;
}

.userSelected .user-item span {
    font-size: 14px;
    color: #333
}

.userSelected .user-item span.name {
    white-space: nowrap;
    position: relative;
    top: 6px;
    display: inline-block;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.userSelected .user-item .close-b {
    line-height: 29px;
    float: right;
    margin-left: 10px;
    cursor: pointer
}

.sousmenu .search .search_input {
    border-radius: 6px 0 0 6px;
}

.sousmenu .search button {
    border-radius: 0 6px 6px 0;
}

.sousmenu .search button:focus,
.sousmenu .filterpropsbtn:focus {
    outline: none
}

.sousmenu .filterpropsbtn {
    position: relative;
    border-radius: 6px !important;
    background-position: left;
    background-position-x: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 36px!important;
    padding-right: 20px !important;
}

.sousmenu .filterpropsbtn.nofiltre {
    padding-left: 24px;
    width: 220px;
    align-items: center;
    gap: 10px;
    display: flex;
    width:max-content;
}

.sousmenu .filterpropsbtn .totalfiltre {
    color: red;
    background: #fff;
    border-radius: 50%;
    padding: 4px 8px;
    font-weight: 900;
    font-size: 12px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 14px;
}

.suivi_filter_margin{
    margin-top: -7px;
}

.sousmenu .filterpropsbtn span.resetfiltre {
    color: #fff;
    top: -10px;
    border: 2px solid;
    right: -9px;
    position: absolute;
    background: red;
    border-radius: 50%;
    width: 26px;
    font-size: 16px;
    height: 26px;
    line-height: 20px;
    text-align: center;
    font-weight: bolder;
}

#fltres-carousel .owl-stage-outer {
    padding-bottom: 20px;
}
#fltres-carousel {
    overflow-x: visible;
    white-space: nowrap;
    position: initial;
}
#fltres-carousel .filtre-item{
    margin-left: 23px;
    display: inline-block;
    margin-right: 10px;
    min-width: 277px;
}
.datepicker-container {
    padding: 10px 20px;
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    background-color: #1863c2;
    color: #fff !important;
    border-radius: 50%;
}

.datepicker-panel>ul>li {
    font-size: 12px;
}

.datepicker-panel>ul>li:hover {
    border: 1px solid #1863c2;
    border-radius: 50%;
    background-color: #f1f1f1
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] {
    font-size: 14px
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="month"] {
    text-transform: capitalize;
}

.datepicker-panel>ul>li[data-view="month current"]:hover,
.datepicker-panel>ul>li[data-view="year current"]:hover,
.datepicker-panel>ul>li[data-view="years current"]:hover {
    background-color: transparent !important;
    border: 0
}

.datep-click {
    font-weight: 600;
    cursor: pointer
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: #fff !important
}

.ui-helper-hidden-accessible {
    display: none;
}

.td-top {
    z-index: 1;
    height: 41px!important;
    top: 13px!important;
    padding-top: 1px;
}

#form_action .modal-content {
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.form-action h3 {
    margin: 0 0 40px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.form-action label {
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 15px;
}

.form-group input,
.form-group textarea,
body .form-group select {
    padding: 0 10px;
    width: 100% !important;
    background: #f2f3f8;
    height: 40px;
    border-radius: 4px;
    border-color: #1314193b;
    border-bottom: 0;
    border-right: 0;
    border-width: 2px;
}

.form-group textarea {
    height: 150px;
}

.form-action .form-group {
    margin-bottom: 40px;
}

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

.modal-btns a,
.modal-btns button {
    text-transform: uppercase;
    border: 0;
    padding: 10px 2%;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    transition: 0.5s;
}

.modal-btns .gray-btn {
    background: #dbdce3;
    margin-right: 15px;
    color: #333;
}

.btns-confirmation-relances button {
    font-size: 1rem !important;
}

.modal-btns .gray-btn:hover {
    background: #333;
    color: #fff
}

.modal-btns .blue-btn {
    background: #2169c4;
    color: #fff
}

.modal-btns .blue-btn:hover {
    background: #15bad8
}

.modal-btns .red-btn {
    background: #d63333;
    color: #fff
}

.modal-btns .red-btn:hover {
    background: rgb(224, 112, 112);
}

.p-10 {
    padding-right: 10px;
    padding-left: 10px;
}

table.table-bordered-darkgray thead th {
    border: 1px solid #6a6a6b!important;
}

table.table-bordered-darkgray td {
    border: 1px solid #6a6a6b!important;
}

.sen-dv {
    padding: 0px;
    padding-left: 5px;
}

.timing-started .sen-dv input {
    padding: 3px !important;
    text-align: center;
}

.timing-started .sen-dv select.form-control {
    width: 80% !important;
    padding: 6px !important;
    text-align: center;
    margin: 0 auto;
}

.stop-timing {
    background: url(../Resources/public/img/v2/stop-timing.png) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.timing-stopped {
    cursor: pointer;
    display: none;
}

.timing-started-blur {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}


/* td.td-timing-stopped{
    height: 56px;
    padding: 7px;
    margin-bottom: -47px;
    min-width: 200px;
    background: #bee0f1!important;
    margin: 0px;
} */

.start-timing {
    background: url(../Resources/public/img/v2/start-timing.png) no-repeat center;
    height: 37px;
    background-size: contain;
    cursor: pointer;
}

.sen-dv-img {
    padding: 0px;
    padding-top: 5px;
    cursor: pointer;
}

.status_list {
    left: -100%;
    top: -100%;
}

.pers_list {
    left: -100%;
    top: -100%;
}

.trActived {
    background: rgba(217, 217, 217, 1) !important;
}

tr.trActived td {
    background: rgba(217, 217, 217, 1) !important;
}

#bien_details {
    background: #00000069;
    width: 100%;
    height: 0;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
}

#bien_details.visible {
    height: 100vh;
}

#bien_details .tab-items {
    height: 100%;
    padding: 30px;
    padding-top: 10px;
    overflow-y: auto;
    box-shadow: 0px 0px 10px 0px #999;
    background: white;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    transform: translateX(100%);
    transition: transform 250ms ease-in-out;
    will-change: transform;
    z-index: 1000;
    max-width: 810px;
}

#bien_details .tab-items.open {
    transform: none
}

#bien_details .tab-items .d-close {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    text-align: right;
}

#bien_details .tab-items .d-close span {
    cursor: pointer;
    font-weight: 900 !important;
    font-size: 16px;
    color: #000;
}

#bien_details .nav-tabs {
    margin-bottom: 20px;
}

#bien_details .nav-tabs .nav-item {
    text-decoration: none;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #485a6a;
    font-weight: 500;
    padding-right: 0px;
    padding-left: 0px;
}

.liste_relances_section .header {
    border-bottom: 1px solid #ddd;
    height: 60px;
}

.liste_relances_section .header h5 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px!important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.liste_relances_section .rows .row-item {
    margin-top: 30px;
    min-height: 60px;
    border-bottom: 1px solid #ddd;
}

.liste_relances_section .rows .row-item .multi-badge {
    margin-top: -12px;
}

.liste_relances_section .rows .row-item .label {
    padding: 5px;
    display: block;
}

.liste_relances_section .rows .row-item .label-danger {
    background-color: #f34444;
}

.liste_relances_section .rows .row-item .label-default {
    background-color: #7d7d7d;
}

.liste_relances_section .rows .row-item .label-success {
    background-color: #008000;
}

.liste_relances_section .rows .row-item .label-info {
    background-color: #2493e5;
}

#bien_details .nav-tabs .nav-item:hover {
    text-decoration: none;
}

#bien_details .nav-tabs .nav-item.active {
    color: #000;
    font-size: 12px;
    border-bottom: 3px solid #2169c4
}

#bien_details .nav-tabs .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.select2-search__field {
    height: 30px;
}

.tab-sous-items {
    overflow: hidden;
}

.tab-sous-items .modal-btns {
    padding-right: 0
}

.tab-sous-items .modal-btns .blue-btn {
    width: 100%;
    white-space: normal !important;
    word-wrap: break-word;
}

#p3 .tab-sous-items .modal-btns .blue-btn:first-child {
    margin-top: 30px !important;
}

#p3 .tab-sous-items .modal-btns .blue-btn {
    margin-bottom: 5px;
}

.relance0,
.relance1 {
    cursor: pointer;
}

#bien_details .nav-sous-tabs {
    margin-bottom: 15px
}

#bien_details .nav-sous-tabs .nav-item {
    position: relative;
    text-align: center;
    background: #485a6a;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 0;
    min-height: 45px;
    width: 100%;
    display: flex;
    margin: 0;
    transition: background 1s ease;
    justify-content: center;
    align-items: center;
}

#bien_details .nav-sous-tabs .nav-item:hover {
    background: #2169c4
}

#bien_details .nav-sous-tabs div .nav-item {
    width: calc(100% - 3px);
}

#bien_details .nav-sous-tabs div:last-child .nav-item {
    width: 100%
}

#bien_details .nav-sous-tabs .nav-item img {
    height: 25px;
    width: auto;
    margin-right: 8px
}

#bien_details .nav-sous-tabs>div:last-child .nav-item img {
    transform: rotate(-90deg)
}

#bien_details .nav-sous-tabs>div {
    padding: 0
}

#bien_details .nav-sous-tabs .nav-item.active {
    background: #2169c4
}

#bien_details .nav-sous-tabs .nav-item.active:after {
    /*content: '';*/
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-width: 16px;
    bottom: -32px;
    left: 0;
    border-top-color: #2169c4;
    z-index: 99999;
    right: 0;
    margin: 0 auto;
}

.add-note label {
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 500;
}

.histo-item {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    min-height: 115px;
    height: auto;
}

.histo-item .histo-head img {
    display: none;
}

.histo-item .histo-head h2 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.histo-item .histo-head h2 span {
    font-size: 12px;
    display: block;
    text-transform: none;
    margin-top: 10px;
    letter-spacing: 0;
}

.histo-item .histo-head h2:before {
    content: "";
    width: 40px;
    float: left;
    height: 40px;
    display: block;
    margin-right: 20px
}

.histo-item:last-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.message_bloc {
    max-height: 105px;
    height: 105px;
}

#tableStat th.sorting_disabled {
    white-space: normal;
    vertical-align: middle;
}

.mb-20 {
    display: block;
    margin-bottom: 20px;
}

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

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

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

.p-0 {
    padding: 0
}

.histo-item .histo-body {
    float: right;
    position: relative
}

.histo-item .histo-body .dropdown-menu {
    right: 0;
    min-width: 150px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #3333336e;
    padding: 0;
    z-index: 99999;
    margin-top: 6px;
    width: max-content;
    left: auto;
    text-align: left;
}

.histo-item .histo-body .dropdown-menu a {
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    color: #333;
}

.histo-item .histo-body .dropdown-menu a:hover {
    background: #f2f3f8;
    text-decoration: none
}

.histo-item .histo-body .dropdown-menu a:nth-child(1) {
    border-bottom: 1px solid #3333336e;
}

.histo-item .histo-body .dropdown-menu a i {
    margin-right: 10px;
    font-size: 16px;
    color: #41c7df;
}

.histo-item .histo-body img {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.hide_if_no_row span:not(:last-child):after {
    content: ",";
}

.histo-item .histo-body p {
    margin: 0 10px;
    float: left;
    font-size: 14px;
}

.histo-item .histo-body i.nav-link {
    transition: 0.5;
    cursor: pointer;
    border: 1px solid #3333336e;
    color: #41c7df;
    width: 40px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 5px;
}

.histo-item .histo-body i:hover {
    background: #f2f3f8;
}

.db-head {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.db-head .col-left h2 {
    font-size: 18px;
    margin-top: 0
}

.db-head .col-right {
    margin: 22px 0;
}

.db-head .contact-item {
    padding-left: 0;
    margin-bottom: 10px;
}

.contact-item label {
    color: #707070;
}

.db-head .contact-item input {
    width: 100%;
    margin: 0;
    display: block;
    border: 1px solid #E5E5E5 !important;
    border-radius: 11px;
    text-align: left;
    background: #fcfcfc !important;
    padding: 10px !important;
    font-weight: 600;
    color: #A3A5A5;
    font-size: 12px;
    margin-bottom: 5px;
}

.db-body .contact-item {
    padding: 0
}

.db-body .contact-item span {
    font-weight: 700;
}

.db-body .contact-item h3 {
    margin: 0;
    font-size: 14px;
}

.db-body .contact-item p {
    font-size: 16px;
}

.db-head .contact-item .to_na {
    font-size: 14px;
}

.db-body .contact-item input {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    display: block;
    border: 0;
    padding: 1px 6px;
    margin-top: 5px;
    margin-left: -5px;
}

.db-body .contact-item input:focus {
    outline: none;
    border: 1px solid;
    border-style: dashed;
}

.db-body .contact-item .pourcentageVenteH3 {
    display: inline-block;
    font-weight: 600;
    color: #2583E8;
}

.db-body .contact-item.prixfourchette,
.db-body .contact-item.blocommission{ 
    box-shadow: 0 0 7px 0 #00000030;
    border-radius: 11px;
    margin-top: 25px;
    display: flex;
    padding: 15px 15px 15px 0;
    align-items: center;
}

.db-body .contact-item .pourcentageVente {
    width: 70%;
    border: 1px solid #E5E5E5 !important;
    border-radius: 11px;
    text-align: left;
    background-color: #fcfcfc !important;
    padding: 10px !important;
    font-weight: 600;
    color: #A3A5A5;
    height: auto;
    font-size: 12px;
    background-image: url("../Resources/public/img/bien/select-arrow.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 98% center;
    cursor: pointer;
}

.db-body .contact-item.prixfourchette .prix_valide .prix_fourchette_valide {
    font-weight: 600;
}

.db-body .contact-item.prixfourchette .prix_valide .prix_fourchette_valide:hover {
    opacity: 0.7;
}

.db-body .contact-item.prixfourchette .prix_valide .prix_non_valider {
    border: 1px solid #039DE3;
    background-color: #fff;
    color: #039DE3;
}

.db-body .contact-item.prixfourchette .prix_valide .prix_valider {
    background: linear-gradient(to left, #2583E8, #1CA2DC, #18AFD6) !important;
    border: 1px solid #039DE3;
}

.db-body .contact-item.prixfourchette span.fourchette {
    font-family: unset;
}

.db-body .contact-item.prixfourchette .prix_non_valide .grouped_price .submit_chiffrage,
.db-body .contact-item.prixfourchette .avis_fourchette .changer_est {
    background: linear-gradient(to left, #2583E8, #1CA2DC, #18AFD6) !important;
    border-radius: 11px;
    padding: 6px 16px;
    font-size:10px;
}

.db-body .contact-item.prixfourchette .prix_non_valide .grouped_price .submit_chiffrage:hover,
.db-body .contact-item.prixfourchette .avis_fourchette .changer_est:hover {
    background: linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6) !important
}

.db-body .contact-item.prixfourchette .prix_non_valide .grouped_price .submit_chiffrage:focus,
.db-body .contact-item.prixfourchette .avis_fourchette .changer_est:focus {
    outline: none;
    border: none
}

.db-body .contact-item.prixfourchette .prix_non_valide .grouped_price .approxim {
    border-radius: 11px;
    background: #fcfcfc;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #18aed6;
}

.db-body .contact-item.prixfourchette p,
.db-body .contact-item.prixfourchette span,
.db-body .contact-item.blocommission p,
.db-body .contact-item.blocommission span {
    font-size: 12px !important;
}

.db-body .contact-item.prixfourchette .reminder-img img,
.db-body .contact-item.blocommission .reminder-img img{
    height: 50px;
    margin-right: 20px;
}
.db-body .contact-item.blocommission .reminder-prix{flex:1}
.db-body .contact-item.blocommission .reminder-buttons{margin-bottom: 12px;}
.db-body .contact-item.blocommission .reminder-buttons,
.db-body .contact-item.blocommission .reminder-commission{
    display: flex;
    align-items: center;
}
.db-body .contact-item.blocommission .reminder-buttons p,
.db-body .contact-item.blocommission .reminder-commission p{
    margin-bottom: 0;
    margin-right: 30px;
}
.db-body .contact-item.blocommission .buttons{
    display: flex;
    align-items: center;
}
.db-body .contact-item.blocommission .buttons .pourcent_btn,
.db-body .contact-item.blocommission .buttons .prix_btn{position:relative}
.db-body .contact-item.blocommission .buttons input{position: absolute;opacity: 0;margin:0;cursor:pointer;}

.db-body .contact-item.blocommission .reminder-buttons label{
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 12px;
    color: #707070;
    font-weight: 600;
    margin-right: 15px;
    background-color: #fff;
    box-shadow: 0 3px 9px #00000038;
    height: 30px;
    padding: 0 20px;
    display:flex;
    align-items: center;
}
.db-body .contact-item.blocommission .reminder-buttons label.actif,
.db-body .contact-item.blocommission .reminder-buttons label:hover{
    border:1px solid #15bad8;
    box-shadow: none;
}
.db-body .contact-item.blocommission .reminder-buttons label svg{margin-right:10px}
.db-body .contact-item.blocommission .grouped_price{display: flex;align-items: center;}
.db-body .contact-item.blocommission .reminder-commission input{
    margin-left: 0;
    display: inline-block;
    width:auto;
    border: 1px solid #15bad8;
    margin: 0;
    height: 28px;
    border-radius: 20px;
    margin-right: 5px;
}
.db-body .contact-item.blocommission .reminder-commission .submit_commission{
    background: linear-gradient(to left, #2583E8, #1CA2DC, #18AFD6) !important;
    border-radius: 20px;
    padding: 0 20px;
    font-size: 12px;
    color: #fff;
    height: 30px;
    border: 0;
    margin-left: 20px;
    border: 1px solid #18AFD6;
}

.db-body .contact-item.blocommission .reminder-commission .submit_commission:hover{
    background: linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6) !important;
}

.db-body .contact-item.blocommission .reminder-editcommission{
    display: flex;
    align-items: center;
}

.db-body .contact-item.blocommission .reminder-editcommission p{
    margin-bottom: 0;
    margin-right: 30px;
}
.db-body .contact-item.blocommission .reminder-editcommission p .price{
    color: #15bad8;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}

.db-body .contact-item.blocommission .reminder-editcommission p .type_com{
    font-family: 'Montserrat', sans-serif;
    color: #707070;
}

.db-body .contact-item.blocommission .reminder-editcommission .edit_commission{
    border: 1px solid #15bad8;
    color: #15bad8;
    background-color: #fff;
    border-radius: 20px;
    font-size: 12px;
    padding: 0 20px;
    height: 30px;
    font-weight: 600;
}
.db-body .contact-item.blocommission .reminder-editcommission .edit_commission:hover{
    background-color:#15bad8;
    color:#fff;
}
.db-body .grids {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 10px;
    width: 100%;
    margin-left: -15px !important;
    width: calc(100% + 30px) !important;
}

.db-body .gray-bloc {
    padding: 20px;
    background: #F7F7F7;
    min-height: 290px;
    position: relative;
    margin-top: 30px;
    padding-top: 40px;
    border-radius: 11px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
}

.db-body .gray-bloc:before {
    content: "";
    background: url("../Resources/public/img/bien/icon3.png") no-repeat center;
    background-size: auto;
    padding: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 7px 0 #00000030;
    display: inline-block;
    position: absolute;
    top: -25px;
    left: 20px;
    background-color: #fff;
}

.db-body .gray-bloc.item-1:before {
    background: url("../Resources/public/img/bien/icon1.png") no-repeat center;
    background-size: auto;
    background-color: #fff;
}

.db-body .gray-bloc.item-2:before {
    background: url("../Resources/public/img/bien/icon2.png") no-repeat center;
    background-size: auto;
    background-color: #fff;
}

.db-body .gray-bloc.item-3:before {
    background: url("../Resources/public/img/bien/icon3.png") no-repeat center;
    background-size: auto;
    background-color: #fff;
}

.db-body .gray-bloc.item-4:before {
    background: url("../Resources/public/img/bien/icon4.png") no-repeat center;
    background-size: auto;
    background-color: #fff;
}

.db-body .gray-bloc b {
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

.db-body .gray-bloc ul li {
    line-height: 24px;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.white-btn {
    margin-top: 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #3333333d !important;
}

.white-btn:hover {
    background: #ddd
}

.org-btn {
    margin-top: 10px;
    width: 100%;
    background: #ffc52d;
    color: white;
    border: 1px solid #3333333d !important;
}

.org-btn:hover {
    background: #fdb700
}

.add-note .select2-container {
    width: 100% !important;
}

.add-note .select2-selection--multiple {
    width: 100% !important;
    background: #f2f3f8 !important;
    height: 40px;
    border-radius: 4px;
    border-top: 2px solid #0000001a !important;
    border-left: 2px solid #0000001a !important;
}

body .add-note .select2-selection--multiple li {
    margin: 0 5px !important;
    font-weight: 600;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important
}

.filtre-item ul {
    height: 200px;
    overflow-y: auto;
}

.out-filtre {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999 !important;
    background: #00000073;
    top: 0;
}

.contact-tel p {
    margin: 15px 0 40px 0;
}

.contact-tel h2,
.envoi-sms h2 {
    font-size: 14px;
}

.envoi-courrier h2 {
    font-size: 14px;
}

.contact-tel h2:before {
    background: url(../Resources/public/img/icons/tel2.png) no-repeat center;
    background-size: contain;
}

.envoi-sms h2:before {
    background: url(../Resources/public/img/icons/sms2.png) no-repeat center;
    background-size: contain;
}

.envoi-courrier h2:before {
    background: url(../Resources/public/img/icons/corrier.png) no-repeat center;
    background-size: contain;
}

.contact-tel h2:before,
.envoi-sms h2:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.envoi-courrier h2:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.contact-tel h2 b,
.envoi-sms h2 b {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-top: 8px;
    color: #404a58;
    margin-bottom: 30px;
}

.envoi-courrier h2 b {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-top: 8px;
    color: #404a58;
    margin-bottom: 30px;
}

.envoi-courrier textarea {
    padding: 30px
}

.envoi-sms textarea {
    padding: 30px
}

.dashboard-page {
    background: #f1f2f7;
    overflow: auto;
}

.dashboard-page .navbg {
    background: none;
}

.dashboard-page .headerbg>img {
    width: 100%;
    position: absolute;
    z-index: 0;
}

.dashboard-page .navbar-brand {
    height: auto
}

.dashboard-page .sous-logo {
    clear: both;
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}

.dashboard-page .list-agences {
    clear: both;
    text-align: right;
    margin-right: 0
}

.dashboard-page .list-agences span {
    font-weight: 500;
    color: #404a58;
    margin-right: 10px;
    font-size: 12px;
}

.dashboard-page .list-agences select {
    height: 40px;
    width: 200px;
    padding: 0 12px;
    border-top: 1px solid #1863c2;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

.dash-content {
    overflow: hidden;
    margin: 0 20px 20px 0;
    position: relative
}

.dash-content .relances {
    height: 100%;
    overflow: hidden;
    background: #404a58;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    padding-top: 0;
    flex-direction: column;
    justify-content: space-evenly;
}

.dash-content .relances h2 {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    margin-bottom: -10px;
    letter-spacing: 1px;
}

.dash-content .relances .rel-childs {
    overflow: hidden;
}

.dash-content .relances .rel-item {
    height: 135px;
    transition: 0.5s;
    text-align: center;
    display: table;
    min-height: 135px;
    width: calc(50% - 20px);
    float: left;
    padding: 0;
    background-image: linear-gradient(to right, #18b2d6, #2583e8);
    border-radius: 5px;
    margin: 10px;
}

.dash-content .rel-childs .rel-item:hover {
    text-decoration: none;
    background-image: linear-gradient(to left, #18b2d6, #2583e8);
}

.dash-content .relances .rel-item .pos-center {
    display: table-cell;
    vertical-align: middle;
}

.dash-content .relances .rel-item h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 900;
    margin-top: 0
}

.dash-content .rel-childs .rel-item h3:before {
    content: "";
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 15px
}

.dash-content .rel-childs .rel-item:nth-child(1) h3:before {
    content: "";
    background: url('../Resources/public/img/icons/email.png') no-repeat center;
    background-size: contain;
}

.dash-content .rel-childs .rel-item:nth-child(2) h3:before {
    content: "";
    background: url('../Resources/public/img/icons/tel.png') no-repeat center;
    background-size: contain;
}

.dash-content .rel-childs .rel-item:nth-child(3) h3:before {
    content: "";
    background: url('../Resources/public/img/icons/p-a-p-white.png') no-repeat center;
    background-size: contain;
}

.dash-content .rel-childs .rel-item:nth-child(4) h3:before {
    content: "";
    background: url('../Resources/public/img/icons/sms.png') no-repeat center;
    background-size: contain;
}

.dash-content .rel-childs .rel-item:nth-child(1) h3:before {
    content: "";
    background: url('../Resources/public/img/icons/email.png') no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 15px
}

.dash-content .relances .rel-item p {
    font-size: 14px;
    color: #fff;
    margin: 0
}

.dash-content .relances .alert-bloc {
    overflow: hidden;
    text-align: center;
    margin: 3px 10px 0 10px;
    background: #fff;
    padding: 10px 10px;
    border-radius: 5px;
}

.dash-content .relances .alert-bloc.bnone {
    display: none;
}

.dash-content .relances .alert-bloc h2 {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #404a58;
    font-weight: 600;
    letter-spacing: 1px;
}

.dash-content .relances .alert-bloc .rel-item {
    box-shadow: 0 0 10px 0 #999;
    margin: 20px auto 0;
    float: none;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.dash-content .relances .alert-bloc .rel-item:after {
    content: "";
    background: url("../Resources/public/img/icons/signs.png") no-repeat right top;
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: contain;
    top: -15px;
    right: -20px;
}

.dash-content .relances .alert-bloc .rp-bloc h3 {
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
    color: #404a58;
}

.dash-content .relances .alert-bloc .rp-bloc p {
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #3333336e;
}


/*.dash-content .dash-left{position:static}
.dash-content .sous_rel{position: absolute;bottom:0px;left:0}
.dash-content .sous_rel .sous-rel-item{
    margin-bottom: 10px;
    border-radius:5px;
    min-height: 260px;
    background-color:#fff;
    text-align:center;
    padding:15px 10px}
.dash-content .sous_rel .sous-rel-item img{margin-top:20px}
.dash-content .sous_rel .sous-rel-item h3{text-transform: uppercase;font-size: 14px;text-align: center;margin-top:0;font-weight:600}
.dash-content .sous_rel .sous-rel-item p{font-size:12px;margin:0}
.dash-content .sous_rel .sous-rel-item h4{
    color: #17b7d4;
    font-size: 25px !important;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom:4px}
 .dash-content .sous_rel .sous-rel-item h4.nombre{color: #2169c4;padding: 30px 0;font-size: 40px !important;}

.dash-content .sous_rel .sous-rel-item ul li{position:relative;height: 70px;}
.dash-content .sous_rel .sous-rel-item ul li:nth-child(1){
    border-bottom: 1px solid #3333333d;
    margin-bottom: 0;
    margin-top: 25px;}
.dash-content .sous_rel .sous-rel-item ul li:nth-child(2){padding-top: 12px;}
.dash-content .sous_rel .sous-rel-item ul li .arrow{
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-width: 22px;
    top: 18px;
    right: -50px;
    border-left-color: #fff;}

.dash-content .sous_rel .sous-rel-item ul li .arrow:after{
    content: "";
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-width: 10px;
    border-left-color: #17b7d4;
    z-index: 99999;
    right: 5px;
    margin: 0 auto;
    top: -10px;
    text-align: center;}
.dash-content .sous_rel .sous-rel-item .blue-btn{width: 100%;word-wrap: break-word;white-space: normal !important;}
*/

.dash-content .dash-table {
    position: relative;
    border-radius: 5px;
    /*box-shadow: 0 0 10px 0 #999;*/
    background: #fff;
    background-size: contain;
    padding: 20px;
    padding-bottom: 0;
    overflow: hidden
}


/*.dash-content .dash-table:before,
.dash-content .dash-table:after{
    content: "";
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-width: 20px;
    border-left-color: #f0f1f6;
    z-index: 99999;
    left: 0;
    margin: 0 auto;
    text-align: center;}
.dash-content .dash-table:before{bottom: 25px;}
.dash-content .dash-table:after{bottom: 100px;}
*/

.dash-content .dash-table .select-date {
    display: block
}

.dash-content .dash-table .select-date input {
    cursor: pointer;
    display: block;
    width: 100%;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}

.dash-content .dash-table .select-date input:focus {
    outline: none
}

.dash-content .dash-table .tab-head-items {
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    display: block
}

.dash-content .dash-table .tab-head-items>div {
    padding: 0 4px 0 0
}

.dash-content .dash-table .tab-head-items>div:last-child {
    padding: 0
}

.dash-content .dash-table .tab-head.tab-head-first {
    background: #404a58;
    color: #fff;
    position: relative
}

.dash-content .dash-table .tab-head-bg {
    /*background: url("../img/icons/bg-tab.png") no-repeat center bottom;*/
    height: 80px;
    width: 100%;
    background-size: contain;
}

.dash-content .dash-table .tab-head {
    background: #f2f3f8;
    color: #333;
    text-align: center;
    padding: 10px 20px;
}

.dash-content .dash-table .tab-head h2 {
    font-size: 25px;
    margin: 0
}

.dash-content .dash-table .tab-head p {
    margin: 0;
    font-size: 12px
}

.dash-content .tab-body-items:nth-child(1) {
    border: 0;
    background: none
}

.dash-content .tab-body-items {
    clear: both;
    border-bottom: 1px solid #3333333b;
    position: relative
}

.dash-content .tab-body {
    text-align: center;
    padding: 11px 0;
}

.dash-content .tab-body h2 {
    margin: 0;
    color: #0466c6;
    font-size: 20px;
    font-weight: 600;
}

.dash-content .tab-body p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

.dash-content .tab-body img {
    width: 100%
}

.dash-content .tab-body p span {
    color: #0466c6;
    font-size: 22px;
    font-weight: 600;
    margin-left: 5px
}

.dash-right .last-body h2 {
    color: #17b7d4;
    font-size: 22px !important;
    font-weight: 600;
    letter-spacing: 1px;
}

.dash-content .last-body-items h2,
.dash-content .last-body-items p span {
    color: #17b7d4
}

.dash-content .tab-body-items .logements {
    position: relative;
    background: url("../Resources/public/img/icons/arrow-bottom.png") no-repeat center -2px;
}

.dash-content .tabs-items .tab-body-items:nth-child(1) .logements {
    background: none;
}

.dash-content .tab-body-items .logements:after {
    content: "";
    background: url("../Resources/public/img/icons/arrow-right.png") no-repeat center;
    height: 40px;
    width: 10px;
    position: absolute;
    right: 0;
    top: 15px;
}

.dash-content .tab-body-items .pourcentages:after {
    content: "";
    background: url("../Resources/public/img/icons/arrow-right.png") no-repeat center;
    height: 40px;
    width: 10px;
    position: absolute;
    right: 0;
    top: 15px;
}

.tab-pane iframe {
    margin-top: 30px
}


/*
#dashboard_item_no_sa h2{
    font-size: 26px !important;
}
#dashboard_item_no_sa p{
    font-size: 14px;
}
#dashboard_item_no_sa p span{
    font-size: 26px;
}
#dashboard_item_no_sa .logements:after{
    top: 30px;
}

#dashboard_item_no_sa .tab-body {
    padding: 28px 0 !important;
}
#dashboard_item_no_sa .pourcentages:after{
    top: 30px;
}*/


/*************** Page print style *************/

.print-page {
    width: 100%;
    margin: 40px auto;
    max-width: 1200px;
}

header.head_print {
    height: 40px;
    background: #415464;
    padding: 5px 10px;
}

header.head_print a {
    display: inline-block
}

header.head_print a img {
    width: 100px;
    height: auto;
}

.infos_bloc {
    padding: 20px;
    border-right: 1px solid #333;
}

.infos_bloc h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    color: #333;
    text-align: left;
}

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

.infos_bloc .infos_list li {
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
}

.infos_bloc .infos_list li img {
    width: 22px;
    height: auto;
    margin-right: 5px;
}

.infos_bloc .infos_list li span {
    font-size: 16px;
    font-weight: normal;
}

.infos_bloc .adress {
    padding-top: 20px;
}

.infos_bloc .adress span {
    font-size: 14px;
    display: block;
}

.infos_bloc .adress h3 {
    margin-top: 0;
    border-bottom: 1px dotted #33333370;
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 24px;
}

.infos_bloc .adress ul {
    overflow: hidden
}

.infos_bloc .adress ul li {
    padding: 0;
    font-size: 16px;
    ;
    margin-bottom: 15px;
}

.contact_infos {
    clear: both;
    overflow: hidden;
}

.contact_infos .contact_item {
    padding: 0;
}

.contact_infos .contact_item:last-child div {
    margin: 0
}

.contact_infos .contact_item div {
    background: #485a6a
}

.contact_infos .contact_item:last-child img {
    transform: rotate(-90deg);
}

.contact_infos .contact_item div.active {
    background: #2169c4
}

.contact_infos .contact_item>div {
    margin-right: 5px;
    color: #fff;
    padding: 10px;
    text-align: center;
    min-height: 75px
}

.contact_infos .contact_item h4 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 14px !important;
}

.contact_infos .contact_item h4 img {
    width: 26px;
    margin-right: 10px;
    height: auto;
}

.contact_infos .contact_item p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.text_bloc {
    padding: 30px 0;
}

.text_bloc p {
    font-size: 16px
}

.text_bloc p b {
    text-transform: uppercase;
}

.text_bloc hr {
    width: 80%;
    margin: 30px auto 0;
    border-top: 1px solid #ddd;
}

.histo_print {
    height: 650px;
    overflow: hidden;
    margin-bottom: 20px;
}

.histo_print .histo-item {
    border: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

.histo-item .histo-head h2.p-a-p:before {
    background: url(../Resources/public/img/icons/p-a-p.png) no-repeat center;
    background-size: contain;
}

.histo-item .histo-head h2.autre:before {
    background: url(../Resources/public/img/icons/relance_autre.jpg) no-repeat center;
    background-size: contain;
}

.histo-item .histo-head h2.sms:before {
    background: url(../Resources/public/img/icons/relance_sms.jpg) no-repeat center;
    background-size: contain;
}

.histo-item .histo-head h2.telephone:before {
    background: url(../Resources/public/img/icons/relance_telephone.jpg) no-repeat center;
    background-size: contain;
}

.histo-item .histo-head h2.mail:before {
    background: url(../Resources/public/img/icons/email2.png) no-repeat center;
    background-size: contain;
}
.histo-item .histo-head h2.annulation:before {
    background: url(../Resources/public/img/icons/annulation.png) no-repeat center;
    background-size: contain;
}
.relance-type-1 {
    height: 50px;
    background: url(../Resources/public/img/v2/sms.png) no-repeat center;
    background-size: contain;
}

.relance-type-2 {
    height: 50px;
    background: url(../Resources/public/img/v2/mail.png) no-repeat center;
    background-size: contain;
}

.relance-type-3 {
    height: 50px;
    background: url(../Resources/public/img/v2/phone.png) no-repeat center;
    background-size: contain;
}

.relance-type-4 {
    height: 50px;
    background: url(../Resources/public/img/v2/p-a-p-white.png) no-repeat center;
    background-size: contain;
}

.relance-type-5 {
    height: 50px;
    background: url(../Resources/public/img/v2/corrier.png) no-repeat center;
    background-size: contain;
}

.icon-oeil {
    height: 50px;
    background: url(../Resources/public/img/v2/oeil1.png) no-repeat center;
    background-size: contain;
    cursor: pointer;
    height: 50px;
    margin-top: 15px;
}

.show-hide-relance {
    width: 150px!important;
    margin-top: 17px;
}

.relance-img-header {
    margin-top: -15px;
    width: 80px;
}

.relance-icon-header {
    width: 80px;
    margin-top: -27px;
}

.icon-oeil.showinfo {
    background: url(../Resources/public/img/v2/icon-oeil.png) no-repeat center !important;
    cursor: pointer;
    border: 1px solid #3333336e;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    float: left;
    margin: 0;
    background-size: auto !important;
}

.vide_block {
    width: 100%;
    height: 250px;
    border: 3px solid #333;
    border-radius: 5px;
}


/************* Page login ***************/

.header_login>img {
    width: 100%;
    position: absolute;
    z-index: 0;
}

.header_login header {
    overflow: hidden;
    padding: 20px;
}

.header_login header a {
    display: inline-block
}

.header_login header img {
    width: 180px;
    height: auto
}

.header_login .homenav {
    margin-top: 0;
    margin-right: 0;
}

.header_login .homenav li {
    margin: 0 0 0 15px;
    float: left;
    border: none;
    padding: 0;
}

.header_login .homenav li a {
    padding: 10px 20px;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 4px;
}

.header_login .homenav li a:hover {
    text-decoration: none;
    background: #327ece
}

.header_login .homenav li a:focus {
    text-decoration: none;
}

.section-login {
    position: relative;
    z-index: 99999;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-login .mainhead {
    font-size: 24px;
    padding-top: 0;
    margin-bottom: 24px;
    margin-top: 0;
}

.section-login .loginpanel {
    margin-bottom: 0;
    top: 0
}

.section-login .loginpanel input.form-control {
    width: 100% !important;
    background: #f2f3f8 !important
}

.section-login .loginpanel .input-group-addon {
    background: #f2f3f8
}

.section-login .loginpanel .connectbtn {
    max-width: 230px !important
}

.section-login .loginpanel .inscribtn {
    border: 1px solid #4154642b;
}

.section-login .loginpanel .inscribtn:hover {
    background: #ddd
}

.section-login .loginpanel .form-horizontal .form-group {
    margin: 0 !important
}

.login-page {
    height: 100vh;
    background: #f2f3f8;
    overflow-x: hidden;
}

.footer_login {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    padding: 0 20px;
}

.footer_login p {
    font-size: 12px;
    font-weight: 500
}

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

#spinner_div {
    left: 0
}

.page_biens .navbg,
.suivi_prospects .navbg {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
}

.page_biens .sousmenu,
.suivi_prospects .sousmenu {
    position: fixed;
    top: 95px;
    width: 100%;
    left: 0;
}

.page_biens #biens_wrapper {
    margin-top: 228px;
}

.suivi_prospects #biens_wrapper {
    margin-top: 175px;
}

.page_biens .sousmenu .search {
    width: 263px !important;
}

.tab-pane iframe {
    margin-top: 0
}

.tab-pane .map_iframe {
    margin-top: 20px
}


/************* COMPTE **************/

.compteH2 {
    border-bottom: #c8c6c6 1px solid;
    font-size: 18px;
    padding-bottom: 5px;
    color: #616161;
}


/************** Suivi du prospects ************/

.full_nav {
    display: flex;
}

.full_nav a {
    height: 60px;
    padding: 26px 10px 0px 15px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 3px solid white;
}

.filtre_relance {
    padding: 10px 15px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
}

.filtre_relance label {
    padding: 8px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-items: center;
    border: 1px solid #DDDDDD;
    border-radius: 50px;
    margin-right: 20px;
    margin-bottom: 0;
    background-color: #fff;
    transition: background-color .3s;
}

.filtre_relance .select_all{margin-left:auto;border:1px solid #277DEA}

.filtre_relance label svg{margin-right: 10px}
.filtre_relance label span{font-weight: 200;color: #8195A7;font-size: 14px;}
.filtre_relance label svg .cls-1 {fill: #8195a7;}

.filtre_relance .styled-checkbox{width: 20px;height: 20px;margin: 0;}

.filtre_relance .styled-checkbox+label:before{content:none}
.filtre_relance .styled-checkbox:checked+label:after{content:none}

.filtre_relance .styled-checkbox:checked+label,
.filtre_relance label.active{background-color:#277DEA;}

.filtre_relance .styled-checkbox:checked+label span,
.filtre_relance label.active span{color:#fff}

.filtre_relance .styled-checkbox:checked+label .cls-1,
.filtre_relance label.active .cls-1{fill:#fff}

.badge.red {
    background: #f34444;
}

.full_nav a.active {
    border-bottom: 3px solid #1863c2;
}

.full_nav a.active .badge {
    background: #f34444;
}

.full_nav a .badge {
    background: #a9a9a9;
}

.suivi_relance_type input {
    margin: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
}

.suivi_relance_type {
    padding: 10px;
    vertical-align: middle;
    float: right;
}

#contact_container .accordion_bar{
    width: 100%;
    background: linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6) !important;
    border-radius: 20px;
    padding: 15px !important;
    height:auto !important;
    line-height: normal !important;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
}

#contact_container .accordion_bar .close_container, .close_container{
    height: 20px;
    background: transparent;
    border: unset;
    color: white;
    padding: 0;
    position: absolute;
    right: 25px;
    top:14px;
}

#contact_container .accordion_bar .close_container:hover, .close_container:hover{color: black;}
#contact_container .accordion_bar .close_container:focus, .close_container:focus{outline:none}


#mes_collab_log .alert-info{
    display:flex;
    background:#fff;
    justify-content: center;
    align-items: center;
    padding:30px;
    text-align: center;
    border: 0;
    box-shadow: 0 5px 10px 0px #0000001f;
    color: #415464;
    font-weight: 600;
    font-size: 14px;
    position:relative;
}
#mes_collab_log .alert-info p{margin:0}
#mes_collab_log .close_container{
    color: #8195A7;
    padding-right: 12px;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    height: auto;
}

#mes_collab_log .connLog{margin-bottom: 40px;margin-top:20px;}

#collaborateurLog,
.collab-select .btn-select{
    background-color: #fff !important;
    border: 1px solid #DBDDE1;
    box-shadow: none;
    color: #595D6E;
    font-weight: 600;
    font-size: 14px;
    background-image: url("../Resources/public/img/bien/select-arrow.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 96% center;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0 15px;
    text-align: left;
    width:100%;
    height:50px;
    border-radius: 5px;
}
#collaborateurLog{display:none;margin-bottom: 20px;}
.collab-select{position:relative}
.collab-select .btn-select li, .collab-select #a li{
    list-style: none;
    width: 100%;
    padding-bottom: 0px;
}
  
.collab-select .btn-select:focus{outline:none;}

.collab-select #a li span, .collab-select .btn-select li span{
    margin-left: 10px;
    color: #595D6E;
    font-weight: 600;
    font-size: 14px;}
.collab-select #a li img, .collab-select .btn-select li img{width:auto;height:35px;border-radius: 50%;}
.collab-select .b{
    display:none;
    width: 100%;
    border: 1px solid #DBDDE1;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 48px;
    max-height: 350px;
    overflow-y: auto;
}

.collab-select .b li{
    border: 0;
    padding: 0 15px;
    margin: 0;
    text-align: left;
    background-color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.collab-select .b li:nth-child(2n){background-color:#F2F3F8}

.collab-select .b li:hover {
    background: #dfe2e3;
}

  



#mes_collab_log table,

#mes_collab_log table thead th{
    font-size: 14px;
    text-align: left;
    padding: 20px !important;
    font-family: poppinsmedium;
    vertical-align: middle;
    color: #8195A7;
    font-weight: 500;
    border:0 !important;
    background-color:#fff !important;
}
#mes_collab_log table thead th svg{float: left;margin-right: 10px;}

#mes_collab_log table thead th span{line-height: 16px;display: table-cell;}


#mes_collab_log table tbody tr{box-shadow: 0 0 10px 0 #00000021;}

#mes_collab_log table tbody tr.espace{box-shadow:none;height:20px !important}

#mes_collab_log table tbody td img{
    max-width: 50px !important;
    border-radius: 50%;
    margin-right: 15px;
    float: left;
    display: table-cell;}

#mes_collab_log table tbody td{
    border:0 !important;
    color: #415464;
    font-weight: 600;
    font-size: 14px;
    text-align:center !important;
    padding:20px;
    vertical-align: middle;}

#mes_collab_log table tbody td span{border: 1px solid #DDDDDD;padding: 8px 20px;border-radius: 10px;}

#mes_collab_log table tbody td span.time{
    border: 0;
    background: #17b7d42e;
    border-radius: 0;
    padding: 4px 20px;
}
#mes_collab_log table tbody td span.name{
    border: 0;
    padding: 0;
    border-radius: 0;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}
#mes_collaborateurs .accordion_bar,
#mes_honoraires .accordion_bar{margin-bottom:30px;}

#contact_container .table_template .nouveau_collaborateur{
    font-size: 14px;
    background-color: #424345 !important;
    transition: background-color .3s;
    border: none;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    margin:0}

#contact_container .table_template .nouveau_collaborateur:hover{background-color:#1CA2DC !important}
#contact_container .table_template .nouveau_collaborateur:focus{outline:none;border:0}
#contact_container .table_template .dataTables_wrapper #dt-tableReservation_length,
#contact_container .table_template .dataTables_wrapper #dt-tableHonoraire_length,
#contact_container #invoices .dataTables_length,
#contact_container .table_template .dataTables_wrapper #dt-table_length,
#contact_container .table_template .dataTables_wrapper #dt-tableImports_length{overflow: hidden;width:100%}

#contact_container .table_template .dataTables_wrapper #dt-tableReservation_length label,
#contact_container .table_template .dataTables_wrapper #dt-tableImports_length label,
#contact_container .table_template .dataTables_wrapper #dt-tableHonoraire_length label,
#contact_container #invoices .dataTables_length label,
#contact_container .table_template .dataTables_wrapper #dt-table_length label{margin:0}

#contact_container .table_template .dataTables_wrapper #dt-tableReservation_length select,
#contact_container .table_template .dataTables_wrapper #dt-tableImports_length select,
#contact_container .table_template .dataTables_wrapper #dt-tableHonoraire_length select,
#contact_container #invoices .dataTables_length select,
#contact_container .table_template .dataTables_wrapper #dt-table_length select{
    border: 1px solid #CECECE;
    border-radius: 5px;
    background: url(../Resources/public/img/icons/bg-select.png) 85% center no-repeat !important;
    background-size: 10px !important;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #464646;
    height:40px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    padding-top: 5px!important;
    max-width: 50px;
    margin: 5px;
    margin-left: 5px!important;
}
#contact_container #invoices #dt-invoices th,
#contact_container #invoices #dt-invoices td{
    text-align: center;
}

#contact_container .table_template .dataTables_wrapper #dt-tableReservation_filter,
#contact_container .table_template .dataTables_wrapper #dt-tableImports_filter,
#contact_container .table_template .dataTables_wrapper #dt-tableHonoraire_filter,
#contact_container #invoices .dataTables_filter,
#contact_container .table_template .dataTables_wrapper #dt-table_filter{display:flex;align-items: center;margin:0}

#contact_container .table_template .dataTables_wrapper #dt-tableReservation_filter label,
#contact_container .table_template .dataTables_wrapper #dt-tableImports_filter label,
#contact_container .table_template .dataTables_wrapper #dt-tableHonoraire_filter label,
#contact_container #invoices .dataTables_filter label,
#contact_container .table_template .dataTables_wrapper #dt-table_filter label{
    font-size:0;
    margin-left: 0;
    margin:0;
    margin-right: 15px;}

#contact_container .table_template .dataTables_wrapper #dt-tableReservation_filter label input,
#contact_container .table_template .dataTables_wrapper #dt-tableImports_filter label input,
#contact_container .table_template .dataTables_wrapper #dt-tableHonoraire_filter label input,
#contact_container #invoices .dataTables_filter label input,
#contact_container .table_template .dataTables_wrapper #dt-table_filter label input{
    margin:0;
    margin-top: 0;
    height: 40px;
    background: #E5E5E5 !important;
    border: 1px solid #CECECE;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 14px;
    margin-left: 10px;
}

#contact_container .table_template .dataTables_wrapper table{margin:20px 0 !important;border:none !important}
#contact_container .table_template .dataTables_wrapper table thead th{
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    padding: 0 15px;
    vertical-align: middle;
    color: #fff;
    background-color: #039DE3 !important;
    font-family: Montserrat, sans-serif;
    border:1px solid #CBCBCB !important;
}
#contact_container .table_template .dataTables_wrapper table thead th:before,
#contact_container .table_template .dataTables_wrapper table thead th:after{content:none}

#contact_container .table_template .dataTables_wrapper table tbody td{
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    padding: 0;
    color: #464646;
    font-family: Montserrat, sans-serif;
    border:1px solid #CBCBCB !important;
    padding:0 15px;
}

#contact_container #mes_collaborateurs .dataTables_wrapper table tbody td{padding:10px 15px}
#contact_container #mes_collaborateurs .wv-label-danger{background:#D65151}
#contact_container #mes_collaborateurs .wv-label-success{background:linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6)}

#contact_container .table_template .dataTables_wrapper table tbody td.type_mands{text-align: center;color: #1CA2DB;}
#contact_container .table_template .dataTables_wrapper table tbody td.type_mands svg{display:block;margin:0 auto 10px;}

#contact_container .table_template .dataTables_wrapper table tbody td p{
    height: 50px;
    margin: 0 -15px;
    padding: 0 15px;
    line-height: 50px;}
#contact_container .table_template .dataTables_wrapper table tbody td p:nth-child(2n){background-color:#F8F8F8;}

#contact_container .table_template .dataTables_wrapper table tbody td .wv-button:focus{outline:none;}
#contact_container .table_template .dataTables_wrapper table tbody td .wv-button{
    transition: opacity .3s;
    border:none;
    font-size: 12px;
    margin: 0;
    width: 100%;
    margin: 5px 0;
    color:#fff;}
#contact_container .table_template .dataTables_wrapper table tbody td .wv-button svg{float: left;margin-right: 6px;}
#contact_container .table_template .dataTables_wrapper table tbody td .wv-button-red{background:#D65151;}
#contact_container .table_template .dataTables_wrapper table tbody td .wv-button-blue{background:linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6)}
#contact_container .table_template .dataTables_wrapper table tbody td .wv-button:hover{opacity:0.7}
#contact_container .table_template .dataTables_wrapper table tbody td .wv-button-green {
    background: linear-gradient(to right, #2bad35, #4dc325, #2ce424);
}

#contact_container .table_template #dt-tableReservation_paginate .pagination li.active a,
#contact_container .table_template #dt-tableImports_paginate .pagination li.active a,
#contact_container .table_template #dt-tableHonoraire_paginate .pagination li.active a,
#contact_container #invoices .dataTables_paginate .pagination li.active a,
#contact_container .table_template #dt-table_paginate .pagination li.active a{
    transition: opacity .3s;
    background: linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6);
    border: 0;
    font-weight: 600;
    border: 1px solid #2583E8;
    padding: 0 10px !important;}

#contact_container .table_template #dt-tableReservation_paginate .pagination li.active a:hover,
#contact_container .table_template #dt-tableImports_paginate .pagination li.active a:hover,
#contact_container .table_template #dt-tableHonoraire_paginate .pagination li.active a:hover,
#contact_container #invoices .dataTables_paginate .pagination li.active a:hover,
#contact_container .table_template #dt-table_paginate .pagination li.active a:hover{opacity:0.7;border:0}

#contact_container .table_template #dt-tableReservation_paginate .pagination li.active a:focus,
#contact_container .table_template #dt-tableImports_paginate .pagination li.active a:focus,
#contact_container .table_template #dt-tableHonoraire_paginate .pagination li.active a:focus,
#contact_container #invoices .dataTables_paginate .pagination li.active a:focus,
#contact_container .table_template #dt-table_paginate .pagination li.active a:focus{outline:none}

#contact_container .table_template #dt-tableReservation_paginate .pagination li.previous,
#contact_container .table_template #dt-tableImports_paginate .pagination li.previous,
#contact_container .table_template #dt-tableHonoraire_paginate .pagination li.previous,
#contact_container #invoices .dataTables_paginate .pagination li.previous,
#contact_container .table_template #dt-table_paginate .pagination li.previous,
#contact_container .table_template #dt-tableReservation_paginate .pagination li.next,
#contact_container .table_template #dt-tableImports_paginate .pagination li.next,
#contact_container .table_template #dt-tableHonoraire_paginate .pagination li.next,
#contact_container #invoices .dataTables_paginate .pagination li.next,
#contact_container .table_template #dt-table_paginate .pagination li.next{
    margin:0;
    background: #E5E5E5 !important;
    border: 1px solid #CECECE;
    border-radius: 5px;
    color: #B9B8B8 !important;
    font-size: 14px !important;}

#contact_container .table_template #dt-tableReservation_paginate .pagination .paginate_button,
#contact_container .table_template #dt-tableImports_paginate .pagination .paginate_button,
#contact_container .table_template #dt-tableHonoraire_paginate .pagination .paginate_button,
#contact_container #invoices .dataTables_paginate .pagination .paginate_button,
#contact_container .table_template #dt-table_paginate .pagination .paginate_button{border:0;margin: 0 10px;}

#contact_container .table_template #dt-tableReservation_paginate .pagination .paginate_button:hover,
#contact_container .table_template #dt-tableImports_paginate .pagination .paginate_button:hover,
#contact_container .table_template #dt-tableHonoraire_paginate .pagination .paginate_button:hover,
#contact_container #invoices .dataTables_paginate .pagination .paginate_button:hover,
#contact_container .table_template #dt-table_paginate .pagination .paginate_button:hover{border:0 !important;background-color: transparent !important;}

#errorModal .modal-header{border:0;padding-bottom:0}
#errorModal .modal-header .close{    
    margin: 0;
    position: static;
    line-height: 20px;
    font-weight: normal;}

#errorModal .modal-body{text-align: center;}
#errorModal .modal-body .cas-item{
    display: flex;
    align-items: center;
    border: 1px solid;
    margin-bottom: 20px;
    padding: 20px;
    border-left: 12px solid;
}
#errorModal .modal-body .cas-item  svg{margin-right:30px}
#errorModal .modal-body .cas-item span{font-weight: 600;font-size: 14px;}

#errorModal .modal-body .cas-item.green{border-color: #3BAD4D;}
#errorModal .modal-body .cas-item.green span{color:#3BAD4D}

#errorModal .modal-body .cas-item.blue{border-color: #18B2D6;}
#errorModal .modal-body .cas-item.blue span{color:#18B2D6}

#errorModal .modal-body .cas-item.red{border-color: #D65151;display:block}
#errorModal .modal-body .cas-item.red span{color:#D65151}

#errorModal .modal-body .cas-item .btn-download{
    margin-left: auto;
    border: 1px solid #D65151;
    background-color:#fff;
    transition: background-color .3s;
    border-radius: 5px;
    padding: 8px 16px;
    font-size: 12px;
    color: #D65151;
    font-weight: 600;}
#errorModal .modal-body .cas-item .btn-download:hover{background-color:#D65151;color:#fff;}
#errorModal .modal-body .cas-item .btn-download:hover svg path{fill:#fff}
#errorModal .modal-body .cas-item .btn-download svg{margin-right: 10px;float: left;}

#errorModal .modal-body .cas-item .head{display:flex;align-items: center;}
#errorModal .modal-body .cas-item .body{margin-top:20px}
#errorModal .modal-body .cas-item .body table{width:100%;}
#errorModal .modal-body .cas-item .body table {height:40px !important;}
#errorModal .modal-body .cas-item .body table th{
    letter-spacing: 0.5px;
    border:1px solid #70707094;
    text-align: center !important;
    vertical-align:middle;
    background:#D65151;
    color:#fff;
    font-weight: 600;
    font-size: 12px;
    padding:0 15px;
    height:40px;
}
#errorModal .modal-body .cas-item .body table td{
    border:1px solid #70707094;
    text-align: center !important;
    vertical-align:middle;
    color:#403F3F;
    font-weight: 400;
    font-size: 12px;
    padding:0 15px;
    height:40px;
}



/************* RESPONSIVE **************/

@media (max-width:999px){
    .filtre_relance label span{font-size: 12px;}
}
@media (max-width: 1400px) {
    #bien_details .nav-sous-tabs .nav-item{
        flex-direction: column;
    }
    #mes_collab_log table tbody td,
    #assign_collab table tbody td{font-size:13px;}
    
    .prixfourchette p,
    .prixfourchette .prix_non_valide .prix_estime{font-size:12px !important}​​​​​​​
    #filtres-bloc .f-body label {
        font-size: 14px;
    }
    #filtres-bloc {
        width: 93%;
        max-width: 1200px;
    }
    .db-head .col-left h2 {
        font-size: 18px
    }
}

@media (max-width:1200px) {
    #filtres-bloc {
        width: 100%;
        max-width: 100%;
    }
    #filtres-bloc .f-body label {
        font-size: 12px;
    }
    #selection-bloc .propSelected label {
        font-size: 12px;
    }
    #selection-bloc .propSelected .styled-checkbox+label:before {
        margin-right: 10px
    }
    .print-page {
        max-width: 95%;
    }
    .db-body .contact-item.blocommission .reminder-editcommission .edit_commission{
        font-size: 10px;
        padding: 0 15px;
    }
    .db-body .contact-item.blocommission .reminder-buttons label{font-size:10px;padding:0 15px}
    .db-body .contact-item.blocommission .reminder-buttons label svg{width:20px;height:20px}
    .db-body .contact-item.blocommission .reminder-editcommission p,
    .db-body .contact-item.blocommission .reminder-buttons p,
    .db-body .contact-item.blocommission .reminder-commission p{font-size: 10px !important;margin-right:20px}
    .db-body .contact-item.blocommission .reminder-editcommission span,
    .db-body .contact-item.blocommission .reminder-buttons span,
    .db-body .contact-item.blocommission .reminder-commission span{font-size: 10px !important;}
    .db-body .contact-item.blocommission .reminder-commission .submit_commission{font-size: 10px;padding:0 10px}
    .db-body .contact-item.blocommission .reminder-commission input{min-width:120px}
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting {
    background-image: url("/DataTables-1.10.20/images/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("/DataTables-1.10.20/images/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("/DataTables-1.10.20/images/sort_desc.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("/DataTables-1.10.20/images/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("/DataTables-1.10.20/images/sort_desc_disabled.png")
}

table.dataTable tbody tr.selected {
    background-color: #B0BED9
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #ddd
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1
}

table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
    background-color: #fafafa
}

table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: whitesmoke
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fcfcfc
}

table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fefefe
}

table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ececec
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #efefef
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em
    }
    #contactinfos .modal-dialog{width:90% !important}
    #contactinfos .modal-content .modal-body{width:70%;}

}

table.DTCR_clonedTable.dataTable {
    position: absolute !important;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 202
}

div.DTCR_pointer {
    width: 1px;
    background-color: #0259C4;
    z-index: 201
}

table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
    background-color: white
}

div.DTFC_Blocker {
    background-color: white
}

div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
    z-index: 2
}

div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer {
    border-bottom: none
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: white
}

table.fixedHeader-floating.no-footer {
    border-bottom-width: 0
}

table.fixedHeader-locked {
    position: absolute !important;
    background-color: white
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

table.dt-rowReorder-float {
    position: absolute !important;
    opacity: 0.8;
    table-layout: fixed;
    outline: 2px solid #888;
    outline-offset: -2px;
    z-index: 2001
}

tr.dt-rowReorder-moving {
    outline: 2px solid #555;
    outline-offset: -2px
}

body.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

table.dataTable td.reorder {
    text-align: center;
    cursor: move
}

div.dts {
    display: block !important
}

div.dts tbody th,
div.dts tbody td {
    white-space: nowrap
}

div.dts div.dts_loading {
    z-index: 1
}

div.dts div.dts_label {
    position: absolute;
    right: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    text-align: right;
    border-radius: 3px;
    padding: 0.4em;
    z-index: 2;
    display: none
}

div.dts div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)
}

div.dts div.dataTables_scrollBody table {
    z-index: 2
}

div.dts div.dataTables_paginate,
div.dts div.dataTables_length {
    display: none
}

.switch_back_account {
    cursor: pointer;
    text-align: right;
    display: block;
    width: 100%;
    color: #333;
    margin-bottom: 8px;
    border: 0;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}

.connectedas {
    margin: 0;
}

ul.row.list-actions.noadmin li {
    /*width: calc(100% / 4);*/
}

.badge-valider {
    background: linear-gradient(to left, #3ae825, #6bcf4a, #41b711) !important;
    border: 1px solid #78b045;
    color: #fff;
    padding: 2px 17px;
    border-radius: 10px;
    margin-left: 10px;
}

.validation {
    position: relative;
}

.validation .badge-valid {
    position: absolute;
    top: 10px;
    right: 0;
}

span.badge-valid img {
    margin-right: 2px;
}

.relance-col {
    padding: 11px 0!important;
}

.page_biens .filter_date .bs-caret {
    top: 25px !important;
}

.nom_ville {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}


/*-------------radio bouton pour genre -------------*/

.radio-groupe {
    display: block;
}

.radio-groupe .genre-label {
    margin-right: 10px;
    display: inline-block !important;
}

.radio-groupe .genre-label input {
    width: auto !important;
    margin-right: 8px;
    height: auto;
}


/*-------------end radio bouton pour genre --------*/


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

.collaborateur-radio .m-radio.m-radio--state-brand>span {
    border: 1px solid #339af0;
}

.collaborateur-radio .m-radio>input:checked~span {
    border: 1px solid #bdc3d4;
}

.collaborateur-radio .m-radio:hover>input:not([disabled]):checked~span,
.collaborateur-radio .m-radio>input:checked~span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.collaborateur-radio .m-radio.m-radio--bold>span {
    border-width: 2px !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.collaborateur-radio .m-radio>input:checked~span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: none;
}

.collaborateur-radio .m-radio>input:checked~span:after {
    display: block;
}

.collaborateur-radio .m-radio.m-radio--state-brand>span:after {
    border: solid #339af0;
    background: #339af0;
}

.collaborateur-radio .m-radio>span:after {
    border: solid #7281a4;
    background: #7281a4;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    height: 6px;
    width: 4px;
    border-radius: 100% !important;
    content: '';
    position: absolute;
    display: none;
}

.collaborateur-radio .m-radio>span {
    border-radius: 50%!important;
    border: 1px solid #bdc3d4;
    border-radius: 3px;
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
}

.collaborateur-radio .m-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.collaborateur-radio .m-radio:last-child {
    margin-bottom: 5px;
}

.collaborateur-radio .m-radio {
    color: #575962;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#contact_container .codepostaux .select2-container,
#contact_container .codeiris .select2-container {
    width: 100% !important;
}

#contact_container .select2-selection {
    height: auto !important;
}

#contact_container .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    position: relative;
}

#contact_container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
}


/*------------Page Ajouter contact--------------*/

.contact_title {
    font-size: 14px;
}

.center {
    text-align: center;
}

.ajouterImportContact .form-group label {
    color: #707070;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
}
.ajouterImportContact .form-group .info-span{
    font-size: 12px;
    font-weight: 600;
    color: #adadad;
}
.ajouterImportContact legend {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-bottom: none;
    text-align: center;
    background: linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6);
    border-radius: 20px;
    padding: 10px;
    min-height: 45px;
}

.ajouterImportContact .form-control {
    background: #F7F7F7 !important;
    border: 0 !important;
    box-shadow: none;
    border-radius: 20px;
    padding: 0 15px !important;
    text-align: center;
    font-size: 12px;
}

.ajouterImportContact #adresse {
    height: 45px
}

.ajouterImportContact #input_address, .ajouterImportContact #search_google{
    margin-top: 20px;
    font-size: 12px;
    font-weight: 600;
}

.ajouterImportContact .form-control::placeholder {
    color: #CBCBCB!important;
}

.ajouterImportContact .form-control::-moz-placeholder {
    color: #CBCBCB!important;
}

.ajouterImportContact .form-control::-webkit-input-placeholder {
    color: #CBCBCB!important;
}

.ajouterImportContact .alert {
    border: 0;
    border-radius: 20px;
    text-align: center;
}

.ajouterImportContact .alert-danger {
    background: #fdeeee;
}

.ajouterImportContact .form-group .label-title,
#formProfil form .label-title {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    font-size: 14px;
}

.ajouterImportContact .form-group .label-title:before,
.ajouterImportContact .form-group .label-title:after,
#formProfil form .label-title:before,
#formProfil form .label-title:after{
    content: "";
    width: 30px;
    height: 1px;
    background: #70707042;
    display: inline-block;
}

.ajouterImportContact .form-group .label-title:before,
#formProfil form .label-title:before{
    margin-right: 20px;
}

.ajouterImportContact .form-group .label-title:after,
#formProfil form .label-title:after{
    margin-left: 20px;
}

.ajouterImportContact .map-bloc img {
    width: 100%;
    border-radius: 20px;
}

.ajouterImportContact fieldset {
    border-bottom: 1px solid #eee !important;
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
}

.ajouterImportContact fieldset .item {
    padding: 0 30px
}

.ajouterImportContact fieldset:last-child {
    border: 0 !important;
    margin: 0 !important;
}

.ajouterImportContact .body-fieldset {
    width: 75%;
    margin: 0 auto;
    overflow: hidden;
}

.ajouterImportContact .image-label,
#formProfil form .image-label {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 170px;
    width: 100%!important;
    border-radius: 10px;
    box-shadow: none;
    background-color: #fff;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    border: 1px solid #C6C6C6;
    text-align: center;
}

.ajouterImportContact form input[type="radio"]:checked+.image-label,
#formProfil form input:checked+.image-label{
    border: 2px solid #039DE3;
}

.ajouterImportContact .image-label img,
#formProfil form .image-label svg{
    width: auto;
    margin-bottom: 10px;
    height: 60px;
}

.ajouterImportContact .image-label input,
.ajouterImportContact input[type="radio"],
#formProfil form .radio-item input{
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 10px !important;
}

.ajouterImportContact .image-label span{display: block;padding: 0 5px}


.ajouterImportContact .infos_numerique .num_input,
.ajouterImportContact .infos-contact .contact-inf {
    margin: 10px 0;
}

.ajouterImportContact .checked-plus label {
    background: rgba(198, 196, 196, 0.27);
}

.ajouterImorterContact .checked-plus::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: red;
    top: 10px;
    right: 25px;
}

.ajouterImportContact .blue_button {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    padding: 6px 30px;
}

.ajouterImportContact .travaux .options-item {
    width: 240px;
    margin: 0 auto;
    overflow: hidden;
    height: 40px;
    border: 2px solid #1aa9d9;
    border-radius: 20px;
    line-height: 38px;
}

.ajouterImportContact .travaux .line-item {
    margin-top: 15px;
    margin-bottom: 30px;
    width: calc(100% - 60px);
}

.ajouterImportContact .travaux .options-item input[type="radio"]:checked+label {
    background: #1aa9d9;
    color: #fff
}

.ajouterImportContact .travaux .options-item .padd-0 {
    padding: 0
}

.ajouterImportContact .travaux .options-item label {
    margin: 0;
    cursor: pointer;
    background: #fff;
    color: #1aa9d9
}

.ajouterImportContact .travaux .options-item label:hover {
    background: #eee
}

.ajouterImportContact .travaux .options-item input[type="radio"] {
    height: 30px
}

.ajouterImportContact .travaux .options-item .label-oui {
    border-right: 2px solid #1aa9d9
}

.ajouterImportContact .travaux_particuliers {
    margin: 0;
    padding: 0 20px;
    margin-top: 50px;
}

.ajouterImportContact .travaux_particuliers .checkbox-element {
    margin: 0;
    padding: 0 6px
}

.ajouterImportContact .travaux_particuliers .image-label {
    height: 110px;
}

.ajouterImportContact .travaux_particuliers .image-label img {
    height: 40px
}

.ajouterImportContact .travaux_particuliers .image-label span {
    font-size: 11px;
}

.ajouterImportContact .checked-plus label {
    background: none;
    border: 2px solid #1aa9d9
}

.ajouterImportContact .plus-items .checkbox-element {
    margin: 0;
}

.ajouterImportContact .infos-contact {
    text-align: left;
}

.ajouterImportContact .infos-contact label {
    text-align: left;
}

.ajouterImportContact .infos-contact .form-control {
    border: 1px solid #E5E5E5 !important;
    border-radius: 10px;
    text-align: left
}

.ajouterImportContact .infos-contact .btn-add {
    text-align: center;
    margin-top: 50px;
    position: relative
}

.ajouterImportContact .infos-contact .btn-add hr {
    width: 65%;
}

.ajouterImportContact .infos-contact .btn-add .posit-abs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
    background: #ffff;
    display: inline-block;
    max-width: 220px;
    margin: 0 auto;
}

.ajouterImportContact .infos-contact .btn-add button {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-bottom: none;
    text-align: center;
    background: linear-gradient(to left, #2583E8, #1CA2DC, #18AFD6);
    border-radius: 20px;
    padding: 8px;
    border: 0;
    width: 180px;
}

.ajouterImportContact .infos-contact .btn-add button:focus {
    outline: none
}

.ajouterImportContact .infos-contact .btn-add button:hover {
    background: #18AFD6;
}

.ajouterImportContact .infos-contact .pourcentageVente {
    background-image: url("../Resources/public/img/bien/calendar.png") !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important;
    background-size: auto !important;
}

.ajouterImportContact input[type="number"] {
    -moz-appearance: textfield;
    padding-right: 30px !important;
}

.ajouterImportContact input[type="number"]::-webkit-inner-spin-button,
.ajouterImportContact input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#formProfil form{overflow: hidden;width: 100%;}
#formProfil form .radio-item input{margin:0 auto;left:0;right:0;top:10px;}
#formProfil form .image-label{padding:0;margin:0}
#formProfil form .image-label:before{content:none;}
#formProfil form .image-label p{margin:0;padding: 0 5px;}
#formProfil .collaborateur-radio{width:100%;overflow:hidden;}
#formProfil .mandat{margin-top:50px;margin-bottom: 50px;}
#formProfil form .image-label svg{margin-bottom: 20px;}

#formProfil .codepotaux{margin-bottom: 30px;}
#contact_container #formProfil .codepotaux .select2-selection{display: flex;align-items: center;}
#contact_container #formProfil .commissionRow input,
#contact_container #formProfil .codepotaux .select2-selection{
    background: #F7F7F7 !important;
    border: 0 !important;
    box-shadow: none;
    border-radius: 10px;
    padding: 0 15px !important;
    text-align: left;
    font-size: 12px;
    height:40px !important;
}
#contact_container #formProfil .codepotaux .select2-selection .selection__choice{margin-bottom: 4px;}
#contact_container #formProfil .codepotaux .select2-container{width:100% !important}
#contact_container #formProfil .commissionRow input[type="number"]{ -moz-appearance: textfield;padding-right: 30px !important;}
#formProfil .commissionLabels label,
#formProfil .codepotaux label,#formProfil .globalform label{
    color: #707070;
    text-align: left;
    width: 100%;
    margin-bottom: 12px;
    margin-top: 0;
    font-size: 14px;
    padding:0}
#formProfil .globalform label{
    margin: 8px 0 !important;
}
#formProfil .globalform label.error{
    color: red;
    font-size: 12px;
}
#formProfil .commissionLabels label.error{
    position: absolute;
    bottom: -26px;
    margin: 0;
    color: #b92c28;
    font-size: 12px;
}

#formProfil .commissionRow{
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
}
#formProfil .commissionLabels{
    display: flex;
    flex-direction: row;
    align-items: center;
}

#formProfil .commissionRow .actions{text-align: left;}
#formProfil .commissionRow .actions .delete{
    background-image:none;
    background-color:#b92c28 !important;
    transition: background-color .3s;
    border:1px solid #b92c28;
    line-height: 0;
    padding: 10px;
    border-radius: 50%;
}
#formProfil .commissionRow .actions .delete:hover{background-color: #fff !important;}
#formProfil .commissionRow .actions .delete:hover svg path{fill:#b92c28}
#formProfil .commissionRow .actions label{font-size: 0;}
#formProfil .commissionRow .text-left,#formProfil .commissionLabels .text-left{flex-grow: 1;margin-right: 20px;}

#formProfil .submitbutton{display: flex;width: 100%;align-items: center;padding-top: 15px;}
#formProfil .submitbutton .btn{
    font-size: 14px;
    font-weight: 600;
    transition: background-color .3s;
    border-bottom: none;
    text-align: center;
    border-radius: 10px;
    padding: 0 20px;
    background-image: none;
    line-height: 14px;
    height: 40px;
    box-shadow: none;
}
#formProfil .submitbutton .btn svg{float:left;margin-right:10px}

#formProfil .submitbutton .btn.btn-success{
    background-color: #3BAD4D;
    border: 1px solid #3BAD4D;
    color: #fff;
}
#formProfil .submitbutton .btn.btn-success:hover{
    background-color: #fff;
    color:#3BAD4D;
}
#formProfil .submitbutton .btn.btn-success:hover svg line{
    stroke:#3BAD4D;
}

#formProfil .submitbutton .btn.btn-save{
    background: linear-gradient(to left, #2583E8, #1CA2DC, #18AFD6);
    color: #fff;
    border:1px solid #039DE3;
}
#formProfil .submitbutton .btn.btn-save:hover{
    background:  linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6);
}

#formProfil .submitbutton .btn-retour{
    margin-right: 12px;
    background-color: #fff;
    color: #039DE3;
    border:1px solid #039DE3;
}
#formProfil .submitbutton .btn.btn-retour:hover{
    background-color: #039DE3;
    color: #fff;
}

.contact_box.fiche_collaborateur{padding-bottom:30px;padding-top: 40px;}

.quantity {
    position: relative;
}

.quantity input {
    border: 0 none;
    -moz-appearance: textfield;
}

.quantity input::-webkit-inner-spin-button,
.quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity__btn {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
}

.quantity:hover .quantity__btn {
    opacity: 1
}

.quantity__btn--up {
    background: url("../Resources/public/img/bien/arrow-top.png") no-repeat center;
    background-size: contain;
    top: 8px;
}

.quantity__btn--down {
    background: url("../Resources/public/img/bien/arrow-bottom.png") no-repeat center;
    background-size: contain;
    bottom: 8px;
}

@media (min-width: 992px) {
    #relance_form {
        /*min-height: 480px;*/
        height: auto;
    }
    .relances_tab .col-custom-md {
        width: 19.999999%;
    }
}

@media (max-width: 1279px) {
    .header_login>img {width: fit-content;}
    .control{padding:0 !important;}
    .inscribtn{    
        white-space: break-spaces;
        width: 100%;
        height: auto;
    }
    .section-reset{top:30%;}
}

/*** Fourchette bloc ****/

.reminder-fourchette {
    margin-bottom: 40px;
    box-shadow: 0 0 7px 0 #00000030;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    padding: 10px 0;
    align-items: center;
    border: 0;
    width: max-content;
    padding-right: 20px;
    margin: 0 auto 30px !important;
    width:100%;
}

.reminder-fourchette .reminder-img img {
    width: auto;
}

.reminder-fourchette .reminder-prix {
    padding-left: 20px
}

.prixfourchette.contact-item {
    margin: 10px 0
}

.prixfourchette p,
.blocommission p {
    color: #707070;
    font-weight: normal;
    font-size: 12px !important;
    margin-bottom: 10px;
    line-height: 15px;
}
.prixfourchette p span,
.blocommission p span  {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #0B4378;
    margin-left: 15px !important;
}

.prixfourchette .fourchette_title{display: flex;align-items: center;}
.prixfourchette .fourchette_title span{margin-left:auto}

.prixfourchette .reminder-prix{min-width: 460px;}

.prixfourchette .prix_valide.invisible,
.prixfourchette .prix_non_valide.invisible {
    display: none !important
}

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

.prixfourchette .prix_valide p {
    margin: 0;
    color: #403F3F;
    margin-right: 15px;
}

.prixfourchette .prix_valide .prix_fourchette_valide {
    color: #fff;
    border: 0;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    transition: 0.2s background-color;
}

.prixfourchette .prix_valide .prix_valider {
    background-color: #5cb85c;
    border: 1px solid green;
    margin-right: 20px;
}

.prixfourchette .prix_valide .prix_valider:hover {
    background-color: green
}

.prixfourchette .prix_valide .prix_non_valider {
    border: 1px solid #c50a0a;
    background-color: #d9534f;
}

.prixfourchette .prix_valide .prix_non_valider:hover {
    background-color: #c50a0a;
}

.prixfourchette .prix_valide span.glyphicon {
    opacity: 1 !important;
    margin-right: 5px;
}

.prixfourchette .prix_non_valide .prix_estime {
    margin-right: 8px;
    margin-bottom: 0;
    color: #3E3E3E;
    font-weight: 600;
}

.prixfourchette .prix_non_valide .prix_item{display: flex;align-items: center;margin-bottom: 10px;}

/* Toggle fourchette button */
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette{
    position: relative;
    width: 250px;
    height: 26px;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0px 0px 4px rgb(97 97 97 / 25%);
    margin-left: auto;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .checkbox-btn{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs,
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .layer{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs{z-index: 2;}
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .layer{
    width: 100%;
    background-color: #fff;
    transition: 0.3s ease all;
    z-index: 1;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs:before,
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs:after,
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs span{
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    text-align: center;
    padding: 0 6px;
    transition: 0.3s ease all;
    font-weight: 500;
    font-size: 10px;
    line-height: 26px;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs:before{
    content: '';
    right: 0;
    background-color: #2C88E4;
    border-radius: 18px;
    color: #fff;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs:after{
    content: 'Prix fixe';
    right: 0;
    color: #fff;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .knobs span{
    display: inline-block;
    left: 0;
    color: #707070;
    z-index: 1;
}

.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .checkbox-btn:checked + .knobs span{color: #fff;}
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .checkbox-btn:checked + .knobs:before{left: 0;right:auto;background-color: #2C88E4;}
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .checkbox-btn:checked + .knobs:after{color: #707070;}
.prixfourchette .prix_non_valide .prix_item .toggle-fourchette .checkbox-btn:checked ~ .layer{background-color: #fff;}
/* /Toggle fourchette button */

.prixfourchette .prix_non_valide .grouped_price{display: flex;align-items: center;}
.prixfourchette .prix_non_valide .grouped_price .input_item{
    position:relative;
    margin-right: 10px;
    width: 125px;
    height: 26px;
    opacity: 1;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.prixfourchette .prix_non_valide .grouped_price .input_item.invisible_input{
    opacity:0;
    width:0;
}
.prixfourchette .prix_non_valide .grouped_price .approxim {
    width: 100%;
    border: 1px solid #15bad8;
    border-radius: 24px;
    margin: 0;
    height: 100%;
    padding: 0 10px;
    font-size: 12px;
    padding-right: 22px;
    -moz-appearance: textfield;
}
.prixfourchette .prix_non_valide .grouped_price .approxim:focus,
.prixfourchette .prix_non_valide .grouped_price .approxim:focus-visible{outline:none}

.prixfourchette .prix_non_valide .grouped_price .approxim::-webkit-outer-spin-button,
.prixfourchette .prix_non_valide .grouped_price .approxim::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.prixfourchette .prix_non_valide .grouped_price span {
    position: absolute;
    right: 10px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #27AFD4;
    margin: 0;
    top: 5px;
    font-weight: 600;
}
.avis_fourchette{font-size: 11px !important;}
.prixfourchette .prix_non_valide .grouped_price .submit_chiffrage,
.avis_fourchette .changer_est {
    width: auto;
    background: linear-gradient(90deg, #27AFD4 0%, #2C87E4 100%);
    border-radius: 23px;
    /* padding: 0 12px; */
    font-size: 11px !important;
    color: #fff;
    height: 26px;
    border: 1px solid #18AFD6;
    font-weight: normal;
    letter-spacing: 0;
}

.avis_fourchette .changer_est {
    margin-left: 6px;
}


.prixfourchette .prix_non_valide .grouped_price .submit_chiffrage:hover {
    background: linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6) !important;
}

.prixfourchette .prix_non_valide .grouped_price .submit_chiffrage span {
    margin: 0
}

.prixfourchette .prix_non_valide .grouped_price .submit_chiffrage span:before {
    font-weight: normal;
    font-size: 12px;
    margin-right: 5px;
}

.tab-items .d-close img {
    width: 13px
}

@media (max-width: 1350px) {
    .reminder-fourchette .reminder-img img {
        width: 60px
    }
    .prixfourchette p,
    .prixfourchette .prix_valide .prix_fourchette_valide {
        font-size: 12px
    }
}

.liste_relances_section {
    margin-bottom: 30px;
}

#p3.slide-up {
    padding-right: 60px;
    position: absolute;
    background: #ffFFFF;
    animation-name: slide-up;
    animation-duration: .6s;
    border-bottom: 1px solid #ddd;
    width: calc(100% - 40px);
    padding-bottom: 10px;
}

.icon-oeil.active {
    background: url(../Resources/public/img/fermer.png) no-repeat center;
    background-size: 20px;
}

@keyframes slide-up {
    from {
        transform: translateY(-10%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.width20 {
    width: 20% !important;
}

.width25 {
    width: 25% !important;
}

.boutondetail {
    width: 100%;
    background: linear-gradient(to left, #2583E8, #1CA2DC, #18AFD6) !important;
    border-radius: 20px;
    padding: 12px !important;
    transition: 0.2s background;
}

.boutondetail:hover {
    background: linear-gradient(to right, #2583E8, #1CA2DC, #18AFD6) !important;
}

.imagebien {
    width: 405px;
    height: 250px;
    margin-bottom: 28px;
    border-radius: 6px;
}

.contact-item .label-color {
    color: #707070;
}

.width40 {
    width: 40px !important;
}

.width65 {
    width: 65px !important;
}

.onglets-vendeurs {
    position: fixed;
    top: 170px;
    width: auto;
    left: 0;
}

.onglets-vendeurs .full_nav a {
    height: 50px !important;
    padding: 15px 10px !important;
    font-size: 12px;
    white-space: nowrap;
}

table#biens .introjs-fixParent {
    position: relative !important;
}

.introjs-tooltipbuttons a:focus {
    outline: none !important;
}

.introjs-tooltip {
    min-width: 300px !important;
    font-size: 16px !important;
    padding: 15px !important;
}

.introjs-skipbutton {
    margin-right: 10px !important;
    color: #333 !important;
    background: transparent !important;
    padding: 10px !important;
    border: none !important;
    font-size: 12px !important;
    text-shadow: none !important;
    line-height: 12px !important;
}

.introjs-skipbutton:hover {
    color: #333 !important;
    background: transparent !important;
}

.introjs-nextbutton,
.introjs-prevbutton {
    color: #fff !important;
    background: #337ab7 !important;
    padding: 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    text-shadow: none !important;
    line-height: 12px !important;
}

.mesure {
    font-weight: 600;
    line-height: 40px;
    display: inline-block;
}

.surface-terrasse,
.surface-cave {
    width: calc(100% - 35px);
    float: left;
}

.error-danger {
    font-size: 13px;
    font-weight: 600;
    margin: 15px 0;
    color: #f40909;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}


/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */

@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

.mailVu {
    color: #0abb87;
    display: inline !important
}


#contact_container .import_table{
    margin: 30px 0;
    overflow: auto;
    max-height: 250px;
}
#contact_container .import_table table{
    border:0;
    text-align:left;
    white-space: nowrap;
    position: relative;
    margin:0;
}

#contact_container .import_table table:before{
    content: "";
    background: linear-gradient(to left, #2583E8, #1CA2DC, #18AFD6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#contact_container .import_table table thead th{
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-align: left;
    font-size: 14px;
    border: 0;
    padding: 0 15px;
    position: relative;
    z-index: 99;
    background:transparent !important;
    height:50px}


.rdvactive {
    color: white;
    background-color: #5cb85c !important;
    cursor: pointer;
    padding: 2px 6px 1px 6px !important;
}

.rdvdesactive {
    cursor: pointer;
}

#contact_container .import_table table tbody td{
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    font-family: Montserrat, sans-serif;
    color: #464646;
    text-align: left;
    font-size: 12px;
    border: 0;
    padding: 0 15px;
    height:50px;
    border:0;
    border-right: 1px solid #CBCBCB;
}

#contact_container .import_table table tbody td:last-child{border-right:0;}
#contact_container .import_table table tbody tr:nth-child(2n) td{background: #F8F8F8 !important;}

img.cancelRdv{
    position: absolute;
    top: 12px;
    right: 2px;
}

img.cancelComment{
    position: absolute;
    top: 12px;
    right: 2px;
}

.cancelComment{
    cursor: pointer;
}

.width85{
    width: 85%;
}

.bravo-bloc{
    text-align: center;
    padding: 25px;
    margin: 60px auto;
    width: 70%;
    background: #F8F9FC;
    border-radius: 11px;
    box-shadow: 0 2px 16px #3953d638;
}
.bravo-bloc p{
    margin: 15px 0;
    font-weight: 600;
    border: 1px solid #1863c238;
    border-radius: 31px;
    display: inline-block;
    padding: 10px 30px;
    color: #415464;
    margin-bottom: 0;
}
.bravo-bloc svg{
    display: block;
    margin: 0 auto;
}


.mapBien {
    display: block;
    width: 343px;
    position: fixed;
    top: 12px;
    right: 0px;
    bottom: 0px;
    height: 260px;
    left: -11px;
    z-index: 50000;
    outline: 0px;
    margin-left: -30px !important;
    padding-right: 10px;
}

.mapBien .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.mapBien .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.mapBien .modal-content {
    height: 240px;
    margin-left: 40px;
}
.mapBien .modal-content {
    border-radius: 0;
}

.mapBien .modal-arrow {
    margin-top: 10%;
}

.mapBien .modal-arrow {
    content: "";
    display: block;
    position: fixed;
    bottom: -19px;
    left: 170px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: #ffffff transparent transparent transparent;
}
/**** Notes ******/
.notes{margin:50px -15px 20px;display:flex;}

.notes .note_item {
    box-shadow: 0 8px 16px #3953d638;
    border: 1px solid #70707017;
    border-radius: 13px;
    height: 100%;
    position:relative
}
.notes .note_item .note_icon{
    transition:background-color .3s;
    width: 60px;
    height: 60px;
    box-shadow: 0px 3px 6px #00000030;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notes .note_item h2{
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    margin: 0;
    padding: 20px;
    padding-top: 50px;
    border-radius: 13px 13px 0 0;
    transition: background-color .4s, color .3s;
    min-height: 100px;
}

.notes .note_item.red h2{color: #fff;background-color: #CC0B0B;}
.notes .note_item.blue h2{color: #fff;background-color: #039DE3;}
.notes .note_item.green h2{color: #fff;background-color: #129618;}

.notes .note_item ul{padding:20px;}
.notes .note_item li{margin-bottom: 10px;}
.notes .note_item li:last-child{margin-bottom: 0;}
.notes .note_item ul span, .notes .note_item ul strong{font-size:12px;color:#403F3F}
.notes .note_item ul span {display: block;line-height: 20px}

.doublon_number{
    vertical-align: middle;
    float: none;
    background: #fff;
    border-radius: 50%;
    padding: 4px 6px;
    font-weight: 900;
    font-size: 10px;
    color: #0466C6;
    line-height: 14px;
    min-width: 20px;
    text-align: center;
}


.doublon_number + .tooltip,
.bouton-info-v + .tooltip,
.tooltip_biens{
    opacity:1;
    display: block !important;
    z-index: 999;
}
.td-parent .tooltip{
    z-index: 999;
}

.doublon_number + .tooltip  .tooltip-arrow,
.bouton-info-v + .tooltip .tooltip-arrow,
.tooltip_biens .tooltip-arrow{border-top-color: #fff !important;}

.doublon_number + .tooltip  .tooltip-inner,
.bouton-info-v + .tooltip  .tooltip-inner,
.tooltip_biens .tooltip-inner{
    font-family: Arial;
    font-size: 11px;
    border-radius: 6px !important;
    box-shadow: 0 8px 16px 0 rgba(57, 83, 214, 0.2);
    background: #fff;
    padding: 12px 0 6px 0 !important;
    max-width: 200px !important;
}
.doublon_number + .tooltip  .tooltip-inner p,
.bouton-info-v + .tooltip  .tooltip-inner p,
.tooltip_biens .tooltip-inner p{
    white-space: break-spaces;
    color: #415464;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 14px;
    font-size: 12px;
}
.doublon_number + .tooltip  .tooltip-inner li,
.tooltip_biens .tooltip-inner li{
    color:#0466C6;
    border-bottom: 1px solid #9ea3a829;
    padding: 6px 10px;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: 500;
}
.doublon_number + .tooltip  .tooltip-inner li:last-child,
.tooltip_biens .tooltip-inner li:last-child{
    color:#1863c2;
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

.group_btnadresse{
    right: 40px;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 2px;
}
.container_comment, .container_provenance{
    display: flex;
    align-items: center;
    height: 39px;
}
/** Custom Select **/
.custom-select {
    position: relative !important;
    display: inline-block !important;
    padding-top: 15px !important;
    margin-left: 50px !important;
}

.custom-select-trigger {
    position: relative;
    padding: 7px 50px 7px 7px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display:flex;
    align-items: center;
    width:300px;
    min-height: 56px;
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    color: #fff;
}

.custom-select-trigger2,
.custom-select-trigger3{
    position: relative;
    padding: 7px 50px 7px 7px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    min-height: 50px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    width: 100%;
}

.custom-options .custom-select2:last-child .custom-select-trigger2{border-bottom:0}
.custom-options .custom-select2:last-child .custom-options2 .custom-option2{border-top:1px solid rgba(255, 255, 255, 0.5);border-bottom: 0;}

.active_select:after, .custom-select-trigger2:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after,
.custom-select2.opened .custom-select-trigger2:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options{
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0;
    background: rgb(42 127 231);
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display:block;
    min-width: 100%;
    margin: 10px 0;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    z-index: 9999;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    max-height: 300px;
    overflow-y: auto;
}

.custom-options2 {
    position: static;
    padding: 0;
    background: rgb(255 255 255 / 18%);
    cursor: pointer;
    border: 0;
    min-width: 100%;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    transition: all .4s ease-in-out;
    display:none;
    pointer-events:none;
}

.custom-select2.opened .custom-options2{
    display:block;
    pointer-events: all;
    transform: translateY(0);}

.custom-select.opened .custom-options{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-select .img-user{
    width:40px;
    height:40px;
    border-radius: 100%;
    margin-right: 10px;
}
.listContact .img-user{
    border-radius: 100%;
    width: 33px !important;
    height: 33px;
    margin-right: 15px !important;
    margin-top: -8px !important;
}
.custom-select .infos-user span{
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    color:#fff;
    margin-bottom: 5px;
    display:block
}

.custom-select .infos-user h3{
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 16px;
    color:#fff;
    margin:0;
}

.custom-select .infos-user small{
    color:#fff;
}

.custom-option, .custom-option2 {
    display: flex;
    align-items: center;
    position: relative;
    padding: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all .4s ease-in-out;
    min-height: 56px;
}

.custom-option:first-of-type{border-radius: 8px 8px 0 0;}
.custom-option:last-of-type{border-bottom: 0;border-radius: 0 0 8px 8px;}

.custom-option2:hover,
.custom-option2.selection {
    background: #fff;
}

.custom-option2:hover span,
.custom-option2.selection span,
.custom-option2:hover h3,
.custom-option2.selection h3{
    color: #2a7fe7;
}

#bien_details{
    z-index:9999;
}
.page_biens .navbg, .suivi_prospects .navbg{z-index:10 !important;}
.page_biens .navbg.indexed, .suivi_prospects .navbg.indexed{z-index:0 !important;}
#bodybiens{position: relative;z-index: 1;}
.page_biens .navbg.fixed, .suivi_prospects .navbg.fixed{z-index:999 !important}
/*.page_biens .navbg.index_top, .suivi_prospects .navbg.index_top{z-index: 0 !important;}*/

.pers_list_assigner{
    left: -33%;
    top: -195px;
}

.pers_list_one{
    left: -100%;
    top: -60px;
}

.pers_list_one:after{
    display: none;
}

.pers_list_assigner:after{
    border-bottom: unset;
    border-top: 8px solid white;
    bottom: unset;
    top: 100%;
}

/*** custom select > envoyer un mail *****/

.select-hidden,.option-hidden-maline,.option-hidden-agence,.option-hidden-user {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}
.custom_select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 220px;
    height: 40px;
}
.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 15px;
    background-color: #fff;
    padding: 8px 15px;
    width: calc(100% - 30px);
    border: 1px solid #12A2D0;
    border-radius: 5px;
    padding-right: 40px;
    color: #415464;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    line-height: 20px;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #12A2D0 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 20px;
}

.select-styled:active:after, .select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #12A2D0 transparent;
}
.select-options {
    display: none;
    position: absolute;
    top: 110%;
    right: 0;
    left: 15px;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    width: calc(100% - 30px);
    border: 1px solid #DBDDE1;
    border-radius: 10px;
    box-shadow: 0 8px 16px #00000029;
    padding:10px;
}
.select-options li {
    cursor: pointer;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border: 1px solid #DCE4EA;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #595D6E;
    font-weight: 500;
    font-size: 12px;
}
.select-options li:last-child{margin-bottom: 0;}
.select-options li:hover {
    border:1.5px solid #12A2D0
}

.select-options li[rel="hide"] {
    display: none;
}

.custom-select-gabarit{
    cursor: pointer;
    width: 100%;
}
.infos-gabarit h3{
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    line-height: 16px;
    margin: 0;
}
.infos-gabarit h3:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #12A2D0 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 35px;
}
.infos-gabarit.active_select h3:after {
    top: 9px;
    border-color: transparent transparent #12A2D0 transparent;
}
.custom-select-gabarit.opened .custom-options-gabarit {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}
.custom-select-gabarit-trigger{
    background-color: #fff;
    padding: 8px 15px;
    border: 1px solid #12A2D0;
    border-radius: 5px;
    padding-right: 40px;
    color: #415464;
    font-weight: 600;
    height: 40px;
    font-size: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 20px;
}
.custom-options-gabarit{
    overflow: hidden;
    position: absolute;
    top: 100%;
    cursor: pointer;
    display: block;
    margin: 10px 0;
    box-sizing: border-box;
    z-index: 9999;
    transition: all .4s ease-in-out;
    background-color: #fff;
    width: calc(100% - 30px);
    border: 1px solid #DBDDE1;
    border-radius: 10px;
    box-shadow: 0 8px 16px #00000029;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}
.custom-select-gabarit-trigger2 p{
    padding: 0;
    margin: 0;
}
.custom-select-gabarit-trigger2{
    cursor: pointer;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border: 1px solid #DCE4EA;
    color: #595D6E;
    font-weight: 500;
    font-size: 12px;
    position: relative;
    background: #edf1f4;
}
.custom-select-gabarit2.opened .custom-select-gabarit-trigger2:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-select-gabarit-trigger2:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #595D6E;
    border-right: 1px solid #595D6E;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}
.custom-select-gabarit2.opened .custom-options-gabarit2, .custom-select-gabarit2.opened .custom-options-gabarit3 {
    display: block;
    pointer-events: all;
    transform: translateY(0);
}
.custom-options-gabarit2, .custom-options-gabarit3{
    cursor: pointer;
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-bottom: 1px solid #DCE4EA;
    color: #595D6E;
    font-weight: 500;
    font-size: 12px;
    transition: all .4s ease-in-out;
    display: none;
    pointer-events: none;
}

.gabarit_active{
    background: #5096eb;
    color: #fff;
}

@media screen and (max-width:1400px){
    /*#bien_details .tab-items{width:70% !important;}*/
    #bien_details .nav-sous-tabs .nav-item img{display:block;margin:0 auto 10px;}
    #bien_details .nav-sous-tabs .width20{float:left}
    .modal-btns a, .modal-btns button, .boutondetail{
        font-size: 12px;
        word-break: break-word;
        white-space: normal;
        padding:10px
    }
    .liste_relances_section .rows .row-item .multi-badge .label{
        word-break: break-word;
        white-space: normal;
    }
}

@media screen and (max-width:1250px) {
    .prixfourchette .prix_non_valide{
        flex-direction: column;
        align-items: normal
    }
    .prixfourchette p,
    .prixfourchette .prix_non_valide .prix_estime{margin-bottom: 10px;}

}
@media screen and (max-width:1300px){
    .histo-item .histo-body p{font-size: 12px;}
    .db-body .contact-item.prixfourchette .avis_fourchette .changer_est{margin-top:10px}
    .reminder-fourchette{width:100% !important}
    .prixfourchette .prix_non_valide .grouped_price .submit_chiffrage,
    .avis_fourchette .changer_est{font-size:10px}

    .liste_relances_section .header .no-md-padd{padding:0}
    .onglets-vendeurs .full_nav a{font-size: 11px;padding: 15px 8px !important;}
}

@media screen and (max-width:1100px){
    .navlogo{padding:30px 0;float: left;}
    .navbar-brand > img{width: 100px;}
    .active_select:after, .custom-select-trigger2:after{right:15px;}
    .navbar-header .custom-select{margin-left: 25px;float: left;}
    .navbar-header .custom-select-trigger{
        width:230px;
        padding: 7px 22px 7px 7px;
    }
    .navbar-header .custom-select .infos-user h3{font-size: 12px;}
    .active_select:after, .custom-select-trigger2:after{right:10px;}

    .accnav > li{padding: 1px 8px 8px 8px !important;}
    .accnav > li > a{font-size: 7px;}

    .filterDate,
    .sousmenu .search,
    .page_biens .sousmenu .search{
        min-width: 150px;
        width: 180px !important;
    }

    .left_nav a{width:60px;}

    .modal-btns a,
    .modal-btns button{font-size:10px;}

    #selection-bloc {
        width: 800px !important;
        height: 100px;
        padding: 0 10px;
    }

    #selection-bloc .actions-item .list-actions>li{
        width: calc(100% / 7);
        padding: 13px 4px;
        background-size: 25px;
    }
    #selection-bloc .actions-item .list-actions>li>a{font-size:13px;}

    .histo-item .histo-body p{font-size:12px;}
    .histo-item .histo-body i.nav-link{
        width: 25px;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
    }

    .db-head .col-right{padding:0;}
    .db-head .col-right .imagebien{width: 100%;height: auto;}

    #mail_form{padding:0;}
    #mail_form form{margin: 0 -15px;}

    .tab-sous-items .modal-btns .blue-btn{margin-bottom: 10px;}

    .liste_relances_section .header h5{font-size:12px !important;}
    /* 
    .daterangepicker{
        width: 700px !important;
        right: 10px !important;
    } */
    .modal_datepicker_holder{
        position: relative;   
    }
    .modal_datepicker_holder .daterangepicker{
        left: 0!important;       
        top: 100%!important;        
        right: unset!important;       
        width: auto!important;        
    }

    .daterangepicker:before,
    .daterangepicker:after{content:none !important;}

    #nav_suivi_prospects a{
        padding: 0 14px;
        display: flex;
        align-items: center;
        font-size:12px;
    }
    .onglets-vendeurs .full_nav a{
        padding: 15px 5px !important;
        font-size: 10px;
    }
}

@media screen and (max-width:990px){
    .map-content-column{width:100%}
    .map-column{width:100%;height:400px}
    .onglets-vendeurs .full_nav a{
        padding: 10px 5px !important;
        font-size: 9px;
    }
}

@media screen and (max-width:870px) and (min-width:768px) {
    #bien_details .nav-sous-tabs .width20 {
        width: 50% !important;
        margin-bottom: 3px;
    }

    #bien_details .nav-sous-tabs .width20:last-child {
        width: calc(100% - 3px) !important;
    }

    #bien_details .nav-sous-tabs .nav-item img {
        display: inline-block;
        margin: 0 10px 0 0;
        height: 20px;
    }

    .histo-item .histo-body i.nav-link {
        width: 10px;
        border: 0;
    }

    div .accnav {
        width: auto !important;
        float: right !important;
    }

    .navlogo {
        padding: 28px 0
    }

    .navbar-brand > img {
        width: 80px
    }

    .page_biens .navbg, .suivi_prospects .navbg {
        padding: 0 0 0 10px
    }

    .navbar-header .custom-select {
        margin-left: 20px;
    }

    .navbar-header .custom-select-trigger {
        width: 170px;
        padding: 5px 20px 5px 5px;
    }

    .active_select:after, .custom-select-trigger2:after {
        width: 7px;
        height: 7px;
        right: 9px;
    }

    .accnav > li > a {
        font-size: 6px;
    }

    .navbar-header .custom-select .infos-user h3 {
        font-size: 10px;
    }

    .search .form-control, .filterDate {
        font-size: 10px;
    }

    .left_nav a {
        width: 50px;
        background-size: 25px;
    }

    #selection-bloc {
        width: 750px !important;
        height: 100px;
        padding: 0 10px !important;
    }

    .histo-item .histo-body p {
        font-size: 11px;
        margin: 0 4px;
    }

    .show-hide-relance {
        width: 120px !important;
    }

    .liste_relances_section .header h5 {
        font-size: 10px !important;
    }

    .liste_relances_section .rows .row-item .label {
        font-size: 9px;
    }

    #nav_suivi_prospects a {
        font-size: 12px
    }

    .filtre_relance label span {
        font-size: 10px;
    }

    .filtre_relance label {
        padding: 8px 15px;
    }
    .onglets-vendeurs .full_nav a {
        font-size: 7px;
        padding: 5px !important
    }
}

@media (min-width: 768px){
    #info_modal .modal-dialog {
        width: 800px;
    }
}

.prix-estimateur-rouge{
    background: #b8b8b8;
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    float: right;
    border-radius: 5px 0 0 5px;
    top: 12px;
    box-shadow: 0 3px 8px 0 rgb(57 83 214 / 20%);
}
.prix-estimateur-vert{
    background: #18c28c;
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    float: right;
    border-radius: 5px 0 0 5px;
    top: 12px;
    max-width: 70%;
    box-shadow: 0 3px 8px 0 rgb(57 83 214 / 20%);
}
/** Autocompelete input pour détail du bien **/

input#autocomplete_adresse.loading {
    pointer-events: none!important;
    background: #eee!important;
    color: #abaaaa!important;
}

/* arapha */
.btnsHolders
{
    position: absolute;
    bottom: 25px;
    left: 25px;
    display: flex;
    width: max-content;
    height: max-content;
}
.btnsHolders button{
   background-color: #18C28C;
   border: 0;
   outline: none;
   overflow: hidden;
   border-radius: 5px;
   margin-right: 20px;
}
.btnsHolders button.dangerBg{background-color: #FB6362;}
.btnsHolders button .flexBtn
{
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnsHolders button .flexBtn a
{
    font-size: 9px;
    font-weight: bold;
    font-family: 'Montserrat';
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
.btnsHolders button .flexBtn a img
{
    height: 15px;
    margin-right: 5px;
}

.btnsHolders button a:hover
{
    text-decoration: none;
}

.btnsHolders button .flexBtn .customCheck {
    display: block;
    position: relative;
    padding-left: 23px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .btnsHolders button .flexBtn .customCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .btnsHolders button .flexBtn .customCheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border-radius: 2px;
  }

  .btnsHolders button .flexBtn .customCheck .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .btnsHolders button .flexBtn .customCheck input:checked ~ .checkmark:after {
    display: block;
  }
  
 
  .btnsHolders button .flexBtn .customCheck .checkmark:after {
    left: 4px;
    top: 2px;
    width: 4px;
    height: 7px;
    border: solid #18C28C;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
/* arapha */

#gabarit_relance_send{
    margin-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.gabarit_relance_send .custom-options-gabarit{
    width: 100%;
}

.users_full_admin:hover{
    background: #fff;
}

.users_full_admin:hover .infos-user h3,.users_full_admin:hover .infos-user small{
    color: #2a7fe7;
}

/** Toast d'annulation d'action **/
.system-notice-container{
    min-width: max-content;
    min-height: 45px;
    display: flex;
    align-items: center;
    padding: 5px 15px 5px 20px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    box-shadow: 0px 6px 20px rgb(0 0 0 / 20%);
    background-color: #00ca72;
    color: #fff;
    pointer-events: auto;

}
.system-notice{
    z-index: 9999;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: max-content;
    width: 100%;
    left: 0;
    top: 10px;
}
.cancelAction{
    background-color: transparent;
    border: 1px solid #fff;
    color: white !important;
    font-weight: bold;
}
.glyphicon-ok-sign{
    font-size: 1.2em;
    padding-right: 10px;
}
.close-toast{
    cursor: pointer;
    padding-left: 15px;
    font-size: 15px;
}
#cancelaction-toast-content{
    padding-right: 15px;
}

/** Loading Image fiche bien **/
.loading-image-bien {
    background: url('../Resources/public/img/chargement-en-cours.gif');
    width: 305px;
    height: 250px;
    margin-bottom: 28px;
    border-radius: 6px;
    display: none;
}

#gabarit_relance_send{
    margin-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}

.gabarit_relance_send .custom-options-gabarit{
    width: 100%;
}

.users_full_admin:hover{
    background: #fff;
}

.users_full_admin:hover .infos-user h3{
    color: #2a7fe7;
}
.question-o_{
    font-style: normal;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    color: black;
}

/* Actions Marketing */

.hasSubMenu .subMenu_
{
    position: absolute;
    z-index: 401;
    top: 100%;
    left:0;
    background-color: #fff;
    box-shadow: 1px 1px 9px 0 rgb(4 102 230 / 25%);
    background-color: #fff;
    width: max-content;
    max-height: 0;
    border-radius:5px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    display: none;
}
.hasSubMenu.showSubmenu .subMenu_
{
    display: block;
}

.hasSubMenu .subMenu_::before
{
    content: '\f0d8';
    font-family: "fontAwesome";
    position: absolute;
    color: #fff;
    top: -26px;
    left: 56px;;
    font-size: 30px;
}
.hasSubMenu .subMenu_ > ul li > a
{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #415464;
    text-decoration:none;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}

.hasSubMenu .subMenu_ > ul li
{
    background-color: white;
}

.hasSubMenu .subMenu_ > ul
{
   overflow: hidden;
   border-radius:5px;
   height: 100%;
   max-height: 100%;
   box-shadow: 0 8px 16px 0 rgb(97 119 230 / 30%);
}

.hasSubMenu .subMenu_ > ul li:last-child > a{border-width: 0px;}

.hasSubMenu .subMenu_ > ul li > a:hover
{
    color: rgb(39, 125, 234);
    text-decoration:none;
    background-color: #f5f5f5a6
}
.page_biens .navbg:hover, .suivi_prospects .navbg:hover
{
    z-index: 999 !important;
}
/* .inputInsertdiv,#insertZipCodes
{
    display: none;
}
#checkboxInsertZipCodes:checked ~ .inputInsertdiv
{
   display: block;
}
#checkboxInsertZipCodes:checked ~ #insertZipCodes
{
   display: block;
} */

/* Actions Marketing */
._inputHolder_ {
    width: 100%;
    height: 40px;
    border: 1px solid #1314193b;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: #edf1f4 !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.input_style_ {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.btn_style_ {
    width: max-content;
    height: 100%;
    background-color: #18AFD6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    color: #fff;
}

.label_style_ {
    flex: 1;
    padding-left: 30px;
    margin-bottom: 0 !important;
    color: #555;
}

._namesOfFiles_ {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
}

.fileName_ {
    margin-right: 25px;
    width: max-content;
    padding: 10px 15px;
    padding-right: 25px;
    border-radius: 5px;
    background-color: #edf1f4;
    position: relative;
    min-width: 30px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    transform: scale(0);
    margin-bottom: 20px;
}

.fileName_done {
    transform: scale(1);
}

.removefileName_ {
    height: 24px;
    width: 24px;
    background-color: #edf1f4;
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
}
/* feature_am_1173462352 */
  .my__modal_
  {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999999;
      width: 100vw;
      min-width: 100vw;
      max-width: 100vw;
      height: 100vh;
      min-height:100vh;
      max-width: 100vh;
      background-color: #00000042;
      display: none;
  }
  .my__modal_ .my__modal_holder
  {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height:100%;
    max-width: 100%;
  }
  .my__modal_ .my__modal_holder .close_my__modal_bg
  {
    position: absolute;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height:100%;
    max-width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000;
    cursor: pointer;
    opacity: 0;
  }
  .my__modal_ .my__modal_holder .close_my__modal_icon{
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    cursor: pointer;
    color: #e4e4e4;
  }
  .my__modal_ .my__modal_body
  {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 750px;
      border-radius: 10px;
      z-index: 3;
      position: relative;
      cursor: default;
  }
  .my__modal_ .my__modal_body_mail
  {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 1000px;
      width: 1000px;
      border-radius: 10px;
      z-index: 3;
      position: relative;
      cursor: default;
      margin-top: 20px;
  }
  .my__modal_ .my__modal_body_mail .my__modal_body_head
  {
      padding: 10px 45px;
      border-bottom: 1px solid #8195a77a;
      width: 100%;
      position: relative;
  }
  .my__modal_body_mail .close_my__modal_icon{
      top: 10px !important;
  }
  .my__modal_ .my__modal_body_mail .info__{
        color: #1863c2;   
  }

  .inputHolder .mail span{
    font-weight: 600 !important;
}

  .inputHolder .mail{
      margin-top: 20px !important;
  }
  .my__modal_ .my__modal_body_mail.signature{
      margin: 5px !important;
  }
  .my__modal_ .my__modal_body_mail.signature #user_signature{
    margin-bottom:20px;
  }
  .envoiValidBtn .simpleBtns{
      margin: 0 auto;
      margin-top: 40px !important;
  }
  #message_object{
    width: 100% !important;
    margin-bottom: 10px;
  }

  #actionSend{
      margin-top: 0px !important;
  }
  #gabarit_message{
      padding: 0px !important;
      margin-bottom: 15px;
  }
  .custom-options-gabarit-mail{
      width: 100% !important;
  }
  #actionSend #personneChangeMenu{
    margin-top: 20px;
  }
  .selected_contact{
      margin-bottom: 10px;
  }

  .tooltip {
    position: relative;
    display: inline-block;
  }
  /* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .my__modal_ .my__modal_body .my__modal_body_head
  {
      padding: 20px 45px;
      border-bottom: 1px solid #8195a77a;
      width: 100%;
      position: relative;
  }
  .my__modal_title
  {
      font-size: 18px;
      text-align: center;
      font-family: 'Montserrat';
      color: #1E9CDE;
  }
  .my__modal_sm_title
  {
      font-size: 15px;
      text-align: center;
      font-family: 'Montserrat';
      color: #707070;
  }

  .row{
    margin: 0 !important;
    height: 100%
}

#signature{
    padding-top: 10px !important;
}


 .my__modal_body_mail .my__modal_body_content .infoRow span{
    font-weight: 600;
 }
 .my__modal_body_mail .validation__msg_ {
     margin-top: 0 0 10px 0 !important;
     font-size: 15px !important;
 }

 .my__modal_ .my__modal_body .my__modal_body_content
 {
     padding: 35px 45px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
 }
 .my__modal_ .my__modal_body_mail .my__modal_body_content
 {
     padding: 20px 45px;
     display: flex;
     flex-direction: column;
     width: 100%;
     overflow-y: auto !important;
     max-height: 500px;
 }
 .my__modal_ .my__modal_body_mail .my__modal_sm_title{
     text-align: left !important;
 }

 .my__modal_ #envoyer_mail{
     padding-top: 25px;
 }

 .inputHolder .quota{
     margin-bottom: 10px;
 }
 .decalerValidBtn
 {
     flex: 1;
     display: flex;
     justify-content: flex-end;
     margin-right: 0px!important;
 }
 .decalerValidBtn .simpleBtns[size_='sm']
 {
    height: 37px;
    max-height: 37px;
    min-width: 180px;
    text-align: center;
    display: block;
 }
 .datepicker-container
 {
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
 }
/* feature_am_1173462352 */

.not-allowed{
    cursor: not-allowed!important;
}


#info_modal .modal-body .message pre{
    padding: unset;
    margin: unset;
    white-space: pre-wrap;
    background-color: unset;
    border: unset;
    color: unset;
}

#info_modal .modal-body .message li{
    list-style: unset;
}

.algolia-places{z-index:9999;}


#contactinfos .modal-dialog{
    width:457px;
    margin:0 auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#contactinfos .modal-content{border-radius: 12px;}
#contactinfos .modal-content .modal-header{
    border: 0;
    background: linear-gradient(110.68deg, #2C87E4 -7.71%, #27AFD4 103.87%);
    border-radius: 10px 10px 30px 30px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding:0;
}
#contactinfos .modal-content .modal-header h2{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}
#contactinfos .modal-content .modal-header .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: 20px;
    font-size: 36px;
    font-weight: 100;
    top: calc(50% - 18px);
}
#contactinfos .modal-content .modal-header .close:hover{color:#484848}

#contactinfos .modal-content .modal-body{
    padding: 3rem 0;
    width: 300px;
    margin: 0 auto;
}
#contactinfos .modal-content .modal-body .userhead{
    margin-bottom: 5rem;
    display: flex;
    align-items: center;
}
#contactinfos .modal-content .modal-body .userhead img{
    width: 50px;
    height: auto;
    border-radius: 50%;
    margin-right: 20px;
}
#contactinfos .modal-content .modal-body .userhead .name span{
    display:block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #1D1D1D;
}
#contactinfos .modal-content .modal-body .userhead .name h3{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #1D1D1D;
    margin: 3px 0;
}
#contactinfos .modal-content .modal-body .userhead .name p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #A6A6A6;
    margin: 0;
}
#contactinfos .modal-content .modal-body .infobox{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
#contactinfos .modal-content .modal-body .infobox:last-child{margin-bottom: 0;}
#contactinfos .modal-content .modal-body .infobox svg{width: 22px;margin-right: 25px;}
#contactinfos .modal-content .modal-body .infobox .content .titlelabel{
    display: block;
    font-family: Montserrat;
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    color: #1D1D1D;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 0;
}
#contactinfos .modal-content .modal-body .infobox .content .souslabel{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #A6A6A6;
}

#contactinfos .modal-content .modal-footer{
    padding: 0;
    text-align: center;
    border-top: 0;
    padding-bottom: 30px;
}
#contactinfos .modal-content .modal-footer p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #2E2E2E;
    margin-bottom: 20px;
}
#contactinfos .modal-content .modal-footer .actions .btn{
    transition: background-color .2s;
    box-sizing: border-box;
    box-shadow: 0px 3px 4px rgb(220 220 220 / 15%);
    border-radius: 5px;
    height: 30px;
    width: 90px;
    margin: 0 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
}
#contactinfos .modal-content .modal-footer .actions .btn-close{
    background-color: #FFFFFF;
    border: 1px solid #F2F2F2;
    color: #707070;
}
#contactinfos .modal-content .modal-footer .actions .btn-close:hover{background-color:#F2F2F2}

#contactinfos .modal-content .modal-footer .actions .btn-accept{
    background-color: #2C87E4;
    border: 1px solid #2C87E4;
    color: #fff;
}
#contactinfos .modal-content .modal-footer .actions .btn-accept:hover{background-color:#484848;border: 1px solid #484848;}

@media screen and (min-width:1400px){
    #contactinfos .modal-content .modal-body{padding:5rem 0;}
    .prixfourchette .reminder-prix{padding-left: 40px;min-width: 480px;}
}
.question_reponse_holder_13
{
   background-color: #f7f2ee;
}
.question_reponse_holder_13::before
{
   background-color: #ff7600;
}
.histo-item.question_reponse_holder_13 .histo-head h2 span,
.histo-item.question_reponse_holder_13 >.col-sm-12 p strong
{
    color: #ff7600;
}
.question_reponse_holder_16
{
   background-color: #eef7f1;
}
.question_reponse_holder_16::before
{
   background-color: #03ab4c;
}
.histo-item.question_reponse_holder_16 .histo-head h2 span,
.histo-item.question_reponse_holder_16 >.col-sm-12 p strong
{
    color: #03ab4c;
}

[class*="question_reponse_holder_"]
{

    width: calc(100% + 30px);
    transform: translateX(-30px);
    padding-left: 30px;
    position: relative;
    padding-bottom: 20px;
    padding-right: 15px;
    margin-top:5px !important;
}
[class*="question_reponse_holder_"]::before
{
   content: "";
   position: absolute;
   width: 4px;
   height: 100%;
   left: 0;
   top: 0;
}
.histo-item[class*="question_reponse_holder_"] .histo-head h2.sms:before {
    background: url(../Resources/public/img/icons/relance_sms_new.svg) no-repeat center;
    background-size: cover!important;
}

.histo-item[class*="question_reponse_holder_"] .histo-head h2.sms {
    position: relative;
  }
  
.histo-item[class*="question_reponse_holder_"] .histo-head h2.sms::after {
      content: "";
      background: url(../Resources/public/img/icons/question_icon.svg) no-repeat center;
      background-size: cover!important;
      position: absolute;
      width: 7px;
      height: 13px;
      left: 24px;
      top: 5px;
}
.histo-item[class*="question_reponse_holder_"]:not(.question_reponse_holder_16) .histo-head h2.autre:before {
    background: url(../Resources/public/img/icons/notes.svg) no-repeat center;
    background-size: cover;
}
.histo-item[class*="question_reponse_holder_16"] .histo-head h2.autre:before {
    background: url(../Resources/public/img/icons/note-estimation.svg) no-repeat center;
    background-size: cover;
}
.histo-item[class*="question_reponse_holder_"]:not(.question_reponse_holder_13):not(.question_reponse_holder_16) >.col-sm-12 p:nth-child(even)
{
    background-color: #bcd5cd40;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: italic;
    color: #333333;
    padding: 5px 15px;
}
.histo-item[class*="question_reponse_holder_"]:not(.question_reponse_holder_13):not(.question_reponse_holder_16) >.col-sm-12 p:nth-child(odd)
{
    font-weight: bold;
    font-style:normal;
    padding: 4px 15px;
}
.histo-item[class*="question_reponse_holder_13"] .histo-head h2.autre{
    color: #ff7600;
}
.histo-item[class*="question_reponse_holder_16"] .histo-head h2.autre{
    color: #03ab4c;
}
#search_modal .modal-dialog{
    width: 450px;
}

#search_modal #contact_search{
    width: 100% !important;
    margin-bottom: 15px;
}
#search_modal .modal-title{
    text-align: center !important;
}

.pink-bg{background-color:#FFCADF !important}
.pink2-bg{background-color: #FFE9E0 !important}
.pink3-bg{background-color: #FEEEFC !important}
.pink4-bg{background-color: #FFDDDE !important}
.pink5-bg{background-color: #F7DAE7 !important}

.purple-bg{background-color:#F2D3E4 !important}
.purple2-bg{background-color:#E5BBC2 !important}
.purple3-bg{background-color: #F5EDDB !important}
.purple4-bg{background-color:#E3DDF6 !important}
.purple5-bg{background-color: #E5E4E5 !important}
.purple6-bg{background-color: #C7BFE0 !important}

.brown-bg{background-color:#DDBAB5 !important}
.brown2-bg{background-color: #DDC4BC !important}
.orange-bg{background-color:#FFF2D3 !important}

.blue-bg{background-color:#D2E3F8 !important}
.blue2-bg{background-color: #DBEAFE !important}
.blue3-bg{background-color: #DFF3FE !important}
.blue4-bg{background-color: #D6DFF4 !important}
.blue5-bg{background-color: #D8F2F4 !important}

.gray-bg{background-color: #EBEAF0 !important}
.gray2-bg{background-color: #E6D9E7 !important}
.gray3-bg{background-color: #A5A9B5 !important}
.gray4-bg{background-color: #CFDBE6 !important}
.gray5-bg{background-color: #CDD1F6 !important}

.green-bg{background-color: #EBF2D5 !important}
.green2-bg{background-color: #EBE8FF !important}
.green3-bg{background-color: #E4F5FB !important}

.popover.top{z-index:9999; background-color:#FFFFFF;box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);border: 0;width:280px;}
.popover.top>.arrow{border-top-color: transparent;}
.popover.top .popover-content {padding: 7px;}

.popover.top .linesColorContent{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.popover.top .linesColorContent .statutColor{
    width: calc(50% - 10px);
    background: #F6F6F6;
    border-radius: 2px;
    height: 26px;
    display: flex;
    align-items: center;
    margin: 5px;
    cursor: pointer;
}

.popover.top .linesColorContent .statutColor .statut-bg{
    border-radius: 2px 0px 0px 2px;
    width: 7px;
    height: 100%;
    margin-right: 5px;
}

.popover.top .linesColorContent .statutColor .text{
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #3C3C3C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 7px;
}


.popover.top .linesColorContent.status-footer{
    border-top: 1px solid #F1F1F1;
    margin-top: 5px;
    padding-top: 5px;
}
.popover.top .linesColorContent.status-footer .statutColor{
    width: 100%;
    justify-content: center;
}

.filtre-item .btn-colors{
    border-radius: 20px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.custom-select-gabarit2
{
    max-height: 350px;
    overflow: hidden auto;
}

.custom-select-gabarit2::-webkit-scrollbar {
    width: 6px;
}
.custom-select-gabarit2::-webkit-scrollbar-thumb {
    background: #15bad8;
    border-radius: 3px;
}


.contact-item .adress-label{
    display: flex;
    align-items: center;
    gap: 5px;
}
.contact-item .adress-label .check{
    display: flex;
    align-items: center;
    border-radius: 10px;
    margin-left: 10px;
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
    border-radius: 10px;
    position: relative;
}

.contact-item .adress-label .check img{
    position: absolute;
    left: 0;
    z-index: 99;
    cursor:pointer;
}
.contact-item .adress-label .check.check-valid{
    background: #1FBD7B;
}

.contact-item .adress-label .check.check-invalid{
    background: #BABABA;
}

.contact-item .adress-label .check span{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
    border-radius: 10px;
    width:0;
    height:0;
    padding:0;
    transition: all .3s ease-out;
    border:0;
    margin-right:10px;
}
.contact-item .adress-label .check.check-invalid img:hover span{border: 2px solid #E2E2E2;}
.contact-item .adress-label .check.check-valid img:hover span{border: 2px solid #A5EECF;}
.contact-item .adress-label .check img:hover + span{
    width:auto;
    height:auto;
    padding-left: 25px;
    padding-right: 8px;
}

table#biens .td-adresse-groupe .checkvalid,
table#biens .td-adresse-groupe .checkinvalid{margin-right:5px}
.checkvalid{cursor:pointer;}
.tooltip_check{opacity:1 !important}
.tooltip_check .tooltip-inner{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px !important;
    line-height: 15px;
    padding: 8px !important;
    border-radius: 4px !important;
}
.tooltip_check_valid .tooltip-inner{
    color: #1FBD7B;
    background-color: #dff2ea !important;
}
.tooltip_check_invalid .tooltip-inner{
    color: #626262;
    background-color: #ECECEC !important;
}

.tooltip_check_valid .tooltip-arrow{border-top-color:#DFF2EA !important}
.tooltip_check_invalid .tooltip-arrow{border-top-color:#ECECEC !important}

#biens_wrapper tbody .td-parent .group_btnadresse{margin-left: auto;}


.icon-checked
{
    height: 19px;
    width: 19px;
    min-width: 19px;
    min-height: 19px;
    border-radius: 50%;
    background-color: #BABABA;
    box-sizing: border-box;
    border: 2px solid #E2E2E2;
    align-items: center;
    display: flex;
    color: #fff;
}
.icon-checked::before
{
    content: url('../Resources/public/img/icons/vector.svg');
    margin-top: -1px;
    margin-left: 2px;
}
.icon-checked.valid-address
{
    background-color: #1FBD7B;
    border: 2px solid #A5EECF;
}


.adresse-check-tooltip{
    font-weight: 500;
    font-size: 10px;
    border-radius: 9px;
    max-width: max-content;
    -webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    -ms-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
}
.adresse-check-tooltip::before{
    margin-top: 1px;
}
.adresse-check-tooltip:hover{
    width: 100%;
}
.adresse-check-tooltip::after{
    content: attr(data-title);
    overflow: hidden;
    width: 0;
    white-space: nowrap;
}
.adresse-check-tooltip:hover:after{
    width: 100%;
    padding: 0 3px;
}


@media screen and (max-width: 1200px) {
    .custom-select, .dashboard-page, .dashboardbtn {
        display: none !important;
    }
}

.histo-item[class*="question_reponse_holder_"]:not(.question_reponse_holder_13) >.col-sm-12 p:nth-child(even)
{
    font-weight: bold;
    font-style:normal;
    padding: 4px 15px;
}