html, body{
  width:100%;
  font-size:12.5px;
  font-family: 'Roboto', sans-serif;
  /*font-family: "Avenir Next LT Pro", "Avenir Next", "Futura", sans-serif;*/
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  text-shadow: none;
  background-color: #fff; /*f4f7fa*/
  font-weight: 400;
  color: #34414c;
}
a{ font-weight: 400; color:#188db4; cursor:pointer;}
a:hover{ font-weight: 400; color:#157ea2; cursor:pointer;}
a.btnlien, .btnlien{ font-weight: 400; color:#188db4; cursor:pointer;  margin:6px;}
.table .btnlien{margin:0px;}
a.btnlien.nomargin, .btnlien.nomargin{ margin:0px;}
li a:focus, a:focus, button:focus, input[type="button"]:focus{ outline: none !important;text-decoration: none;}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: 0 none !important;text-decoration: none;}
a:focus, a:active, a:hove,
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
select::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner 
{ 
outline: none;
text-decoration: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none;
    box-shadow:none;
}
li a:focus, a:focus, button:focus, input[type="button"]:focus{ outline: none;text-decoration: none;}
a img { border: none; } 
.nopadding{
  padding: 0px;
}
.nomargin{
  margin: 0px;
}
.btnlien.add:before {
    content: "\f0fe";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
    left: 0;
    margin-right: 5px;
    color: #35a1c9;
}
legend{
  font-weight: 500;
  font-size: 14px;
}
h6{ color: #555; font-weight: 500;}
#popupNewsUser p{ color: #555; font-weight: 300; line-height: 19px; font-size:13px; }
/*-------------------------------------
  CORP
---------------------------------------*/
#app{ width: 100%; margin: 0 auto;}
#v_application{min-height: 100%;}
#navabar_top{position: ; top:0px; width: 100%; background-color: #2a3542; height: 35px; z-index: 9000}
#contenu-page{ padding: 0px 5px 0px 5px; margin-top:30px; margin-right: auto; margin-left: auto;background-color: transparent;}
.page{ background-color: #fff;padding:15px 0px 10px 0px; margin:0px 0px 0px 0px;}
.page.next{ background-color: #fff;padding:15px 0px 10px 0px; margin:-1px 0px 0px 0px; border-top:none;}
.page.nomargin{ background-color: #fff;margin: 0px;  }
.page.nocolor{ background-color: transparent;margin: 0px; border:none;  }
.page.noppading{padding: 0px;  }
#footer {position:fixed;left:0px;bottom:0px;height:0px;width:100%;background:transparent;padding:4px 5px 5px 10px;color: red;}
.text_copy {font-size: 12px;color: #444;}
.text_evaluation{font-size: 12px;color: red;}
.container-fluid{
  padding: 0px;
  max-width: 100%;
  margin-right: auto; 
  margin-left: auto;
}
.row {
    margin:6px 10px 6px 10px;
}
.row.nomargin {
    margin:0px;
    padding:0px;
}
.col.noppading{
  margin:0px;
    padding:0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}
.col-fixed{
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    background-color: #fff;
    padding: 0px 10px 20px 5px;
    margin: 2px 10px 8px 8px;
    border-right:1px solid #eee;
  }
#col-no-fixed{
  
} 
.col-fixed-calendar{
     -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    background-color: #fff;
    padding: 0px 0px 10px 5px;
    margin: -20px 0px 8px 0px;
    border-right:1px solid #eee;
  }
.modal{
  z-index: 100000000;
}
.bgblanc{background-color: #fff}
.bggrisclaire{background-color: #f4f4f4}
.bggris{background-color: #eee}
.bgred{background-color: red}
/*-------------------------------------
  Popup pdf
---------------------------------------*/
.pdf{max-width: 920px;}
.pdfLarge{max-width: 1220px;}
/*-------------------------------------
  font police
---------------------------------------*/
.tcentre{ text-align:center;}
.tleft{text-align:left}
.tright{text-align:right}
.fleft{ float:left;}
.fright{ float:right;}
.centre{margin:0 auto;}
.hide{display: none;}
.show{display: block;}
.visible{visibility:visible;}
.no-visible{visibility:hidden;}
.mobile{ display: none;}
.desktop{ display: block;}
/*-------------------------------------
  Style icons for input
--------------------------------------*/
.glyphicon:hover{cursor: pointer;}

input.icon {
  /*On décolle le curseur de la gauche du champ*/
  padding-left: 30px;
  width: calc(100% - 0px);
}
input.noborder{ border:none; }
.icon-mail-input:before {
  content: "\e8f9";
  position: absolute;
  color: #aaa;
  font-size: 15px;
  margin: 6px 0px 0px 7px;
}
.icon-pass-input:before {
  content: "\eb3c";
  position: absolute;
  color: #aaa;
  margin: 6px 0px 0px 7px;
}
.icon-search-input:before {
  content: "\ea68";
  position: absolute;
  color: #999;
  margin: 7px 0px 0px 7px;
}

/*-------------------------------------
  Style input AND form
--------------------------------------*/
.input-group{
  padding: 0px;
}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"],input[type="file"], input[type="text"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  font-size: 1em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  outline: 0 !important;
  text-indent: 0px;
  height: 26px;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 7px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  color: #555;
  text-shadow: none;
}
textarea {    
    transition: height 0.3s ease!important;    
}
textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
  outline: 0 !important;
  /*background-color: #f5f9fb;*/
 /* box-shadow: 0 0 1px #4393bd;
  -o-box-shadow: 0 0 1px #4393bd;
  -webkit-box-shadow: 0 0 1px #4393bd;
  -moz-box-shadow: 0 0 1px #4393bd;*/
  border: 1px solid #4393bd;
}
.form-control:focus {
  box-shadow: none;
}
.input-group-addon{
    height: 26px;
    margin-top: 2px;
}
.input-group-addon{ padding: 12px 10px 11px 10px; border-radius: 1px; }
.input-group-addon.hover:hover{ background-color: #ddd; cursor: pointer;}
.input-group-addon.pourcent{ padding: 12px 6px 11px 6px; border-radius: 1px; }
.input-group-addon.btn.btn-danger{
    background-color:#df4957;
    color:#eee; 
    border-color: #df4957;
}
.input-group-addon.btn.btn-danger:hover{
    background-color:#c8414e;
}
input:read-only:focus { 
  background-color:#fafafa;
  border: 1px solid #ddd;
  box-shadow:none;
}
input[readonly] {
  background-color: #fafafa;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #fafafa;
  opacity: 1;
}
textarea[readonly] {
  background: transparent;
  border: 1px solid #ddd;
  box-shadow: none;
}
textarea {
  resize: none;
  height: 150px;
  padding-top: 3px;
}

textarea:focus.focusEditTable , input[type="text"]:focus.focusEditTable {
   outline: 0;
   background-color: #e7f0f4;
   border: 1px solid #4393bd;
   box-shadow: 0 0 2px #4393bd;
   -o-box-shadow: 0 0 2px #4393bd;
   -webkit-box-shadow: 0 0 2px #4393bd;
   -moz-box-shadow: 0 0 2px #4393bd;
}
#adresse:focus{
   outline: 0;
   background-color: #fefef1;
}

input.inputSurbrillanceBorder, textarea.inputSurbrillanceBorder{
  background-color: #e7f0f4;
}
input.input_date{ width:80px; padding-right: 5px;}
input.input_pourcentage{ max-width: 80px; text-align: right; padding-right: 7px;}
input.input_monais_operation{ text-align: right; padding-right: 7px;}
input.input_monais{ text-align: right; padding-right: 7px; max-width:150px;}


.chosen-container
{
    width: 100% !important;
    margin-top:2px;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 1px 10px 0px 7px;
  height: 27px;
  border-radius: 1px;
  border: 1px solid #d6d6d6!important;  
  background-color: #fcfcfc!important;
  background-clip: none!important;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
  font-size:12.5px;
  margin-top: 0px;
  box-shadow: none!important;
  background: none;

}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  clip: none!important;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight:400;
  font-size:12.5px;
  box-shadow: none!important;
}
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
  font-size:12.5px;
  background-color: #fafafa!important;
  box-shadow: none!important;
}
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #ddd!important;
  background-color: #fff!important;
  background-image: none!important;
  box-shadow: none!important;
  cursor: text;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent!important;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
  box-shadow: none!important;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #ccc;
  max-width: 100%;
  box-shadow: none!important;
  border-radius: 3px;
  background-color: #eeeeee!important;
/*  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-clip: none;
  background-image: none!important;
  box-shadow: none!important;
  color: #34414c;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  box-shadow: none!important;
  width: 11px;
  height: 11px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}
/*************************************
  Style input for application placeholder
**************************************/
/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa!important;
  font-weight: 400;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaa!important;
  font-weight: 400;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaa!important;
  font-weight: 400;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aaa!important;
  font-weight: 400;
}
.chosen-container-single .chosen-default span {
  color: #ccc!important;
  font-weight: 400;
}
  textarea#message,textarea#destinataire_email{
   resize: vertical;
  }
  textarea#destinataire_email{
    height: 24px;
  }
/*-------------------------------------
Checkbox
---------------------------------------*/
input[type='checkbox'], input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 18px;
  border-radius: 2px;
  width: 18.5px;
  transition: all 0.1s ease-out 0s;
  background: #ffffff;
  border:1px solid #ccc;
  color: #fff;
  cursor: pointer;
  /*display: inline-block;*/
  outline: none;
  position: relative;
  /*z-index: 1000;*/
}
input[type='checkbox'], input[type='radio'] {
  height: 18px;
}
input[type='radio'] {
    height: 19px;
    width: 19px;
  }
input[type='checkbox']:hover, input[type='radio']:hover {
  background: #eee;
}
input[type='checkbox']:checked{
  background: #007aa3;
  border:1px solid #007aa3;
}
input[type='checkbox']:checked::before {
  content: '';
  position: absolute;
  left: 2.5px;
  top: 7px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 
      1px 0px 0px #fff,
      2px 0px 0px #fff,
      3px 0px 0px #fff,
      4px 0 0 #fff,
      5px 0 0 #fff,
      5px -1px 0 #fff,
      5px -2px 0 #fff,
      5px -3px 0 #fff,
      5px -4px 0 #fff,
      5px -5px 0 #fff,
      5px -6px 0 #fff,
      5px -7px 0 #fff,
      5px -8px 0 #fff,
      5px -9px 0 #fff;      
  transform: rotate(40deg);
}
input[type="checkbox"]:disabled {
  background-color: #ddd;
  border: 1px solid #ccc;
  color: #99a1a7;
}
input[type="checkbox"]:indeterminate {
  background: #fff;
  border:1px solid #007aa3;
}
input[type="checkbox"]:indeterminate::after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 21%;
  transform: translate(0, -50%);
  width: 60%;
  height: 11px;
  background: #007aa3;
}
input[type='radio']:checked{
  background: #007aa3;
  border:1px solid #007aa3;
}
input[type='radio']:checked::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 7.5px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 
      1px 0px 0px #fff,
      2px 0px 0px #fff,
      3px 0px 0px #fff,
      4px 0 0 #fff,
      5px 0 0 #fff,
      5px -1px 0 #fff,
      5px -2px 0 #fff,
      5px -3px 0 #fff,
      5px -4px 0 #fff,
      5px -5px 0 #fff,
      5px -6px 0 #fff,
      5px -7px 0 #fff,
      5px -8px 0 #fff;
  transform: rotate(40deg);
}
input[type='radio'] {
  border-radius: 50%;
}
.text-security{
  text-security: circle;
    -webkit-text-security: circle;
    -moz-text-security: circle;  
}
.checkbox-addon-left{
  cursor: pointer;
  border: 1px solid #ccc;
  color: #ccc;
  border-right: 0px;
  padding-left: 3px;
  padding-right: 3px;
  height: 19px;
  float: left;
}
.checkbox-addon-left i, .card .checkbox-addon-left i{
  color: #ccc;
}
.checkbox-addon-left.active i, .card .checkbox-addon-left.active i{
  color: #007aa3;
}
.checkbox-addon-left.active{
  border-color: #007aa3;
  color: black;
}
/*------------------------------------
    Style input checkbox redio
 ------------------------------------*/
input[type='checkbox'], input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 18px;
  width: 20px;
  transition: all 0.1s ease-out 0s;
  background: #ffffff;
  border:1px solid #ccc;
  color: #fff;
  cursor: pointer;
  /*display: inline-block;*/
  outline: none;
  position: relative;
  z-index: 100;
}
input[type='radio'] {
    height: 21px;
    width: 21px;
  }
input[type='checkbox']:hover, input[type='radio']:hover {
  background: #eee;
}
input[type='checkbox']:checked{
  background: #09C;
  border:1px solid #09C;
}
input[type='radio']:checked{
  background: #fff;
  border:1px solid #09C;
}
input[type='checkbox']:checked::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 7.5px;
  background: #fff;
  width: 2.5px;
  height: 2.5px;
  box-shadow: 
      2px 0 0 #fff,
      4px 0 0 #fff,
      4px -2px 0 #fff,
      4px -4px 0 #fff,
      4px -6px 0 #fff,
      4px -8px 0 #fff,
      4px -9px 0 #fff;
  transform: rotate(40deg);
}
input[type="checkbox"]:disabled {
  background-color: #ddd;
  border: 1px solid #ccc;
  color: #99a1a7;
}
input[type="checkbox"]:indeterminate {
  background: #fff;
  border:1px solid #09C;
}
input[type="checkbox"]:indeterminate::after {
  content: ' ';
  position: absolute;
  top: 48%;
  left: 23%;
  transform: translate(0, -50%);
  width: 60%;
  height: 11px;
  background: #09c;
}
input[type='radio']:checked::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  background: #09C;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
input[type='radio'] {
  border-radius: 50%;
}
/*-------------------------------------
  Style input for file
--------------------------------------*/
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 3px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#uploadFile{
  height: 26px;
}
#btn_upload{
  margin-top: 5px;
}
/* input file upload */
.blue-btn{
    margin-bottom: 20px;
    outline: none !important;
    padding: 13px 10px;
}
.blue-btn:hover,
.blue-btn:active,
.blue-btn:focus,
.blue-btn {
  background: #fff;
  border: solid 1px #27a9e0;/* #27a9e0 */
  color: #27a9e0; /* #27a9e0 */
  outline: none !important;
}
.blue-btn:hover,
.blue-btn:active,
.blue-btn:focus{
  background: #eee;
}
.fileUpload {
  position: relative;
  overflow: hidden;
  height: 28px;
  margin-top: 0;
  line-height: 4px;
}
.fileUpload input.uploadlogo {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 28px;
}
/*Chrome fix*/
input::-webkit-file-upload-button {
    cursor: pointer !important;
    height: 28px;
    width: 100%;
}
.dropdown-toggle.no-icon::after {
    display:none;
}
/*--------------------------------------*/
/*-------------------------------------
  Alert div
---------------------------------------*/
  .alert.flash{ margin:0px 0px 0px 0px;padding:10px 15px 10px 15px; }
  .alert-danger { color: #fff; background-color: #ff3232; border-color: #ff3232; }
  .alert-primary {color: #004085;background-color: #cce5ff;border-color: #b8daff;}

/*-------------------------------------
  Message info
---------------------------------------*/
.messageflash{
    position:fixed;
    bottom: 0px;
    padding: 0px;
    left: 0px;
    width: 100%;
    text-align:center;
    margin: 0 auto;
    z-index: 99999;
    padding:0px;
}
.messageAbonnement{
    position:absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px;
    width: 100%;
    text-align:center;    
    z-index: 99999;   
    font-size: 14px; 
    background-color: #efef67;
    color:#333;
}
.messageflashLogin{
    margin-left: auto;
    margin-right:auto;
    width: 100%;
    text-align:left;
    padding:0px 20px 12px 0px;
    z-index: 99999; 
    font-weight: 400;
}
.msg_erreur_login{
    position: relative;
    background-color: transparent;
    text-align:left;
    z-index: 99999;
    width:auto;
    color: #f9bd04;
    font-weight: 400;
}
.info{
    background-color:#7fcef2;
    color:#34414c; 
    font-weight: 500;
}
.error{
    background-color:#df4957;
    color:#eee;
    font-weight: 500;   
}
.danger{
    background-color:#df4957;
    color:#eee;   
}
.red{
    color:red;   
}
.green{
    color:green;   
}
.text-success{
  color:green;  
}
/*-------------------------------------
  POPEVER
---------------------------------------*/
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover{
  max-width: 600px;
  width: auto;
  z-index: 999999999;
  font-size: 12px;
}
/*-------------------------------------
  BUTTON
---------------------------------------*/
.btn .fa{
  font-size: 14px;
  margin-right:3px;
}
.btn:hover{
  cursor: pointer;
 
}
.btn-light{
  background-color: transparent;
  color: #1993d1;
  border: none;
  font-weight: 400;
  padding: 7px 15px 3px 15px;
}
.btn-light.danger{
  background-color: transparent;
  color: red;
  border: none;
  font-weight: 400;
  padding: 7px 15px 3px 15px;
}
.btn-light:hover{
  background-color: transparent;
  color: #0088CC;
  border: none;
}
.btn-light:focus, .btn-light.focus {
 background-color: transparent;
}
.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  background-color: transparent;
}
.btn-default{
    border-radius: 1px;
    box-shadow: none;
    margin-top:2px;
    line-height: 15px;
    padding: 4px 15px 4px 15px;
    color: #34414c;
    background-color: #e3e8ea;
    border-color: #dde3e5;
    font-weight: 400;
}
.btn-default:hover{
  background-color: #f4f6f7;
  border-color: #ddd;
}
.btn-danger{
    border-radius: 1px;
    box-shadow: none;
    margin-top:2px;
    line-height: 15px;
    padding: 4px 15px 4px 15px;
    font-weight: 400;
}
.btn-warning{
    border-radius: 1px;
    box-shadow: none;
    margin-top:2px;
    line-height: 15px;
    padding: 4px 15px 4px 15px;
    font-weight: 400;
}
.btn-success{
    height: 25px;
    border-radius: 1px;
    box-shadow: none;
    line-height: 15px;
    padding: 3px 15px 3px 15px;
    font-weight: 400;
}
.btn-primary{
    background-color: #2192b7;
    height: 25px;
    border-radius: 1px;
    box-shadow: none;
    line-height: 15px;
    padding: 3px 15px 3px 15px;
    font-weight: 400;
}

---------------------------------------*/
.btn-outline-default.icon.left:hover{
  background-color: #ddd;
  border: 1px solid #ccc;
  border-right: none;
}
/*-------------------------------------
  Form login
---------------------------------------*/
.card_login a{ color: #bbb; }
.card_login a:hover{ color: #fff;}
.card_login .btn{border-radius: 1px; color: #eee; font-weight: 300;background-color: #235f8b; border: 1px solid #235f8b;}
.card_login .btn:hover{border-radius: 1px;  font-weight: 300; color: #eee;background-color: #153953; border: 1px solid #153953;}
.card_login input[type="password"]:focus, .card_login input[type="text"]:focus, .card_login input[type="email"]:focus    {background-color: #fff;}
.titre_login{
    margin: 0 auto;
    margin-top: 12%;
    margin-bottom: 15px;
  color:#bbb;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  color:#bbb;
  text-align: center;
  max-width: 440px;

}
#bonjour{
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  max-width: 410px;
}
.pannel_panel_login, .pannel_panel_login a{
    color:#ddd;
    margin: 0 auto;
    margin-top: 0px;
    text-align:center;
    font-size:13px;
    font-weight: 300;
}
.pannel_panel_login a:hover{
  color: #fff;
  }
.card_login {
  max-width: 410px;
  /*background: linear-gradient(185deg, #053953, #153953 100%);*/
  /*background-color: rgba(28,76,111,0.3);*/
  padding: 20px 30px 20px 30px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  margin: 0 auto 25px;
  margin-top: 10px;
  font-weight: 400;
  font-size: 13px;
}
.card_newcompte {
  color: #34414c;
  max-width: 410px;
  background-color: #fff;
  padding: 30px 40px 30px 40px;
  margin: 0 auto 25px;
  margin-top: 10px;
  font-weight: 400;
}
.card_login .titre_panel_login{
  color:#bbb; 
  font-size:14px;
  margin-bottom:10px; 
  text-align:left;
  font-weight: 400;

}
.card_newcompte .titre_panel_login{
  color:#34414c; 
  font-size:16px; 
  margin-bottom:15px; 
  text-align:left;
  font-weight: 400;
}
.card_login .titre_panel_login_maj{
  text-align: center;
  color:#ddd; 
  font-size:18px;
  margin-bottom:15px; 
  font-weight: 400;
}
.text_maj{
  font-size: 15px;
  font-weight: 200;
  text-align: center;
  color:#eee; 
}
.profile-img-card {
    width: 86px;
    height: 86px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#get_form_login .fa-user, #get_form_login .fa-lock, #get_form_login .fa-envelope{
  position: absolute;
  margin:9px 0px 5px 8px;
  color: #135f8b;
}
#get_form_login .fa-user{
  font-size: 14px;
  }
#get_form_login .fa-lock{
  font-size: 17px;
  }
#get_form_login .fa-envelope{
  font-size: 13px;
  }

.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
/*
/*-------------------------------------
  scroll
---------------------------------------*/
.divscroll{
  width:100%;
  border:none;
  overflow-y:auto;
  overflow-x:auto;
}
.divscroll.borderstyle{
  border: 1px solid #eaeeef;
}
.row.borderstyle{
  border: 1px solid #eaeeef;
}
/*-------------------------------------
  table
---------------------------------------*/
.fa-trash-o{color: red;}
.table .fa{
  font-size: 15px;
}
.table .fa:hover{
  cursor: pointer;
}
.table .fa-file-pdf-o{ 
  color: #d9534f;
}
.table .fa-trash-o{
  color: red;
}
.table{
  margin: 0px;
  border:none;
  border-color: none;
  background-color: #fff;
}
.table th{
  padding: 6px 10px 4px 10px;
  font-weight: 500;
  border: none;
  background-color: #e8eaea;
  color:#555;
  /*text-transform: uppercase;*/
}
/*.table-title{
  border-bottom:none;
}*/
.table-footer{
  border-top:none;
  background-color: #f4f6f7;
  padding: 5px 10px 5px 10px;
}
.table tbody{
  padding: 0px;
}
.table td{
  vertical-align: middle;
  border-bottom: 1px solid #eee;
  border-top: none;
  padding: 7px 9px 7px 10px;
}
.table td.noppading{
  padding: 5px 0px 0px 0px;
}
.table.table-hover tr:hover{
  cursor: pointer;
  background-color: #e7f0f4;
}
.border{
  border:1px solid #eee;
  border-color: none;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: #f4f6f7;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
.striped{
  background-color: #f4f6f7;
}
.table-resume td{
    vertical-align: bottom;
    padding: 5px 0px 3px 0px;
    font-weight:400;
}
.table.info{background-color: #fafafa; font-weight:400;}
.table#table_ecriture td, .table#page_offre_ecriture td{
    vertical-align: top;
  }
.table td.drag{
  padding-right: 0px;
}
#tbl_event_type input{
  vertical-align: bottom;
}
.table-search-event td{
    padding:7px 10px 7px 10px;   
}
.table_comment td{
  vertical-align: top;
  border-bottom: none;
  padding: 0px 0px;
}

.date_comment{
  font-weight:600;
  font-size:12px;
}
.text_comment{
  padding: 15px 20px 20px 20px;
  background-color: #fff;
  /*min-height: 85px;*/
  margin-top:7px;
  margin-left:0px;
  /*border: 1px solid #ddd;*/
  background-color: #f4f6f7; /*  dbf0f7 */
  /*border-left:1px solid #555;*/
}
#table_ecriture td{
  padding:8px 7px 4px 7px;
}
/*----Table contact---------------------------------*/
#page_contact .fa{
  width: 25px;
}
#page_contact.table tr{
      border: 5px solid #fff;
  }
#page_contact.table td{
    padding: 0px;
    margin:0px;
  }
#page_contact.table .row{
    padding: 10px 5px 10px 5px;
    margin:0px;
  }
#page_contact.table .row:hover{
    background-color: #eee;
  }
#tbOperation.table td, #totauxoperation.table td{
  padding:0px 1px 4px 1px;
  border:none;
}
/* table frm facture*/
#page_ecriture_form.table {width: 91%; margin-top: 2px; margin-bottom: 55px; padding: 0px}
#page_ecriture_form.table td{vertical-align: top;}
#page_totaux_rabais.table, #page_totaux.table{ background-color: transparent;}
#page_totaux_rabais.table tr, #page_totaux.table tr{ border:none;}
#page_ecriture_form  {
  margin-top:-5px;
  margin-bottom: 10px;
}
#page_ecriture_form textarea , .param_produit textarea{
   resize: auto;
   height: 26px;
}
.table #input_ecriture td{
  padding: 0px 0px 5px 0px;
  margin: -1px;
  border:none,;
}
.table.noborder td{
  border:none;
}
#suivi_ouvert.table td, #suivi_ouvert.table th{
  padding-top: 10px;
  padding-bottom: 10px;
}

/*-------------------------------------
  Table  facture
---------------------------------------*/
 tr.trSelect td {
    background: #dbf0f7;
    color: red;
}
tr.trSelectStandard td{
  background-color: #dbf0f7;
}
tr.trSelectCalendar td{
  background-color: #e7f0f4;
  color:#000;
  font-weight: 600;
  border-right: 2px solid #09C;
}
.row #bottom_totaux{
  padding: 0px;
  margin:0px;
}
#bottom_totaux{
   background-color: #f4f6f7;
   border-top: none;
}
#bottom_totaux .table td{
  padding: 3px 10px 3px 0px;
}
/*-------------------------------------
  parametre facture info paiement 
---------------------------------------*/
.info_paiement_bloc{
  background-color: #f9f9f9;
}
.info_paiement_bloc, .info_paiement_electronique{width: 100%;}
.info_paiement_bloc td{padding: 1px 5px 2px 5px; background-color: #dde3e5; vertical-align: middle; position: relative;}
.info_paiement_electronique td{ background-color: #fff1f1; padding: 3px 5px 1px 5px; vertical-align: middle;}
#bvr_image{ background-image: url('/img/bvr.png'); background-position: left top; background-repeat: no-repeat; background-size: 800px; height: 405px; width: 100%; margin-top: 13px;}
#qrcode_image{ background-image: url('/img/qrcode.png'); background-position: center center; background-repeat: no-repeat; background-size: 100%; height: 405px; width: 100%; margin-top: 13px;padding: 65px 10px 20px 10px;border:1px solid #ccc;}
#qrcode_image textarea{padding:0px;}
.bvr_versement_pour{ background-color: transparent; border: none; font-size: 13px;}
input.numeroAdherent1, input.numeroAdherent2, input.numeroAdherent3{ background-color: transparent;border: none; padding: 0px;}
input.numeroAdherent1{text-align: right; padding-right: 2px;}
input.numeroAdherent2{text-align: left; padding: 0px 2px 0px 2px;}
input.numeroAdherent3{text-align: left;}
input#numeroAdherent2{text-align: right; padding-right: 4px}
#infoPayer{
  padding: 15px 10px 15px 10px;
  color: #34414c;
  background-color: #ffe396;
  z-index:9999;
  width: 100%;
  bottom:0px;
  left:0px;
  position: fixed;
  text-align: center;
 }
/*-------------------------------------
  CARD
---------------------------------------*/
.card {
    margin:0px 0px 15px 0px;
    background-color: #fff;
    border-radius: 1px;
    color: #555;
}
.card.noborder{ border: none;}
.card .card-header{background-color: #fff; border:none; padding: 10px 15px 10px 15px; color: #666; font-weight: 500;}
.card .card-header .fa{ font-size:20px; margin-right:4px; padding: 0px;}
.card .card-header.nopadding{padding: 0px;margin:0px;}
.card .card-body{ padding: 5px 15px 15px 15px;}
.card .card-body.nopadding{ padding: 0px;}
.card-footer{border:none; padding: 4px 4px 2px 7px; font-weight: 400}
.card-footer {font-weight: 500;padding:5px 10px 5px 10px;}
.card.info, .card-header.info{background-color: #fafafa; font-weight:400;}
.card-block {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 20px;
    color:#232323;
    border-top:1px soild #000;
    border-radius:0;
}

#get_tab_facture .card, #get_tab_offre .card{ border:1px solid #eee;padding-bottom: 10px; }
#get_tab_facture .card-header, #get_tab_offre .card-header{ margin-bottom: -12px; }
#accordion .card{
    margin: 1px;
}
/*-------------------------------------
  tabs detail 
---------------------------------------*/
.nav-tabs.tabs-detail{border:1px solid transparent;margin-bottom: -2px;margin-top:1px; }
.nav-tabs.tabs-detail:hover{border:1px solid transparent; }
.tabs-detail{margin-bottom:-1px;margin-left:0px;}
.tabs-detail a{ color:#555;font-weight:300; ;margin-top:-7px;padding-bottom: 3px}
.tabs-detail a:hover{ border:1px solid transparent; }
.nav-tabs .tabs-detail .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:#09C; background-color: transparent; border:1px solid transparent; border-bottom:1px solid #09C; }
.nav-tabs .tabs-detail .nav-item.show .nav-link, .nav-tabs .nav-link:hover { color:#09C; background-color: transparent; border:1px solid transparent; box-shadow: none; }
.nav-tabs .tabs-detail .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover{border-bottom:1px solid #09C;}
/*-------------------------------------
  Modal 
---------------------------------------*/
.modal-backdrop.show {
   background-color: #333;
   opacity: 0.4;
}
.modal-header{
    background-color:#e9ecef;
    height:35px;
    padding:8px 10px 8px 10px;
    text-shadow: none;
    color: #34414c;
    border-radius: 0px;
}
h4.modal-title {
    font-size:14px; 
    font-weight: 400;
}
.modal-content{
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    border-radius: 0px;
}
.modal-body{
    padding: 30px 30px 30px 30px;
}
.modal-body.bodypaddingtable{
  padding: 10px;
}
.modal-footer{
    background-color:#f9f9f9;
    padding: 12px 20px 15px 20px;
    margin-top:0px;
    text-align:left;
    float: left;
    border:none;

}
/* supprimer l'alignement a droit du footer */
.modal-footer>:not(:last-child) {
    margin: none;
}
.modal-header .btnClose{
  position: absolute;
  right: 5px;
  width: 20px;
  opacity: 0.5;
}
.modal-header .btnClose:hover{
  position: absolute;
  right: 5px;
  width: 20px;
  cursor: pointer;
  opacity: 0.7;
}
/*----- popupNewsUser -------*/

#popupNewsUser .modal-header{
  background-color: #ddd;
  color: #34414c;
  height: 40px;
  padding-left:20px;
  padding-top: 10px;
}
#popupNewsUser h4.modal-title{
  font-size: 16px;
}
#popupNewsUser .modal-body p{
  font-size: 14px;
  color: #666;
}
#popupNewsUser h4.modal-title i{
  font-size: 20px;
  margin-right: 10px;
  margin-left: 10px;
}
#popupNewsUser .modal-header .btnClose{
  background-color: #eee;
  opacity: 0.9;
}
#popupNewsUser .btn{
  height: 35px;
  margin: 0 auto;
  border-radius: 0px;
}

/*-------------------------------------
  NAVIGATION
---------------------------------------*/
.nav-top-page{height: 33px; margin-top: 38px;z-index: 900;background-color: #dde3e5;padding:0px 0px 0px 15px;border-bottom:1px solid #dde3e5;}
.nav-top-page .navbar-brand{font-size: 15px; font-weight: 500; color: #34414c; padding: 9px 10px 4px 5px;background-color: transparent;}
.nav-top-page .navbar-brand a{color: #34414c;padding:0px;}
.nav-top-page .navbar-brand.action{color:#34414c;padding:6px 15px 4px 20px; background-color: #e3e8ea; border-left: 1px solid #ddd; margin-left: -15px;}
.nav-top-page .navbar-brand.action:hover{cursor: pointer;color: #34414c; background-color: #f4f6f7}
.nav-top-page  .navbar-brand .fa-angle-double-left:before{color: #555; font-size: 19px; margin: 3px 2px -2px -2px;}
.nav-top-page .navbar-nav>li>a.nav-link .fa-trash-o{color: red;}
.nav-top-page .navbar-nav>li>a.nav-link{color:#555;padding:8px 7px 5px 7px;font-weight: 400; }
.nav-top-page .navbar-nav>li{color:#34414c;padding:0px 10px 0px 10px; background-color: #e3e8ea; border-left: 1px solid #ddd}
.nav-top-page .navbar-nav>li:last-child{ border-right: 1px solid #ddd}
.nav-top-page .navbar-nav>li:hover, .nav-top-page .navbar-nav>li>a.nav-link:hover{cursor: pointer;color: #34414c; background-color: #f4f6f7}
.nav-top-page .fa{font-size: 14px;margin: 0px 4px 0px 0px;color: #444}
.nav-top-page.sansli{min-height: 32px;}
.nav-top-page .dropdown-menu{cursor: pointer; background-color: #f4f6f7; color: #34414c; border:1px solid #ddd;border-top: none; margin-top: 0px; border-radius: 0px; margin-left: -1px; }
.nav-top-page a.dropdown-item{padding:5px 5px 4px 15px;background-color: #f4f6f7;}
.nav-top-page a.dropdown-item:first-child{padding-top:9px}
.nav-top-page a.dropdown-item:hover{cursor: pointer; background-color: #e3e8ea; color: #34414c}
.nav-top-page .dropdown-menu{
  padding:0px;
  margin-right:-1px;
  margin-top: 1px;
  border-color: #ccc;
  background-color: #fff;
  border-radius: 1px;
  min-width: 160px;
  box-shadow: none;
}
/*li.dropdown:hover > .dropdown-menu {
    display: block;
}
*/

.navbar-collapse{padding-left: 0px;}
.navbar-atome {background-color: #2a3542; z-index: 1000; padding: 0px 15px 0px 20px;}
.navbar-atome .navbar-brand{font-size: 16px; font-weight: 400; color: #658fad;}
.navbar-atome .navbar-brand:hover{font-size: 16px; font-weight: 400; color: #658fad;}
.navbar-atome .navbar-nav>li{ padding: 1px 7px 1px 7px;}
.navbar-atome .navbar-nav>li>a{ color: #ddd; padding: 10px 5px 9px 5px;}
.navbar-atome .navbar-nav>li>a.nav-link{ color: #ccc;}
.navbar-atome .navbar-nav>li>a.nav-link:hover{ color: #eee; cursor: pointer;}
.navbar-atome a.dropdown-item{ padding:6px 20px 6px 15px; color: #34414c;}
.navbar-atome .nav_logout{ padding:6px 5px 6px 15px; color: #34414c;}
.navbar-atome .nav_logout .fa{ color: #4ca64c}
.navbar-atome .nav_logout .fa:hover{ color: orange}
/*.navbar-atome a.dropdown-item:nth-child(1){ margin-top:10px;}*/
.navbar-atome a.dropdown-item:hover{cursor: pointer; background-color: #eee}
.navbar-atome .dropdown-menu{background-color: #fff;margin-top: -1px; border-radius: none; /*box-shadow: 1px 5px 10px #eee;*/}
.navbar-atome .fa{padding-top: 12px; font-size: 17px;}
.navbar-atome .fa-power-off{padding-top: 12px; font-size: 16px;}
.navbar-atome .dropdown-menu {z-index: 9998;margin-top: 0px;border-radius: 0px;}
.navbar-atome .dropdown-menu{
  margin-left:-1px;
  margin-top: -1px;
  border-color: #3f4954;
  background-color: #fdfdfd;
  font-size: 13px;
  border-radius: 1px;
  min-width: 180px;
  box-shadow: none;
  padding:5px 0px;
}
.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: .6em;font-size: 17px}
.dropdown-submenu .dropdown-menu {top: -5px;left: 99.5%;margin-left: .0rem;margin-right: .1rem; border-color: #2a3542}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
     color: #fff;
  }
.navbar-dark .navbar-nav .active>.nav-link:hover, .navbar-dark .navbar-nav .nav-link.active:hover, .navbar-dark .navbar-nav .nav-link.show:hover, .navbar-dark .navbar-nav .show>.nav-link:hover {
     color: #fff;
  }
.navbar-atome li.show{
  background-color: #3f4954;
}
.navbar-atome .dropdown-menu.mega{
  margin-left:-1px;
  margin-top: -1px;
  border-color: #2a3542;
  background-color: #fdfdfd;
  font-size: 13px;
  border-radius: 1px;
  min-width: 350px;
  box-shadow: none;
  padding-top: 10px;
}
.navbar-atome .dropdown-menu.mega a{
  padding-left: 15px ;
  padding-right: 15px ;
}
.navbar-atome .dropdown-menu.mega .col-md-6{
    padding:0px;
    margin:0px;
  }
.mega .row{
  padding: 0px;
  margin:10px 0px 0px 0px;
}
.mega .title{
  font-weight:600;
  color:#34414c;
  padding: 0px 10px 0px 10px;
}
span.title{font-weight: 500;}

a.dropdown-item:hover{cursor: pointer; background-color: #eee; color: #34414c}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    box-shadow: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
    background-color: #fff;
  }
.dropdown-menu{
    padding:5px 5px 5px 4px;
    min-width: 150px;

}
.btnActionGroup .btn-default{
  padding:4px 20px 2px 25px;
  background-color: #eee;
 }

 .btnActionGroup .btn-default:hover{
  background-color: #ddd;
 }
.btnActionlibelle .dropdown-menu{
  margin-top:3px;
  margin-left:0px;
  border-color: #ccc;
  margin-left: 0px;
  background-color: #fff;
  border-radius: 1px;
  min-width: 180px;
  box-shadow: none;
  padding:2px;
}
.btnActionlibelle .btn-group .show .btn-default{
  background-color: #ddd;
}
.btnActionlibelle .dropdown-item{
  padding:6px 15px 5px 15px;
}
ol.breadcrumb{
    position: relative;
    top: 7px;
    left: -2px;
    padding: 9px 7px 4px 17px;
    font-size: 13.5px;
    background-color: transparent;
}
/*---------------------------------------
  TABS
/*---------------------------------------*/
.nav-tabs {margin:10px 0px 30px 0px;}
.nav-tabs  li {margin-left: 0px; border-radius: 0px; width: auto;background-color: #e3e8ea; border-radius: 0px; color:#000; border:1px solid #e3e8ea; border-bottom: none;padding-bottom: 3px;padding-top: 4px; text-align:center;margin-bottom: -1px; border-bottom: 1px solid transparent}
.nav-tabs  li a {font-weight: 500; padding:10px 15px 6px 15px; letter-spacing: 0.2px;font-size: 13px;color: #34414c}
.nav-tabs  li a:hover {text-decoration: none;transparent;color: #34414c;}
.nav-tabs  li:hover { background-color: #eaeeef}
.nav-tabs > li.active,
.nav-tabs > li.active a:hover,
.nav-tabs > li>a.active:focus {
     cursor: default;
}
.nav-tabs > li.active a {
     cursor: default;
} 
.nav-tabs > li.active {
     cursor: default;
     background-color: transparent;
     border-bottom: 2px solid #fff;
} 
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs li.tabspdf {
    position: absolute;
    margin-top: 0px;
    right: 15px;   
    height: 29px; 
  }
  .nav-tabs li.tabspdf a.nav-link {
   color: #34414c;
   font-size: 12.5px
   padding:1px 10px 2px 10px!important;
   margin-top:-10px;
  }
  .nav-tabs li.tabspdf .dropdown-menu {
      margin-top: 1px;
      border-top: none;
  }
  .tabspdf.dropdown-toggle:hover{
      border:none;
  }
  .nav-tabs .nav-item.tabspdf.show .nav-link, .nav-tabs .tabspdf.nav-link.active {
    color: #34414c;
    background-color: transparent;
    border-color: transparent;

}
/*.tabspdf .dropdown-menu{width:80px; left:20%; margin-left:-40px;}*/
.nav-tabs .tabspdf .nav-link.dropdown-toggle:hover{
    border: 1px solid transparent;
    background-color: transparent;
}
#tabsAdresse{
  /*z-index:700;*/
  /*position: relative;*/
  /*margin-top: 5px;*/
  margin-bottom: -10px;
  margin-left: 2px;
  /*background-color: transparent;*/
  /*width: 100%;*/
  /*border-bottom: 1px solid #ccc;*/
}
#tabsAdmin{
  margin-bottom: -10px;
}
#chose_liste{
  z-index:700;
  position: relative;
  margin-top: -7px;
  margin-bottom: 20px;
  margin-left: 2px;
  background-color: transparent;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.nav-pills a{
  color: #34414c;
  padding-left:7px;
  border-left: 2px solid #eee;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: #f2f2f2;
  color: #09C;
  border-left: 2px solid #09C;
}
.nav-pills .nav-link {
    border-radius: 0rem;
}
#tabsAdressePils{
  border-bottom: none;
  margin-left: -10px;
  margin-right: -10px;
}
#typeAdresse li a.badge .badge-info{
  color: #fff;
}
/*---------------------------------------
  BADGE
/*---------------------------------------*/
.badge{
  font-size:11px;
  font-weight: 400;
  padding: 4px 7px 3px 7px;
  border-radius: 2px;
}
.badge-default {
  background-color: #ddd;
  color: #34414c;
}
.badge-danger{
  background-color: #d9534f;
  color: #eee;
}
.badge-info{
  background-color: #17a2b8;
}
.badge-success{
  background-color: #5cb85c;
  color: #fff;
}
.badge-warning {
  background-color: #d89b46;
  border-color: #eea236;
  color: #fff;
}
.badge-primary {
  background-color: #286192 !important;;
}
.bg-primary {
  background-color: #3b81b6 !important;
}
.bg-default {
  background-color: #ddd !important;;
  color: #34414c;
}
.badge:hover{
  opacity: 0.8;
  cursor: pointer;
}
.badge-outline-light{
  border:1px solid #ddd;
  padding:3px 10px 3px 10px;
  color: #34414c;
}
/*---------------------------------------
  CONTAINER
/*---------------------------------------*/
#suivi_result {
   position: absolute;
   z-index: 9999999;
   margin-left:0px;
   padding-left: 5px;
   margin-top:2px;
   background-color: #fbfbfb; 
   border: 1px solid #4393bd;
   border-top:none; 
   max-height: 300px;
   width: 78%;
   overflow:hidden;
   overflow-y: scroll;
}
#service_result {
   position: absolute;
   z-index: 9999999;
   margin-top:28px;
   background-color: #fbfbfb; 
   padding: 0px;
   border: 1px solid #4393bd;
   border-top:none; 
   max-height: 400px;
   overflow:hidden;
   overflow-y: scroll;

}
#service_result  li, #suivi_result  li {
   list-style: none;
   padding: 1px 0px 1px 0px;
   border-bottom:1px solid #efefef;
}
#service_result li.hover, #suivi_result li.hover{
   background-color: #e7f0f4;
  cursor: pointer;
}
 /*-----------------test css */
 @-moz-keyframes spinner-loader {
    0% {-moz-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes spinner-loader {
  0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spinner-loader {
  0% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
#load{
   width:100%;
   height:100%;
   min-height: 100%;
   position:absolute;
   z-index:9999999999;
   text-align:center;
   vertical-align: middle;
   }
.spinner_atome{
    margin-top: 23%;
    margin-left: auto;
    margin-right: auto;
    margin-left: -30px;
  } 
  #loadLogin{
    position: relative;
    right:115px;
    margin-left:-40px;
  }
.@keyframes spinner {
    to {transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}
.spinner {
    min-width: 26px;
    min-height: 26px;
}
.spinner:before {
    content: 'Traitement en cours...';
    position: absolute;
    top: 37%;
    left: 47%;
    width: 40px;
    height: 40px;
}
.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .3);
    border-top-color: rgba(0, 0, 0, .9);
    animation: spinner .4s linear infinite;
    -webkit-animation: spinner .4s linear infinite;
}

/* FULL CALENDAR -------------
-----------------------------------*/
.fc-event{
  border-radius:1px;
  border: none;
  border:1px solid #aaa;
  margin:0px;
  margin-right:-4px;
  margin-left:-1px;
}
.fc-content{
  font-size: 13px;
  font-weight: 400;
  padding: 2px 5px 5px 5px;
}
.fc-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25; 
}
.fc-time{
  font-size: 13px;
  font-weight: 400;
}
.fc-title{
  font-size: 12px;
  font-weight: 300;
}
.fc-time span{
  line-height: 17px;
}
.fc-month-view .fc-time{
  font-size: 11px;
}
.fc-center h2, .fc-left h2, .fc-right h2{
  font-size:20px;
  font-weight:400;
  line-height: 30px;
  margin-right:40px;
  margin-bottom: -10px;
}
.fc-state-disabled, .fc-corner-right{
  background:none;
  background-color:#eee;
  border:1px solid #ccc;
  border-radius: 0px
  box-shadow:none;
}
.fc-corner-right:hover{
  background:none;
  background-color:#ddd;
  border:1px solid #ccc;
  border-radius: 0px
  box-shadow:none;
}
.fc-state-disabled:hover{
  background:none;
  background-color:#eee;
  border:1px solid #ccc;
  border-radius: 0px
  box-shadow:none;
}
.fc-head{
  background-color:#f4f6f7;
  line-height: 22px;
}
.fc-axis.fc-time.fc-widget-content{
 margin-left:-30px;
background-color:#fefefe;
}
/* datapiker inline sidebra */
.datepicker-days{
  font-size: 13px;
  padding: 0px;
  padding-left: 2px;
}
.datepicker .datepicker-inline{
  padding-left: 20px;
  margin:0px;
}
.fc-button-group button{
  background:none;
  background-color:#eee;
  border:1px solid #ccc;
  color: #34414c;
  border-radius: 0px
}
.fc-button-group button:hover{
  background:none;
  color:#000;
  background-color:#ccc;
  border:1px solid #ccc;
  border-radius: 0px
}
.fc-button-group .fc-button-active{
  background-color:red;
}
.fc-button-group .fc-state-active{
  background-color:#555;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  border:1px solid #555;
}
.fc-button-group .fc-state-active:hover{
  background-color:#555;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  border:1px solid #555;
}
.fc .fc-button-group>:first-child{
 border-radius:2px;
}
.fc .fc-button-group>:last-of-type {
  border-radius:2px!important;
}
.fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button.fc-button-active {
    /*z-index: 1;
    background-color: #2a3542!important;*/
    outline:none!important;
    box-shadow:none!important;
}
.fa.fa-info-circle{
  font-size:13px;
  color: #41525f;
  margin:0px 4px 3px 4px;
}
/*------------------------------
  tooltip
------------------------------*/
.tooltip {z-index: 10004}
.tooltip > .tooltip-inner {
  border-radius: 4px;
  box-shadow:0 2px 8px rgba(0,0,0,0.10);
  background-color: #41525f;
  border:1px solid #41525f;
  color:#fff;
  padding:4px 8px 4px 8px;
  text-align: left;
    max-width: 300px;
  font-size: 12px;
  font-weight: 300;
}
.tooltip > .tooltip-arrow { border-color:#41525f; }
.tooltip .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #41525f !important;
}
.tooltip .bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #41525f !important;
}
.tooltip .bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #41525f !important;
}
.tooltip .bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #41525f !important;
}
.tooltip.show {
  opacity: 1;
}
.sms_info_sender:hover{
  cursor: pointer;
}
/**************************************
  Style label left and top
**************************************/
label{
  padding: 0px;
  margin:0px 0px 0px 0px;
  color:#34414c;
  font-weight: 300;
}
/* Label left */
.form_lb_left .lb,
.form_lb_left .lb_small,
.form_lb_left .lb_large,
.form_lb_left .lb_xlarge{
  float: left;
  clear: both;
  color:#34414c;
  display: inline-flex;
  justify-content: right;
  align-items: center;
  min-height: 28px;
}
/* Label right */
.form_lb_right .lb_small,
.form_lb_right .lb,
.form_lb_right .lb_large,
.form_lb_right .lb_xlarge{
  float: left;
  clear: both;
  color:#444;
  display: inline-flex;
  justify-content: right;
  align-items: center;
  min-height: 28px;
}
.form_lb_right .lb, .form_lb_left .lb { width: 92px;}
.form_lb_right .lb_small, .form_lb_left .lb_small{ width: 65px;}
.form_lb_right .lb_large, .form_lb_left .lb_large{ width: 120px;}
.form_lb_right .lb_xlarge, .form_lb_left .lb_xlarge{ width: 140px;}
.form_lb_right .field, .form_lb_left .field{ padding-left: 100px;}
.form_lb_right .field_small, .form_lb_left .field_small { padding-left: 75px;}
.form_lb_right .field_large, .form_lb_left .field_large{ padding-left: 130px;}
.form_lb_right .field_xlarge, .form_lb_left .field_xlarge{ padding-left: 150px;}
/* smal*/
.field_small {
  padding-left: 82px;
}
.lb_small {
  width: 75px;
}
/* large*/
.lb_large {
  width: 135px;
}
.field_large {
  padding-left: 145px;
}
/* extra large*/
.field_xlarge {
  padding-left: 150px;
}
.lb_xlarge {
  width: 140px;
}
[class*="field"].no_min_height{
  min-height: 0px;
}
.field_small.checkbox,
.field.checkbox,
.field_large.checkbox,
.field_xlarge.checkbox{
  padding-top:4px;
}
.lb_small.checkbox,
.lb.checkbox,
.lb_large.checkbox,
.lb_xlarge.checkbox{
  margin-top:-3px;
}
input.form_align_right {
  text-align:right!important;
  padding-left: 0px;
  padding-right: 7px!important;
}
.form_lb_top .lb, 
.form_lb_top .lb_large, 
.form_lb_top .lb_xlarge, 
.form_lb_top .lb_small, 
.form_lb_top .lb_small_select {
/*  display: inline-block;*/
  clear: both;
  color: #34414c;
  font-weight:300;
  margin-top:3px;
  margin-bottom:0px;
  text-align: left;
  margin-left:2px;
}