body{
  background-color: #ffffff;
}

.background-login {
    background: #ffffff !important;
}

.vd_content-section{
  background-color: #ffffff;
}

/* Insert Your Custom CSS Here */
.panel-bd-top {
  border-top: 3px solid #27A1C2;
}

.vd_navbar {
  background-color: #27A1C2;
  color: #ffffff;
}

.vd_back-top {
  background: none repeat scroll 0 0 #27A1C2;
}


.vd_bg-green {
  background-color: #27A1C2 !important;
}

.btn.vd_bg-green:hover,
.btn.vd_green:hover {
  background-color: #2787C2 !important;
  color: #FFF !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #27A1C2;
  border-color: #27A1C2;
}

.pagination > li > a, .pagination > li > span {
  color: #27A1C2;
}

.vd_mega-menu-content {
  border-top: 3px solid #27A1C2;
}

a {
  color: #27A1C2;
}

a:hover {
  color: #2787C2;
}


.input-majuscule{
  text-transform:uppercase;
}

.input-first-letter{
  text-transform:capitalize;
}


.vd_input-wrapper {
  padding: 2px;
  height: 38px;
  color: #5D9AD4;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  background: url(/img/arrow-down.jpg) no-repeat right #CCF0FE;
  position:relative;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  font-size: 13px;
  font-family: 'Open Sans','arial';
  font-weight: 600;
}

.vd_input-wrapper select {
  padding: 5px;
  background: transparent;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  border: 0;
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;

}

.vd_input-wrapper select:focus {
  outline: 0;
}


.form-wizard .wizard .btn {
  background-color: #00D3C8;
  color: #ffffff;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.plus_critere, .plus_critere:hover {
  background-color: #5D9AD4;
  color: #ffffff;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


.label-wrapper {
  color: #5D9AD4;
}


.form-wizard .nav > li.active .menu-icon {
  background: #01D0CA;
  color: #FFF;
}  


.vd_bg-color {
  background-color: #5D9AD4 !important;
}

a {
  color: #5D9AD4;
}

a:hover {
  color: #5D9AD4;
}

.vd_radio label:before{
    margin-top: 5px;

}

.vd_radio.radio-success input[type=radio]:checked+label:before {
  border: 1px solid #5D9AD4;
  margin-top: 5px;
}

.vd_radio.radio-success label:after {
  background-color: #5D9AD4;
  border: 1px solid #5D9AD4;
  margin-top: 5px;
}

.ui-datepicker {
  background: #5D9AD4;
}

.ui-datepicker a {
  color: #fff;
}


.footer-widget{
  background-color: #E9EEF2;
}

.panel-body .form-actions-condensed{
  background-color: #E9EEF2;
}

.title1{
  color:#5D9AD4 !important;
  font-weight: 600;
}

.title2{
  color:#5D9AD4 !important;
  font-weight: 600;
}

.form-wizard .nav .menu-icon {
    display: block;
    height: 25px;
    line-height: 25px;
    width: 25px;
    background-color: #D7DFE2;
    color: #5D9AD4 !important;
}

.login-layout .panel-body {
    padding: 5px 30px;
    border-bottom: 0px;
}

.form-wizard .nav>li.active>a, .form-wizard .nav>li.active>a:hover, .form-wizard .nav>li.active>a:focus {
  color: #5D9AD4 !important;
  font-weight: 800;
  font-size: 0.85em;
}

.form-wizard .nav>li>a {
  color: #5D9AD4;
  font-size: 0.85em;
}

.progress-bar {
  top: 50px;
  background-color: #01D0CA;
}

.progress-bar-info {
    background-color: #01D0CA;
}

.form-wizard .progress {
    height: 3px;
    top: 49px;
    position: relative;
}

.bg_tabb{
  background-color: #01D0CA !important;
}

.liste-widget{
  background-color: #E9EEF2;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow-y:auto;

  height:200px; 
  padding:10px;
}

.liste-widget-global{
  background-color: #E9EEF2;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding:10px;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline, .form-horizontal .control-value {
    padding-top: 7px;
}


.mCS-widget-theme.mCSB_scrollTools {
  background-color: #CCF0FE;
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.mCS-widget-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
  width: 100%;
  background-color: #0061A5; 
}

.mCS-widget-theme.mCSB_scrollTools .mCSB_draggerRail{ 
  background-color: #81DBF6; 
  width: 100%;

} 

.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonUp,
.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonDown{
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
  }

.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
  }

.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
    /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
  }


.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonDown:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonUp:active,
.mCS-widget-theme.mCSB_scrollTools .mCSB_buttonDown:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
  
.div_qestion{
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #5D9AD4;
}


.disabled{
  background-color: #C2CCD5 !important;
}

.btn_confirm, .btn_confirm:hover{
  background-color: #00D3C8;
  color: #ffffff;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


.input-widget{
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.input-widget-date-left{
  -moz-box-shadow: 0px 2px 2px 0px silver;
  -webkit-box-shadow: 0px 2px 2px 0px silver;
  -o-box-shadow: 0px 2px 2px 0px silver;
  box-shadow: 0px 2px 2px 0px silver;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.input-widget-date-right{
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.btn_widget_standard, .btn_widget_standard:hover {
  background-color: #5D9AD4;
  color: #ffffff;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.liste-widget-rdv{
  background-color: #CEF0FC;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow-y:auto;

  height:200px; 
  padding:10px;
}

.btn-active{
  color: #FFFFFF !important;
  background-color: #5D9AD4;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.btn-default{
  color: #000000 !important;
  background-color: #FFFFFF;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#divrdvdispo_interpro li:hover {
  background:#75D7F7 !important;
  color: #ffffff;
  cursor: pointer; 
  cursor: hand;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#divrdvdispo_interpro li{
  border-bottom: dotted 1px #75D7F7 !important;
}

#divrdvdispo li:hover {
  background:#75D7F7 !important;
  color: #ffffff;
  cursor: pointer; 
  cursor: hand;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#divrdvdispo li{
  border-bottom: dotted 1px #75D7F7 !important;
}

#rdvdispoperso li:hover {
  background:#75D7F7 !important;
  color: #ffffff;
  cursor: pointer; 
  cursor: hand;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#rdvdispoperso li{
  border-bottom: dotted 1px #75D7F7 !important;
}


.vd_input-wrapper-compte {
  padding: 2px;
  height: 38px;
  color: #5D9AD4;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  background: url(/img/arrow-down.jpg) no-repeat right #fff;
  position:relative;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  font-size: 13px;
  font-family: 'Open Sans','arial';
  font-weight: 600;

  margin-left:15px; 
  margin-right:15px;
}

.vd_input-wrapper-compte select {
  padding: 5px;
  background: transparent;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  border: 1;
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;

}

.vd_input-wrapper-compte select:focus {
  outline: 0;
}


.tabs .nav-tabs {
  background-color: #fff;
  border-bottom: none;
  color: #055CAB !important;
}
.tabs .nav-tabs li{
  background-color: #80DDEE;
  color: #055CAB !important;

  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;

  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tabs .nav-tabs .active{
   background-color: #055CAB;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tabs .nav-tabs>li>a {
  color: #055CAB !important;
  font-weight: 600;
  border-right: 0px !important;
  border-left: 1px solid #fff !important;
}

.tabs .nav-tabs>li.active>a, .tabs .nav-tabs>li.active>a:hover, .tabs .nav-tabs>li.active>a:focus {
  background-color: #055CAB;
  color: #fff !important;
  font-weight: 800;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.box-widget-compte{
  background-color: #CEEFFF;

  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;

  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.box-widget-supp-annexe{
  background-color: #CEEFFF;

  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
}

.liste-widget-compte{
  background-color: #E9EEF2;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow-y:auto;

  height:300px; 
  padding:10px;
  margin-bottom: 15px;
}




#div_histo_item li{
  border-bottom: dotted 1px #75D7F7 !important;
}

#div_liste_item li{
  border-bottom: dotted 1px #75D7F7 !important;
}


#div_liste_item .vd_round-btn {
    line-height: 30px !important;
}

#div_liste_item .menu-icon {
    width: 30px !important;
    height: 30px !important;
}

.nav-pillsfaq {
  border: 1px solid #5D9AD4;
  color: #fff !important;
  font-weight: 800;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.nav-pillsfaq>li.active>a, .nav-pillsfaq>li.active>a:hover, .nav-pillsfaq>li.active>a:focus {
  background-color: #5D9AD4;
  color: #fff !important;
  font-weight: 800;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.blocfaq {
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  -o-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.btn-besoin-aide{
  -moz-box-shadow: 2px 2px 2px 0px silver;
  -webkit-box-shadow: 2px 2px 2px 0px silver;
  -o-box-shadow: 2px 2px 2px 0px silver;
  box-shadow: 2px 2px 2px 0px silver;

  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


#personneratache li:hover {
  background:#75D7F7 !important;
  color: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#personneratache li{
  border-bottom: dotted 1px #75D7F7 !important;
}

#personneratache_multi li:hover {
  background:#75D7F7 !important;
  color: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#personneratache_multi li{
  border-bottom: dotted 1px #75D7F7 !important;
}

.select_user {
  background:#75D7F7 !important;
  color: #ffffff;
  border: 1px solid #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.texte_bienvenue{
  margin-bottom:15px;
  color:#01D0CA;
}

.checkbox-user input[type=checkbox]:checked + label:before {
  background-color: #5D9AD4;
  border: 1px solid #5D9AD4;
}
.checkbox-user input[type=checkbox]:checked + label::after {
  color: #fff;
}

.vd_checkbox.checkbox-success input[type=checkbox]:checked+label:before {
  background-color: #5D9AD4;
  border: 1px solid #5D9AD4;
}