.table tbody>tr>td.vert-align{
    vertical-align: middle;
	text-align:center;

}


/****Icone de carte***/
.draw-marker{
  background-image:url("../img/LOGO.tif");
  background-position:-122px -2px;
  display: inline-block;
  width:26px;
  height:26px;
  line-height:26px;
}

.brandLeft{
  margin-top:10px;
  float:right;
}

.navbarSubView{
  margin-top:5px;
}

.navbar{
  margin-bottom:5px;
}

.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}

.navbar li{
  border-bottom-width: 6px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
}

.navbar li.dropdown:hover{
  border-bottom-width: 6px;
  border-bottom-color: green;
  border-bottom-style: solid;
}

.navbar li.dropdown.active{
  border-bottom-width: 6px;
  border-bottom-color: green;
  border-bottom-style: solid;  
}

#menu-left li.active{
  border-bottom-width: 6px;
  border-bottom-color: gold;
  border-bottom-style: solid;
  font-weight: bold;  
  font-size: 14px;  
}


.navbar a{
 //margin-top:5px; 
}

.navbar-brand img {
  margin-top: -8px;
}

.navbar a,
.navbar button{
  margin-top:5px; 
  padding-top: 6.5px;
  padding-bottom: 6.5px;
}

/***** Inputs ******/
.select2-container{
  padding: 0 4px;
  border-width: 0;
}
/***** Classe pour les vignettes de la feuille de Réservation *****/
.billetterie{
	background-color: #f2f7fc; 
	border-radius: 5px; 
	border: 2px solid#1c75c8; 
	padding: 3px;
}	

/***** Classe pour les vignettes de la feuille de Booking-edit *****/
.billetterie_edit{
	background-color: #fffce8; 
	border-radius: 5px; 
	border: 2px solid#ebd31c; 
	padding: 3px;
}	

/***** Classe pour les vignettes de la feuille de Booking-list *****/
.Cadre_Simple{
	background-color: #ebecee; 
	border-radius: 5px; 
	border: 2px solid#717171; 
	padding: 3px;
	width:50%;
	margin:10px;
}	 

.Cadre{
	background-color: #ebecee; 
	border-radius: 5px; 
	border: 2px solid#717171; 
	padding: 3px;
	margin:10px;
}

/***** Classe pour mettre des class cote à cote *****/
.Cote_a_cote{
	display:flex;
}

/***** Extra Data ******/
.list-group div.form-group{
  margin-bottom: 0px;
}

/*******************************/

/***** Structure de la page******/

html,body, .full-height{
  height:100%;
  width:99%;
  margin-left:5px;
}


.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-enter{
  margin-top:10px;
  height:100%;
  max-width: 100%;  
}

.container-map{
  padding-right:0px;
}

.container-map > iframe{
  width:100%;
}

th{
  text-align: center;
}

/**** Bandeau Legend ****/
legend{
  padding-bottom: 10px;
}

/**** Liste des scénarios*********/
#scenarioList .addScenario{
  margin-top:25px;
}

/**** Add Transport Order ********/
.input-quantity-int{
  width:60%;
}

.input-quantity-dot{
  width:5%;
}

.input-quantity-dec{
  width:30%;
}

/**** New Construction Site ********/
.siteRefInput{
  float:left;
  padding-left:15px;
}

.siteRefInput .col-lg-2{
  padding-right:2px;
  padding-left:2px;
  width:120px;
}

.siteRefInput .col-lg-1{
  padding-right:2px;
  padding-left:2px;
  width:60px;
}


.siteRefInput .col-lg-1.control-label{
  padding-right:2px;
  padding-left:2px;
  text-align:center;
  width:10px;
}

.form-group.addr1{
  margin-bottom:0px;
}

.formvalidationinfo{
  padding-top:5px;
}

.popover{
  max-width:750px;
}

.table-at{
  width:700px;
}


form[name="newCSForm"] .bootstrap-select{
  width:150px !important;
}

#transport-order-assign table{
  /*margin-top: 10px;*/
}

.highlight{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  border-width: 1px;
  border-radius: 4px;
  border-radius: 4px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  display: inline-block;
}

#tbl-poi th[name='label']{
  width:30%;
}

#tbl-poi th[name='type-poi']{
  width:30%;
}

.tbl-list{
  cursor: pointer;
}

/**** Etapes / Activités ********/

.subViewContent{
  position:relative;
}

.activityTab, .stepTab{
  width:200px;
  float:left;
  border-right-width:1px;
  border-right-color:#dcdcdc;
  border-right-style:solid;
  display:inline;
}

td.number{
  text-align:center;
}

td.siteLabel{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:250px;
}

td.siteCity{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:100px;
}

.well{
  padding:0;
}

.constructionSiteDetails{
  width:400px;
}

.progress{
  width:110px;
  margin-bottom: 0px;
}

/*** EXTRA DATA ***/

.extra-data-input .form-control{
  width:95%;
  float:right;
}

i.extra-ok,i.extra-ko {
    display:none;
    float:left;
}
.ng-dirty.ng-valid ~ i.extra-ok {
    color:green;
    display:inline;
}
.ng-invalid ~ i.extra-ko {
    color:red;
    display:inline;
}

.tooltip-inner{
  max-width:350px;
}

.control-label{
  font-weight:bold;
}
/*** *** ***/


.control-group {
margin-bottom: 5px;
}

.form-horizontal .control-group {
margin-bottom: 5px;
}

.input-xxmedium {
  width: 420px;
}

code{
  white-space:normal;
}

/**FORMULAIRES**/
.red, .red a{
  color:red;
}

.green, .green a{
  color:green;
}

.white, .white a {
  color: #fff;
}

/**helpers**/
.y-scrollable{
  overflow-y:auto;
  overflow-x:hidden;
}

.gantt-side-content-labels{
  min-width:200px;
}

@media (min-height: 300px) {
  .responsiveHeigtEnter{
    height:300px;
  }
  .responsiveHeigtMap{
    height:300px;
  }
}

@media (min-height: 500px) {
  .responsiveHeigtEnter{
    height:500px;
  }
  .responsiveHeigtMap{
    height:580px;
  }
}

@media (min-height: 768px) {
  .responsiveHeigtEnter{
    height:600px;
  }
  .responsiveHeigtMap{
    height:700px;
  }
}

@media (min-height: 820px) {
  .responsiveHeigtEnter{
    height:810px;
  }
  .responsiveHeigtMap{
    height:900px;
  }
}

.titleLegend{
  margin-bottom: 15px;
  margin-top: 10px;
  /*border-top: 1px solid #e5e5e5;*/
  /*border-bottom: 1px solid #e5e5e5;*/
  font-size: 1.7em; 
}
.camera{
  margin: 10px;
  width: 70%;
}
.zoomable span{
display: none; 

}
.zoomable:hover span{
z-index:10;
display: block;
position: absolute;
width: 600px;
height: 450px;
right: 0px;
top: 100px;

}
.cell { 
    border: 1px solid #e5e5e5; 
}

.domitien {

  text-align: center;
  border: 1px solid gray;
  /*border-radius: 10px;*/
  font-size: 2em !important; 
}
.domitien a:link {
  text-decoration: none;
  color:black;
}

.domitien a:visited {
  text-decoration: none;
  color:black;
}

.domitien a:hover {
  text-decoration: none;
  color:gray;
}

.domitien a:active {
  text-decoration: none;
  color:none;
}

.domitienTitle{

  border-right: 1px solid gray;
  border-left: 1px solid gray;

}

.domitien-data-label {
  display: inline-block;
}

.domitien-pdf-embed {
  left-padding: 0px;
  right-padding: 0px;
}

.domitien-iframe {
  position: relative;
}

.domitien-iframe-clickzone {
  position:absolute;
  top: 0;
  left: 0;
  width:95%;
  height:95%;
  opacity:0.1;
}

.domitien-modal-window .modal-dialog {
  width: 680px;
}

.progressStyle{
  float: none !important;
  display: inline-block !important;
  vertical-align: middle !important;

}

/****************************
ANIMATION (ng Animate)
*****************************/

.show-hide.ng-hide-add, .show-hide.ng-hide-remove {
  -webkit-transition:all linear 0.2s;
  -moz-transition:all linear 0.2s;
  -o-transition:all linear 0.2s;
  transition:all linear 0.2s;
  display:block!important;
}

.show-hide.ng-hide-add.ng-hide-add-active,
.show-hide.ng-hide-remove {
  opacity:0;
}

.show-hide.ng-hide-add,
.show-hide.ng-hide-remove.ng-hide-remove-active {
  opacity:1;
}

.selectTime tr:nth-child(1),
.selectTime tr:nth-child(3){
  display:none;  
}

.activity-material-task{
  border-width: 1.2px;
  border-style: dashed;
  border-color: black;
}

.flow-chart-task{
  color:white;
}

.icon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

#tbl-follow-up-worker{
}

#tbl-follow-up-worker .col-md-2{
  width:115px;
}

#tbl-follow-up-worker .col-md-3{
  width:175px;
}

#tbl-follow-up-worker h5{
  font-weight: bold;
}

#tbl-follow-up-worker div.row:nth-child(1){
  margin-bottom: 4px;
}

#tbl-follow-up-worker div.row:nth-child(1) div.col-md-3,
#tbl-follow-up-worker div.row:nth-child(1) div.col-md-2{
  border-bottom: 2px solid #ddd;
}

#tbl-follow-up-worker .btn-success:not(.active){
  background-color: #ddd;
  border-color:#ddd;
}

/*BOOTSTRAP HACK FOR FIX SIZE OF BUTTONS PUT ON RIGHT OF INPUTS*/
/*
.input-group-btn > .btn{
  padding-top:5.5px;
}
*/

.select2-container{
  padding-left:0;
}

.select2-container > .select2-choice{
  height:25px;
  line-height: 25px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  padding-left:4px;
  border-color:#cccccc;

}

/* Useful for drag n drop of task*/
.gantt-task{
  max-height: 20px;
}

.assign-tbl-periods .alert{
  margin-bottom:0;
}

/*SLIDER - for transport order assingn customisation*/
.slider .tooltip{
  display: none;
}

.slider-selection{
  background-image: none;
  background-color:green;  
}

.slider.slider-horizontal{
  width:100%;
}

/*Gantt chart for requests*/
.site-label > .gantt-task-content > span {
  position: relative;
  top:12px;
}

.site-label > .gantt-task-content > span > .label-default{
  background-color: white;
}

.site-label > .gantt-task-content > span > .label{
  color:grey;
}

.material-label > .gantt-task-content > span {
  position: relative;
  top:1px;  
}

.material-label > .gantt-task-content > span > .label-default{
  background-color: mediumaquamarine;
}

.material-label > .gantt-task-content > span > .label{
  color:white;
  padding-bottom: 0;
}