/* 
Created on : 17-sept.-2016, 13:40:52
Author     : metouisa
*/


/***************************************************/
/*************MISE EN FORME DE LA PAGE**************/
/***************************************************/

.container {
  /*margin-top: 10px !important;*/
  /*background-color: #eee ; */
  /*color: #afd9ee !important;*/
}

body { 
  background-color: #f0f0f0 !important; /*Arrière plan de la page*/
  /*color: #afd9ee !important;*/
  padding-top: 50px; /*Pour que le titre ne se place pas sous la navbar*/
  font-family: 'Open Sans', sans-serif;
}

h1 {
  font-size: 26px;
  font-weight: bold;
  border-bottom: 1px;
}

h2 {
  font-size: 19px;
  border-bottom: 1px;
}

h3 {
  font-size: 16px;
  border-bottom: 1px;
}

.panel {
  border-color: #5393C8 !important; /*Bordures du panel (cadre du formulaire)*/
  box-shadow: 3px 3px 5px #CCC;
  /*min-height: 1000px;*/
}

.panel-body {
  background-color: #f8f8f8 !important; /*Arrière plan du panel (formulaire)*/
}

.panel-heading {
  background-color: #1266AB !important; /*Entête du panel (entête du formulaire - bande)*/
  color: #FFF !important; /*Couleur du titre du panel*/
  font-weight: 500;
  font-size : 11pt;

}

.ph-tabs {
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 0;
  border-bottom: 0;
}

/***************************************************/
/************ MISE EN FORME DES MENUS **************/
/***************************************************/
.navbar {
  background-color: #094C83 !important; /* <<--- Barre de navigation*/
  /*position: fixed; top: 50px !important;;*/
}

.navbar li a {
  color: #fff !important; /*Liens dans les menus et barre de navigation*/
}
.navbar .divider {
  /*background-color: #094C83;*/
}


.navbar .dropdown-menu {
  background: #094C83; /* <<--- Arrière plan du menu déroulant (sous navbar)*/
}

.navbar .dropdown-menu li a { 
  /*color: #333;*/
  background-color: #094C83 !important; /* <<--- Arrière plan des items des menus déroulants*/
}

.navbar .dropdown-menu li:hover > a,
.navbar .dropdown-menu li:focus > a {
  color: #fff !important; /*Couleur du texte lors du hover/focus du menu déroulant (sous navabar)*/
  transition: all 0.5s;
  background-color: #5393C8 !important; /*Arrière plan lorsque le sous menu a le focus*/
}

.navbar li a.dropdown-toggle { 
  background-color: #094C83 !important; /*Arrière plan de l'item dans la navbar (couleur en sortie hover)*/
  /*transition: all 2s;*/
  color: #fff;
}
.navbar li:hover a.dropdown-toggle {
  background-color: #5393C8 !important; /*Arrière plan de l'item dans la navbar lors du hover*/
  transition: all 2s;
  color: #777;
}

.navbar-right{
  /*background-color: #D9A679 !important;*/
  padding-right: 10px;
}

/***DIMENSIONS DES MENUS***/

.navbar .dropdown-menu li {
  /*height: 30px;*/
}

.navbar .dropdown-menu li {
  /*height: 35px;*/
}

.navbar .dropdown-menu li a {
  height: 35px;
  padding-top: 8px;
  margin-top: 1px;
}

.badge {
  /*color: #fff !important;*/
  background-color: #aaa !important;
}

.icon-bar {
  background-color: #FFF !important;
}

/******************************************************************/
/************MISE EN FORME DES CONTROLES DE LA FORM****************/
/******************************************************************/

.form-control {
  background-color: #eee !important;
  border-color: #7EB1DC !important;
}

.btn-default{
  background-color: #337ab7 !important;
  color : #FFF;
}

/*     .btn-primary{
      background-color: #23681F !important;
      color : #FFF;
      }*/

/*    .btn-danger{
      background-color: #802626 !important;
      color : #FFF;
      }*/

/*    .btn-warning{
      background-color: #805C26 !important;
      color : #FFF;
      }*/

      a {
        /*color: #3B3937 !important;*/
      }

      td a {
        color: #3B3937 !important;
      }

      .bottom-border {
        border-bottom: 1px groove #ddd !important;
        padding-top: 15px !important;
      }

      .timeline-panel {
        background-color: #fff !important;
      }


      /**********************************************/
      /********* MISE EN FORME DES TABLES ***********/
      /**********************************************/

      .table-responsive {
        /*border-color: #89A35D !important;*/
        padding: 10px;
      }

/*thead {
 background-color: #eee !important;
 }*/

 .table-bordered {
  border: 1px solid #999 !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ccc !important;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px !important;
  border-color: #999;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f0f0f0;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #ddd;
}

/********** CHAMPS DES TBLES ************/


.center {
  text-align: center;
}

.a-center {
  text-align: center;
}

.a-left {
  text-align: left;
}

.a-right {
  text-align: right;
}

/********** ICONES DES LIENS ************/
a > i.fa-times {
  color: #E05E00 !important;
}

a > i.fa-times-circle {
  color: #D23600 !important;
}

a > i.fa-clock {
  color: #2b82ac !important;
}

a > i.fa-cog {
  color: #E05E00 !important;
}

a > i.fa-check-circle-o {
  color: #47b547 !important;
}

a > i.fa-pencil-square-o {
  color: #47a447 !important;
}

a > i.fa-eye {
  color: #2b82ac !important;
}

i.fa-file-download {
  color: #2b82ac !important;
}

i.fa-edit {
  color:#2b82ac !important;
}

i.fa-eye {
  color:#2b82ac !important;
}

i.fa-check-circle {
  color: green !important;
}



i.i_text {
 color: greenyellow;
 font-family: FontAwesome !important;
 font-style: normal !important;
}

.alert-msg{
  position: fixed;
  top:0; left:0; right: 0;
  z-index: 1060;
  display: none;
}

.announce-alert {
  display:block;
  position: fixed;
  top:50; left:0; 
  right: 0;
  z-index: 10;
  opacity: 0.7;
  overflow: hidden;
  margin: 0;
  height: 30px;
  white-space:nowrap;
  padding: 4px;
}


#defile {
  display:block;
  position:absolute; 
  /*margin-top:1px; */
  background-color:transparent;
  overflow: hidden;
  vertical-align: middle;
  color: darkred;
  font-weight: bold;

}

/** datepicker **/

.ui-widget-header{
  background: #8FB352 !important;
}

/*span.ui-icon{
  color: red !important;
  }*/


  .form-group.required .control-label:after {
    content:"*";
    color:red;
    position: absolute;
    margin-left: 8px;
    /*top:7px;*/
  }

  .writable {
    background-color: #DCF0B9 !important;
  }

  .not-writable {
    background-color: #f0e2b7 !important;
  }

  /* Tooltip */
/*.test + .tooltip > .tooltip-inner {
  background-color: #73AD21; 
  color: #FFFFFF; 
  border: 1px solid green;
  padding: 15px;
  font-size: 20px;
  }*/

  thead input {
    width: 100% !important;
  }

  tfoot select {
    width: 100% !important;
  }


  .nav-tabs>li.active>a {
    color: #48690F;
    background-color: #eee;
  }

  .nav-tabs>li>a {
    color: white;
    background-color: #094C83; /*#BAD986;*/
  }

  .nav-tabs>li>a:hover {
    background-color: #bbb;
  }

  .popover-content {
    color: red;
    font-family: 'coda', sans-serif;
  }

  $theme-colors: (
    "primary": #0074d9,
    "danger": #ff4136
    );


/*.datepicker,
.timepicker,
#datetimepicker {
  .form-control {
    display: block;
    background: #fff;
  }
}*/

.input-group {
  z-index: 0;
}


.link-btn {  
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  /*font-family: arial, sans-serif;*/
  /*input has OS specific font-family*/
  /*color: #069;*/
  /*text-decoration: underline;*/
  cursor: pointer;

}