@font-face{font-family:'poppinsmedium';src:url("../bundles/app/css/fonts/poppins-medium-webfont.woff2") format("woff2"),url("../bundles/app/fonts/poppins-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'poppinsregular';src:url("../bundles/app/css/fonts/poppins-regular-webfont.woff2") format("woff2"),url("../bundles/app/fonts/poppins-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}

.rowdetail{
    margin-right: 0px !important;
}
#blocInfoProspection{
    border: 2px solid #1aa538;
    margin-top: 0px;
    margin-left: 10px;
    padding: 20px;
    margin-bottom: 10px;
    color: #fFF;
    background-color: #2fcd51;
}

.potentiel_vendeur {
    color: white !important;
}

.statut {
    position: static !important;
    height: 34px;
    font-size: 12px !important;
    color: white !important;
}
/* de 0% à 59% */
.level1 {
    background-color: #404a58 !important;
    -webkit-print-color-adjust: exact;
    color:#fff !important;
}

/* de 60% à 69% */
.level2 {
    background-color: #602a93 !important;
    -webkit-print-color-adjust: exact;
    color:#fff !important;
}

/* > 69% */
.level3 {
    background-color: #fb6362 !important;
    -webkit-print-color-adjust: exact;
    color:#fff !important;
}

#clients_update_popup {
    display: none;
}

/*Loader*/
#spinner_div {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
    top: 0;
}
#spinner_div2 {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
    top: 0;
}
#maline-menu{
    z-index: 101 !important;
}

.spinner {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.cube {
    width: 33%;
    height: 33%;
    background: #FFFFFF;
    float: left;
    -webkit-animation: scaleDelay 1.3s infinite ease-in-out;
    animation: scaleDelay 1.3s infinite ease-in-out;
}

.spinner .cube:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.spinner .cube:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.spinner .cube:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.spinner .cube:nth-child(4) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.spinner .cube:nth-child(5) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.spinner .cube:nth-child(6) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.spinner .cube:nth-child(7) {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s
}

.spinner .cube:nth-child(8) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.spinner .cube:nth-child(9) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

@-webkit-keyframes scaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1.0, 1.0, 1.0)
    }
    35% {
        -webkit-transform: scale3D(0.0, 0.0, 1.0)
    }
}

@keyframes scaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1.0, 1.0, 1.0);
        transform: scale3D(1.0, 1.0, 1.0)
    }
    35% {
        -webkit-transform: scale3D(1.0, 1.0, 1.0);
        transform: scale3D(0.0, 0.0, 1.0)
    }
}

/*End loader*/

#maline-menu .open > a, #maline-menu .open > a:focus {
    background-color: initial !important;
    border-color: inherit !important;
}

.modal-body {
    overflow: auto;
    max-height: 480px;
    padding: 0 10px;
}

.modal-title, .bootstrap-dialog-title {
    font-weight: bold;
    text-align: center;
    color:  #404a58 !important;
    font-size: 16px !important;
    text-transform: uppercase;
}

.modal-header {
    background-color: white !important;
    text-align: center;
    border: 0;
}

.modal-header .close {
    /*background: url(../img/croix.png) no-repeat;*/
    color: transparent;
    text-shadow: none;
    opacity: 0.8;
}

.menurecherche li > a:hover, .menurecherche li > a:focus {
    background: initial !important;
    /*cursor: default !important;*/
}

/* */
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../bundles/app/css/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../bundles/app/css/fonts/Montserrat-Light.otf') format('opentype'), url('../bundles/app/css/fonts/Montserrat-Light.woff') format('woff'), url('../bundles/app/css/fonts/Montserrat-Light.ttf') format('truetype'), url('../bundles/app/css/fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontawesome';
    src: url('../bundles/app/css/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../bundles/app/css/fonts/FontAwesome.otf') format('opentype'), url('../bundles/app/css/fonts/fontawesome-webfont.woff') format('woff'), url('../bundles/app/css/fonts/fontawesome-webfont.ttf') format('truetype'), url('../bundles/app/css/fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Montserrat', sans-serif;
}

/* Special cursor definition */
* {
/*    cursor:url(../img/cursor.png), auto !important;*/
}

html {
    height: 100%;
    margin: 0;
    padding: 0;
}
#ajouter_bien_tablette{
    display:none;
}
#btn_retour_carte{
    display:block;
}
#btn_retour_carte_tablette{
    display:none;
}
#ajouter_bien{
    display:block;
}
.full-height {
    height: 100%
}

.bottom {
    position: absolute;
    bottom: 0;
}

/* .fa {
    font-family: 'fontawesome';
} */

.menurecherche.open .dropdown-menu {
    border-radius: 0 0 8px 8px;
    margin-top: -4px;
}

.menurecherche.open .closedangle-right:after {
    /*   content:'';*/
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #efefef !important;
    border: none
}

.filtersbar ul {
    margin-top: 5px;
}

div.filtersbar .btn-group.open .dropdown-toggle {
    color: #15bad8 !important;
    background-color: rgba(239, 239, 239, 0) !important;
}

.filtersbar .btn-group.open .closedangle-right:after {
    /*   content:'';*/
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #15bad8;
}

.filtersbar ul li ul {
    padding: 0 !important;
}

.filtersbar ul li ul li {
    margin: 0 !important;
    width: 100%;
}

.dropup .dropdown-menu {
    padding: 0px;
    margin: 0 auto;
    right: 0;
    width: 230px;
    background-color: #efefef;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.dropup.open .closedangle-top:after {
    /*   content:'';*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #15bad8;
}

.dropdown-menu .btn-primary {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .125);
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    border: 0;
}

.closedangle-right:after {
    font-size: 18px;
    line-height: 19px;
    position: relative;
    color: #15bad8;
    content: '';
    transition: 0.3s all;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    float: right;
    transform: rotate(0);
    right: 2px;
    top: -18px;
}
.menurecherche .closedangle-right{
    position: relative;
    display: block;
}
    
 .closedangle-top{
        position: relative;
     display: block;
    }					  
.closedangle-top:after {
    font-size: 18px;
    line-height: 19px;
    position: absolute!important;
    color: #15bad8;
    content: '';
    transition: 0.3s all;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    float: right;
    transform: rotate(0);
    right: 0;
    top: -18px;
}

.filtersbar .closedangle-right:after {
    font-size: 14px;
    line-height: 19px;
    position: absolute;
    right: 11px;
    color: #000;
    content: '';
    transition: 0.3s all;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 0;
}

.boutonvendeur {
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    color: #fff;
    font-family: "Montserrat";
    text-align: center;
    line-height: 42px;
    width: 42px;
    height: 42px;
    top: 30%;
    bottom: 0;
    left: 58px;

}

.btnrouge {
    background-color: rgb(251, 99, 98);
}

.btntrait {
    background-color: #15bad8;
    background-image: url(../bundles/app/img/printok.png);
    background-repeat: no-repeat;
    background-position: 9px -60px;
}

.btnok {
    background-color: #15bad8 !important;
}

.btnviolet {
    background-color: #602a93;
}

.btnnew {
    font-family: "Montserrat";
    text-align: center;
    font-size: 10px;
    background-color: rgb(251, 99, 98) !important;
    color: #fff !important;
    position: absolute;
    top: 0;
    padding: 1px 5px;
    z-index: 10;
}

.roundcontainer {
    overflow: hidden;
    width: 100%;
    float: left;
    background-image: url(../bundles/app/img/slider1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 420px;
}

.roundcontainer .container {
}

.roundbg {
    width: 100%;
    background-image: url(../bundles/app/img/rounded.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -33px;
    left: 0;
    position: absolute;
    height: 120px;
    display: block;
    background-position: center -28px;
}

.navlogo {
    margin-top: 0px;
    padding: 15px 0;
}

.navbar-brand > img {
    display: block;
    width: 201px;
}

.homenav {
    font-family: 'Montserrat', sans-serif;
    margin-top: 35px;
    margin-right: 85px;
}

.homenav li {
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 4px;
    margin: 0 10px;
}

.slogan {
    color: white;
    font-family: 'Montserrat-Light';
    font-size: 13px;
    display: block;
    position: relative;
    top: 26px;
    left: 9px;
    font-weight: 100;
    line-height: 39px;
}

.homenav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px 22px;
}

.mainhead {
    text-align: center;
    font-family: 'Montserrat-Light';
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    padding-top: 5px;
}

.mainbox {
    /* float: left; */
}

.mainbox .panel-body {
    padding: 12px 44px 0 44px;
}

.loginpanel {
    font-family: 'Montserrat', sans-serif;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    top: -186px;
    margin-bottom: -186px;
}

.loginpanel .glyphicon:before {
    color: #415464;
}

.loginpanel h1 {
    text-align: center;
    color: #415464;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    margin-top: 25px;
}

.loginpanel .input-group {
    margin-bottom: 21px;
}

.mainbox .alert {
    padding: 8px;
    display: none;
}

.errorinput {
    border: 2px solid #e6b1ba;
    border-radius: 4px;
}

.loginpanel .form-control {
    border: 0;
    box-shadow: none;
    border-radius: 5px;
    background-color: rgb(239, 239, 239);
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    height: 45px;
}

.loginpanel .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 0;
    border-radius: 4px 0 0 4px;
}

.connectbtn,
#btn-search {
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 30px;
    border-radius: 5px;
    background-color: rgb(21, 186, 216);
    width: 230px;
    height: 45px;
    display: block;
}

#btn-search {
    margin-bottom: 20px;
    max-width: 90%;
}

.inscribtn {
    margin: 0 auto;
    margin-bottom: 25px;
    color: #415464;
    text-transform: uppercase;
    font-size: 0.82em;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 30px;
    border-radius: 5px;
    border: 2px solid #415464;
    width: 230px;
    height: 45px;
    display: block;
    font-family: "Montserrat";
}

#loginform .form-group {
    margin-bottom: 0;
}

.passoublie {
    width: 100%;
    display: block;
    margin: 14px 0 10px;
    color: #415464 !important;
    font-size: 13px;
    text-decoration: none !important;
}

.navbar-collapse {
    border: 0 !important;
    box-shadow: none;
}

.navbar-toggle {
    font-weight: 600;
    color: #fff;
}

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: #2fa0d8;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    background-image: url(../bundles/app/img/toggle.png);
    background-repeat: no-repeat;
    top: 26px;
    right: 15px;
}

/*****************Page d'accueil***************/

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.accnav > li:hover {
    background-color: #2fa0d8;
    padding-bottom: 6px;
}

.accnav > li > a:focus,
.accnav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.navbg {
    background-image: url(../bundles/app/img/navbg.jpg);
    width: 100%;
    /*float: left;*/
    background-size: cover;
    padding: 0 0 0 20px;
}

.sousmenu {
    width: 100%;
    float: left;
    padding: 11px 0 6px 0;
}

.searchresults {
}

/*.mask {
    position: absolute;
    z-index: 100;
    left: -15px;
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    height: 125px;
    width: 100%;
    transition: 0.2s all;
    opacity: 1;
    z-index: 1;
}*/

.resulttitle {
    line-height: 47px;
    color: #15bad8;
    font-size: 14px;
    float: left;
    font-weight: bold;
}

.navbg .navbar-collapse {
    padding: 0;
}

.navbg .navbar {
    margin-bottom: 0;
}

.vendeur,
.moment {
    padding: 0px 0 0px 33px;
    font-family: "Montserrat";
}

.vendeur tr > td:first-child {
    font-weight: 600;
    font-family: "Montserrat";
    font-size: 0.8em;
    padding-left: 5px;
    color: #404a58;
    width: 70px;
}

.details_bien {
    font-weight: normal !important;
}

.momenttitle {
    font-weight: 600;
    padding-right: 5px;
    font-family: "Montserrat";
    font-size: 0.8em;
}

.momenttinfo {
    font-size: 0.8em;
    /*padding-right: 5px;*/
}

.moment {
    background-color: #edf4f9;
    line-height: 17px;
    padding: 4px 10px;
    float: left;
    border-radius: 0;
    position: relative;
    left: 17px;
    margin: 5px 0 5px -5px;
}

.moment * {
    float: left;
}

.vendeur tr > td {
    font-size: 11px;
    font-family: "Montserrat";
    color: rgb(119, 119, 119);
    line-height: 1.385;
}

#map {
    width: 100%;
}

.nopadd {
    padding: 0 !important;
}

.statcontainer {
    padding: 6px !important;
}

#map_container {
    padding-right: 0px;
    padding-left: 0px;
}

#paddleft {
    width: 15px;
    background: white;
    height: 100%;
    position: absolute;
    margin-left: -15px;
    z-index: 100;
}

.accnav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    line-height: 27px;
    padding-top: 53px;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.accnav li:hover a {
    box-shadow: 0 -1px #fff inset;

}

.activenav {
    padding: 0 7px 6px 7px !important;
}

.activenav > a {
    padding: 58px 20px 5px 0 !important;
    line-height: 17px !important;
    box-shadow: 0 -1px #fff inset;
}

.notificationsbtn {
    background-image: url(../bundles/app/img/notifications.png) !important;
    background-position: center 22px;
    background-size: 17px !important;
}

.mesterritoiresbtn {
    background-image: url(../bundles/app/img/mes-territoires.png) !important;
    background-position: center 22px;
    background-size: initial !important;;
}

/*.accnav > li {
    background-image: url(../img/navicons.png);
    background-repeat: no-repeat;
    background-size: 34px;
    padding: 0 15px 6px 15px !important;
}*/

.accnav > .homebtn.dashboardbtn{
    background-size: 30px;
    background-image: url(../bundles/app/img/menu/dashboard-2.svg);
    background-repeat: no-repeat;
    padding: 0 15px 6px 15px !important;
}
.accnav > .homebtn.notificationsbtn{
    background-size: 30px;
    background-image: url(../bundles/app/img/menu/suivi-des-proprietaires-2.svg);
    background-repeat: no-repeat;
    padding: 0 15px 6px 15px !important;
}
.accnav > .homebtn.listebiensbtn {
    background-size: 30px;
    background-image: url(../bundles/app/img/menu/liste-biens.svg);
    background-repeat: no-repeat;
    padding: 0 15px 6px 15px !important;
}
.accnav > .homebtn.comptebtn{
    background-size: 30px;
    background-image: url(../bundles/app/img/menu/mon-compte-2.svg);
    background-repeat: no-repeat;
    padding: 0 15px 6px 15px !important;
}
.accnav > .homebtn.contactbtn{
    background-size: 30px;
    background-image: url(../bundles/app/img/menu/contact.svg);
    background-repeat: no-repeat;
    padding: 0 15px 6px 15px !important;
}
.homebtn {
    background-position: center 18px;
}
.marketbtn {
    background-image: url(../bundles/app/img/navicons.png);
    background-position: center -527px;
    background-size: 39px !important;
}

.territoirebtn{
    background-image: url(../bundles/app/img/address.png)!important;
}

#majbtn {
    background-position: center -391px;
    background-color: #109ad4;
}

.slider.slider-horizontal {
    width: 100% !important;
    margin-top: 5px;
}

.potentiel_vendeur_slider .slider.slider-horizontal {
    width: 90% !important;
}

.controltitle.small {
    font-size: 10px;
}

.controltitle {
    font-size: 13px;
    font-family: "Montserrat";
    color: #404a58;
    line-height: 1.114;
    text-align: center;
    width: 100%;
    margin-top: -4px;
}

.search .form-control {
    background-color: #efefef;
    box-shadow: none;
    border: 0;
    height: 40px;
    font-size: 12px;
    font-family: "Montserrat";
    color: rgb(65, 84, 100);
    line-height: 1.114;
    text-align: left;
}

.clear {
    clear: both;
    display: block;
}

.search .btn span.glyphicon {
    opacity: 1;
}

.search button {
    background-color: #415464;
    height: 40px;
    color: #15bad8;
    border: 0;
}

.slider-track {
    background-color: #415464 !important;
}

.slider-handle {
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, rgb(21, 186, 216) 40%, rgb(65, 84, 100) 40%) !important;
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, rgb(21, 186, 216) 40%, rgb(65, 84, 100) 40%) !important;
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, rgb(21, 186, 216) 40%, rgb(65, 84, 100) 40%) !important;
}

.slider-selection {
    background-color: #415464 !important;
}

/* disabled track */
.slider-disabled .slider-selection {
    background-color: gray !important;
}

.slider-disabled .slider-handle {
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, lightgray 40%, gray 40%) !important;
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, lightgray 40%, gray 40%) !important;
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, lightgray 40%, gray 40%) !important;
}

/* */

/******toggle switch*********/

/* The switch - the box around the slider */

.toggleswitch .switch {
    position: absolute;
    width: 60px;
    height: 17px;
    top: 5px;
    margin: auto;
    left: 0;
    right: 0;
}

/* Hide default HTML checkbox */

.toggleswitch .switch input {
    display: none;
}

/* The slider */

.toggleswitch .slider {
    position: absolute;
    /*cursor: pointer;*/
    top: 10px;
    left: 3px;
    right: 0;
    bottom: 0;
    background-color: #e5e5e5;
    -webkit-transition: .4s;
    transition: .4s;
    width: 54px;
    height: 23px;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    bottom: 0;
    background: #e5e5e5;
    border-radius: 15px;
    height: 4px !important;
    top: 2px !important;
}

.slider .tooltip.top {
    margin-top: -32px !important;
}

.slider-track {
    box-shadow: none !important;
    border: 0 !important;
    background: #fff !important;
}

.toggleswitch .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    top: 2px;
}

.toggleswitch input:checked + .slider {
    background-color: #415464;
}

.toggleswitch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.toggleswitch input:checked + .slider:before {
    -webkit-transform: translateX(31px);
    -ms-transform: translateX(31px);
    transform: translateX(31px);
    background-color: #15bad8;
}

/* Rounded sliders */

.toggleswitch .slider.round {
    border-radius: 30px;
}

.toggleswitch ul li {
    float: left;
    list-style: none;
    margin: 0 5px;
    position: relative;
    min-width: 60px;
}

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

.menurecherche .btn-default {
    color: #415464;
    background-color: #efefef !important;
    border-color: #efefef !important;
    font-family: "Montserrat";
    font-size: 13px;
    text-align: center;
    height: 35px;
}

.btn {
    font-family: "Montserrat";
}

.btn span.glyphicon {
    opacity: 0;
}

.btn.active span.glyphicon {
    opacity: 1;
}

.dropup .btn-default {
    color: #333;
    /*background-color: white !important;*/
    border-color: #efefef;
    width: 230px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
    width: 100%;
    padding: 15px;
}

.dropup li {
    margin: 5px auto;
    display: block;
    float: left;
    width: 100%;
    font-size: 11px;
}

.menurecherche .dropdown-menu {
    width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: #efefef !important;
    font-family: Montserrat !important;
    margin: 0;
    color: #415464;
    z-index: 10000;
}

.menurecherche li ul li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 13px;
}

.menurecherche li ul {
    padding: 5px 20px;
}

.menurecherche li a {

    font-size: 12px;

}

.menurecherche .btn-group, .btn-group-vertical {

    margin-right: 15px;
}

#result,#result2 {
    overflow-y: hidden;
    position: relative;
    margin-left: -15px;
    border-top: 1px solid #dddddd;
    padding: 0 1px !important;
}

#result img, #result2 img {
    height: 100px;
}

.searchbtn {
    background-image: url(../bundles/app/img/rech.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

#result ul, #result2 ul  {
    padding: 0;
    overflow-x: hidden;
}

#result li , #result2 li{
    border-bottom: 2px solid #efefef;
    /*cursor: pointer;*/
}

.iScrollIndicator {
    background: rgb(21, 186, 216) !important;
    border-radius: 0 !important;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
    margin: 0 15px;
}

.slogantx {
    background-image: url(../bundles/app/img/slogsepar.png);
    width: 30px;
    height: 30px;
    float: left;
    background-repeat: no-repeat;
}

.iScrollVerticalScrollbar {
    background-color: #efefef;
}

.vcenter {
    display: table;
    table-layout: fixed;
}

.momentcheck {
    min-height: 70px;
	height: 0;
}

li {
    list-style: none;
}

ul {
    margin: 0;
    padding: 0;
}

.momentcheck .btn-group {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.maline_checkbox, .momentcheck .btn-primary,
.menurecherche .btn-primary,
.menurecherche li.btn-primary.active,
.menurecherche li .btn-primary:active,
.menurecherche li .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #efefef !important;
    border-color: #204d74 !important;
    border: 0 !important;
    width: 30px !important;
    height: 30px !important;
}

.dropdown-menu .btn-primary.active, .momentcheck .btn.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74 !important;
    border-color: #122b40;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
    outline-offset: -2px;
}

.btn.active span.glyphicon {
    opacity: 1;
    color: #15bad8;
    left: -4px;
}

.btn .caret {
    margin-left: 0;
    color: #15bad8;
}

.menurecherche hr {
    border-top: 2px solid #ccc;
    margin: 7px 19px;
}

.dropdown-menu > li > a,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    color: #415464 !important;
}

.menurecherche .dropdown-menu > li > a:focus,
.menurecherche .dropdown-menu > li > a:hover {
    color: #415464 !important;
    text-decoration: none;
    background-color: #f5f5f5;
}

.filterbar {
    font-family: "Montserrat";
    background-color: #f8f8f8;
    height: 47px;
}

.filterbar .btn-default {
    border: 0 !important;
    font-weight: bold;
    font-size: 13px;
    padding: 0 26px 0 5px;
    color: #404a58;
    box-shadow: none !important;
    background: none;
}

.filterbar li {
    float: left;
    list-style: none;
    margin: 5px;
}

.mapscroll {
    overflow: hidden;
    float: left;
    width: 90%;
}
/*
.next, .prev {
    font-family: "fontawesome";
    line-height: 25px;
    border: 2px solid #757575;
    border-radius: 40px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: relative;
    top: 5px;
    float: left;
    left: 15px;
    background-color: #fff;
    display: block;
    z-index: 1000;
}
*/

.next:hover, .prev:hover {
    border-color: #15bad8;
    color: #15bad8;
}

.mapcontrols {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 58px;
}

.mapcontrols li {
    display: table-cell;
    padding: 2px 8px;
}

.mapcontrols ul {
    display: table;
}

.mapcontrols li a {
    overflow: hidden;
    display: table-cell;
    background-image: url(../bundles/app/img/mapicon.png);
    background-repeat: no-repeat;
    width: 64px;
    height: 52px;
    text-align: center;
    font-family: "Montserrat";
    line-height: 85px;
    font-size: 10px;
    font-weight: 600;
    opacity: 0.6;
    float: left;
    color: #757575;
    text-transform: uppercase;
    -webkit-transform: translateZ(0);
}
.mapcontrols li a {
    text-decoration: none !important;
}
.mapcontrols li:hover a, .mapcontrols li a.active {
    border-bottom: 3px solid #15bad8;
}
.mapcontrols li a.active {
    opacity: 1;
}

.full {
    width: 100%;
}

.printico {
    background-image: url(../bundles/app/img/printok.png);
    background-repeat: no-repeat;
    width: 111px;
    height: 33px;
    display: block;
    padding-top: 11px;
    line-height: 9px;
    background-position: 0 5px;
}

.traite:hover {
    border-radius: 5px;
    border: 2px solid #415464;
}

.traitico {
    background-image: url(../bundles/app/img/printok.png);
    background-repeat: no-repeat;
    width: 155px;
    height: 33px;
    display: block;
    padding-top: 11px;
    line-height: 10px;
    color: #415464;
    background-position: 0 -129px;
}

.dropup li span {
    text-align: left !important;
    padding-left: 30px !important;
}

.exportIcon {
    background-image: url(../bundles/app/img/excel.png);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 195px;
    height: 33px;
    display: block;
    line-height: 10px;
    background-position: 0 7px;
    padding-top: 13px;
}

.nontraitico {
    background-image: url(../bundles/app/img/printok.png);
    background-repeat: no-repeat;
    width: 195px;
    height: 33px;
    display: block;
    padding-top: 11px;
    line-height: 10px;
    background-position: 0 -184px;
}


/*.traite {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.82em;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 30px;
    border-radius: 5px;
    background-color: rgb(21, 186, 216);
    padding-top: 7px !important;
    height: 45px;
    display: block;
    float: left;
    width: 100%;
}*/

.printbtn, .nontraite, .traite, .exportContact {
    background-position: 40px 10px;
    color: #415464;
    text-transform: uppercase;
    font-size: 0.84em;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 28px;

    border-radius: 5px;
    border: 2px solid #415464;

    height: 45px;
    display: block;
    float: left;

    width: 100%;
}

.nontraite {
    line-height: 34px !important;
}

#datepicker1,
#datepicker2 {
    background-image: url(../bundles/app/img/cal.png);
    background-repeat: no-repeat;
    background-position: 96% 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 30px;
    border-radius: 5px;
    border: 3px solid #415464;
    width: 100%;
    height: 45px;
    display: block;
    float: left;
    /*cursor: pointer;*/
    padding: 0 15px;
    color: #415464;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: #415464;
    color: #fff;
    font-family: "Montserrat";
}

.ui-widget.ui-widget-content {
    border: 0 !important;
    background: #efefef !important;
    padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0 !important;
    background: transparent !important;
    font-weight: normal !important;
    color: #454545 !important;
    font-family: "Montserrat";
}

footer {
    background-color: #f7f7f7;
    text-align: center;
    min-height: 24px;

    width: 100%;

    font-size: 11px;

    position: relative;
    left: 0;
    bottom: 0;
    overflow: hidden;
    display: none;
}

footer a {
    font-family: "Montserrat";
    padding-top: 8px;
    display: block;
    color: #757575;
    /*cursor: pointer;*/
    text-decoration: none !important;
}

.creche a {
    background-position: 0 0;
}

.hopitau a {
    background-position: 0 -168px;
}

.hyper a {
    background-position: 0 -307px;
}

.marche a {
    background-position: 0 -430px;
}

.park a {
    background-position: 0 -578px;
}

.pharm a {
    background-position: 0 -717px;
}

.post a {
    background-position: 0 -847px;
}

.station a {
    background-position: 0 -987px;
}

.velo a {
    background-position: 0 -1146px;
}

.ecole a {
    background-position: 0 -1293px;
}

.college a {
    background-position: 0 -1439px;
}

.lyce a {
    background-position: 0 -1598px;
}

.statpage {
    background-color: #f7f7f7;
    height: 100%;
    float: left;
    width: 100%;
    position: relative;
}

.statpage h1 {
    text-align: center;
    font-family: "Montserrat";
    font-size: 21px;
    line-height: 46px;
    text-transform: uppercase;
    color: #415464 !important;
    letter-spacing: 6px;
    margin-bottom: 18px;
}

.statpage h2 {
    text-align: center;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    min-height: 55px;
    padding-top: 17px;
    color: #415464 !important;
}

.calcontainer {
    margin: 25px 15px 61px;
}

.statcol {
    background-color: #fff;
    position: relative;
    width: 100%;
    bottom: 0;
    float: left;
    padding-bottom: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.stroundcontainer {
    margin: 33px auto;
}

#statcol2 {
    background-image: url(../bundles/app/img/statbg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.numberCircle {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 8px;
    background: #fff;
    border: 2px solid #e0e0e0;
    text-align: center;
    margin: 10px auto;
    line-height: 57px;
    font-family: "Montserrat-light";
    font-size: 28px;
    color: #415464 !important;
}

.circlenbr p {
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #415464 !important;
}

.vendeurstat h3 {

    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 600;
    min-height: 60px;
    color: #415464 !important;
    width: 60%;
    position: relative;
    margin: 32px auto;
    text-align: center;

}

.vendeurstat {
    display: block;
    float: left;
    width: 100%;
    min-height: 366px;
}

#indicatorContainerWrap,
#indicatorContainer {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 208px;
}

.prgLogo {
    position: absolute;
    width: 73px;
    height: 69px;
    margin-top: -30px;
    margin-left: -30px;
    top: 63px;
    left: 47%;
    right: 0;
}

.pvLogo {
    position: absolute;
    width: 90px;
    height: 57px;
    margin-top: -30px;
    margin-left: -30px;
    top: 63px;
    left: 45%;
    right: 0;
}

canvas {
    display: inline-block;
    vertical-align: baseline;

    position: relative;
}

.vendeurstat h3:after {
    content: ' ';
    display: block;
    background-image: url(../bundles/app/img/down.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
    position: absolute;
    left: 46%;
    bottom: -15px;
}

.nbcontact {
    max-width: 334px;
    border-radius: 60px;
    background-color: rgb(247, 247, 247);
    margin: 57px auto;
    font-size: 16px;
    font-family: "Montserrat";
    color: #415464;
    padding: 7px 4px;
    text-align: center;
    -moz-transform: matrix(1.24444693277385, 0, 0, 1.24579458818208, 0, 0);
    -webkit-transform: matrix(1.24444693277385, 0, 0, 1.24579458818208, 0, 0);
    -ms-transform: matrix(1.24444693277385, 0, 0, 1.24579458818208, 0, 0);
}

.contactnbr {
    font-weight: 900;
    font-size: 24px;
    margin: 0 15px;
}

/*****************Responsive***************/
@media screen and (max-width: 1024px) {
    label#labelMandatSigne {
        float: left;
        margin: 0px 0 25px 83px;
    }
    label#labelDossierTraite {
        float: left;
        margin: 0px;
    }
    .col-sm-offset-6{
        margin-left:0px;
    }
    .vendeur, .moment {
        padding: 0px 0 0px 0px;
    }
    .rowdetail {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .tab1 {
        height: 0px !important;
    }
    .selectall {

        margin-right: 5px !important;

    }
}


@media screen and (max-width: 769px) {
    .accnav li:hover a {
        box-shadow: none;
    }
    .slogan {
        display: none;
    }

    footer {
        position: relative !important;
    }

    .homebtn {
        background-position: 10px 20px !important;
    }
    .marketbtn {
        background-position: 10px 20px !important;
    }
    .statbtn {
        background-position: 10px -120px !important;

    }

    .comptebtn {
        background-position: 10px -261px !important;
    }

    #majbtn {
        background-position: 10px -386px !important;
    }

    .accnav li {
        background-position: 0;
    }

    .printbtn,
    .traite {
        margin: 13px 0;
    }

    .search {
        margin-bottom: 15px;
    }

    .menurecherche .btn-default {
        margin-bottom: 15px;
    }

    .toggleswitch {
        margin: 0 auto;
        width: 187px;
    }

    .slider.slider-horizontal {
        width: 210px;
        height: 20px;
        margin: 11px auto;
        display: block;
    }

    footer {
        position: relative;
    }
}

.nbcontactcont {

    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 900px)and (min-width: 769px) {
    .nbcontact {
        margin: 12px;
    }
}

@media screen and (max-width: 769px) {
    .nbcontactcont {

        padding-right: 30px;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto;
    }

    .nbcontact {
        margin: 30px;
    }

    .roundcontainer {

        min-height: 262px;
    }

    .momentcheck {
        min-height: 68px;
        position: relative;
        bottom: -55px;
    }

    .menurecherche.open .dropdown-menu {
        border-radius: 0 0 8px 8px;
        margin-top: -18px;
    }

    .printbtn,
    .traite {
        width: 100%;
    }

    .homenav {
        margin-right: 0
    }

    .roundbg {
        display: none;
    }

    .loginpanel {
        top: 0;
    }

    .navbar-brand > img {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        font-family: arial;
    }

    .navlogo {
        width: 100%;
    }

    .homenav {
        width: 100%;
    }

    .homenav li {
        border-width: 2px;
        border-color: rgb(255, 255, 255);
        border-style: solid;
        border-radius: 4px;
        margin: 1%;
        width: 48%;

        float: left;
    }

    .homenav > li > a {
        text-align: center;
    }

    /****accueil*******/
    .navbg {
        background-image: url(../bundles/app/img/navbg.jpg);
        min-height: 96px;
        width: 100%;
        float: left;
        background-size: cover;
        padding: 0;
    }

    .accnav {
        width: 100%;
        margin: 0;

    }

    .accnav li a {
        width: 100%;
        margin: 0;
        padding-left: 40px;
    }

    .accnav > li > a {
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px;
        font-family: 'Montserrat', sans-serif;
        line-height: 27px;
        padding-top: 23px !important;
        padding-bottom: 17px !important;
        padding-left: 36px !important;
        padding-right: 0 !important;
    }

    .navbg .navlogo {
        margin-top: -20px;
    }
}

@media screen and (min-width: 1132px) and (max-width: 1335px) {
    .accnav {
        float: right;
    }
}

@media screen and (max-width: 991px) {
    .search {
        /*
        margin: 15px auto;  */
    }
}

@media screen and (min-width: 769px) and (max-width: 1132px) {
    .accnav {
        float: right !important;

    }
    #ajouter_bien_tablette{
        display:block;
    }
    #btn_retour_carte_tablette{
        display:block;
        width: 95px;
    }
    #ajouter_bien{
        display:none;
    }
    #btn_retour_carte{
        display:none;
    }
    .accnav li {
        float: left !important;
        display: table-cell;
        white-space: nowrap;
    }
}

@media screen and (max-width: 863px) and (min-width: 769px) {

    div .accnav {
        width: 100%;
        float: left !important;
        display: table;
        max-width: 100%;
    }

    .accnav li {
        float: left !important;
        padding: 4px 4% 0 6% !important;
        display: table-cell;
        white-space: nowrap;
    }
}

@media screen and (min-width: 769px) {
    .accnav {
        float: right !important;
        display: table;
    }

    .navbar-header {
        float: left;
        width: auto;
    }

    .menurecherche .btn-default {
        width: 220px;
    }

    .menurecherche.open .dropdown-menu {
        float: right;
        max-width: 220px;
    }

    .toggleswitch ul li {
        float: left;
        list-style: none;
    }
}

/* slider*/
/* google map tooltip style */
#marker-tooltip .momentcheck  {
    display: none;
}

#marker-tooltip {
    display: none;
    position:absolute;
    min-width: 400px;
    margin: 15px;
    background: white;
    z-index: 10;
    box-shadow: 5px 5px 5px #888888;
}

.ui-state-default {
    text-align: center !important;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #15bad8 !important;
    border-radius: 50%;
    padding: 0.2em 0;
}

/* popup */
.popup_nom {
    line-height: 34px;
}

.popup_nom_container {
    text-align: center;
}

.popup_moments {
    text-align: center;
}

.popup_potentiel {
}

.popup_contact_container {
    background-color:  rgb(247, 247, 247);
}

.popup_block {
    background-color: #fff;
    padding: 10px;
}

.popup_label {
    font-weight: 600;
}

.legend_color {
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-top: 1px;
}

#legend {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin-top: auto;
    margin-bottom: auto;
}

#legend > div {
    display: table-cell;
    vertical-align: middle;
}

#legend_content {
    background: white;
    font-size: 12px;
    font-family: "Montserrat";
    color: rgb(119, 119, 119);
    padding-right: 2px;
}

.onglet {
    background-color: rgb(21, 186, 216);
    width: 30px;
    height: 54px;
    z-index: 1039;
    border-radius: 0 6px 6px 0;
    position: relative;
    /*cursor: pointer;*/
}

.onglet span:after {
    content: "\f105";
    color: #fff;
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 20px;
}

.open_legend .onglet span:after {
    content: "\f104" !important;
}

/* popup details */
span{
    /*font-weight: 600;*/
    font-family: 'Montserrat', sans-serif;
}
.popup_contact_container {
    background-color: rgb(247, 247, 247);
}
.popup_block{
    margin: 0 auto 15px ;
    font-weight:400!important;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    float:left;
    background: #fff;
    padding: 15px;
}
.popupdetails li {
    float: left;
    width: 45%;
    font-family: "Montserrat-light";
    font-size: 12px;
    line-height: 16px;
    margin: 8px;
}
.popupdetails ul{
    padding: 0!important;
    width: 100%;
    font-size: 12px;
    margin:15px auto
}
img.popupdetail {
    vertical-align: middle;
    margin-bottom: 15px;
    width: 100%;
}
.popup_label.center{
    width:100%;
    text-align:center;
    display: block;
}
.popup_inner_label.center {
    width: 100%;
    text-align: center;
    display: block;
    margin: 11px auto 0;
}
/* custom inclusion of right, left and below tabs */

.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;

}
.popup_title.center {
    width: 100%;
    text-align: center;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
}
.numberCircle {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 8px;
    background: #fff;
    border: 2px solid #e0e0e0;
    text-align: center;
    margin: 10px auto;
    line-height: 57px;
    font-family: "Montserrat-light";
    font-size: 28px;
    color: #415464 !important;
}
.circlenbr p {
    text-align: center;
    width: 100%;
    font-size: 16px;
    color: #415464 !important;
}
.stroundcontainer li{
    list-style:none;
}
.mapmodal .tab-content {
    float: left;
    width: 51%;
}.mapmodal .tab-content ul {
     padding-left: 0!important;
 }
.mapmodal .tabbable  li.active a{
    border-radius: 0!important;
    border: 0;
    background: #fff;

}.mapmodal .tabbable  li a{
     border-radius: 0;
     border: 0;
     background: #d1d1d1;
     font-size: 12px;
     color: #000;
 }
.Maison,.prop,.Appartement{
    width: 82px;
    height: 82px;
    border: 1px solid #b5b5b5;
    font-size: 11px;
    vertical-align: bottom;
    display: block;
    padding: 11px 0;
    background-repeat: no-repeat;
    background-position: center 15px;
    line-height: 101px;
    text-align: center;
    float: left;
}
.Appartement{
    background-image: url(../bundles/app/img/appart.png);
}
.Maison{
    background-image: url(../bundles/app/img/maison.png);
}
.prop{
    background-image: url(../bundles/app/img/prop.png);
}
.nopadd {
    padding: 0 !important;
}
.mapmodal .tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #d1d1d1;
    max-width: 45%;
}
#popup_streetview_container {
    height: 300px;
    text-align: center;
}
/* popup details fins */

.modal-content {
    /* 80% of window height */
    /*height: 100%;*/
    border-radius: 0;
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 50px);
    overflow: hidden;
}

#help_btn {
    border-radius: 50%;
    background-color: #edf1f4;
    color: #15bad8;
    line-height: 20px;
    font-size: 19px;
    height: 30px;
    width: 30px;
    margin-left: 15px;
}

#help_btn span {
    margin-left: -1px;
}

.map_legend {
    background: white;
    padding: 14px;
    border-radius: 2px;
}

.map_legend div {
    float: left;
}

.map_legend .map_legend_color {
    margin-right: 10px;
    width: 14px;
    height: 14px;
}

.map_legend_spacer {
    height: 22px;
    float: none !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.modal{
    z-index: 3000 !important;
}

.leaflet-popup-content-wrapper {
    border-radius: 0 !important;
}

.bottom-dotted{
    border-bottom: 2px solid ;
}

.blue_button {
    background-color: #415464;
    border: none;
    color: white;
    padding: 11px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.popup_content {
    text-align: center;
}

.popup_content button {
    width: 100%;
}

.popup_content h2 {
    color: #404a58;
}

.disponibilite {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.bloc {
    width: 100%;
    background-color: white;
}

.left {
    float: left;
    width: 40%;
    background-color: #15bad8;
}

.right {
    float: right;
    width: 60%;
    background-color: #edf1f4;
}

.title {
    text-transform: uppercase;
    color: #404a58;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}

.title2 {
    color: #404a58;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
    font-size: 16px;

}

.formulaire {
    width: 100%;
    background-color: white !important;
    height:100%;
    padding: 20px 5%;
    overflow-y:scroll;
    max-height: 390px;
}
#appbundle_bien-form input[type='checkbox'] {
    float: left;
    margin-right: 5px;
}
.tab-content-m {
    position: relative;
}
/* style scrollbar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #15bad8;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* style scrollbar */

.left-form {
    float: left;
    width: 50%;
    background-color: white !important;

}

.right-form {
    float: right;
    width: 50%;
    background-color: white !important;

}

.button {
    background-color: #415464;
    border: none;
    color: white;
    padding: 11px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.button3 {
    background-color: white;
    border: none;
    color: #415464;
    border: solid 0.6px #dddddd;
    padding: 11px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.button2 {
    background-color: white;
    color: #415464;
    padding: 8px 34px 8px 9px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 8px;
    border-radius: 5px;
    border-color: #dddddd;
    border-style: solid;
    font-weight: bold;
    border-width: 1.2px;
    cursor: pointer;
    position: relative;
}
.form-control {
    width: 90% !important;
    background-color: #edf1f4 !important;
}

.nav-pills>li+li {
    margin-left: 0!important;
}
.nav-m{
    background-color: #edf1f4;
}
.nav-m > li > a:focus, .nav-m > li > a:hover{
    text-decoration: none !important;
    background-color: #eee !important;
}
.nav-m > li  {
    width:50%;
    text-align: center;
    font-weight: bold;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: transparent!important;
    color: inherit!important;
    border-bottom : solid 3.5px #15bad8;
    border-radius: 0;
}

.formulaire > .title:first-child {
    text-transform: none;
}

.nav-m > li > a {
    color: #a5aab1!important;
    padding: 22px 15px!important;
}

.content2 {
    min-height: 300px;
    background-color: white;
}
.picture-center{
    padding-top: 5%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}
.paragraph-style {
    padding:20px;
    text-align: center;
}

.close-button {
    position: absolute;
    right: 16px;
    top: 7px;
    opacity: 1 !important;
}

.tick {
    background: url(../bundles/app/img/tick.png) no-repeat;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 400;
}

.territoire_tarif_text {
    color:  #404a58;
    font-size: 22px;
    font-weight: bold;
}

.territoire_tarif {
    color:  #15bad8;
    font-size: 44px;
    font-weight: bold;
}

#choix_territoire_popup .modal-body {
    padding-left: 0;
    padding-right: 0;
}

.plus_d_infos_left {
    width: 300px;
    background-color: #15bad8;
    color: white;
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.plus_d_infos_right {
    width: 60%;
    background-color: #edf1f4;
    color:  #404a58;
    padding: 20px;
    display: table-cell;
}

.demande_territoire {
    margin-bottom: 5px;
}

#contact_container {
    background: url(../bundles/app/img/contact_bg.png) no-repeat;
    background-size: cover;
    width: 100%;
    display: inline-block;
    background-position-y: 50px;
    position: relative;
}

#contact_container #dt-table_length select{
    font-size: 14px;
    padding: 5px;
    max-width: 50px;
    margin: 5px;
    margin-top: 60px;
    background: white!important;
    border-radius: unset;
}

div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label,div.dataTables_wrapper div.dataTables_info{
    font-weight: 500!important;
    margin-top: 8px;
}
.dataTables_wrapper .pagination .page-link{
    font-size: 13px!important;
    padding: 10px!important;
    margin: 5px!important;
    min-height: 30px!important;
    min-width: 3.25rem!important;
}

table.table-bordered.dataTable tbody td, table.table-bordered.dataTable tbody th{
    font-weight: 500;
    font-size: 12px;
    font-family: 'poppinsregular';
}

#contact_container #dt-table_filter{
    margin-top: 10px;
}

#contact_container #dt-table_filter input{
    font-size: 15px;
    padding: 5px;
    max-width: 200px;
    background-color: white!important;
    border-radius: unset;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    margin-top: 10px;
}

.collaborateur_image{
    width: 40px;
    height: 40px;
    border-radius: 150px;
    margin-right: 15px;
}

.wv-button{
    background: black;
    border: 1px solid black;
    margin: 3px;
    padding: 9px;
    border-radius: 3px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

.w_100 {
    width: 100%!important;
}

.wv-button-red {
    color: white;
    border-color: #ff5d5d;
    background: #ff5d5d;
}

.wv-button-red:hover {
    background: #c80000;
    border-color: #c80000;
}

.wv-button-green {
    color: #0e8749;
    border-color: #0e8749;
}

.wv-button-green:hover {
    background: #0e8749;
}

.wv-button-blue {
    color: white;
    border-color: #5D62FE;
    background: #5D62FE;
}

.wv-button-blue:hover {
    background: #0008ff;
    border-color: #0008ff;
    text-decoration: none;
}

#contact_container #dt-table_wrapper{
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
}

#contact_container table thead th{
    font-weight: 600;
    font-size: 14px;
    padding-left: 15px;
    font-family: poppinsmedium;
}

#contact_container table thead th:after,#contact_container table thead th:before{
    font-family: initial;
}

#contact_container table thead tr{
    height: 50px;
    border: 2px solid #ddd!important;
    border-left-width: 0px!important;
    border-right-width: 0px!important;
}

#contact_container #dt-table_paginate{
    padding-top: 12px;
}

#contact_container #dt-table_filter{
    margin-bottom: 10px;
}

.d-none{
    display: none;
}

.contact_title {
    color:  #404a58;
    font-size: 12px;/* Approximation due to font substitution */
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}

.contact_box {
    background-color:  #ffffff;
    box-shadow: 5px 8px 24px 0 rgba(0, 0, 0, 0.15);
    width: 56.4%;
    position: absolute;
    top: 75px;
    margin: auto;
    left: 0;
    right: 0;
    padding: 85px;
    padding-bottom: 10px;
    margin-bottom: 90px;
}

.contact_icon {
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    position: absolute;
}

.contact_box textarea, .contact_box #motif, .contact_box input {
    width: 100% !important;
}

select2-search select2-search--inline{
    font-size: 14px!important;
    padding: 5px!important;
}

select2-selection select2-selection--multiple{
    min-height: 42px!important;
}

.select2-container--default .select2-selection--multiple{
    color: #595d6e!important;
    /* font-family: poppinsregular; */
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single{
    border: 1px solid #e2e5ec!important;
}

.error-message{
    display: none;
    color: red;
}

.wv-label{
    width: 50px;
    color: white;
    border-radius: 15px;
    padding: 5px 15px 5px 15px;
}

.wv-label-danger{
    background: #F73B78;
}

.wv-label-success{
    background: #08BB88;

}

.select2-container{
    z-index: 3000;
}
#contact_container .select2-selection{
    background-color: #edf1f4!important;
    border: 1px solid #ccc!important;
    height: 33px!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    color: #74788d!important;
    background: #f7f8fa!important;
    border: 1px solid #ebedf2!important;
    padding-left: 26px!important;
    font-size: 12px!important;
}

.select2-selection.select2-selection--multiple{
    height: 30px;
}

.select2-container--default .select2-results>.select2-results__options{
    font-size: 13px!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    font-size: 23px;
    position: fixed;
    margin-left: -20px;
    margin-top: -8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    margin-left: -3px!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin: 4px 1px 0px 5px!important;
}

.select2-container .select2-search--inline .select2-search__field{
    font-size: 12px!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-right: -4px!important;
    padding: 0 5px!important;
    padding-top: 3px!important;
}

.filterUser-agence-head{
    font-weight: bold!important;
}

.filterUser-user-head span{
    padding-left: 15px;
}

.select2-custom .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    color: #74788d!important;
    background: #f2f2f2!important;
    border: 1px solid #a7a7a7!important;
    padding-left: 26px!important;
    font-size: 13px!important;
    border-radius: 0px;
    padding-bottom: 1px!important;
    padding-top: 3px!important;
    height: 26px!important;
}

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

.select2-custom .select2-container--default .select2-results>.select2-results__options{
    font-size: 13px!important;
}

.select2-custom .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    margin-top: -7px;
}

.select2-custom .select2-container--default.select2-container--focus .select2-selection--multiple{
    height: auto;
}

.select2-custom .select2-container--default .select2-search--inline .select2-search__field{
    padding-left: 5px;
    margin-top: 2px!important;
    font-size: 14px!important;
    font-weight: bold;
}

.select2-custom .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin: 2px 1px 0px 1px!important;
}

.select2-custom .select2-container--default .select2-selection--multiple{
    background: #edf1f4!important;    
    border: 1px solid #ccc!important;
    border-radius: 1px;
}

.bootstrap-select>.dropdown-toggle{
    height: 40px!important;
    background: white!important;
    border: 1px solid!important;
    background: #fff!important;
    color: #595d6e!important;
    border-color: #e2e5ec!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    font-size: 12px;
}

.bootstrap-select .dropdown-menu li a{
    height: 40px!important;
    display: block!important;
    position: relative!important;
    outline: 0!important;
    padding: 10px 15px!important;
}

.bootstrap-select .dropdown-menu li{
    width: 100%;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.bootstrap-select{
    width: 220px!important;
}

.bootstrap-select.w-180{
    width: 180px!important;
}

.bootstrap-select .dropdown-menu{
    overflow: hidden!important;
    position: absolute;
    transform: translate3d(0px, 0px, 0px)!important;
    top: 36px!important;
    left: 0px!important;
    will-change: transform!important;
    box-shadow: 0px 0px 5px 0px #d8d2d2!important;
    z-index: 1041;
}

.bootstrap-select .dropdown-menu.inner>li.selected>a{
    background: #f7f8fa;
}

.bootstrap-select .dropdown-menu.inner>li>a{
    display: block!important;
    position: relative!important;
    outline: 0!important;
    font-size: 12px;
    padding: 11px 15px!important;
}


.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    top: 10px!important;
}

.contact_box #envoyer {
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.stat_box {
    background-color:  #ffffff;
    box-shadow: 5px 8px 24px 0 rgba(0, 0, 0, 0.15);
    width: 80%;
    position: absolute;
    top: 75px;
    margin: auto;
    left: 0;
    right: 0;
    padding: 25px 10px;
    padding-bottom: 10px;
    margin-bottom: 90px;
}
#tableStat_filter{
    display:none;
}

/* New classes here */

.center-content {
    margin: 0 auto;
    /*text-align: center;*/
}

.bold-text {
    font-weight: bold;
}

.article-style {
    top : 25px;
    position: relative
}

.content-img {
    position: absolute;
    top: 85px;
    color: white;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
}

.img-style {
    position: relative;
    /*background-image: url("../img/a.jpg");*/
    width: 100%;
    background-size: cover!important;
    height: 150px;
    background-repeat: no-repeat!important;
}

.date {
    margin-left: -10px;
    color: #777777;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}

.situation {
    position: absolute;
    top: 2px;
    right: 54px;
    color: #fb6362;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
}

.situation2 {
    position: absolute;
    top: 2px;
    right: 54px;
    color: #359946;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
}

/* New classes here */

/* New code goes here */
.tab3 {
    background-color: white;
    height: auto;
    padding-top: 10px;
    overflow: hidden;
}

.button-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.check-style {
    margin: 0 auto;
    text-align: center;
}

.check-style ul {
    list-style-type: none;
}

.check-style ul li {
    display: flex;
    padding: 10px;
}

.check-style ul li img {
    height: 28px !important;
}

.check-title {
    padding: 2px 10px 0 10px;
}

.button-modify {
    border-radius: 4px;
    border-width: 1px;
    border-color: #dddddd;
    border-style: solid;
    background-color: #ffffff;
    width: 104px;
    height: 34px;
    color: #415464;
    font-size: 10px;
    font-weight: 700;
    line-height: 15.6px;
    text-align: center;
}
.upper{
    text-transform: uppercase;
}
.width200{
    width: 200px;
    margin:0 20%;
}
.rcorners2 {
    border-radius: 50px;
    background: #808ca4;
    padding: 0px 5px;
    width: 123px;
    color: white;
    font-size: 12px;
    float: right;
    margin: 5px 10px;
    /* height: 10px; */
    text-align: center;
}
.rcorners4 {
    border-radius: 50px;
    background: #fb6362;
    padding: 0px 5px;
    width: 123px;
    color: white;
    font-size: 12px;
    float: right;
    margin: 5px 10px;
    /* height: 10px; */
    text-align: center;
}

.rcorners3 {
    border-radius: 50px;
    font-size: 12px;
    background: #bd58fe;
    padding: 0px 5px;
    width: 170px;
    color: white;
    float: right;
    margin: 5px 10px;
    /* height: 10px; */
    text-align: center;
}

.rcorners3.bleu {
    background: #2687E8!important;
}

.addevent{
    float: right!important;
    margin-top: -70px!important;
}

.tooltip_ {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #555;
}
  
.tooltip_ .tooltiptext_ {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    width: 120px;
    top: 140%;
    left: 50%;
    margin-left: -60px;
}

.tooltip_ .tooltiptext_::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip_:hover .tooltiptext_ {
    visibility: visible;
    opacity: 1;
}

.rcorners5 {
    border-radius: 50px;
    background: #36ab06;
    padding: 0px 5px;
    width: 70px;
    color: white;
    font-size: 11px;
    float: right;
    margin: 5px 10px;
    /* height: 10px; */
    text-align: center;
}
.detailCorners5 {
    background: #36ab06;
    padding: 0px 5px;
    color: white;
    font-size: 14px;
    float: left;
    margin: 0px 0px 0px 6px;
    text-align: center;
}
.macaronStatus{
    border-radius: 50px;
    font-size: 12px;
    background: #17b3db;
    padding: 0px 5px;
    width: 123px;
    color: white;
    float: right;
    margin: 5px 10px;
    /* height: 10px; */
    text-align: center;
}
.button4 {
    color: white;
    border: solid 1px #dddddd;
    padding: 11px 32px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    min-width: 200px;
    border-radius: 4px;
    background-color: #415464;
    width: 161px;
    height: 34px;
    font-size: 10px;
    font-weight: 700;
    line-height: 15.6px;
}
a.editBien {
    font-size: 10px;
    float: right;
    padding-right: 20px;
    text-decoration: none;
    color: white !important;
    text-transform: uppercase;
}
.custom-button {
    position: relative;
    /* border-radius: 4px; */
    /* border-width: 1px; */
    /* border-color: #dddddd; */
    /* border-style: solid; */
    /* background-color: #ffffff; */
    width: 104px;
    height: 34px;
    float: right;
}

.button-title {
    color: #415464;
    font-size: 10px;
    font-weight: 700;
    line-height: 15.6px;
    text-align: center;
    position: relative;
    top: 9px;
    right: 11px;
}

.button-title a {
    text-decoration: none;
    color: black;
    text-transform: uppercase;
}

.icon-position {
    position: absolute;
    top: 9px;
    right: 12px;
}

.modify-button {
    width: 100%;
    padding-bottom: 10px;
    right: -15px;
    top: 114px;
    position: absolute;
}
.status-button {
    width: 100%;
    padding-bottom: 10px;
    right: -15px;
    top: 0px;
    position: absolute;
}
.macron {
    position: relative;
    /* top: 84px; */
    left: 36px;
}
.titleHome{
    background-color: #1E9FE0;
    text-align: center;
    overflow: hidden;
    color: white;
    font-weight: 500;
    border-radius: 10px 10px 10px 10px;
    /* box-shadow: inset 0px 0px 15px 0px #f8f8f8; */
    padding: 5px 20px;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 1px solid white;
    border-radius: 10px 10px 0px 0px;
}
.number {
    position: absolute;
    top: 17px;
    font-size: 14px;
    left: 0px;
    width: 43px;
    text-align: center;
    font-weight: 700;
}
.col-lg-4
{
    padding-right:0px;
}
.h4, h4 {
    font-size: 17px !important;
}
.content-img p {
    position: relative;
    /* top: 73px; */
    left: 42px;
    font-size: 15px;
    font-weight: 500;
}

.disabled{
    cursor: not-allowed!important;
    background: #f1f1f1!important;
    box-shadow: unset!important;
}

.chance {
    text-transform: uppercase;
    position: relative;
    top: -36px;
    left: 51px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 27px;
    text-align: left;
}

.pub {
    margin-bottom: 20px;
}
.macron img{
    width: 46px;
    padding-top: 8px;
}

.tab1 .navigation-buttons{
    margin: auto;
    width: 50%;
    min-width: 300px;
    height: 42px;
    padding: 6px;
} 

.tab1 .navigation-buttons button{
    width: 49%;
    max-width: 130px;
    height: 30px;
    background: #f1f1f1;
    border: 1px solid #b3b2b2;
    box-shadow: 0px 0px 3px 0px #818181;
}

.tab1 .navigation-buttons button:hover {
    background-color: #fff;
    color: black;
}

.tab1{
    background-color: #f1f1f1;
}
.tab1, .tab2, .tab3 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    height: 100vh;
}
.tab2 {
}

.container-m {
    width: 100%;
}
.center-title {
    height: 41px;
    background-color: #f8f8f8;
    text-align: center;
    color: #404a58;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding-top: 10px;
    text-transform: uppercase;
}

.layer {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tab2-content {
/* padding-top: 22px;*/
}

/* The container */
.custom-checkbox {
    display: inline-block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    left: 0px;
    font-size: 17px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: -40px;
    height: 25px;
    width: 25px;
    background-color: #edf1f4;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
    background-color: #415464;
    border-radius: 3px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #15bad8;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.add-padding {
    /*  padding-bottom: 20px; */
}

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

/* New code goes here */


.grp {
    padding: 30px 10px 30px 30px;
    border-bottom: solid 1px #bbbbbb
}

.remove-padding {
    padding: 0;
}
.icons-padd {
    padding-top: 18px;
    padding-left: 0;
}
.scroll {
    overflow-y: scroll;
    height: auto;
    background-color: white;
    max-height: 100vh;
}



/* notifications dropdown */
.dropdown-menu .scroll {
    overflow-y: scroll;
    margin: 0;
    max-height: 400px;
}

.custom-dropdown {
    min-width: 485px;
    left: -200%;
    background: transparent !important;
}
.backgroundTrans{
    background: transparent !important;
}
.background-white{
    background-color: #ffffff !important;
}
.navbar-nav>li>.arrow-margin {
    margin-top: 20px;
}
.pos-arraw {
    position: absolute;
    top: -22%;
    left: 22%;
    text-align: center;
}
.custom-dropdown .pos-arraw{
    top: -3%;
    left: 56%;
    text-align: center;

}

.dropdown-title {
    text-transform: uppercase;
    font-weight:700;
    padding-bottom: 3%;
}
.dropdown-thumbnail{
    width:71px;
    height:97px;
    padding: 0 !important;
}

.dropdown-inner-content > p {
    font-weight: 600;
    text-decoration: none!important;
    color: #404a58;
    font-size: 13px;
}
.inner-p-content {
    font-weight: 400;
}

.dropdown-full-content {
    padding-bottom: 2px;
}
.readed {
    background-color: #edf1f4;
}
/* notifications dropdown */

.notifbox {
    position: absolute;
    top: 9px;
    left: 54%;
    border-radius: 50px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    font-family: "Montserrat-light";
    line-height: unset;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}
.labelimmo{
    width:100%;
    font-weight: normal;
    margin: 5px;
}

[name=filter] {
    width: 100% !important;
}

#ajouter_bien, #ajouter_bien_tablette {
    float:right;
    margin-right: 15px;
    margin-top: 5px;
    text-decoration: none;
    color: white !important;
}

.selectall {
    margin-left: 10px;
    line-height: 34px;
    margin-right: 27px;
    font-size: 11px;
}

.selectall .btn, .selectall .btn:hover, .selectall .btn.active {
    background: white !important;
    width: 28px !important;
    height: 28px !important;
    border-color: #dedede;
    padding-left: 10px;
    padding-top: 3px;
    box-shadow: none !important;
}

.ui-autocomplete { position: absolute; cursor: default;z-index:10000 !important;}

@keyframes highlight {
    0% {
        background: #ffff99; 
    }
    100% {
        background: none;
    }
}

.highlight {
    animation: highlight 3s;
}


select.dropdown_custom { display: none; }

.dropdown_custom {
    min-width: 215px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
    background-color: #f6f6f6;
    border-radius: 6px;
    border: solid 1px #eee;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: center !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.dropdown_custom:focus { background-color: #f1f1f1; }

.dropdown_custom:hover { background-color: #f3f3f3; }

.dropdown_custom:active, .dropdown_custom.open {
  background-color: #f0f0f0 !important;
  border-color: #e4e4e4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown_custom:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  -ms-transform: origin(50% 20%);
  transform: origin(50% 20%);
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown_custom.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown_custom.open .list {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    z-index:9999;
}

.dropdown_custom.open .option { cursor: pointer; }

.dropdown_custom.wide { width: 100%; }

.dropdown_custom.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown_custom .list {
  box-sizing: border-box;
  -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}

.dropdown_custom .list:hover .option:not(:hover) { background-color: transparent !important; }

.dropdown_custom .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  width: 100%;
  margin: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.dropdown_custom .option:hover, .dropdown_custom .option:focus { background-color: #f6f6f6 !important; }

.dropdown_custom .option.selected { font-weight: 600; }

.dropdown_custom .option.selected:focus { background: #f6f6f6; }



.daterangepicker .drp-calendar.left {
    float: left; 
    width: unset;
    background-color: unset;
}
  
.daterangepicker .drp-calendar.right {
    float: left; 
    width: unset;
    background-color: unset;
}

.filterDate{
    font-size: 12px;
    height: 40px;
    width: 100% !important;
    min-width: 305px;
    background-color: white!important;
    padding: 13px;
    border-radius: 4px;
    border: 1px solid;
    color: #595d6e!important;
    border-color: #dbdde1!important;
    cursor: pointer;
}

.filter_date .bs-caret{
    top: 9px;
    color: #15bad8;
    position: absolute;
    cursor: pointer;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1500;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
  }
  
  .overlay-content {
    display: flex;
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
  }
  
  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
  }
  
  .overlay .closebtn:hover {
    color: #ccc;
  }
  
  .overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
  }
  
  .overlay input[type=text]:hover {
    background: #f1f1f1;
  }
  
  .overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
    height: 55px;
  }
  
  .overlay button:hover {
    background: #bbb;
  }

  .modal-backdrop{
    z-index: -1040;
  }

  .modal_edit{
    z-index: -1040;
  }