body,html{
  padding: 0 !important;
  margin: 0 !important;
  /*min-height: 100%; */
  /*height: 100%; */
  -webkit-transition: none !important;
  transition:none !important;
}
body.page-id-5 .bodyspace {
  padding: 145px 0 70px;
}
.bodyspace{padding: 145px 0 70px}
.mapspace{padding: 170px 0 100px}
.navbar,.mini-search{
  -webkit-transition: none !important;
  transition:none !important;  
}
.navbar-fixed-top{min-height: 150px}
/******************/
.myaccount-container .col-lg-1, .myaccount-container .col-lg-2, .myaccount-container .col-lg-3, .myaccount-container .col-lg-4, 
.myaccount-container .col-lg-5, .myaccount-container .col-lg-6, .myaccount-container .col-lg-7, .myaccount-container .col-lg-8,
.myaccount-container .col-lg-9, .myaccount-container .col-lg-10, .myaccount-container .col-lg-11, .myaccount-container .col-lg-12, 
.myaccount-container .col-md-1, .myaccount-container .col-md-2, .myaccount-container .col-md-3, .myaccount-container .col-md-4, 
.myaccount-container .col-md-5, .myaccount-container .col-md-6, .myaccount-container .col-md-7, .myaccount-container .col-md-8, 
.myaccount-container .col-md-9, .myaccount-container .col-md-10, .myaccount-container .col-md-11, .myaccount-container .col-md-12, 
.myaccount-container .col-sm-1, .myaccount-container .col-sm-2, .myaccount-container .col-sm-3, .myaccount-container .col-sm-4, 
.myaccount-container .col-sm-5, .myaccount-container .col-sm-6, .myaccount-container .col-sm-7, .myaccount-container .col-sm-8, 
.myaccount-container .col-sm-9, .myaccount-container .col-sm-10, .myaccount-container .col-sm-11, .myaccount-container .col-sm-12, 
.myaccount-container .col-xs-1, .myaccount-container .col-xs-2, .myaccount-container .col-xs-3, .myaccount-container .col-xs-4, 
.myaccount-container .col-xs-5, .myaccount-container .col-xs-6, .myaccount-container .col-xs-7, .myaccount-container .col-xs-8, 
.myaccount-container .col-xs-9, .myaccount-container .col-xs-10, .myaccount-container .col-xs-11, .myaccount-container .col-xs-12{
  padding-right: 8px;
    padding-left: 8px;
}
/*******************/
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.flex-row            { flex-direction: row; } 
.flex-row-reverse    { flex-direction: row-reverse; }
.flex-column         { flex-direction: column; }
.flex-column-reverse { flex-direction: column-reverse; }
.flex-wrap           { flex-wrap: wrap; }
.flex-nowrap         { flex-wrap: nowrap; }
.flex-wrap-reverse   { flex-wrap: wrap-reverse; }
.flex-justify-start    { justify-content: flex-start !important; }
.flex-justify-end      { justify-content: flex-end !important; }
.flex-justify-center   { justify-content: center; }
.flex-justify-between  { justify-content: space-between; }
.flex-justify-around   { justify-content: space-around; }
.flex-items-start      { align-items: flex-start; }
.flex-items-end        { align-items: flex-end; }
.flex-items-center     { align-items: center; }
.flex-items-baseline   { align-items: baseline; }
.flex-items-stretch    { align-items: stretch; }
.flex-content-start    { align-content: flex-start; }
.flex-content-end      { align-content: flex-end; }
.flex-content-center   { align-content: center; }
.flex-content-between  { align-content: space-between; }
.flex-content-around   { align-content: space-around; }
.flex-content-stretch  { align-content: stretch; }
.flex-self-auto        { align-self: auto; }
.flex-self-start       { align-self: flex-start; }
.flex-self-end         { align-self: flex-end; }
.flex-self-center      { align-self: center; }
.flex-self-baseline    { align-self: baseline; }
.flex-self-stretch     { align-self: stretch; }
.flex-order-1    { order: 1; }
.flex-order-2    { order: 2; }
.flex-order-none { order: inherit; }

/*******************/
@font-face {
    font-family: 'robotoblack';
    src: url('roboto-black-webfont.eot');
    src: url('roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-black-webfont.woff2') format('woff2'),
         url('roboto-black-webfont.woff') format('woff'),
         url('roboto-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff'),
         url('roboto-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff2') format('woff2'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inkfree';
    src: url('fonts/Inkfree.eot');
    src: url('fonts/Inkfree.eot') format('embedded-opentype'),
         url('fonts/Inkfree.woff2') format('woff2'),
         url('fonts/Inkfree.woff') format('woff'),
         url('fonts/Inkfree.ttf') format('truetype'),
         url('fonts/Inkfree.svg#Inkfree') format('svg');
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.eot');
    src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-thin-webfont.woff2') format('woff2'),
         url('roboto-thin-webfont.woff') format('woff'),
         url('roboto-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/******************/

.searchbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #575757 !important;
}
.searchbox::-moz-placeholder { /* Firefox 19+ */
  color: #575757  !important;
}
.searchbox:-ms-input-placeholder { /* IE 10+ */
  color: #575757 !important;
}
.searchbox:-moz-placeholder { /* Firefox 18- */
  color: #575757 !important;
}
/****************/
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus{
  outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
/* The container */
.radio-container {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 3px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
}

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








/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -2px;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #fff;
}

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

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 3px;
    left: 3px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #1b3b54;
}
/*.container-large{padding-top: 48px;}*/
/***********/

.g-recaptcha>div {
margin: 0px auto;
margin-bottom: 10px !important;

}

.regions-map {
  width: 70% !important;
    margin: 0px auto;
}
.regions-map-modal .popper-text{
  display:inline-block;
  clear:both;
  background:#005575;
  color:#fff;
  text-transform:uppercase;
  padding:.3em 1em;
  border:1px solid #fff;
  font-family:Oswald,sans-serif;
}
.regions-map-modal .popper-text:first-child{
  border-bottom:none
}
.regions-map-modal .region-name{
  font-size:15px
}
.regions-map-modal .region-nb-programmes{font-size:13px}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;display: inline-block;
  vertical-align: middle;
  width: 120px;
  margin-right: 20px;
  float:left;
    margin-bottom: 20px;
}

.upload-btn-wrapper .btn {
  border: 1px solid #005575;
  color: #fff;
  background-color: #005575;
  padding: 8px 20px;
  border-radius: 0px;
  font-size: 15px;
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.personalize-form label {
  width:235px;
  float:left;
}
.simulation .nav-tabs .tab .link {
  width:116px !important;
}
.account-block .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  color: #555555 !important;
}
.toggleSwitch span span {
  display: none;
}
.toggleSwitch {
display: inline-block;
height: 18px;
position: relative;
overflow: visible;
padding: 0;
cursor: pointer;
width: 40px;
margin-left: -15px;
}
.toggleSwitch * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggleSwitch label,
.toggleSwitch > span {
line-height: 20px;
height: 20px;
vertical-align: middle;
}
.toggleSwitch input:focus ~ a,
.toggleSwitch input:focus + label {
outline: none;
}
.toggleSwitch label {
position: relative;
z-index: 3;
display: block;
width: 100%;
}
.toggleSwitch input {
position: absolute;
opacity: 0;
z-index: 5;
}
.toggleSwitch > span {
position: absolute;
left: -50px;
width: 100%;
margin: 0;
padding-right: 50px;
text-align: left;
white-space: nowrap;
}
.toggleSwitch > span span {
position: absolute;
top: 0;
left: 0;
z-index: 5;
display: block;
width: 50%;
margin-left: 50px;
text-align: left;
font-size: 12px;
width: 100%;
left: 15%;
top: -1px;
opacity: 0;
}
.toggleSwitch a {
position: absolute;
right: 50%;
z-index: 4;
display: block;
height: 14px;
padding: 0;
left: 7px;
width: 14px;
background-color: #ccc;
border-radius: 100%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;    
top:1px;
}
.toggleSwitch > span span:first-of-type {
color: #ccc;
opacity: 1;
left: 49%;
}
.toggleSwitch > span:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 53px;
top: -2px;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 30px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.toggleSwitch input:not(:checked) ~ a {
  border-color: #000;
  background: #000;
  }
.toggleSwitch input:checked ~ a {
border-color: #000;
left: 100%;
margin-left: -6px;
top: 1px;
background: #000;
}
.toggleSwitch input:checked ~ span span:first-of-type {
opacity: 0;
}
.toggleSwitch input:checked ~ span span:last-of-type {
  opacity: 1;
  color: #000;
  left:23%;
}
.popup_budget .tooltip-inner { color:#000 !important;}
.square.with-icon .dashicons {
  font-size:75px;
  width:100px;
  height:100px;
}
.navbar .navbar-collapse .navbar-right a:hover {
  background:none !important;
}
.meet_text {
  color: #005575;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
}
.logged-in .navbar-fixed-bottom .navbar-header {
  padding:25px 0px;
}
#bodyclasnew  {
  padding-bottom:0px !important;
}
#bodyclasnew .navbar-fixed-bottom .navbar-header {
  padding:0px !important;
}
.mapformclass { display:none;}

@media screen and (min-width: 992px) {
  .Metting_Room .arrow-search .col-md-9 {
    width:100%;
  }
}
/****************/
.mx-1{
  margin: 0px 15px;
}
.mx-3{
  margin: 0px 45px;
}
.mb-0{
  margin-bottom: 0px;
}
.p-0{
  padding: 0px;
}
.text-center{
  text-align: center;
}
.fs-11{
  font-size: 11px;
}
body.admin-bar .section-header{
  /*padding-top: 50px;*/
}
.navbar-default{
  background: transparent linear-gradient(346deg, #008080 0%, #008080 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
}
.searchbox{
  width: 380px;
  height: 30px;
  text-align: left;
  font: normal normal bold 18px/24px Roboto;
  letter-spacing: 0px;
  color: #575757 !important;
  text-transform: uppercase;
  background: #FFFFFF url(img/newdesign/searchicon.png) no-repeat 10px; 
  border-radius: 20px;
  padding:5px 10px 5px 35px !important;
  outline: none;
  margin-right: 60px;
  box-shadow: none
}
.userdetails {margin: 0; padding: 15px 20px}
.userdetails img{
  float: left;
  padding: 7px;
  width: 55px !important;
    height: 55px !important;
    border-radius: 55px;
}
.userdetails strong{
  display: inline-block;
    color: #fff;
  font: normal normal bold 16px/16px Roboto;
  text-transform: uppercase;
  padding: 10px
}
.userdetails strong small{text-transform: initial;}
.userdetails strong small a{
  font: normal normal normal 12px/16px Roboto;
  color: #FFFFFF;
  text-transform: normal
}
.navbar .navbar-collapse .navbar-left{
  justify-content: flex-start;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  background-color: transparent
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
  background-color: transparent
}
.toggleSwitch{margin-left: 0;margin: 0}
.meet_text{
  margin: 0;display: inline-block
}
.meetroombut{
  width: 175px;
  height: 28px;
  background: #004040 0% 0% no-repeat padding-box;
  border-radius: 14px;
}
.meetroombut label{
  font: normal normal 14px/16px Roboto;
  letter-spacing: 0px;
  color: #F9F9F9 !important;
  text-transform: uppercase;
  float: left;
  margin: 6px 5px
}
.meetroombut label.meet_text{padding-left: 15px;}
.navbar .navbar-nav > li:after{display: none}
.toggleSwitch{width: 30px}
.toggleSwitch > span{padding-right: 40px;}
.toggleSwitch > span:before{
  background-color: #15344c;
    border: 1px solid #15344c;  
}
.toggleSwitch > span span:first-of-type{
  opacity: 0
}
.toggleSwitch a{background-color: #fff}
.nav>li>a.logout-icon{
  padding: 0;
  top: 0 !important
}
.nav>li>a.logout-icon:hover{
  background: transparent;
  opacity: .8
}
.navbar-right.navbar-buttons{
  #margin-right: 0;
      display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li > span {
    width: 0px;
    height: 21px;
    border: 1px dotted #FFFFFF;
}
.navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:first-child{
  padding-left: 0;
  border: 1px solid #fff;
  border-radius: 20px;
    padding: 6px 5px !important;
    height: 35px;
  /* width: 16%; */
  margin-left: 1% !important;
  margin-right: 1% !important
}
.navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:last-child{
  margin-right: 0 !important
}
.navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:last-child a{float: right !important}
#menu-bot ul{
  justify-content: normal;
  align-items: center
}
.vtop{vertical-align: top}
/* .navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:first-child img{margin-right: 10px;position:absolute;left: 10px;top:6px;} */
.navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:after{
  content: '';
  width: 0px;
    height: 21px;
    border: 1px dotted #FFFFFF;
}
.navbar-fixed-bottom .greenbut{
  width: 210px;
  height: 30px;
  background: #004040 0% 0% no-repeat padding-box;
  border-radius: 16px;  
  display: block; 
  text-align: center;
  font: normal normal 12px/18px Roboto;
  line-height: 28px !important;
  border: 1px solid #004040;
}
.greenbut:hover{
  background: #fff !important;
  color: #004040 !important;
  border: 1px solid #004040;
}
.greenbut img{margin-right: 10px;}
.navbar .dropdown .dropdown-menu{border: 1px solid #004040 !important;}
.navbar .dropdown .dropdown-menu>li>a{color: #fff;padding:.25rem 0rem !important;transition: all .5s;font-size:13px;}
.navbar .dropdown .dropdown-menu>li>a:hover{color: #dedede !important;background: transparent;}
.navbar #menu .dropdown .dropdown-menu>li>ul>li>a:hover{text-align: left}
.gridblock{ height: 100%; }
/* .grid-stack>.grid-stack-item>.grid-stack-item-content{ overflow-y: hidden !important; } */
/* .grid-stack-instance-5103 > .grid-stack-item[gs-y="7"]{
  height: 450px;
  top: 450px;
}
.grid-stack > .grid-stack-item[gs-y="7"] {
  height: 450px !important;
  top: 450px !important;
}
.grid-stack .grid-stack-item[gs-h="7"],.grid-stack .grid-stack-item[gs-h="8"] {
  height: 450px !important;
} */
/* .grid-stack .grid-stack-item[gs-y="14"]{
  top: 900px !important;
}
.grid-stack .grid-stack-item[gs-y="22"]{
  top: 1350px !important;
} */
.mini-search{top: 150px;padding: 20px 0 10px}
.resized .mini-search{top: 120px}
.mini-search .btn-pink{height: 32px;margin: 0}
.search-advance{
  position: -webkit-sticky;
    position: sticky;
    top: 150px;
    left: 0;
    right: 0;
    z-index: 1000;
}
.resized .search-advance{top: 120px}
.admin-bar .mini-search,.search-advance .mini-search{top: 182px;}
.admin-bar.resized .mini-search,.admin-bar.resized .search-advance{top: 120px}


#menu{padding-top: 10px;}
#menu .menu-title{
  border-bottom: 1px solid #fff;
  padding: 0 0 14px 0;
  margin-bottom: 15px;
  display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
}
#menu .menu-title img{margin-right: 10px;}
#menu .dropdown-menu{top: -15px;width: 100%;left: 51%}
#menu-bot .menu-title{
  border-top: 1px solid #fff;
  padding: 14px 0 0;
  margin-top: 15px;
  display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
}
/*#menu-bot .dropdown-menu{width: 100%}*/
.navbar-fixed-bottom .menu-title .whitebut{
      border: 1px solid #fff;
    border-radius: 20px;
    padding: 6px 16px !important;
    height: 35px;
  line-height: 28px;
  width: 100%;
  text-align: center;
  font:normal normal 400 15px/27px Roboto
}
.navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:first-child .dropdown-menu{width: 130%;left: 50%;bottom: -13px}
.navbar-fixed-bottom .dropdown .dropdown-menu{
  bottom: -14px;
  width: 100%;
}
.copytxt{text-transform: uppercase;padding: 5px 0}
.awesomplete ul{
  border: 1px solid #004040;  
  width: 380px;
  top: 52px;
}
.awesomplete ul li{
  display: block !important;
  padding: 5px 15px !important;
  color: #5E907D;
  text-transform: uppercase
}
.awesomplete ul li mark{background: transparent}
.awesomplete ul li:hover{background: #5E907D;color: #fff}
.form-control:focus{
  /*border: 0 !important;*/
    box-shadow: none !important;
  border-color: #575757
}
.select2-container .select2-selection--single:focus{box-shadow: none !important;border-color:#4e4e4e}
.select2-search--dropdown .select2-search__field{border: 2px solid #4e4e4e}
.bdr-bottom{border-color: #4e4e4e}
.titletxt{
  /*background: transparent linear-gradient(270deg, #008080 0%, #122737 83%, #060C12 100%) 0% 0% no-repeat padding-box;*/
  height: 55px;
}
.titletxt h3,.single-column h3,.sliderblock h3{ 
  text-align: left;
  font: 500 22px/24px Roboto;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 15px;
  margin: 0
}
.search-block{  
  padding: 15px;
  min-height: 412px;
    display: flex;
    flex-direction: column;
  justify-content: space-around;
}
.search-block .leftcol .form-group{
  display: flex;
  margin-bottom: 25px;
}
.option-check{
  margin-top: 13px;
  margin-left: 18px;
}
.option-check label{
  display: inline-block;
}
.option-check label input{
  vertical-align: middle;
  margin: 0px;
  margin-right: 8px;
}
.search-block .leftcol label,.rapidsearch-block .row-space label{
  padding-right: 10px;margin: 0;
  display: flex;
  align-items: flex-end;
  color: #504f4f;
  font-size: 13px;
}
.select2-results{
  font-size: 13px;
  padding-bottom: 15px;
  max-height: 150px;
}
.search-block label{color: #504f4f;}
.search-block .leftcol select{
  background: transparent;  
    border: 0;
    border-bottom: 1px solid #504f4f;
    box-shadow: none;
}
.centerblock{
  display: flex;
    flex-direction: column;
    justify-content: space-around;  
}
.mesoption a {
  margin: 5px;
}
.advance-search.centerblock>.row {
  align-items: center;
  display: flex;
}
.search-block select:focus{box-shadow: none !important}
.fullheight{height: 100%;}
.single-column{
  /*background: transparent linear-gradient(270deg, #008080 0%, #122737 83%, #060C12 100%) 0% 0% no-repeat padding-box;*/
  padding: 25px;
}
.single-column.padd0{padding:0}
.single-column.greenbg,.greenbg{
  background: transparent linear-gradient(180deg, #004040 0%, #469375 100%) 0% 0% no-repeat padding-box;
}
.greenbg-shade{
  background: transparent linear-gradient(258deg, #004040 0%, #568473 52%, #03603D 100%) 0% 0% no-repeat padding-box;
}
.darkbg{
  background: transparent linear-gradient(270deg, #008080 0%, #008080 83%, #008080 100%) 0% 0% no-repeat padding-box; 
}
.lightgreybg{background: #E3E3E3;padding: 0}
.single-column h3{padding: 0}
.single-column-content {
  padding: 40px 0 10px;
  min-height: 216px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.single-column-content .form-group{margin-bottom: 15px;}
.single-column-content .form-group label{
  color: #fff;
  display: inline-block;
  width: 48%;
  font: normal normal 500 12px/16px Roboto;
}
.single-column-content .form-group .form-control{
  display: inline-block;
  width: 50%;
  height: 25px;
}
.single-column-foot {
  padding-right:10px;
  display: flex;
  justify-content: flex-end;
  text-align: center
}
.single-column-foot h5{
  padding:0;margin:0;
  color: #fff;
  font: normal normal 500 20px/35px Roboto;
  text-transform: uppercase;
  padding-right: 5px;
  padding-bottom: 20px;
}
.single-column-foot h5 big.greentxt{
  color: #a0a0a0
}
.advice-block h3{padding-bottom: 10px}
.single-column h4{
  font: normal normal 500 18px/24px Roboto; 
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 17px;
}
.p-left{padding-left: 0}
.p-right{padding-right: 0}
.row-space{padding: 15px 0 0}
.greenbut,.small-greenbut,.brownbut,.whiteborderbtn,.greenborbtn,.btn-pink{
  height: 35px;
  background: #004040 0% 0% no-repeat padding-box;
  border-radius: 16px;
  display: block;
  font: normal normal 500 18px/24px Roboto;
  letter-spacing: 0px;
  color: #fff !important;
  text-transform: uppercase; 
  width: 95%;
  margin: 10px auto;
  border: 2px solid #004040;
  transition: all .5s
}
.small-greenbut,.btn-pink{
  font: normal normal 500 14px/28px Roboto;
  width: 100%;
  text-align: center;
  height: auto;
  border-radius: 25px;
}
.small-greenbut:hover,.btn-pink:hover,.btn-pink:active,.btn-pink:focus{
  background: #FFFFFF !important; 
  border: 2px solid #004040;
  color: #004040 !important;
}
.brownbut{ background: #955a48;border: 2px solid #955a48}
.whiteborderbtn{
  background: #fff;
  border: 1px solid #666;
}
.greenborbtn{
  background: #fff;
    border: 2px solid #177189 !important;
    color: #177189 !important;
    font: normal normal 500 14px/21px Roboto;
    text-align: center;
    margin: 0 0 10px;
    width: 100%;
  height: 34px;
    padding: 5px;
}
.greenborbtn:hover{
  background: #177189;
  color: #fff !important;
}
.advice-block .single-column{position: relative}
.advice-block .single-column-content{
  /*min-height: 154px;*/
  padding: 10px 0px 80px;
}
.advice-block .single-column-content p {
  font: normal normal 500 18px/16px Roboto;
  text-transform: uppercase;
  color: #fff;
}
.advice-block .single-column-content img{
  width: 115px;
  height: 115px;
  border-radius: 100%;
}
.advice-block .single-column-foot{
  justify-content: space-between;
    padding: 0px 25px;
    color: #fff;
  align-items: center;
  position: absolute;
    bottom: 27px;
    width: 100%;
    left: 0;
}
.page-template-page-home .advice-block .single-column-foot{bottom: 0}
.advice-block .single-column-foot h4{font: normal normal 500 20px/30px Roboto;}
.advice-block .small-greenbut{
  white-space: pre-wrap;
    word-break: break-all;
    line-height: 16px;
    text-transform: initial;    
    padding: 5px;
    margin: 3px 0px;
}
.sliderblock{ 
  /*background: transparent linear-gradient(258deg, #004040 0%, #568473 52%, #03603D 100%) 0% 0% no-repeat padding-box;*/
  padding: 0 !important;
}
.sliderblock .slick-slide svg{position: absolute;width: 35px;}
.sliderblock .slick-slide video{height: 340px;background: #000}
.sliderblock .slick-slide img{height: 340px;width: 100%;object-position: top}

.sliderblock .slick-slide p{  
  font: normal normal 500 18px/24px Roboto;
  color: #575757;
  /*text-transform: uppercase;*/
  padding: 15px 15px 20px 25px;
  /*display: flex;*/
  align-items: center;
  justify-content: space-between;
    min-height: 110px;
  margin: 0
}

.sliderblock .slick-slide p span{
  font-size: 30px;
  margin-top: -5px;
}
.sliderblock .slick-prev, .sliderblock .slick-next{
  background: #fff !important;
  border-radius: 100%;
  color: #5D8E7B; 
  top: 40%;
}
.sliderblock .threeslides .slick-prev, .sliderblock .threeslides .slick-next{
  top: 30%;
}
.slick-prev:hover, .slick-next:hover{
  background: #dedede !important
}
.sliderblock .slick-prev{left: 10px;}
.sliderblock .slick-next{right: 10px;}
.slick-next:before, .slick-prev:before{ font-weight: 200}
.sliderblock h3{padding: 15px;border-bottom: 5px solid #fff;}
.sliderblock .threeslides .slick-slide img{
  height: 220px;width: 100%;
  #object-fit: cover;
    object-position: top;
}
.sliderblock .singleslider .slick-slide img{height: 320px}
/* .sliderblock .singleslider .slick-slide p{min-height: 105px;} */
.sliderblock .threeslides .slide-info{min-height: 153px;}
.sliderblock .slide-info{padding: 20px 10px}
.sliderblock .slide-info h5{
  margin: 0;
  font: normal normal 500 16px/18px Roboto;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sliderblock .slide-info1 h5{
  margin: 0;
  font: normal normal 500 16px/18px Roboto;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top:5px;
}


.sliderblock .slide-info small{
  font: normal normal normal 10px/15px Roboto;  
  text-transform: uppercase;  
  color: #d0d0d0
}
.sliderblock .slide-info small.whitxt{color: #fff;display: block}
.sliderblock .slide-info1 small.whitxt{color: #fff;display: block}

.sliderblock .slide-info p{
  font: normal normal 500 10px/20px Roboto;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
    padding: 0;
  padding: 14px 0;
    min-height: auto;
  justify-content: flex-start;
}
.sliderblock .slide-info .col-md-4{padding: 0}
.sliderblock .slide-info p small{color: #d0d0d0}
.sliderblock .whitebut{
  width: 43px;
  height: 35px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #9D00A8;
  border-radius: 7px;
  margin-bottom: 5px;
  font: normal normal bold 10px/20px Roboto;
  color: #9D00A8;
  text-transform: uppercase;
  display: block;
}
.sliderblock .pictobut img{height: 30px !important;width: 180px !important;height: 30px !important;}
.sliderblock .pictobut{float:center;}

							 /* Ensure horizontal layout */
.sliderblock .pictobut1 {
    display: flex;
    align-items: center;
    gap: 10px; /* Optional: spacing between icons and image */
    flex-wrap: nowrap; /* prevent wrapping */
	
}


/* Icon image */
.sliderblock .pictobut1 .icon-box img {
  #  width: 180px !important;
    height: 30px !important;
    width: auto !important;
    flex-shrink: 0; /* prevent shrinking */
    display: inline-block;
	
}

/* +1 image */
.sliderblock .pictobut1 .cntimg-box img {
    #width: 30px !important;
    height: 30px !important;
	    width: auto !important;
    flex-shrink: 0; /* prevent shrinking */
    display: inline-block;

}

.sliderblock .threeslides .slick-slide{border-right: 5px solid #fff;min-height: 410px;}
.maintitle{padding: 25px 0 0}
.maintitle h1{
  color: #1B242E;
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  margin: 0
}
.personalise-details{padding: 25px;min-height: 390px;}
.personalise-details #titleitem{text-align: right;}
.personalise-details .greenbut{
  font: normal normal 500 15px/20px Roboto;
  height: 26px;
    letter-spacing: .5px;
  margin: 0;
}
.personalise-details .upload-btn-wrapper{
  display: block;
  float: none;
  margin: 0 auto
}
.personalise-details .row-space{padding-top: 25px;}
.personalise-details label{color: #707070;font: normal normal bold 16px/24px Roboto;}
.personalise-details .form-group{display: flex;align-items: center}
.personalise-details .colorblock label{font-weight: 400;margin: 0}
.personalise-details .padl{padding-left: 7px;}
.personalise-details .text-center{text-align: center}
.personalise-details .bgcolor{
  border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 75px;
    height: 35px;
    margin-left: 20px;
  background: transparent;
}
.personalise-block p.desc{
  padding: 20px;
  font: normal normal 16px/24px Roboto;
  color: #707070; 
  text-align: center
}
.personalise-block p.desc strong{text-transform: uppercase;font: normal normal 500 18px/24px Roboto;}
.green-border-btn{
  background: #fff;
  height: auto;
  border-radius: 16px;
  display: block;
  font: normal normal 500 18px/30px Roboto;
  letter-spacing: 0px;
  color: #004040;
  text-transform: uppercase;  
  margin: 10px auto;
  border: 2px solid #004040;
  padding: 0px 40px;
  transition: all .5s
}
.green-border-btn:hover{
  background: #004040;
  color: #fff;
}
.meetingroom{
  display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.meetingroom .form-group {
  display: flex;
    flex-direction: column;
    padding: 5px;
}
.blocktitle h3{
  display: inline-block;
  padding-right: 30px;
  font: normal normal bold 25px/24px Roboto;
  color: #152F42;
}
.blocktitle button{display: inline;}
.tablescroll{
  max-height: 500px;
  padding: 0px;
  overflow-y: auto;
}
.tablescroll .padd{
  padding: 0px 8px;
}
.tablescroll .d-flex{
  text-align: left;
}
.tablescroll .tablebut{
  padding: 0px 5px;
  height: auto;
  margin: 5px;
  min-height: 25px;
  line-height: 23px;
}
.tablescroll .dashicons,.tablescroll .dashicons-before:before{
  font-size: 17px;
}
.table-responsive{
  padding: 0px;
}
.table-listing th{
  background: #666666;
  border-right: 1px dashed #fff !important;
  border-bottom: 0 !important;
  font-size: 11px !important;
  color: #E3E3E3 !important;
  text-transform: uppercase;
  padding: 12px 5px !important
}
.table-listing td.whitebg{
  background: #fff;
  border: 0 !important;
    padding: 0 !important;
}
.table-listing td{
  border: 0 !important;
    padding: 0 !important; 
    border-right: 1px dashed #fff !important;
  /*background: #E3E3E3;*/
  color: #666;
  padding: 8px 0px !important
}
.table-listing td img{
  width: 100%;
    object-fit: cover;
    object-position: bottom;
  height: 100px;
}
.table-listing .pictobut img{width: 40px;height: 40px;}
.table-listing tbody tr  {
  background: #E3E3E3 !important;
}
.table-listing tbody tr:hover {
  background: #c4c4c4 !important;
}
.padd25{padding: 0 25px;}
.valign{vertical-align: middle !important}
.brownbut .dashicons{vertical-align: middle}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
  /*border: 1px solid #fff !important;*/
  border-bottom: 3px solid #fff !important;
  border-right: 1px dashed #fff !important; 
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px dashed #fff;
}
.tablebut{
  display: inline-block;
  width: auto;
    padding: 0 20px;
    font-size: 12px !important;
    height: 27px;
  line-height: 25px;
}
.form-besoin .col-title, .form-produit .col-title{color: #fff;    border-bottom: 3px solid #fff;}
.mini-search  label{color: #fff}
.advance-search .form-group label{color: #fff;margin-left: 0;display: block;}
.advance-search  .container-medium{display: none}
.select2-container .select2-selection--multiple{
  overflow: hidden;
  padding: 0 25px 0 10px
}
.advance-search .text-xs,.mini-search .text-xs{color: #fff;}  
.advance-search .ovalshape ul{
  padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    justify-content: space-around;
}
.advance-search .ovalshape li{position: relative;padding: 0;}
.advance-search .ovalshape li:last-child{padding-right: 0}
.advance-search .ovalshape li:first-child{padding-left: 0}
.advance-search .ovalshape li span.checkmark ,.advance-search .ovalshape li.active span.checkmark{
  position: absolute;
  top: -2px;
  right: 0;
  height: 23px;
  width: 23px;
  background-color: #eee;
  border-radius: 50%;
  border: 3px solid #eee;}
.advance-search .ovalshape li.active span.checkmark{
    background: #1b3b54;
    border: 3px solid #eee;
}
.advance-search .ovalshape{
  border-radius: 25px;
  display: flex;
    align-items: center;
    height: 40px;
    text-align: center;
}
.advance-search .ovalshape label,.advance-search .ovalshape .form-group{margin:0}
/* .form-produit,.form-besoin{padding: 20px 0} */
.form-produit .col-lg-2{padding-left: 15px;padding-right: 15px;}
.form-produit .btn-border,.form-produit .btn-white,.form-besoin .btn-border,.form-besoin .btn-white{
  border: 2px solid #fff;
  background: transparent;
  border-radius: 25px;
  color: #fff;
  font-size: 17px;
    font-weight: 500; 
}
.form-produit .btn-border:hover,.form-besoin .btn-border:hover{background: #fff;color:#003166 !important}
.form-produit .btn-white,.form-besoin .btn-white{background: #fff;color:#003166 !important}
.form-produit .btn-white:hover,.form-besoin .btn-white:hover{background: transparent !important;color: #fff !important}
.form-produit .checkbox-inline .value:before,.option-check .checkbox-inline .value:before{
  height: 15px;
  width: 15px;
}
.checkbox-inline input[type=checkbox]:checked + .value:before, .checkbox-inline input[type=radio]:checked + .value:before{
  background-color: #004040 !important;
    border: 1px solid #fff;
}
.select2-results__option .checkbox-inline .value{color: #555}
.switch .off,.switch .on{color: #fff;}
.stationnement label{display: block}
.stationnement .fleft{display: inline-block;}
.stationnement .fleft.ml{margin-left: 10px;}
.minheight{min-height: 300px;}
/*****************/

input[type=range] {
  -webkit-appearance: none;
  margin: 20px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: #504f4f;
  border-radius: 25px;
}
input[type=range]::-webkit-slider-thumb {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #504f4f ;  
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #504f4f ;
}
.range-wrap{
  width: 100%;
  position: relative;
  padding-top: 10px;
}
.range-value{
  position: absolute;
  top: 5px;
  font-size: 12px;
    color: #504f4f;
  font-weight: 700;
  line-height: 11px
  
}
.range-value span{
  width: 30px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #504f4f ;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 6px;
}
.range-value span:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #504f4f ;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}
.range-wrap .indigo-text{
  font-size: 12px;
    color: #504f4f;
    position: absolute;
    font-weight: 700;
  bottom: -2px
}
.range-wrap .indigo-text.right{right:0}
/*****************/
.form-control{ padding: 6px 5px; }
.programebanner{overflow:hidden}
.programebg{
  width: 100%;
  height: 540px;  
  background: url('img/newdesign/programebg.jpg') no-repeat bottom center;
  background-size: cover;
}
.programebg:before{ 
  position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 535px;
    background: linear-gradient(to top, rgba(0,0,0,.1), rgb(0, 0, 0,.5));
}
.result-prog{background-image: url('img/newdesign/programebg.jpg');}
.whitebox{
  background: #fff;
  width: 100%;
  padding: 20px 40px;
  margin: 30px 0;
  font-size: 17.5px;
  /*height: 480px;*/
  display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.whitebox h3{
  color: #666 !important;
  padding: 0 !important;
    margin-top: 0;
}
.whitebox strong{font-size: 20px;padding-bottom: 10px;display: block;}
.whitebox p{line-height: 22px;font-size: 16px;margin: 0}
.whitebox p.progdes{ line-height: 27px;}
.whitebox p.subtitle{margin-bottom: 10px;}
.whitebox .ccc-favorite-post-toggle[data-ccc_my_favorites-select_button-style="1"]{
  position: sticky;    
    width: 30px; 
    float: right;
}
.fullheight{height: 100%;}
.programebanner  h3{color: #fff;font-size: 25px;font-weight: 500;padding-top:30px;text-transform: uppercase}
.programebanner  h4{color: #fff;font-size: 20px;font-weight: 300}
.programebanner .whitebut{
  height: 31px;
  background: #fff 0% 0% no-repeat padding-box;
  border-radius: 16px;  
  font: normal normal 500 14px/31px Roboto;
  letter-spacing: 0px;
  color: #004040;
  text-transform: uppercase;  
  margin: 0 10px 0 0;
    border: 0;
    transition: all .5s;
    width: auto;
    padding: 0 25px;
    display: inline-block;  
}
.programebanner .bannleft{
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 97%;
}
.whitebox .btnspace,.btnspace{padding: 20px 0 0}
.scrollitem{clear:both;padding: 10px 0}
.scrollitem a{
  display: inline-block;
  padding: 5px 25px;  
  text-align: left;
  font: normal normal medium 14px/16px Roboto;
  color: #FFFFFF;
  text-transform: uppercase;  
  border-right: 1px dotted #fff;
  transition: all .5s;
} 
.scrollitem a:hover{color: #dedede} 
.program-desc-left{ padding-right: 30px; }
h2.subtitle{
  font: normal normal 500 25px/35px Roboto;   
  color: #575757;
  text-align: left;
  margin: 20px 0
}
h2.subtitle1{
  font: normal normal 500 20px/30px Roboto;   
  color: #575757;
  text-align: left;
  margin: 0;
  text-transform: uppercase;
}
.program-desc-left h2{font-size: 22px;}
.program-desc{
  height: 100%;
    display: flex;    
    flex-wrap: wrap;
}
.program-desc-right1{
  display: flex;
  height: 100%;
}
.darkbgbtn{color: #fff;}
.program-desc-right .whitebox{box-shadow: 0px 0px 10px #00000029;}
.program-desc-right1 .whitebox1{opacity: 0;align-self:flex-end}
.buildetail{margin: 20px 0}
.buildetail img{
  width: 100%;
    height: 150px;
    object-fit: cover;
}
.buildetail .col-md-3{padding: 0}
.buildesc {padding: 20px;color: #fff;}
.buildesc h4{margin:0}
.buildesc p{padding-top: 15px;}
.print{
  padding: 0;
    float: right;
    margin-bottom: 10px;
}
.print .btn-transparent{
  border: 1px solid #666;
    border-radius: 25px;
    width: auto;
    padding: 0 15px 0 5px;
  height: 30px;
  outline: none;
  text-decoration: none !important;
  margin-right: 15px;
}
.print .mtop30{margin-top:30px;}
.print .btn-transparent img{padding-right: 10px;}
.whitebgshade{
  background: #fff;
  width: 100%;
  height: 240px;
  background-position: center;
    background-size: contain;
    background-repeat: no-repeat;    
  box-shadow: 0px 0px 10px #00000029;
    padding: 10px;
    display: flex;
  position: relative;
  overflow: hidden
}
.whitebgshade iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  margin: auto ;
  left: 0;
  border:none;
}
.whitebgshade a{margin-top: auto;}
.details-lot .details .col-md-6{padding: 0 25px;}
.page-template-page-search,.page-template-page-search-produit,.promoteur-template-default, .page-template-page-search-oldprogram {background: #00808080}
.page-template-page-search .container-fluid.primarybg.advance-search{background: none !important;}
.page-template-page-search .advance-search .tab-content{padding: 20px 0 0 0}
.advance-search .text-btn{
  font-size: 11px;
    margin-top: 20px;
    display: block;
    background: #fff;
    color: #003166 !important;
    border-radius: 20px;
    padding: 2px;
  border: 2px solid #fff
}
.advance-search .text-btn:hover{
  background: transparent;
  border: 2px solid #fff;
  color: #fff !important
}
.simulation .tab-content .title-content{padding: 10px 0 5px}
.simulation .btn-transparent{
  border: 1px solid #666;
    border-radius: 25px;
    width: 100%; 
    padding: 0 15px;
    height: 30px;
  outline: none;
    text-decoration: none !important;
  margin: 15px 0 10px
}
.simulation .tab-content .ml {
    font-size: 9px;
    margin-top: 7px;
    text-align: left;
    color: #929292;
}
#sticky {
  padding: 0.5ex;
    min-width: 200px;
    height: 300px;
    background-color: #333;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
    position: sticky;
    top: -.3em;
    z-index: 10000;
}
.contact-promoteur{margin-bottom: 10px;}
.contact-promoteur .group-contact-promoteur{border:1px solid #004040}
.table-subtitle{padding-bottom: 10px;margin:0}
.table .details-lot .table td{border: 0 !important}
.table .details-lot table.blueborder{border: 3px solid #15344b !important;}
.table .details-lot td.noborder{border: 0 !important;border-right: 1px dotted #fff !important}
.table .details-lot td.greybg{background: #f2f2f2}
.table .details-lot td.padd0{padding: 0 !important}
.table .details-lot .details .table  td{
  background: #f2f2f2 !important; 
  padding: 0 !important
}
.table .details-lot .details h4{
      color: #575757;
    font-size: 20px;
    font-weight: 500;
}
.table .details-lot tr.tabhead > td:last-child svg{display: none}
.table  tr.parents-lot > td:last-child svg{display: none}
.table .status {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 auto;
    border: 0px solid #005575;
    border-radius: 50%;
    background-color: transparent;
    position: relative;
}
.table .status:before,.table .status.libre:before, .table .status.unoptionable:before,.table .status.optioned:before{
  content: '';
  width: 14px; 
    height: 14px;
  border: 1px solid #4e4e4e;
    border-radius: 6px;
    background-color: #fff;
  display: block;
    position: absolute;
    left: -20px;
}
.table.table-hover tr:hover .status{background: transparent}
.table .status.optioned:before {
  background: #e36969;
  border: 1px solid #fff
}
.table .status.libre:before, .table .status.unoptionable:before {
    background-color: #fff;
}

.table .status1 {
    display: inline-block;
  width: 14px; 
    height: 14px;
	
    margin: 0 auto;
    border: 0px solid #005575;
    border-radius: 50%;
    background-color: transparent;
}
.table .status1:before,.table .status1.libre:before, .table .status1.unoptionable:before,.table .status1.optioned:before{
  content: '';
  width: 14px; 
    height: 14px;
  border: 1px solid #4e4e4e;
    border-radius: 6px;
    background-color: #fff;
  display: block;
    position: absolute;
    left: -20px;
}
.table.table-hover tr:hover .status1{background: transparent}
.table .status1.optioned:before {
  background: #e36969;
  border: 1px solid #fff
}
.table .status1.libre:before, .table .status.unoptionable:before {
    background-color: #fff;
}



.page-template-page-denonciation1 .table .status:before{display: none}
.page-template-page-denonciation1 .table .status{
  display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #005575;
}
.simulation h4{
  padding: 20px 0 0 15px;
    margin: 3px 0;
}
.simulation .nav-tabs{border:0;padding:0}
.simulation .nav-tabs .tab{width: 50%;padding-bottom: 5px;padding-right: 2%}
.simulation .nav-tabs .tab .link{
  background: #008080;
  border-radius: 25px;
  height: 30px;
  line-height: 23px;
  width: 100% !important
}
.simulation .nav-tabs .tab.active .link,.simulation .nav-tabs .tab.active .link:hover{
  background: transparent ;
  box-shadow: 0px 2px 6px #0000004E;
  color: #008080 !important;
  border: 0;
}
.simulation .nav-tabs .tab.active > .link, .simulation .nav-tabs .tab.active > .link:hover, .simulation .nav-tabs .tab.active > .link:active, .simulation .nav-tabs .tab.active > .link:focus{
  background: transparent ;
  box-shadow: 0px 2px 6px #0000004E;
  color: #008080 !important;
  border: 0;  
}
.whitetable td{background: #fff}
.simulation .tab-content .title-content{color: #666;}
.simulation .tab-content td{color: #666;font-weight: 500;background: #fff;border: 0!important;padding: 0 !important }
.simulation .tab-content td strong{font-weight: 500}
#docsModal .col-md-6{width: 100%;}
.modal-header .modal-title{ color: #15344b !important; }

#contactModel .modal-header a{float: right}
.conseil-content{
  padding: 0px 30px 50px 30px;
  color: #575757
}
.conseil-content p{
  color: #575757 !important;
  line-height: 25px !important;
}
.conseil-content .single-column-content{padding: 0}
.conseil-content .single-column-foot{
  border-radius: 50px;
  justify-content: flex-start;
  padding: 0px 35px;  
  margin-top: 25px;
  position: relative;
  bottom: 0
}
.conseil-content .single-column-foot img{
  margin-right: 40px;
    border-radius: initial;
    width: auto;
    height: auto;
}
.conseil-content h3{padding: 0}
.conseil-content h3,.conseil-content h4{text-transform: uppercase;}
.conseil-content .single-column-foot h4 {text-align: left;}
.modal-header .close{
  background: url('img/newdesign/closeicon.jpg') no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  right: 10px;
  top: 10px;
}
.modal-header span{display:none;}
.rapidsearch-block .search-block{
  padding: 35px 15px;
  /* justify-content: normal; */
  min-height: 380px;
}
.rapidsearch-block .titletxt{padding: 15px;display: inline-flex;
  width: 100%;
  justify-content: space-between;}
.rapidsearch-block  .select2-container .select2-selection--single{ 
  border:0;
  border-bottom: 1px solid #504f4f;
  box-shadow: none; 
  height: 30px;
  line-height: 30px;
}
.rapidsearch-block .select2-container{background: transparent;font-size: 12px;}
.rapidsearch-block .select2-container .select2-selection--single .select2-selection__arrow ,.rapidsearch-block .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow{    
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 6px;
}
.rapidsearch-block .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow {
  right: -10px;
    top: 1px;
}
.rapidsearch-block .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{display: none}
.rapidsearch-block .select2-container .select2-search--inline .select2-search__field{background: transparent;width: 100% !important}
.rapidsearch-block .select2-container .select2-selection--multiple::after{background: transparent}
.rapidsearch-block .select2-container .select2-selection--multiple{
  border:0;
  border-bottom: 1px solid #504f4f; 
  height: 30px;
  line-height: 30px;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow {
  right: -3px;
    top: 3px;
}
.advance-search .select2-container .select2-search--inline .select2-search__field{width: 100% !important}
.mini-search .select2-container .select2-selection--single .select2-selection__arrow b,
.mini-search .select2-container .select2-selection--multiple::after,
.select2-container .select2-selection--multiple::after,
.page-template-page-compare .select2-container .select2-selection--multiple::after,
.rapidsearch-block .select2-container .select2-selection--single .select2-selection__arrow b,
.advance-search .select2-container .select2-selection--single .select2-selection__arrow b,
.rapidsearch-block .select2-container .select2-selection--multiple::after,
.activitypage .select2-container .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b,
.select2-container .select2-selection--multiple[aria-expanded=true]:after,
.select2-container .select2-selection--single .select2-selection__arrow b{  
  background: url('img/newdesign/downarrow.png') no-repeat !important;
  width: 12px;
    height: 7px;
    background-size: contain;
  position: absolute;
  top: 10px;
  right: 0
}
.activitypage .select2-container .select2-selection--single .select2-selection__arrow{top: 17px;right: 10px;}
.rapidsearch-block .select2-container .select2-selection--multiple::after{top: 17px !important;right: 0px !important;}
.advance-search .select2-container .select2-selection--single .select2-selection__arrow b,
.select2-container .select2-selection--single .select2-selection__arrow b{top: 18px; right: 7px;}
.mini-search .select2-container .select2-selection--single .select2-selection__arrow b,
.select2-container .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b,
.mini-search .select2-container .select2-selection--multiple::after,
.select2-container .select2-selection--multiple[aria-expanded=true]:after,
.select2-container .select2-selection--multiple::after,
.page-template-page-compare .select2-container .select2-selection--multiple::after{top: 15px;right: 10px;}
.slider.slider-horizontal .slider-handle,.popup_budget .slider.slider-horizontal .slider-handle{
  background: url(img/newdesign/rangepin.png) no-repeat;
    width: 10px;
    height: 14px;
    background-size: contain;
    top: -14px;
    margin-left: -5px;
}
.slider.slider-horizontal .tooltip{top: -40px}
.slider.slider-horizontal .slider-track .slider-selection{background: #fff;}
.small-placeholder .select2-selection__placeholder{font-size: 14px;}
.modal-body .btn-pink{ width: auto;padding: 5px 25px;}
.form-tabs{border: 0}
.form-tabs > li > a,.form-tabs > li.active > a,.form-tabs > li > a:hover, .form-tabs > li > a:focus,
.form-tabs > li.active > a:hover, .form-tabs > li.active > a:focus{
  background: transparent;
  border: 0 !important; 
  padding: 0;
  padding-right: 30px;
  outline: none;
    color: #fff !important;
}
.rapidsearch-block .range-wrap input{
  margin: 15px 0;
}
.rapidsearch-block .range-wrap .indigo-text{
  bottom: 18px;
}
.rapidsearch-block .budgetblock .range-wrap input{
  margin: 0px;
}

/* .rapidsearch-block .range-wrap{
  padding-top: 0px;
} */
.gridblock .regions-map {margin: 15px auto;}
.region {
    stroke: #004040 !important;
    stroke-miterlimit: 10;
}
.blocktitle h3.deactivetxt{padding-left: 20px;}
.ccc-favorite-post-toggle > a{
  border: 1px solid #555;
    border-radius: 100%;
    padding: 4px;
}
.ccc-favorite-post-toggle > a::before,.ccc-favorite-post-toggle > a.save::before{
  content: '';
  background: url(img/newdesign/star.png) no-repeat;
  width: 15px;
  height: 14px;
  display: block;
  background-size: contain !important
}
.ccc-favorite-post-toggle > a.save::before{background: url(img/newdesign/starsave.png) no-repeat;}
.slick-prev, .slick-next{
  width: 35px;
  height: 36px;
  border-radius: 35px;
  background: #fff  
}
.slick-prev{left: 10px;}
.slick-next{right: 10px;}
.slick-prev:before,.slick-next:before{
  content: '';
  background: url(img/newdesign/leftarrow.png) no-repeat; 
  height: 20px;
  display: block; 
  background-position: 10px 1px;
}
.slick-next:before{
  background: url(img/newdesign/rightarrow.png) no-repeat;
  height: 20px;
  background-position: 13px 1px;
}
.actionbtn{
  position: relative;    
    height: 27px;
  z-index: 1
}
.actionbtn .gridManureva,#griddefault1 .actionbtn .gridManureva,.actionbtn .dragbut{
  background: url(img/newdesign/delete.png) no-repeat;
  width: 46px;
  height: 46px;
  display: block;
  position: absolute;
    right: 10px;
    border: 0;
}
.dashicons-info:before{
  content: '' !important;
  background: url(img/newdesign/info.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block; 
}
.actionbtn .dragbut{background: url(img/newdesign/dragable.png) no-repeat;right: 70px}
#griddefault1 .actionbtn .dragbut{display: none} 
#griddefault1 .grid-stack-item:after{
  content: '';
    background: rgb(255 255 255 / 40%);
    width: 100%;
  height: 100%;
    position: absolute;
    left: 0;    
    top: 0;
}
#griddefault1 .actionbtn .gridManureva {background: url(img/newdesign/active.png) no-repeat;}
.meetingroom .checkmark{
  position: absolute;
    bottom: -30px;
  top: auto;
    right: 36%;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
  border: 1px solid #707070;
}
.meetingroom .radio-container .checkmark:after{
  top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #707070;
  border: 1px solid #fff
}
.section-meeting{
  /*background: url(img/newdesign/meetingbg.jpg) no-repeat center bottom;*/
    width: 100%;
    background-size: cover !important;
  position: relative;
  min-height: 100%;
  background-attachment: fixed !important;
}
.section-meeting:before{
  content: '';
  position: absolute;
  top: 0;
  /*background: rgb(255 255 255 / 70%);*/
  width: 100%;
  height: 100%;
}
.meetingroombox{  
  padding: 200px 0 
}
.meettitle{
  text-align: center;
  font: normal normal 900 35px/16px Roboto;
  color: #fff;
  text-transform: uppercase;
  padding: 0 0 20px
}
.meetingroombox .meetingform{
  width: 875px; 
  background: #fff;
  box-shadow: 0px 0px 10px #00000029;
  padding: 40px;
  margin: 20px auto;
}
.meetingroombox .meetingform .meetingforminner{
  width: 70%;margin: auto
}
.meetingroombox .meetingform label{
  text-align: left;
  font: normal normal 700 12px/16px Roboto;
  color: #008080;
  padding-bottom: 5px;
}
.meetingroombox .meetingform .input-bordered {
    border: 0;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
}
.meetingroombox .row-space{padding: 10px 0 0}
.meetingforminner .btn-blue{
  width: 250px;
    border-radius: 25px;
    text-transform: uppercase;
    margin: 20px auto;
    display: block;
    font: normal normal 700 20px/16px Roboto;
}
/*.meetingforminner .btn-blue:hover{color: #fff !important;}*/
.meetingroom-result{padding: 50px 0 100px}

.item {
  text-align:center;
  float:left;
  margin:15px;
  position:relative;
}
.item,
.item-hover,
.item-hover .mask,
.item-img,
.item-info {
  width: 100%;
  height: 380px;  
}
.item-hover,
.item-hover .mask,
.item-img { 
  position:absolute;
  top:0;
  left:0; 
background-size: cover !important 
}
.item-img:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background:transparent linear-gradient(52deg, #1B242E 0%, #08376D 100%) 0% 0% no-repeat padding-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity:0.5;
}
.item-type-line .item-hover { 
  z-index:100;  
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; 
  opacity:0;
  cursor:pointer;           
  display:block;
  text-decoration:none;
  text-align:center;
}
.item-type-line .item-info {
  z-index:10;
  color:#ffffff;    
  position:relative;
  z-index:5;    
  display:flex; 
  flex-direction: column; 
    align-items: stretch;
    justify-content: center;
  transition: all .3s
}
.item-type-line .item-info .headline {
  font: normal normal 700 28px/30px Roboto;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.item-type-line .item-info .date {
  font: normal normal 700 23px/28px Roboto;
  text-transform: uppercase;
}
.item-type-line .item-hover .mask {
  background:transparent linear-gradient(52deg, #1B242E 0%, #08376D 100%) 0% 0% no-repeat padding-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity:0.8;
  z-index:0;
  transition: all .3s
}
.item-type-line .item-hover:hover {
  opacity:1;
}
.item-type-line .item-hover:hover + .item-img .item-info{opacity: 0}
.item-info button{
  width: 248px; 
  text-align: center;
  font: normal normal 700 17px/16px Roboto;
  color: #FFFFFF;
  text-transform: uppercase;  
    text-decoration: none !important;
    border: 1px solid #fff;
    border-radius: 25px; 
    padding: 10px;
  margin: 10px auto;
  transition: all .5s
}
.item-info button:hover{
  background: #004040;
  border: 1px solid #004040;
}
.popup_budget .slider.slider-horizontal .slider-track .slider-track-low, .slider.slider-horizontal .slider-track .slider-track-high,
.slider.slider-horizontal .slider-track .slider-track-low, .slider.slider-horizontal .slider-track .slider-track-high{
  background: #004040;
}
.popup_budget .slider.slider-horizontal .slider-track .slider-selection{
  background: #004040;
}
.popup_budget .slider.slider-horizontal .slider-handle{
  background: url(img/newdesign/rangepin-green.png) no-repeat;
}
.modal-body .title{
  color: #16364e;
  padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
}
.personalise-block .tooltip{
  position: relative;
  opacity: 1;
  display: inline;
}
.personalise-block .tooltip .tooltiptext {
  visibility: hidden;
  width: 165px;
  background-color: #fff;
  color: #575757;   
  padding: 10px;
  position: absolute;
  z-index: 1;
  line-height: 14px;
  text-align: left;
  box-shadow: 0px 0px 10px #00000029;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
#simulationModal .btn-pink{font:normal normal 500 14px/16px Roboto}
#simulationModal  .slider.slider-horizontal .slider-track .slider-track-low, #simulationModal  .slider.slider-horizontal .slider-track .slider-track-high {
    background: #e7e7e7;
}
#simulationModal .slider.slider-horizontal .slider-track .slider-selection {
    background: #004040;
}
#simulationModal .slider.slider-horizontal .slider-handle, .popup_budget .slider.slider-horizontal .slider-handle {
    background: url(img/newdesign/rangepin-green.png) no-repeat;
    width: 10px;
    height: 14px;
    background-size: contain;
    top: -14px;
    margin-left: -5px;
}
#simulationModal .slider.slider-horizontal .tooltip .tooltip-inner{
  max-width: 30px;    
    position: absolute;
  left: -15px;
}
#simulationModal .slider.slider-horizontal .tooltip{
  
}
input[type=range][disabled]{opacity: .5}
.personalise-details.account-block{
  border: 0;
  min-height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.personalise-details.account-block.lightgreybg{padding: 30px}
.personalise-details.account-block .infos{font-size: 12px;}
.personalise-details.account-block .form-group{padding-bottom: 15px;}
.selection-title {padding: 10px 15px;color: #fff;}
.selection-title h2{padding: 0;margin: 0}
.selection-title ul{padding:0;margin: 0;}
.selection-title li{list-style-type: none;}
.selection-title .brownbut,.selection-title .small-greenbut{
  font: normal normal 500 13px/24px Roboto
}
.meselection .dropdown-menu{
    top: 45px;
    background: #fff;
    width: 330px;
    border-radius: 0;
    padding: 20px;
}
.meselection .dropdown-menu li{padding: 5px 0}
.meselection .dropdown-menu li label{
  color: #000;
    font-weight: 700; 
}
.dropdown-active .dashicons-arrow-down{transform: rotate(180deg);}
.selectedlist{padding-bottom: 15px;}
.selectedlist,.selectedlist h4 {display: flex;margin:0;font-size: 18px;    align-items: center;color: #504f4f}
.selectednames{margin: 0}
.selectednames li{
  list-style-type: none;
  padding-right: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700
}
.selectednames li a{color: #575757;text-decoration: underline;}
.container-medium{color: #fff}
.slick-lightbox-slick-item-inner{
  max-width: 100% !important
}
.meetingroom1 a{
  position: relative;
  display: block;
}

.meetingroom1 a span.checkmark{
  position: absolute;
  bottom: -28px;
  right: 40%;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;
  border: 1px solid #4e4e4e;
  top: auto;
}
.meetingroom1 a.active span.checkmark{
    background: #1b3b54;
    border: 2px solid #eee;
}
#updatemeeting .meetingroom .form-group img{
  width: 135px;
  height: 111px;
}
.tabs-activite li.active a,.tabs-activite li.active a:hover,.tabs-activite li.active a:focus{color: #555555 !important}
.navbar-right li a.logout-icon.mobile{display: none}
.favorisblock .favimg{width: 180px;}
.pagesimulator .col-md-4{margin-bottom: 30px;}
table.dataTable thead th, table.dataTable thead td{padding: 10px 18px !important}
.modal-content .slider.slider-default{background-color: transparent !important}
.meetingroombox .form-horizontal .form-group{margin: 0}
.parsley-error{border-color: #b50303}
.parsley-errors-list{background-color: #b50303;}
.select2-search--dropdown .select2-search__field{border: 2px solid #504f4f}
.select2-search--dropdown .select2-search__field:focus, .select2-search--dropdown .select2-search__field:active{outline-color:#504f4f}
.select2-results li[aria-selected="true"], .select2-results .select2-results__option--highlighted{color: #504f4f}
.checkbox-inline input[type=checkbox]:checked + .cbx-pink, .checkbox-inline input[type=radio]:checked + .cbx-pink{color: #504f4f}
.search-advance .single-column{padding-bottom: 0}
#summary1.leftpos{left: 15px !important}

.usericon,.usericon:hover,.usericon.active{
  background: #fff url(img/newdesign/usericon.png) no-repeat center;
    width: 30px;
    height: 30px;
  background-size: 60%;
}
.usericon:hover,.usericon.active{
  background: #575757 url(img/newdesign/usericon-hover.png) no-repeat center;
  width: 30px;
    height: 30px;
  background-size: 60%;
}
#slidediv { 
  background-color:#fff;  
  display:none;
  text-align:justify;
  float: left;
    height: 45px;
    line-height: 16px;
    padding: 8px 10px;
    width: 100px;
    font-size: 14px;
      font-weight: 700;
}
#slidediv a{color:#575757 !important; text-transform: uppercase}
#contentdiv {
  clear: both;
  margin: 0 auto;
  max-width: 534px;
  position: fixed;
  right: 0;
  top: 45%;
  z-index: 11;
  box-shadow: 0px 0px 5px #585858;
  transition: all .5s
}
#contentdiv button{ 
  border: 0;
  padding: 5px;
  width: 45px;
    height: 45px;
  float: left;
  transition: all .5s;
  outline: 0
}
.budgetblock .indigo-text{display: block;bottom: -18px;color: #575757}
.budgetblock .tooltip-inner{color: #575757 !important;font-weight: 700}
.toggleSwitch input:checked ~ a{margin-left: -4px;}
.toggleSwitch input:checked ~ span span:last-of-type{left: 20%}
.select2-container .select2-selection--multiple .select2-selection__rendered{padding-left: 0 !important}
.select2-container .select2-selection--multiple .select2-selection__rendered li:first-child{margin-left: 0 !important}
.table-compare > tbody > tr > th, .table-compare > tbody > tr > td{border:1px solid #004040}
.table-compare > tbody > tr > th{background-color: #004040;border-color: #fff}
.table-compare > tbody > tr > th svg path, .table-compare > tbody > tr > td svg path{fill: #004040}
.result-prog:hover .div-bottom { background-color: #004040;}
.result-prog .div-bottom{background-color:#008080 }
.switch .cmn-toggle + label:after{background: #004040;}
.regions-map-modal .popper-text{background: #004040;}
/*.map svg, .map svg path{fill: #fff !important;}
.map svg path:hover { fill: #008080;}*/
.toggleSwitch input:checked ~ span:before { border:1px solid #008080;}
.toggleSwitch > span:before{background-color: #ffffff;border-color:#ffffff }
.advance-search .ovalshape li.active span.checkmark{background-color: #004040;}
.map-search .infowindow{background-color: #004040;}
.result_err,.list-inline > li{color: #FFFFFF !important}
.account-block .personal-infos li{padding: 8px 0}
.resultsNavigation .btn-primary{
  color: #000;
    background-color: transparent;
    border-color: #00425c;
    padding: 0 10px !important;
}
.resultsNavigation .btn-primary:hover{background: #dfdfdf}
.map-search{height: 92vh}
.checkboxes{border: 2px solid #dedede}
.checkboxes .parent{border-bottom: 2px solid #dedede}
.checkboxes a{color: #575757}
.checkboxes .checkbox-inline .value:before{border-color: #575757}
.btn-icon.btn-pink:hover svg path{fill: #575757;transition:.5s ease-in-out}



.toggleSwitchSiteVitrine span span {
  display: none;
}
.toggleSwitchSiteVitrine {
display: inline-block;
height: 18px;
position: relative;
overflow: visible;
padding: 0;
cursor: pointer;
width: 40px;
margin-left: -15px;
}
.toggleSwitchSiteVitrine * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggleSwitchSiteVitrine label,
.toggleSwitchSiteVitrine > span {
line-height: 20px;
height: 20px;
vertical-align: middle;
}
.toggleSwitchSiteVitrine input:focus ~ a,
.toggleSwitchSiteVitrine input:focus + label {
outline: none;
}
.toggleSwitchSiteVitrine label {
position: relative;
z-index: 3;
display: block;
width: 100%;
}
.toggleSwitchSiteVitrine input {
position: absolute;
opacity: 0;
z-index: 5;
}
.toggleSwitchSiteVitrine > span {
position: absolute;
left: -50px;
width: 100%;
margin: 0;
padding-right: 50px;
text-align: left;
white-space: nowrap;
}
.toggleSwitchSiteVitrine > span span {
position: absolute;
top: 0;
left: 0;
z-index: 5;
display: block;
width: 50%;
margin-left: 50px;
text-align: left;
font-size: 12px;
width: 100%;
left: 15%;
top: -1px;
opacity: 0;
}
.toggleSwitchSiteVitrine a {
position: absolute;
right: 50%;
z-index: 4;
display: block;
height: 14px;
padding: 0;
left: 7px;
width: 14px;
background-color: #ccc;
border-radius: 100%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;    
top:1px;
}
.toggleSwitchSiteVitrine > span span:first-of-type {
color: #ccc;
opacity: 1;
left: 49%;
}
.toggleSwitchSiteVitrine > span:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 53px;
top: -2px;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 30px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.toggleSwitchSiteVitrine input:checked ~ a {
border-color: #fff;
left: 100%;
margin-left: -6px;
top: 1px;
background: #fff;
}
.toggleSwitchSiteVitrine input:checked ~ span span:first-of-type {
opacity: 0;
}
.toggleSwitchSiteVitrine input:checked ~ span span:last-of-type {
opacity: 1;
color: #000;
left:23%;
}
.toggleSwitchSiteVitrine{margin-left: 0;margin: 0}
.toggleSwitchSiteVitrine{width: 30px}
.toggleSwitchSiteVitrine > span{padding-right: 40px;}
.toggleSwitchSiteVitrine > span:before{
  background-color: #86f45e;
    border: 1px solid #86f45e;  
}
.toggleSwitchSiteVitrine > span span:first-of-type{
  opacity: 0
}
.toggleSwitchSiteVitrine a{background-color: #fff} 
.toggleSwitchSiteVitrine input:checked ~ a{margin-left: -4px;}
.toggleSwitchSiteVitrine input:checked ~ span span:last-of-type{left: 20%}
.toggleSwitchSiteVitrine input:checked ~ span:before {  border:1px solid #00df16;}
.toggleSwitchSiteVitrine > span:before{background-color: #ff0303 ;border-color:#ff0303 }
.toggleSwitchSiteVitrine :checked ~ span::before {
    box-shadow: inset 0 0 0 30px #00df16 !important;
    border: 1px solid #22823a;
  background-color: #64ff1e !important;
}
.table-listing #honoraires3 tr{background: #E3E3E3 !important}
.table-listing #honoraires3 tr.checked{
  font-weight: bold;
  background: #eeeeee !important
}
.table-listing #honoraires3 tr:hover{
  background: #c4c4c4 !important
}
#showerrorblocksitevitrine .btn-blue{
  #background: #a3ba84;
  border: 1px solid #a3ba84
}
#showerrorblocksitevitrine .btn-blue:hover{border: 1px solid #a3ba84;color: #000 !important }
.eyeicon{
  background: url(img/newdesign/eyeicon.png) no-repeat;
  width: 45px;
  height: 27px;
  display: block;
  margin: auto
}
.table-listing td .reporticon,.table-listing td .reporticon:hover,.reporticon,.reporticon:hover{  
  background: url(img/newdesign/rapporticon.png) no-repeat center;
  width: 66px;
  height: 65px;
  display: block;
  margin: auto;
  cursor: pointer
}
.table-listing td .reporticon:hover{background: url(img/newdesign/rapporticon-hover.png) no-repeat center;}
#reportouter{
  clear: both;
  margin: 0 auto;
  width: 100%;
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 111111;  
  transition: all .5s;
  display:none;
  background: rgb(0 0 0 / 50%);
}
#reportblock {  
  background-color:#fff;  
  box-shadow: 0px 0px 5px #585858;  
  float: right;
    height: 100%;    
    width: 50%;    
}
.reporthead{
  display: flex;
    flex-direction: row;
    justify-content: space-between;
  align-items: center;
  padding: 20px 20px
}
.reporthead .closeslide{  
  background: url(img/newdesign/closewhite.png) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: block; 
}
.reporthead h2{
  text-align: left;
  font: normal normal bold 20px/20px Roboto;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
  width: 60%;
  padding-left:5px;
}
.reporthead span{
  text-align: left;
  font: normal normal normal 18px/20px Roboto;  
  color: #FFFFFF;
  text-transform: uppercase;
}
.reportbody{
  padding: 25px;
  height: calc(100vh - 60px);
  overflow-y: scroll;
  overflow-x: hidden
}
.reportbody h3{
  font: normal normal bold 22px/24px Roboto;  
  color: #102D43;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 20px;
}

.staticbox{
  box-shadow: 0px 0px 6px rgb(0 0 0 / 50%);
  padding: 15px;
  line-height: 17px;
  margin-bottom: 40px
}
.staticbox img{float:left;margin-right: 10px;}
.staticbox h4{
  margin: 0;padding: 15px 0 0;
  font-size: 22px;
  font-weight: 600;
}
.static-details .panel-title{padding: 15px 10px;margin: 0}
.static-details .panel-title a{display: flex;align-items: center}
.static-details .panel-title .more-less,.static-details .panel-title .collapsed .more-less{ 
  background: url(img/newdesign/uparrow-white.png) no-repeat;
  background-size: contain;
  width: 36px;
  height: 19px;
  display: block;
}
.static-details .panel-title .collapsed .more-less{
  background: url(img/newdesign/downarrow-white.png) no-repeat;
  background-size: contain;
}
.static-details .panel-title h5{
  font: normal normal bold 20px/20px Roboto;
  color: #FFFFFF;
  margin: 0
}
.static-details .panel-title .time{
  font: normal normal normal 20px/24px Roboto;
  color: #FFFFFF;
}
.static-details .panel-title .time img{margin-right: 10px;}
.static-details .panel-body{
  box-shadow: 0px 0px 6px rgb(0 0 0 / 50%);
  padding: 15px 30px;
  display: flex;
    flex-direction: column;
}
.static-details .panel-body .form-group{margin: 0}
.static-details .panel-body .form-group label{
  font: normal normal normal 15px/45px Roboto;
  color: #707070;
  margin: 0
} 
.static-details .panel{
  padding-bottom: 20px;
    clear: both;
    width: 100%;
    float: left;
}
#showtherapport   .form-group{margin: 30px 0}

.progressbar{width: 100%; margin-top: 18px; margin-bottom: 20px; position: relative; background-color: #f4f4f4;}
.single-progressbar .timebar{width: 75%}
.proggress{height: 5px; width: 10px; background-color: #ff0;}
.percentCount{float: right; margin-top: -12px; clear: both; font-weight: 700; font-size: 13px; color: #777777;
position: absolute;right: -100px;}

.whitetab-box {
   display: block;
    width: 100%;
    margin: 0 0 16px 0;
    border-radius: 15px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;
    border: 1px solid #f7f7f7;
    margin: 10px auto 20px;
}
.whitetab-box .whitebox-header {
    padding: 24px 24px 0 24px;
    min-height: 24px;
      display: flex;
    justify-content: space-between;
}
.whitetab-box .whitebox-content {
    display: block;
    padding: 10px 20px;
}
.whitetab-box h4{
  color: #575757;
    font-size: 20px;
    font-weight: 500;
  margin: 0;  
  
}
.whitetab-box  ul li{
  display: inline-block;
    margin: 0 0 0 0;
    padding: 0 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 24px;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
    background-color: #ececec;
    border: 1px solid transparent;
    border-color: #ccc;
}
.whitetab-box ul li.active{
  border: 2px solid transparent;
    border-color: #0089b4;
    background-color: #0089b4;
    color: #fff;
}
.whitetab-box  ul li button{border: 0;background: transparent;text-transform: uppercase;}
.whitetab-box  ul li.first{
  border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.whitetab-box  ul li.last{
  border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  margin-left: -3px;
}
.tab-sec{display: flex}
.tab-sec a{padding-left: 15px;}
.blcktxt{
  color: #575757 !important;
  font-size: 22px !important;
    padding-left: 15px;
}
.lemarch .tab-content{
  height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.lemarch .tabs-activite{display: none}
.lemarch-wrapper{
  width: 100%;
    height: calc(100vh - 70px);
}
.lemarchtable tr:first-child{
  background: #f0f2f4;
    color: #666;
    text-transform: uppercase;
}
.lemarchtable tr th,.lemarchtable tr td{border: 0 !important}
.lemarchtable tr:first-child td{font-weight: 600;}
.lemarchtable tr th {
    font-weight: 600; 
}
.lemarchtable tr {
    border-bottom: 1px solid #f0f2f4;
}
.lemarchtable tr:hover{
  background: #eaedf0
}
.lemarchebg{
  background: #efefef;
  padding-bottom: 120px;
}
.lemarchebg .table-responsive{overflow-x: hidden}
.program-template-default h2.subtitle{position: relative;}
.program-template-default h2.subtitle:before{
  content: '';
  width: 90px;
    height: 5px;
    background: #004040;
    position: absolute;
  bottom: 0px;
}
.badge { 
  position: relative;
}
.badge span{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: red;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  font-size: 14px;
  padding: 4px;
  width: 50px;
  position: absolute;
  right: 0;
  top: -35px;
}
.badge span:before{
  border: solid;
  border-color: red transparent;
  border-width: 12px 6px 0 6px;
  content: "";
  right: 20px;
  bottom: -8px;
  position: absolute
}
.addui-slider.addui-slider-horizontal{
  width: calc(100% - 0px) !important;
    margin: 0px !important;
}
.addui-slider .addui-slider-track .addui-slider-handle:after {
    width: 12px !important;
    height: 12px !important;
    background: url(img/newdesign/rangepin.png) no-repeat !important;
    border-radius: 12px !important;
    top: 12px !important;
    left: 0px !important;
}
.addui-slider .addui-slider-track .addui-slider-handle{
  width: 12px !important;
    height: 12px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active{
  background: transparent !important;
  box-shadow: none !important
}
.addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value span{
  color: #575757 !important;
    font-weight: 700;
  transform: none !important;
  font-size: 12px !important
}
.addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value,.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
    background: transparent !important;
    opacity: 1 !important; 
    transform: none !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
}
.addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value{ 
    background: transparent !important;
    width: auto!important;
    height: auto!important;        
    color: #575757!important;
    opacity: 1!important;    
    transition: none!important;
    transform: none!important;
    transform-style: none!important;    
    top: -24px!important;
    left: -7px;
}
.addui-slider .addui-slider-track{background: #004040 !important}
.addui-slider .addui-slider-track .addui-slider-range{background:#fff !important}
.range-slider {
    position: relative;
    width: 100%;
    height: 35px;
    text-align: center;
  margin-bottom: 30px;
}
.range-slider input {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
  background: transparent
}
.range-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
}
.range-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
}
.range-slider input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: rgba(0, 0, 0, 1);
    border: 0;
}
.range-slider input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}
.range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}
.range-slider .rangeValues{
  color: #575757 !important;
    font-weight: 700;
  font-size: 12px;
}
.range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: #504f4f;
  border-radius: 25px;
}
.range-slider input[type=range]::-webkit-slider-thumb {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #504f4f ;  
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
.mini-search .range-slider{margin-bottom: 0;margin-top: 10px}
.range-slider input[type=range]:focus::-webkit-slider-runnable-track {background: #504f4f ;}
.advance-search .range-slider input[type=range]::-webkit-slider-runnable-track,.mini-search .range-slider input[type=range]::-webkit-slider-runnable-track {height: 3px;background: #fff;}
.advance-search .range-slider input[type=range]::-webkit-slider-thumb,.mini-search .range-slider input[type=range]::-webkit-slider-thumb{background: #fff;}
.advance-search .range-slider input[type=range]::-webkit-slider-thumb,.mini-search .range-slider input[type=range]::-webkit-slider-thumb {background: #fff;}
.advance-search .range-slider .range-value{
  color: #fff !important;
  font-size: 11px;
  white-space: nowrap;
    margin-left: -23px;
    font-weight: 500;
} 
.advance-search .range-slider .pull-left,.mini-search .range-slider .pull-left{
  position: absolute;
    bottom: -10px;
    left: 0
}
.advance-search .range-slider .pull-right,.mini-search .range-slider .pull-right{
  position: absolute;
    bottom: -10px;
    right: 0
}

body.post-template-default.single.single-post .container-fluid .row .container .row {
    padding-top: 7%;
    padding-bottom: 7%;
}
body.page-template-default.page section.bg-primary {
  margin-top: 101px;
}
body.page-template-default.page section.bg-primary + section{
  padding-bottom: 5%;
}
body.resized .navbar-fixed-top.resized {
  top: 0;
}

/* switch style */
.custom-switch {
  color: #fff;
  font-size: 13px;
  line-height: 24px;
}
.custom-switch .toggleSwitch{
  margin: 0px 16px;
  margin-right: 30px;
  vertical-align: middle;
}
.custom-switch .toggleSwitch > span:before {
  background-color: #cbcccd;
  border-color: #cbcccd;
}
.btn-toggle {
  top: 50%;
  transform: translateY(-50%);
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle:before, .btn-toggle:after {
  color: #6b7381;
}
.btn-toggle:before {
  content: 'NEUF';
  left: -4rem;
}
.btn-toggle:after {
  content: 'ANCIEN';
  right: -4rem;
  opacity: 0.5;
}
.btn-toggle:before, .btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
/* custom style start */
button.gridManureva {
  display: none;
}
.form-besoin-new .checkbox-inline .value:before{
  width: 15px;
  height: 15px;  
  margin-bottom: 8px;
}
.form-besoin.form-besoin-new{
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.form-besoin.form-besoin-new .col-title{
  padding: 5px 0;
  font-size: 12px;
  margin-bottom: 18px;
}
.form-besoin.form-besoin-new .select2-container .select2-selection--single,.form-besoin.form-besoin-new  .select2-container .select2-selection--multiple{
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.form-besoin.form-besoin-new .select2-container .select2-selection--single .select2-selection__arrow b{
  top: 12px;
}
.form-besoin.form-besoin-new .text-btn{
  padding: 2px;
  font-weight: 500;
  font-size: 11px;
}
.form-besoin.form-besoin-new .form-group.stationnement{
  padding-left: 55px;
}
.form-besoin.form-besoin-new .form-group.col-title.pl-1{
  padding-left: 35px;
}
.form-besoin.form-besoin-new .form-group.btn_section button {
  display: inline-block;
  width: 35%;
  padding: .375rem .75rem;
  font-size: 18px;
  line-height: normal;
  height: 40px;
}
.btn_section{
  text-align: center;
}
.biensec {
  margin-bottom: 30px;
}
.result-prog .type{
  font-size: 11px;    
  display: block;
  margin: 3px 0px;
  text-transform: initial;
}
.immobilier_ancien {
  margin-top: 30px;
  background: #a2a2a2;
  padding: 20px 30px;
}
.immobilier_ancien .form-besoin.form-besoin-new{
  padding: 0px;
}
.page-template-page-program-ancien .whitebox p{
  line-height: 27px;
  font-size: 18px;
  color: #666;
}
.page-template-page-program-ancien .whitebox h3{
  color: #1c3d57!important;
  font-weight: 600 !important;
}
/* .program-content p {
  font-size: 18px;
  line-height: 30px;
  color: #5c585c;
} */





.detail_types {
  margin: 50px 0px;
  position: relative;
  padding-bottom: 30px;
}
.detail_types ul{
  list-style-type: none;
  font-size: 15px;
  font-weight: 500;
  color: #666;
}
.detail_types ul li img{
  width: 50px;
}
.detail_types ul.w-33{
  width: 33.33%;
  float: left;
}
.detail_types ul.w-50{
  width: 50%;
  float: left;
}
.detail_types.border_bottom::after {
  content: '';
  position: absolute;
  width: 78%;
  height: 1px;
  background: #ddd;
  bottom: 0px;
  left: 45px;
}
.mb-15{
  margin-bottom: 15px;
}
.mb-1{
  margin-bottom: 5px;
}
.fw-400{
  font-weight: 400;
}
.pl-65{
  padding-left: 65px;
}
.pt-0{
  padding-top: 0px;
}
.detail_types button {
  border: 0px;
  padding: 7px 10px;
  line-height: normal;
  color: #fff;  
  font-size: 16px;
  font-weight: 900;
}
.detail_types button.color_black,.detail_types .ges_type button{
  color: #000;
}
.detail_types button.active{
  padding: 11px 9px;
}
.detail_types .grade .one {
  background: #2f9d2a;
}
.detail_types .grade .two {
  background: #36c631;
}
.detail_types .grade .three {
  background: #d2fe35;
}
.detail_types .grade .four {
  background: #fbea49;
}
.detail_types .grade .five {
  background: #fccc2f;
}
.detail_types .grade .six {
  background: #fb9c34;
}
.detail_types .grade .seven {
  background: #fa1c1f;
}
.detail_types .ges_type .one {
  background: #f6edfe;
}
.detail_types .ges_type .two {
  background: #e4c7fa;
}
.detail_types .ges_type .three {
  background: #d2adf1;
}
.detail_types .ges_type .four {
  background: #c99aef;
}
.detail_types .ges_type .five {
  background: #b77ae9;
}
.detail_types .ges_type .six {
  background: #a659e9;
}
.detail_types .ges_type .seven {
  background: #8835d9;
}
.program-desc-right.program-desc-right1 .whitebox1{
  align-self: start;
}
.program-desc-right .small-greenbut{
  cursor: pointer;
}
.desc-right button.small-greenbut{
  background: #fff;
  color: #177189 !important;
  border: 2px solid #177189;
  font-weight: 600;
}
.desc-right button.small-greenbut:hover{
  background: #177189 !important;
  color: #fff !important;
}
#programme .program-desc-right1{
  height: auto;
}
.desc-right p strong {
  font-size: 20px;
}
.desc-right p {
  font-weight: 500;
  color: #666;
  font-size: 14px;
  line-height: normal;
}
#dubienModal .modal-dialog{
  width: 1080px;
}
#dubienModal .modal-content{
  padding: 30px;
}
#dubienModal h4.modal-title{
  font-size: 30px;
  font-weight: 900;
}
.form-proposition .form-group.row{
  display: flex;
  align-items: center;
}
#dubienModal label{
  font-size: 14px;
}
#dubienModal .form-group.row.w-60{
  width: 60%;
  margin: auto;
  margin-bottom: 35px;
}
#dubienModal .form-group.row {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
#dubienModal textarea.form-control {
  resize: none;
  min-height: 190px;
  margin-bottom: 20px;
}
#dubienModal button.btn.btn-pink {
  margin: 0px auto;
}
#reportModal{ 
  overflow: hidden;
  text-align: right;
}
.close.closeslide{
  left: 20px;
  top: 18px;
}
.accordion-container{
  position: relative;
  height: auto;
  margin: 10px auto;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 8px #ddd;
  margin-bottom: 20px;
}
.set > a{
  display: inline-flex;
  width: 100%;
  padding: 12px 35px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  justify-content: space-between;
    align-items: center;
}
.set p{
  width: 70%;
  margin-bottom: 0px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.set a span {
  width: 200px;
}
.set a span img{
  width: 30px;
  margin-right: 15px;
  filter: brightness(0) invert(1);
}
.set a span small {
  font-size: 16px;
  font-weight: normal;
}
.set a .fa:before{
  content: '';
  display: block;
  height: 24px;
  width: 24px;
  border-style: solid;
  border-color: white;
}
.set a .fa-angle-down:before{ 
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  margin-top: -15px;
}
.set a .fa-angle-up:before{
  border-width: 2px 0px 0px 2px;
  transform: rotate(45deg);
  margin-top: 10px;

}
.content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
  padding: 25px 35px;
}
.content p{
  margin: 0;
  color: #333;
  font-size: 16px;
}

/* .content p,.col-sm-6{
  margin: 0;
  color: #333; 
   font-size: 16px;
} */
.content .row{
  margin-bottom: 18px;
}
.infopopup .modal-content{
  border-radius: 25px;
}
.infopopup .modal-body{
  text-align: center;
  width: 85%;
  margin: 0px auto;
}
.infopopup .img-fluid{
  width: 100%;
  margin: 0px auto;
  display: block;
}
.infopopup h4.modal-title{
  color: #8a8a8a;
  display: inline-block;
  padding: 0px 80px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}
.infopopup .modal-body p{
  font-size: 12px;
  color: #5c5c5c;
  font-style: oblique; 
  line-height: normal;
  padding: 30px 80px; 
}
.infopopup .modal-header .close{
  right: 35px;
  top: 35px;
}
/* custom style end */
@media (min-width: 991px){
  .infopopup .modal-dialog {
      width: 980px;
  }
}
@media (min-width: 1300px){
  .container { width: 1280px; }
}

@media (min-width: 1200px){
  .navbar .navbar-buttons li {
    padding: 0;
  }
}
@media (min-width: 1199px){
  #reportModal .modal-dialog{
    height: 100%;
    width: 920px;
  }
}

@media (min-width: 992px){
  .navbar .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font: normal normal medium 14px/16px Roboto;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
    max-height: none
  }
  .navbar-fixed-top.resized{ }
  .navbar .navbar-buttons li {padding: 0 !important;}
  .navbar #menu .navbar-nav.navbar-left > li:first-child{padding-left: 0px;width: 15%;text-align: left}
  .navbar .navbar-nav.navbar-left > li{padding-left: 0px;}
  .navbar #menu .navbar-nav.navbar-left > li{width: 22%;text-align: center}
  .navbar .navbar-header .navbar-brand{padding: 10px 0}
  .navbar .navbar-nav.navbar-left > li > a {
    padding: 20px 10px 20px 25px;
    display: inline;
  }
  .navbar .navbar-nav.navbar-left > li > span{
    width: 0px;
    height: 21px;
    border: 1px solid #fff;
    position: absolute;
    right: -3px
  }
  .navbar-fixed-bottom .navbar-nav > li{
    margin: 0px 0px !important;
    padding: 5px !important;
    width: 25%;
    text-align: center 
  }
  .navbar-fixed-bottom .navbar-nav > li:nth-child(2),.navbar-fixed-bottom .navbar-nav > li:nth-child(3){border-right: 1px dotted}
  .navbar-fixed-bottom .navbar-nav > li a {
    color: #fff;
    padding: 0px !important;
    display: inline-block !important;
  }
  .navbar-fixed-bottom .navbar-nav > li.active a{color: #fff}
  .navbar .dropdown .dropdown-menu {    
    background: transparent linear-gradient(231deg, #004040 0%, #004040 52%, #004040 100%) 0% 0% no-repeat padding-box;
    transition: all .5s;
    opacity: 0.9;
  }
  .navbar-fixed-bottom .navbar-nav>li a+.dropdown-menu>li>a{color: #fff !important;position: relative;}
  .navbar .dropdown .dropdown-menu{border: 0px solid #004040 !important;padding: 15px 20px;}
  .navbar-fixed-top.resized .navbar-buttons li{padding: 0px 0 0px 10px !important}
  .navbar-fixed-top.resized .userdetails{padding: 5px 20px}
  .navbar-toggle {
    display: none;
  }
  .navbar-collapse.collapse{
    display: none;
  }
}

@media (min-width: 768px){
  .page-template-page-home .gridManureva{display: none}
  #showsliderimages .modal-dialog{/*width: 1000px;*/width: 75%}
  #showsliderimages .container-large{padding-top: 20px;padding-bottom: 20px;}
  #showsliderimages .slider.slider-default .slide-thumb{
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 650px
  }
  #meetingslider .modal-dialog{width: 900px;}
  #meetingslider .meetingimage{width: 95%;margin: auto;}
  #meetingslider .slick-slide{
    background-size: cover; 
    height: 700px;
    position: relative;
  }
  #meetingslider .form-group{position: absolute;bottom: 0px;text-align:center;margin-bottom: 20px;width:100%}
  #meetingslider {text-align: center; }
  #meetingslider .radio-container{
    color: #575757;
    display: inline-block;
  }
  #meetingslider .radio-container .checkmark{
    right: -30px;
    bottom: auto;
    top: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #4e4e4e;
  }
  #meetingslider .radio-container .checkmark:after{
      top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #4e4e4e;
    padding: 1px;
  }
  #meetingslider .meetingroom{position: relative}
  #meetingslider  .slick-slide img {
    display: block;
    padding: 10px;
    width: 100%;
    height: 450px;
  }
  #meetingslider .slick-list{padding: 0 150px}
} 
 
@media (max-width: 1200px){
  .searchbox{margin-right: 0;width: 100%;}  
  .navbar-nav>li a+.dropdown-menu>li>a,.navbar #menu .dropdown .dropdown-menu>li>a{font-size: 11px;}
  .navbar-nav>li a+.dropdown-menu,.navbar #menu .dropdown .dropdown-menu{padding: 10px 10px !important}
  #updatemeeting .meetingroom .form-group img{width: 100%}
}
@media (max-width: 1199px){
  .biensec .col-sm-8.clearfix{
    clear:both;
  }
  .biensec .col-sm-4.mx-3{
    margin: 0px 18px;
  }
  .grid-stack .grid-stack-item[gs-y="22"] {
    top: 1500px !important;
  }
  .advice-block .single-column h4{
    font-size: 15px;
    line-height: normal;
  }
  .advice-block .small-greenbut{
    font-size: 11px;
  }
  .grid-stack .grid-stack-item[gs-h="8"]{
    height: 600px !important;
  }
  .sliderblock .threeslides .slick-slide{
    height: 295px;
    min-height: 295px;
  }
  .advice-block .single-column-content img{
    width: 95px;
    height: 95px;
  }
  .detail_types ul.w-33,.detail_types ul.w-50{
    padding: 0px 15px;
  }
  .detail_types ul{
    font-size: 13px;
  }
  .page-template-page-program-ancien .whitebox p {
    line-height: 22px;
    font-size: 15px;
  }
  .page-template-page-program-ancien .whitebox h3{
    font-size: 22px;
  }
  .pl-65 {
    padding-left: 55px;
  }
  #dubienModal .modal-dialog {
    width: 780px;
  }
  #dubienModal h4.modal-title {
    font-size: 25px;
  }
  #dubienModal .form-group.row.w-60 {
    width: 80%;
  }
  .form-produit .btn-border, .form-produit .btn-white, .form-besoin .btn-border, .form-besoin .btn-white{
    font-size: 17px;
  }
  .form-produit .col-md-6:nth-child(2n+1),.form-besoin .col-md-6:nth-child(2n+1) {
    clear: both;
  }
  .form-tabs > li > a, .form-tabs > li.active > a, .form-tabs > li > a:hover, .form-tabs > li > a:focus, .form-tabs > li.active > a:hover, .form-tabs > li.active > a:focus{
    padding-right: 22px;
    padding-left: 2px;
    margin: 0px;
  }
  .advance-search .ovalshape li span.checkmark, .advance-search .ovalshape li.active span.checkmark{
    height: 18px;
    width: 18px;
    top: 0px;
  }
  /* .advance-search.centerblock>.row{
    align-items: center;
    display: flex;
  } */
  .advance-search .ovalshape{
    padding: 0px;
  }
  .form-besoin.form-besoin-new .text-btn{
    font-size: 15px;
    padding: 5px;
  }
  .advance-search .text-btn{
    font-size: 15px;
    margin-top: 0px;
  }
  .form-besoin.form-besoin-new .select2-container .select2-selection--single, .form-besoin.form-besoin-new .select2-container .select2-selection--multiple{
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: normal;
  }
  .form-besoin.form-besoin-new .select2-container .select2-selection--single .select2-selection__arrow b{
    top:18px;
  }
}
@media (max-width: 1024px){
  .single-column{padding: 20px;}
  .titletxt h3, .single-column h3, .sliderblock h3{font:500 16px/18px Roboto}
  .single-column-content .form-group .form-control{width: 100%}
  /* .sliderblock .slick-slide p{padding: 0px 15px 20px 0px} */
  .single-column-foot h5{font-size: 18px;}
  .sliderblock .pictobut{display: block;float: none;margin-top: 10px;}
  .sliderblock .slide-info p{white-space: nowrap}
  .sliderblock .slide-info{padding: 10px 5px;}
  .sliderblock .threeslides .slick-slide img{height: 200px}
  .advice-block .single-column-foot h4 {font: normal normal 500 14px/18px Roboto;}
}
@media (max-width: 992px){
  #showsliderimages .modal-dialog{width: 90%}
  #showsliderimages .slider.slider-default .slide-thumb{min-height: 300px}
  .bodyspace{padding: 110px 0 70px}
  .navbar-fixed-top.resized .navbar-buttons li{padding: 0}
  .navbar-right.navbar-buttons{justify-content: space-between;width: 100%;}
  .navbar-left{width: 100%;}
  .navbar-left li{width: 100%;}
  .navbar-left li img,.navbar-left li a{display: inline-block}
  #menu .dropdown-menu{top: 0;left: 50%}
  #menu .menu-title{display: none;}
  .navbar .dropdown .dropdown-menu>li>a {color: #000;padding-left: 10px !important}
  .navbar .meetroombut{margin: 20px 0}
  .navbar-right.navbar-buttons.col-md-9{display: none !important}
  .navbar-right li a.logout-icon.mobile{display: block}
  .navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:first-child .dropdown-menu{
    width: auto;bottom: auto
  }
  .navbar-fixed-bottom .dropdown .dropdown-menu{
    bottom: auto;
    top: -12px;
  }
  .navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:first-child {
    padding-left: 0;
    border: 0;
    border-radius: 0;
    padding: 0 !important;
    height: auto;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .navbar .dropdown .dropdown-menu{
    background: #004040 
  }
  #menu-bot .menu-title,.navbar.navbar-fixed-bottom .navbar-nav.navbar-left > li:first-child  img{display: none}
  .logged-in .navbar-fixed-bottom .navbar-header {padding: 0px 0px;}
  .favorisblock .favimg{width: 120px;}
  .favorisblock .d-flex{display: grid}
  .container-compare{min-width: 100%}
  .table-compare .btn{
    white-space: initial;
    line-height: inherit;
  } 
  .navbar-nav>li a+.dropdown-menu>li>a,.navbar #menu .dropdown .dropdown-menu>li>a{font-size: inherit;color: #fff}
  .navbar-nav>li a+.dropdown-menu,.navbar #menu .dropdown .dropdown-menu{padding: 10px 20px}
  .navbar-fixed-top{min-height: 100px;}
  .regions-map{width: 46% !important}
  .rapidsearch-block .range-slider{
    margin-bottom: 10px;
  }
  .rapidsearch-block .search-block .col-md-12.row-space,.rapidsearch-block .col-md-12.leftcol {
    padding: 0px;
  }
  .rapidsearch-block .search-block .form-group{
    width: 47%;
    margin-right: 2%;
    display: inline-block;
  }
  .rapidsearch-block .search-block .leftcol label, .rapidsearch-block .row-space label{
    padding-right: 0px;
  }
  .rapidsearch-block .option-check{
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
  }
  .search-block .leftcol .form-group{
    display: inline-block;
    flex-direction: row;
    /* width: 45%;
    margin-right: 4%; */
  }
  /* .grid-stack-item[gs-y="21"]{
    top: 1355px !important;
  }
  .grid-stack-item[gs-y="28"]{
    top: 1810px !important;
  }
  .grid-stack-item[gs-y="35"]{
    top: 2266px !important;
  }  
  .grid-stack-item[gs-h="17"]{
    height: 630px !important; 
  }
  .grid-stack-item[gs-y="52"]{
    top: 2902px !important;
  } */
  .advice-block .single-column-content{
    padding: 10px 0px 40px;
  }
  .advice-block .single-column-content .col-sm-3{
    text-align: center;
  }
  .advice-block .single-column-foot{
    justify-content: normal;
  }
  .advice-block .single-column-foot a{
    margin-left: 15px;
  }
  .advice-block .small-greenbut{
    margin: 10px 0px;
  }
  .form-besoin.form-besoin-new .form-group.btn_section button{
    width: 45%;    
    font-size: 12px;
  }
  .single-column.sliderblock .clearfix{
    clear: both;
  }
  .biensec .col-sm-4.mx-3 {
    margin: 0px 14px;
  }
  .rapidsearch-block .form-group.row-space.budgetblock {
    padding-top: 0px;
    position: relative;
    top: -10px;
  }
  .row-space {
    padding: 0;
  }
  .search-block .col-md-12.row-space{padding: inherit}
  /*.sliderblock .threeslides .slick-slide img{height: 265px;}*/
  .mini-search{
    position: relative;
    top: 134px;
  }
  .resized .mini-search{
    top: 0px
  }
  .whitebox{display: none !important}
  .whitebox1{
    opacity: 1 !important;
    display: block !important
  }
  .programebg,.programebg:before{height: 340px}
  .mapspace{padding: 70px 0}
  .navbar-toggle{display: block;}
  .navbar-fixed-top .navbar-collapse.collapse,.navbar-fixed-bottom .navbar-collapse.collapse{
    display: none !important
  }
  .navbar-fixed-top .navbar-collapse.collapse.in,.navbar-fixed-bottom .navbar-collapse.collapse.in{
    display: block !important;
    
  }
  .navbar-fixed-top.navbar .dropdown .dropdown-menu,.navbar-fixed-bottom.navbar .dropdown .dropdown-menu{display: block}
  .navbar-fixed-top .navbar-nav > li a + .dropdown-menu > li > a,
  .navbar-fixed-bottom .navbar-nav > li a + .dropdown-menu > li > a{color: #fff !important}
  .navbar-fixed-top .navbar-collapse.collapse.in .dropdown-menu,.navbar-fixed-bottom .navbar-collapse.collapse.in .dropdown-menu{
    position: relative;
    top: 0;   
  }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
    max-height: 340px;
  }
  .navbar-fixed-top .navbar-collapse.collapse{    
    overflow: auto !important
  }
  .advance-search.centerblock{justify-content: flex-start;}
  /* .advance-search .col-lg-2,.advance-search .col-lg-4 .col-sm-6{width: 50%;float: left} */
  .advance-search.single-column h3{padding-bottom: 20px;}
  .advance-search .form-group.small-placeholder.mrhm1{padding-bottom: 30px;}
  .advance-search .ovalshape li span.checkmark, .advance-search .ovalshape li.active span.checkmark{top: -1px;right: -8px;}
  .form-tabs > li > a{font-size: 13px;}
  .form-produit .btn-border, .form-produit .btn-white, .form-besoin .btn-border, .form-besoin .btn-white{
    font-size: 12px;    
    white-space: initial;
  }
  #dubienModal .modal-dialog {
    width: 680px;
  }
  .infopopup .modal-body p{
    padding: 25px 0px;
  }
  .infopopup h4.modal-title{
    font-size: 14px;
    padding: 0px 50px;
  }
  .advice-block .single-column-content img{
    width: 95px;
    height: 95px;
  }
  .grid-stack{
    #height: auto !important;
  }
  .grid-stack>.grid-stack-item>.grid-stack-item-content{ 
    overflow-y: inherit !important;
    position: relative !important;
    inset: 0px !important;
  }
  .grid-stack>.grid-stack-item{  
    position: relative !important;
    top: inherit !important;
    height: auto !important;
    margin-bottom: 20px;
  }
  .advance-search.centerblock>.row{
    display: block;
  }
  .advance-search .text-btn,.form-besoin.form-besoin-new .text-btn{
    font-size: 13px;
  }
}
@media (max-width: 767px){
  .bodyspace{padding: 80px 0 70px}
  body.page-id-5 .bodyspace {
    padding: 95px 0 70px;
  }
  .mapspace{padding: 95px 15px}
  .maintitle h1,h1.maintitle{font-size: 25px;}
  .mini-search,.search-advance{position: relative;top: 88px !important;}
  .resized .mini-search{top: 0px  }
  .regions-map{width: 95% !important}
  .form-tabs > li > a{font-size: 12px;}
  .sliderblock .pictobut{margin-left: 15px;}
  /* .page-template-page-home .advice-block .single-column-foot{bottom: 27px} */
  .greenbut, .small-greenbut, .brownbut, .whiteborderbtn, .greenborbtn, .btn-pink{
    font:normal normal 500 14px/16px Roboto;
    padding: 5px 10px;
    /* height: 28px;    */
  }
  .single-column {padding: 15px;}
  .advance-search .ovalshape{height: auto;text-align: left;    align-items: inherit;padding: 0px 15px;}
  .advance-search .ovalshape ul{flex-direction: column;    align-items: inherit;}
  .advance-search .ovalshape li{padding: 10px 0}  
  .advance-search .ovalshape li span.checkmark, .advance-search .ovalshape li.active span.checkmark{right: 0}
  .checkbox-inline .value{grid-template-columns:24px 1fr}
  .form-produit .checkbox-inline .value:before {height: 12px; width: 12px;}
  /* .checkbox-inline .value{font-size: 11px;} */
  #residence .form-group{    margin-bottom: 4px;}
  .advance-search .text-btn{margin-top: 0}
  .sliderblock .singleslider .slick-slide p{
    justify-content: inherit;
    min-height: 80px;
    padding: 0px 15px 0px 15px;
    font: normal normal 500 12px/24px Roboto;
    position: relative;
  }
  .sliderblock .slick-slide p span{position: absolute; right: 12px;}
  .select2-results__options .select2-results__option{font-size: 14px;padding: 4px;}
  .page-template-page-compare .small-greenbut{font-size: 14px;line-height: 13px;}
  .page-template-page-compare .table-compare {table-layout: auto;}
  .meettitle{font:normal normal 900 25px/30px Roboto}
  .meetingroombox .meetingform{width: 100%;padding: 20px;}
  .meetingroombox .meetingform .meetingforminner{width: 100%}
  .result_err{margin-top: 0 !important}
  .list-inline>li{padding: 5px;}
  .bread-section .text-right{text-align: left;}
  .highcharts-figure, .highcharts-data-table table{min-width: 100% !important;max-width: 100% !important;}
  .whitetab-box .whitebox-header{flex-direction: column}
  .tab-sec{padding-top: 10px;    justify-content: flex-end;}
  .whitetab-box .whitebox-content{padding:10px 0}
  .simulation .tab-content .ml{white-space: initial;}
  .print .mtop30{margin-top: 0}
  /* ,.parents-lot th */
  #grilleLots .table-condensed th,#grilleLots .table-condensed td,.parents-lot td,.details-lot td, .details-lot th{white-space: inherit !important}
  .details-lot .details .col-md-6{width: 50%;float:left;}
  .page-id-24 .col-xs-3{width: auto}
  .account-block{padding: 30px 10px;}
  /* .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{white-space: initial} */
  .details-lot .small-greenbut{line-height: 25px;}
  .container-compare .details-lot .small-greenbut{line-height: 10px;height: 32px;}

  body.post-template-default.single.single-post .container-fluid .row .container .row {
    padding-bottom: 25%;
  }
  /* .grid-stack-item[gs-h="17"] {
    height: 1000px !important;
  }
  .grid-stack-item[gs-y="52"] {
    top: 3268px !important;
  } */
  .biensec .col-sm-4.mx-3 {
    margin: 0px;
  }
  .form-besoin.form-besoin-new .form-group.stationnement {
    padding-left: 0px;
  }
  .biensec {
    margin-bottom: 0px;
  }
  .form-besoin-new .row-space {
    padding: 0px;
  }
  .form-besoin.form-besoin-new .form-group.btn_section button{
    width: 100%;
    font-size: 14px;
    margin: 0px;
    margin-bottom: 10px;
    height: 40px;
  }
  .form-produit .checkbox-inline .value:before, .option-check .checkbox-inline .value:before{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .titletxt h3, .single-column h3, .sliderblock h3 {
    font: 500 14px/18px Roboto;
  }
  .custom-switch{
    font-size: 12px;
  }
  .custom-switch .toggleSwitch{
    margin: 0px 3px;
    margin-right: 15px;
  }
  .form-besoin.form-besoin-new{
    padding: 0px;
  }
  .detail_types ul.w-33, .detail_types ul.w-50 {
    padding: 0px 5px;
  }
  .detail_types button{
    padding: 7px 8px;
  }
  .detail_types ul {
    font-size: 12px;
  }
  #dubienModal .modal-dialog {
    width: 100%;
  }
  div#dubienModal {
    text-align: left;
  }
  #dubienModal .form-group.row {
    display: block;
    margin-bottom: 0px;
  }
  #dubienModal .form-group.row .col-sm-6 {
    margin-bottom: 18px;
  }
  .staticbox h4{
    text-align: center;
    font-size: 16px;
  }
  .staticbox img{
    width: 46px;
  }
  #reportModal{
    text-align: left;
   }
   .immobilier_ancien{
    margin-top:0px;
   }
    .grid-stack>.grid-stack-item>.grid-stack-item-content{ 
      overflow-y: auto !important;
    }
  .rapidsearch-block .search-block{
    padding: 15px;
    min-height: auto;
  }
  .form-produit, .form-besoin {
    padding: 0;
  }
  .single-column-content{
    min-height: auto;
    padding-top: 15px;
  }
  .row-space{
    padding: 0px;
  }
  .advice-block .single-column-content .col-sm-3{
    padding-left: 15px;
  }
  .advice-block .single-column-foot{
    position: relative;
    bottom: 0px;
  }
  .advice-block .single-column-content {
    padding: 10px 0px 10px;
  }
  form.form-produit br,form.form-besoin br {
    display: none;
  }
  .form-besoin .col-title, .form-produit .col-title{
    margin-bottom: 20px;
  }
  .advance-search .range-slider .range-value{
    left: auto !important;
    right: 0px;
  }
  .rapidsearch-block .search-block .form-group {
    margin: 0px 4px 25px;
    width: 100%;
  }
  .form-besoin.form-besoin-new .col-title{
    text-align: left;    
    font-size: 14px;
  }
  #residence .form-group.col-title{
    margin-bottom: 20px;
  }
  .checkbox-inline .value{
    font-size: 14px;
  }
  .advance-search .form-group label{
    display: block;
  }
  .form-besoin.form-besoin-new .text-btn,.advance-search .text-btn{
    text-align: center;
    text-transform: uppercase;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
    padding: 5px;
  }
  .form-produit .btn-border, .form-produit .btn-white, .form-besoin .btn-border, .form-besoin .btn-white{
    font-size: 14px;
  }
  .form-besoin.form-besoin-new .form-group.col-title.pl-1 {
    padding-left: 0px;
  }
  form.form-produit input.select2-search__field::placeholder {
    font-size: 15px !important;
  }
  .advice-block .small-greenbut {
    height: 40px;
    font-size: 14px;
  }
  .rapidsearch-block .form-group.row-space.budgetblock{
    top: -10px;
    position: relative;
  }
  .advice-block .single-column-content .row{
    display: block;
  } 
}

@media (max-width: 600px){
  .detail_types ul{
    font-size:10px;
  }
  .reporthead h2{
    font: normal normal bold 10px/10px Roboto;
  }
  .reporthead span{
    font: normal normal normal 10px/10px Roboto;  
  }
  .reportbody{
    padding: 25px;
    height: calc(100vh - 60px);
    overflow-y: scroll;
    overflow-x: hidden
  }
  .reportbody h3{
    font: normal normal bold 12px/14px Roboto;  
    color: #102D43;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 20px;
  }
  .staticbox{
    box-shadow: 0px 0px 6px rgb(0 0 0 / 50%);
    padding: 15px;
    line-height: 17px;
    margin-bottom: 40px
  }
  .staticbox img{float:left;margin-right: 10px;}
  .staticbox h4{
    margin: 0;padding: 15px 0 0;
    font-size: 12px;
    font-weight: 600;
  }
  .static-details .panel-title{padding: 15px 10px;margin: 0}
  .static-details .panel-title a{display: flex;align-items: center}
  .static-details .panel-title .more-less,.static-details .panel-title .collapsed .more-less{
    background: url(img/newdesign/uparrow-white.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 10px;
  }
  .static-details .panel-title .collapsed .more-less{
    background: url(img/newdesign/downarrow-white.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 10px;
  }
  .static-details .panel-title h5{
    font: normal normal bold 10px/10px Roboto;
  }
  .static-details .panel-title .time{
    font: normal normal normal 10px/12px Roboto;
    color: #FFFFFF;
  }
  .static-details .panel-body .form-group label{
    font: normal normal normal 15px/45px Roboto;
    color: #707070;
    margin: 0
  }
  .percentCount{
    right: -70px;
  }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .regions-map{width: 90% !important}
  .tablebut{
    height: auto;
    line-height: 15px;  
    text-align: center;
  }
   body.post-template-default.single.single-post .container-fluid .row .container .row {
    padding-bottom: 13%;
  }
}
@media(max-width: 480px) {
  .detail_types ul.w-33 {
    width: 50%;
  }
  .detail_types ul.w-50 {
    width: 100%;
  }
}
@media(max-width: 460px){
  .rapidsearch-block .search-block .form-group{
    width: 100%;
  }
}
@media(max-width: 375px) {
  body.post-template-default.single.single-post .container-fluid .row .container .row {
    padding-bottom: 25%;
  }
}


#RefreshUbiflowData{
  display: none;
  border: 1px solid #004040;
    background-color: #004040;
    border-radius: 15px;
    height: 25px;
    padding: 2px 15px;
    color: #FFFFFF;
    margin-top: 10px;
}
#RefreshUbiflowData.active{
  display: block;
}
.regions-map-modal .region-name,.regions-map-modal .region-nb-programmes{  
  font-size: 11px !important;
}
[gs-id="favoris"] {
	min-height:100px !important;
}

@media (max-width: 768px) {
  .navbar-fixed-top .navbar-brand img,
  .navbar-fixed-top .navbar-brand svg {
    width: 185px !important;
    height: auto; // optional, in case you want it to scale
  }
}

body {
  /* Ensure body takes up the full, stable height */
  min-height: 100vh !important;
  min-height: -webkit-fill-available !important;
}

@media (max-width: 991px) {

  body {
    padding-bottom: calc(70px + env(safe-area-inset-bottom));
    overflow-x: hidden;
  }

  .grid-stack, .grid-stack > .grid-stack-item {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* Base: fallback for most browsers */
html, body {
  height: 100vh;
}

/* iOS browsers (Safari + Chrome) */
@supports (-webkit-touch-callout: none) {
  html {
    height: -webkit-fill-available;
  }

  body {
    min-height: 100svh; /* Stable for Safari iOS */
    min-height: -webkit-fill-available;
  }
}

/* Only Chrome on iOS — detect with "blink-like" selector support difference */
@supports (-webkit-touch-callout: none) and (not (selector(:focus-visible))) {
  body {
    min-height: 100dvh; /* Chrome iOS fix */
    overscroll-behavior-y: none;
  }
}

.program-content h1,
.program-content h2,
.program-content h3,
.program-content h4,
.program-content h5,
.program-content h6 {
    color: #000 !important; /* or any color you want */
    text-transform: none !important; /* remove uppercase if needed */
}


/*******Phone validation in contact form******/

.input-with-error {
    position: relative;
}

.error-inside {
    display: none;
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #a71d14;
    color: #fff;
    font-size: 11px;
    padding: 6px 10px;
    border-radius: 0 0 4px 4px;
    pointer-events: none;
}

.input-with-error .input-error {
    border: 1px solid red !important;
    padding-bottom: 32px; /* space for error message */
}