/* GENERAL */

body{
  font-size: 12px;
}

h1{
  text-align: center;
}

label{
  font-size: 14px;
}

input{
  color: black;
}

.man-tree{
  overflow-x: auto;
}

.man-tree .current{
  font-weight: bold;
  text-decoration: underline;
}

.man-tree ul {
  position: relative;
  padding: 1em 0;
  white-space: nowrap;
  margin: 0 auto;
  text-align: center;
}
.man-tree ul::after {
  content: '';
  display: table;
  clear: both;
}

.man-tree li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 1em .5em 0 .5em;
}
.man-tree li::before, .man-tree li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 50%;
  height: 1em;
}
.man-tree li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #ccc;
}
.man-tree li:only-child::after, .man-tree li:only-child::before {
  display: none;
}
.man-tree li:only-child {
  padding-top: 0;
}
.man-tree li:first-child::before, .man-tree li:last-child::after {
  border: 0 none;
}
.man-tree li:last-child::before {
  border-right: 1px solid #ccc;
  border-radius: 0 5px 0 0;
}
.man-tree li:first-child::after {
  border-radius: 5px 0 0 0;
}

.man-tree ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0;
  height: 1em;
}

.man-tree li a {
  border: 1px solid #ccc;
  padding: .5em .75em;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  color: #333;
  position: relative;
  top: 1px;
}

.man-tree li a:hover,
.man-tree li a:hover + ul li a {
  background: #e9453f;
  border: 1px solid #000;
}

.man-tree li a:hover + ul li::after,
.man-tree li a:hover + ul li::before,
.man-tree li a:hover + ul::before,
.man-tree li a:hover + ul ul::before {
  border-color: #000;
}


.panel-yellow a{
  color: #F5930B  !important;
}

legend{
  border-bottom: 1px solid #337ab7 !important;
}

.float-left{
  float: left;
  display: block;
}

.error{
  color: #D73333 !important;
}

.man-mandatory{
  margin-left: 5px;
  color: #D73333 !important;
  cursor: help;
}

.navbar .navbar-nav  a.active{
  border: 1px dotted #337AB7;
}

#man-menu{
  margin-right: 4% !important;
}

.man-cursor-default{
  cursor: default;
}

#loading-image{
  display: none;
}

.man-padding-bottom{
  padding-bottom: 1%;
}

.btn-primary, .btn-danger, .btn-warning{
  color: #FFF !important;
}

.man-table{
  width: 100% !important;
}

/* BOOTBOX */

.bootbox-body{
  margin: 1%;
}

/*.dataTables_wrapper label{
    width: 217px !important;
}*/

#content{
  width: 98%;
  margin: auto;
}

.man-left{
  float: left;
  margin-right: 5%;
}

.informations p{
  display: inline;
  margin-left: 12%;
}

.form-control{
  font-size: 12px;
}

.btn{
  font-size: 12px;
}

#panel-programmation .resetBtn{
  color: #fff !important;
}

.etat-echec-routage{
  font-weight: bold;
  color: #e02222;
}

/* MENU */

.dropdown-submenu li{
  list-style: none;
}

.dropdown-submenu li a{
  color: #333;
  text-decoration: none;
}

/* LOGIN */

.container_login{
  margin: auto;
  margin-top: 15%;
  width: 30%;
}

/* COMPTES */

.man-btn-add-cpt{
  margin-bottom: 15px; 
  margin-left: 45%;
}

/* TITRES TABLEAUX */

.titreTableau{
  text-align: center;
  font-weight: bold;
}

.condens select{
  width: 15%;
  display: inline-block;
}

.condens input{
  width: 15%;
  display: inline-block;
}

.condens{
  text-align: center;
}

/* TABLEAUX */

table thead tr{
  font-size: 12px;
}

table thead tr th{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

table tbody tr{
  font-size: 12px;
}

.headFiltreTab{
  margin-top: 1%;
}

/* BOOTBOX */

/* Les deux propriétés ci-dessous me permettent de scroller sur une bootbox
 aussi bien avant qu'après un appel Ajax. Avant le scroll ne pouvait s'
 opérer qu'avant un appel Ajax, après l'appel ajax, le scroll se désactivait. */

.modal{
  overflow-y: auto;
}

.modal-open{
  overflow:auto;
}

/* HEURE */

.timePlanning{
  width: 64px !important;
}

/* TABS */

#clientHisto .ui-widget-header{    
  border: none !important;
  background: #ececec !important;
}


/* PRESSION DES BASES */

#pression{
  text-align: center;
}

.text-success{
  color: #3C763D !important;
}

.text-warning{
  color: #8A6D3B !important;
}

.text-danger {
  color: #A94442 !important;
}

/* SEPARATEUR */

.man-sep{
  text-align: center;
}

/* TOTAUX */

.totaux{
  padding: 10px;
  margin-top: 1%;
  margin-bottom: 1%;
}

.footer_totaux span{
  margin-right: 2%;
}

.totaux span{
  margin-right: 1.2%;
}

/* FICHES RECAPITULATIVES */

.recapBoutons{
  text-align: center;
}

#recap div{
  margin-bottom: 1%;
}

.man-info-volCompteAssocie{
  margin-left: 3%;
}

/* CLIENTS */

.name a{
  font-weight: bold;
}

/* COULEURS */

#typesClient .colorpicker{
  background: none;
  border: none;
}

#typesDispositif .colorpicker{
  background: none;
  border: none;
}

.man-circle-black{
  width:16px;
  height:16px;
  border-radius:100%;
  background-color: black;
  margin: auto;
}

.man-circle-red{
  width:16px;
  height:16px;
  border-radius:100%;
  background-color: red;
  margin: auto;
}

.man-circle-orange{
  width:16px;
  height:16px;
  border-radius:100%;
  background-color: orange;
  margin: auto;
}

.man-circle-green{
  width:16px;
  height:16px;
  border-radius:100%;
  background-color: green;
  margin: auto;
}

.man-circle-green-light{
  width:16px;
  height:16px;
  border-radius:100%;
  background-color: #00FF00;
  margin: auto;
}

/* CALENDRIER */

.pickmeup-twitter-bootstrap{
  z-index: 99999 !important;
}

.man-no-data{
  text-align: center;
  font-style: italic;
  font-weight: bold;
  margin: 1% 0 1% 0;
}

.jour-programmation{
  text-align: center;
  margin-top: 3px;
}

hr{
  border-color: #3C7CC5 !important;
}

.step2-child{
  margin-left: 9%;
}

/* TABS */

.ui-tabs-nav{
  background: none !important;
}

.ui-widget{
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.ui-widget-header{
  border: none !important;
}

.ui-state-default{
  color: #969191 !important;
}

.ui-state-default{
  border: none !important;
}

.ui-state-active{
  border: 1px solid #CCC !important;
  border-bottom: none !important;
}

.ui-state-active a, .ui-state-active a:link{
  color: black !important;
  font-weight: bold !important;
}

/* DIVERS */

#labelRentaProg{
  margin: auto;
  text-align: center;
  margin-top: 1%;
}

.progNomClient{
  color: grey !important;
}

.footer_totaux{
  margin-left: 10%;
}

.shootDay{
  margin-left: 1%;

  display: inline-block;
  width: 200px;
}

.ui-widget-content{
  background: none !important;
  border-bottom: none !important;
}

.ui-corner-bottom{
  border-left: 1px solid #DDD !important;
  border-right: 1px solid #DDD !important;
  border-bottom: 1px solid #DDD !important;
  border-top: 1px solid #ddd !important;
}

#histoHeader{
  color: #0000ff;
  cursor: pointer;
}

#openPlanningCalendar{
  cursor: pointer;
}

#semaineD{
  cursor: pointer;
}

.fa-flag{
  cursor: context-menu;
}

.man-pointer{
  cursor: pointer;
}

#progBase_chosen .chosen-drop {
  width: 310px !important;
}
#progBase_chosen .chosen-results {
  font-size: 12px;
}
/* PLANNING PROGRAMMATION */

#rowProg #planning .panel-default{
  border-color: #C9C9C9;
}

#rowProg #planning .panel-default > .panel-heading{
  background-color: #C9C9C9;
}

.carret-white{
  color: white;
}

.shootDay{
  font-weight: bold;
}

/* ETATS SHOOTS PROGRAMMATION */

#etatProgBrouillon{
  color: red;
}

#etatProgAprogrammer{
  color: green;
}

/* POPUPS PLANNING (CHANGEMENT ETAT) */

.man-plan-titre-popup{
  font-weight: bold;
}

/* PICTOGRAMMES */

.man-btn-validate-shootweek, .man-btn-validate-shootday, .man-btn-validate-shoot, .man-btn-launch-shoot{
  color: green;
}

.man-popup.man-btn-validate-shoot{
  background-color: green;
  color: white;
  border-color: green;
}

.man-popup.man-btn-launch-shoot{
  background-color: green;
  color: white;
  border-color: green;
}

.man-btn-bat-shoot{
  color: orange;
}

.man-popup.man-btn-bat-shoot{
  background-color: orange;
  color: white;
  border-color: orange;
}

.fa-edit, .man-btn-prog-shoot{
  color: black;
}

.man-popup.man-btn-update-shoot-x{
  background-color: black;
  color: white;
  border-color: black;
}

.man-popup.man-btn-update-shoot-x .fa-edit{
  color: white;
}


.man-popup.man-btn-prog-shoot{
  background-color: black;
  color: white;
  border-color: black;
}

.man-popup.man-btn-batok-shoot{
  background-color: purple;
  color: white;
  border-color: purple;
}

.man-btn-batok-shoot{
  color: purple;
}

.fa-remove{
  color: red;
}

.man-popup.man-btn-cancel-shoot .fa-remove{
  color: white;
}

#planning .dataTables_filter{
  display: inline;
}

.man-border-b-dotted{
  border-bottom: 1px dotted white;
}

.listElems{
  word-wrap: break-word;
}

.note{
  text-align: center;
  font-style: italic;
  font-weight: bold;
}

.shootDivers{
  margin-left: 11%;
  display: inline-block;
}

.removeDispositifStats{
}

.borderInfosAvancees{
  border: 1px solid #337ab7;
  padding: 1%;
  margin-bottom: 1%;
}

#autoCampagne{
  color: white;
}

.man-atterrissage-modifiable, .man-heure-modifiable, .man-prevision-programmation-modifiable, .man-commentaires-modifiable{
  cursor: pointer;
}

.login-panel{
  margin-top: 0 !important;
}

/* Loader  */

.widgetLoaderContainer {
  width : 100%;
  text-align : center;
  padding : 20px;
}

.refreshFiltres {
  cursor : pointer;
}

.fa-check {
  cursor : pointer;
  color: green;
}

#submitShoot .fa-check{
  color: #fff;
}

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

.table-fixed-layout td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.man-btn-details-shoot {
  cursor : pointer;
}

.meaData {
  font-weight : bold;
  color : red;
}


.widgetLoader
{
  position: relative;
  width: 30px;
  height: 30px;
  border: 8px solid #ffffff;
  border-right-color: #111;
  border-radius: 50%;
  box-shadow: 0 0 25px 2px #111;
  animation: spin 1s linear infinite;
  display : inline-block;
}

.changeStats{
  cursor: pointer;
}

#validChangeDate{
  color: #fff;
}

.kitAVerifie{
  color: red;
  font-weight: bold;
}

@keyframes spin
{
  from { transform: rotate(0deg);   opacity: 0.2; }
  50%  { transform: rotate(180deg); opacity: 1.0; }
  to   { transform: rotate(360deg); opacity: 0.2; }
}

/* Couleurs routeurs */

.colorNetMessage{
  color: #e47c00;
}

.colorMailPerf{
  color: #0047ba;
}

.colorExperian{
  color: #982881;
}

.colorSmartfocus{
  color: #081D33;
}

.colorTeradata{
  color: #e16b6b;
}

.dataTable_wrapper  .dt-buttons.btn-group{
	float: right;
}

#repoussoirSelectWrapper{
  visibility: hidden;
}

#repoussoirSelectWrapper .input-group{
  min-width: 100%;
}

#repoussoirSelectWrapper #segmentFilter{
  margin-bottom: 8px;
}