.list-group-item.availabilityhigh{
	 background-color: #FFFFFF;
	 color: #000;
}
.list-group-item.availabilitypartial{
	 background-color: #bfbfbf;
	 color: #000;
}
.list-group-item.availabilityexchangable{
	 background-color: #7f7f7f;
	 color: #000;
}
.list-group-item.availabilityvaccation{
	 background-color: #FFF;
	 color: #727272;
}

.tr-group-item.active{
    background-color: var(--red);
    border-color: black;
	color: #FFF;
}

.list-group-item.active{
    background-color: var(--red);
    border-color: black;
}

.ng-touched.ng-invalid {
    background-color: pink;
}

form{
    padding: 1%;
}

.state{
	border: 2px solid #A5A5A5;
	text-align:center;
}

.state.stateok{
	 background-color: #008500;
	 color: #FFF;
}
.state.stateok::after{
	 content: "Ok";
}
/*.state.statecomplete::after{
	 content: "✓";
}*/

.state.statepartial{
	 background-color: #F26607;
	 color: #FFF;
}

.state.stateempty{
	 background-color: #861F2E;
	 color: #FFF;
} 

/*.state.statecomplete{
	 background-color: #004200;
	 color: #FFF;
}*/
.state.statecomplete{
	 background-color: #008500 !important;
	 color: #FFF;
}
.state.stateoverload{
	 background-color: #000dcf;
	 color: #FFF;
}

/*.state.stateempty::after{
	 content: "Vide";
}*/



/*-------------------------------------- Debut de modif sofiane ---------------------------------------------*/
.pointer { 
	cursor: pointer; 
}

.state.statecomplete::after{
	 content: url(
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABmJLR0QA/wD/AP+gvaeTAAAA/klEQVQ4jbWSoU5DQRBFzzRI4ANAokgQ9Q9BqS0SNAK+gk9AownB8Q+kDscPkNQ0VDSY1iBAHAT7SLPZ914h4Sabnd25c2ayWfhvqZfqTL1Yt2CkTrL1rg7SnudGdW1vhbMJzIEzYArcA1VEjIEqnacpP09+ADaygZYR8awugFOgUuvcDvCS8svVohxS6xrYLdzPSuYiJCKeGuBF9bot31JD3f8zRA3gBrhNcTdEPVCvMsAhcBIR5v6mh10A5+oWsJ0Aw4h4K5mbHvZVHQBj4BM4bgK0TVKDjoCPNkArJIGK/6IL0lcf1qjrA3c/zepA3QOG63ROeoyIyS/87foCyvSKAUdZxEQAAAAASUVORK5CYII=");

/* "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAABDElEQVQokY3Tvy5EQRQG8N/a7RArro1GIciWJBLbaGQVQo2ovIBePIFYT8BSeJeN8AQSfxo6/0LiARQzV9bk3o0vucnMOfOd75tz5lYUYxItZHjDDV7TQ9Vk30QHi3jGE0awix3c4qNIbQ2nGCtxU8cZ2mmiGYmVEmKOCrqY6w9eDFDMkSvWYwE1NISmfA0gbmM0rj/jl9WwjN4A4hQ2sdcX66E1hImonGMd+337IxwmBV+QVTGNYdzFxAMWsIEZ3OMqIS/hm/AgOgV2t3BZcpWT6BicC11MUTS6cWHev5iPgf/OeTZNtGOBIge5YherZbbmcCDMsSd0tYEV4REd47GMnCPz96+6xnt66AfmQiwFmDimyQAAAABJRU5ErkJggg==");*/
}

.state.stateempty::after{
	 content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAA/0lEQVQokaWQTU4CQRCFv2ogTAzIgoQoyMIzuPMmHsD74DFceA13nMENQ7QDwgjxJ6HnuQECmbZN9K26qvur96rhH7Ld4Xm16lkIrd8A1Wrrs3bbA9R3zUYo74RdAW8J9tRCOQZujuCt1sAiAbvDYg/LGCHuhW5/Ig17kDGqXEiqz5bFa8KV2bJYSNob7mOY2Qb48t5HP81730J8bN9VdwByms3zaOQs62Pkh71j2MitLAfRzCEM0rDIca4fhZ3roxSMcmRRZ5MNQClnNzFpGHWWLpCbHg08LObz+VC1xiPoJYL3LGyuu93uJAoDPEnZSVFU9n7vdKaXZp/RVH/RN8kVXdbciMRMAAAAAElFTkSuQmCC");
}

.state.statedelete{
	 background-color: #00b0a1;
	
}
.state.statedelete::after{
	content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAAzklEQVQokaXTQUrCQRTH8Y9iF1Ar6godwJ3t3BV0jYK2IbSzBA/gRewG4jaCaFEXKANdtWzTYkYY/zk46G/z5se8L+/NzJuazWrhEgf4xQTLalI9A/fxjmd8RP9PtWQ9wgk+0cYi2Vv5U3zhDhpJwizGp0w3cFHS9m0mrikHn2ViEVykveDG9pQ1ve4Cv+EBh8LzfmNQCh/hBdPou7gvhY8jOI7+Br3chQ0rcaPSyj/oCONJGEloCmfsxopwjnk623VcCT+qqgmuY/swx+Mf4AEgVH8mu34AAAAASUVORK5CYII="); 
/*"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAABqklEQVQokaVSvWoUURg95+5I4iRcphhXmMZiwS6Q0iJgYRGsbHyGIPgCahewN40o8QGU7bRTG/EBLLJKgiJiY364O3tnRm40u3OPhaSI2fyAX3m+73DOdzjAfwxPWtR1ne/HaC8aU1tr3bQbMw0sy3rpoNVGB+wftNooy3rpVOVd73sd8CkAQChAzAP4DOAqhJ8gfgBAC925nGVfASA5JLchbHfSuTmI62Ic/CtBmQVQK20I28dsF0URBFQ02jJAbxzCJmUWxiFsGqBHoy0BVVEU4dSfBa4m1lpQjxJrrcDVcwc2ZdIYcZPAlWFVXZPEc5E7bbsIICfRldCXsDasmv43aTY5g3tB4jNSNyYx7nez7GPZNG8krcz7+t4JZH6ajXH8G9gj9LqN8VeH5lXp64EMnJLkPseT90dsGyCyZZJn9ra1dgjwiYTdS1k2oDAQsUxyPU9TB6B7RDlCL2n0wvlq5y+iHMTOqGneysCRvK6ou65pnhP8cKzbh50GgBlAE3INQKkkeZCnqXNNs8yox1Hx1llh44s043z10Pnqu/NV47x/tzcaLQLAH8Nm1Um1bJzQAAAAAElFTkSuQmCC");*/ 
}
.state.statemodify{
	 background-color: #00b0a1;
	 color: #FFF;
}
.state.statemodify::after{
	content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAA9ElEQVQokaXSvS5EYRAG4IecJdFrEDlRKGRVCq17oJC4BYla5+ceKAVRKbbU7QWIRAilRqJSbLWJiDiKM8vn7GFtvMlkft+Z+X74B0ZCZ5gN+wljmEzqnvGK6fAf8dZL5ihC9nCa+AVOsJ/4ebpBXikeJHlvXejifIjjdlPyON6x/gfiKl6qa1+HPYMmJrAUuhlxUZfDaE3nLbSwgKvQrYjXYpjJl5jydeRv5G20sYiH0O2IwzIOcPvJTnCj/AAd5Qt0cIF7NLCB42jcN/knNKJZEQ2kk+eVF1SHI6xgDbs4S5MZ5n6Rw5i4M2C7PmS4w2Y18QFtMUBLlVYsZAAAAABJRU5ErkJggg==");
	/*'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAA50lEQVQ4je2SsU7CUBhGzw/MJrLwBsjoqLsMjgzMvIMmLpqAbkYSJ1YewNlHMGGDDaO7qwOuJocFTGPaUtIODp6x98u533dT+AuoF2qvKllLnajf6nFZ2Vj9UNvqlXpQVrblOSsXah24Bdop57OIeFTHwOXm2wI4AwbAaSL7BoxqQBe4TpGtgKn6kCI7+iUDuAG6qH3VjJn3iZlztZk1dZPp17ICiRk/zSLic0eeRs6N5xExVd+BZREZQF7DE/UwIl6KynIbRsSwqCTJrjfcmwbwBaA+VeBbbX/sIdApKXsF7sp3+qdy1h6qhr8Xe/ATAAAAAElFTkSuQmCC');*/

}
.state.statenormal{
	 background-color: #00ff00;
	 color: #FFF;
}
.state.statenormal::after{
	 content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAABtklEQVQokaWRv2sUURSFv/smzDDBVjZKClGsFpSdO1tMI2kMGMRKRYRoa50/QFJIQBAR7KwCERa0jYKxUNNMsbMMDNotNv5AQRQWQnZ57HsW7i4ad4ngae59j/vBPefCf0hG1QAOoF6vH4nj+KpzbklEFkTkq/f+jbW2VVXV3l9wkiT3oyi60+/3G8aYTSACngNfgBpwAfDAzU6ns/MHrKqvgGPACeBhGIa38zzfHw9lWRYPBoN1EVkTkZWiKF4ehJeAT2EYnsnz/Ps0j0mS3BWRVWvt6aqq9szof1tEHonIM2vtlVkBRVG0DgRhGF47PM4pUtXNNE23AOYA0jS9DHwriuL1YbD3viUiixMYOA/MAxM4SRINguCHc+64c+59WZafG43G0SAIPrbb7Rfw674453Lv/UqWZfEYFpF73vsbwJaILDebzZPGmK5z7q2qrk3gXq/XAvattRuz1h0Oh2eBORHZBc5N4G63O3DOXffe31LVB7/5WwUWRv0HIPbeN0c941NRluWuc+4icGkcDPAUGAAYY2pAX0TeiUht6nqqOn/g/VhVlwGjqhuq+kRVT82y98/6CYViqVQY6aczAAAAAElFTkSuQmCC");
}
.state.statenew{
	 background-color: #f7f700;
	 color: #000;
}
.state.statenew::after{
	 content:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAAgklEQVQokeXQwQnCQBCF4c/0kg5MDUKyhQVsQ70HbSLxZinqITnpwT0sgrgxRweG92bgZ4bHf1bAiMeMHtEUWKPFaka3qIolL/8KXzDlwgED7lEnbHPggCMqdFFP2EDjc9olzsks8X3Oy1fs3nb7uP9aiy6HBDgkvs6BeeXS4xa1hicxJDVF5FNxZQAAAABJRU5ErkJggg==");
}

/* width */
/*
	::-webkit-scrollbar {
	  width: 5px;
	}
*/
/* Track */
/*
	::-webkit-scrollbar-track {
	  background: #f1f1f1;
	}
*/
/* Handle */
/*
	::-webkit-scrollbar-thumb {
		 background: #dc3545;
		 border: 2px solid #dee2e6;
	}
*/
/* Handle on hover */
/*
	::-webkit-scrollbar-thumb:hover {
	
	   background: #dc3545;
	}
*/
/*-----------------------------
        SCROLL BAR CUSTOM   
------------------------------*/ 
/*
	* {
	  scrollbar-width: thin;
	  scrollbar-color: #dc3545 #dee2e6;
	}
*/
/* Targtes on Chrome, Edge, and Safari */
/*

	*::-webkit-scrollbar {
	  width:7px;
	}
	
	*::-webkit-scrollbar-track {
	  background:#dee2e6;
	}
	
	*::-webkit-scrollbar-thumb {
	  background-color:dc3545;
	  border: 2px solid #dee2e6;
	}

*/





















/*-------------------------------------- Fin de modif sofiane ---------------------------------------------*/

/*grille horaire*/
.grilleHoraire {
    display: grid;
    grid-template-columns: 55px repeat(7, minmax(150px, 1fr));
    /*grid-template-rows: repeat(50, 1fr);*/
    grid-auto-flow: dense;
    background-color: #BFD7EA;
    border: 5px solid #0B3954;
    margin: 0;
    overflow: auto;
	border-radius: 6px;
}

.grilleHoraire > div{
    text-align: center;
}

.grilleHoraire > .heure{
    background-color: white;
    text-align: right;
    border-left: 2px solid #0B3954;
    border-right: 1px dotted #0B3954;
    padding-right: 10%;
}

.Haut{
    border-top: 2px solid #0B3954;
}

.Bas{
    border-bottom: 2px solid #0B3954;
}

.caseHoraire {
    border-left: 1px dotted #0B3954;    
}

.caseHoraire.colJour7 {
    border-right: 2px solid #0B3954;
}

.caseHoraire:not(.colJour7) {
    border-right: 1px dotted #0B3954;
}

.caseHoraire:nth-of-type(odd){
    background-color: white;
    border-top: 2px solid #0B3954;
}

.caseHoraire:nth-of-type(even){
    background-color: #BFD7EA;
    border-bottom: 2px solid #0B3954;
}

.jour{
    grid-row: 1 / 3;
    background-color: white; 
    text-align: center;
    line-height: 2;
    vertical-align: middle;
    border: 2px solid #0B3954;
    position: sticky;
    top:0px;
    z-index: 2;
}

.plageHoraire{
    background-color: #FF6663;
    margin: 1% 2%;
    border-radius: 10px;
    z-index: 1;
	opacity :0.8;
}
.plageHoraire>div{
	color:#FEFFFE;
}

.btn-primary{
	background-color: #0B3954;
	color:#FEFFFE;
}

.colHeures{
    grid-column: 1;
    position:sticky;
    left: 0px;
    z-index: 2;
}

.jour.colHeures{
    z-index: 3;
}

.colJour1{
    grid-column: 2;
}
.colJour2{
    grid-column: 3;
}
.colJour3{
    grid-column: 4;
}
.colJour4{
    grid-column: 5;
}
.colJour5{
    grid-column: 6;
}
.colJour6{
    grid-column: 7;
}
.colJour7{
    grid-column: 8;
}
/*fin grille horaire*/

@media all and (min-width: 769px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	/*.navbar .nav-item:hover .nav-link{ color: #fff;  }*/
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.changeSemaine{
    display:	flex;
	justify-content: space-evenly;
	margin: 5px 0px;
}

.changeSemaine>div{
   margin: 10px 0px;
   font-weight:bolder;
}


.fade-hide, .fade-show {
	-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.5s;
	-moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940)2.5s;
	-o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.5s;
	transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.5s;
}


.fade-hide {
  	opacity:1;	
}

.fade-hide.fade-hide-active {
  	opacity:0;
}

.fade-show {
  	opacity:0;
}

.fade-show.fade-show-active {
  	opacity:1;
}

.rights-list{
	margin-left:55px;
	margin-right:55px;
}
.rights-title{
	border: 1px solid #dfd78a !important;
}

.no-border{
 	border:none;
}

.rights-panel-title{
	margin-right:0px;
	color:black !important;

}

.rights-panel{
	border: 1px solid #dfd78a !important;

}

.projet > fieldset, .employe > fieldset, .client > fieldset, .interchanger > fieldset{	
	border: 1px solid;
	padding: 10px;
    margin: 10px;
	margin-right: 0px;
}

.projet * legend, .employe * legend, .client * legend, .interchanger * legend{	
	width: initial;
	margin-bottom: initial;
    font-size: initial	;
}

.projet * label, .employe * label, .client * label, .interchanger * label{
	margin-bottom: initial;
}

.projet.projet-form{
	height:80vh;
}

.employe * textarea {
	max-height:38px;
}

label{
	margin-bottom: initial;
}
.interchanger{
	z-index:20;
	top: 43%;
}

.interchanger fieldset{
	height:444px;
	width: 674px;
}

.interchanger .container {
	height: 355px;
	overflow-y: scroll;
	margin-bottom: 10px;
	padding: 0px;
}
.interchanger tr {
	width:100%
}

.interchanger .form-control:disabled{
	background-color: #FFF;
}

*{
    font-size: 0.9rem;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
/* Put your css in here */

.panel{
	position: fixed;
	top: 60px;
	bottom: 35px;
	right: -2px;
	/*height:92%;*/
	width:350px;
	z-index: 10;
}

.panel > fieldset,
.panel > fieldset > form {
	height: 100%;
}

.under-panel{
	left: 0px;
    right: 0px;
	background-color: rgba(0,0,0,0.2);
	position: fixed;
	height:100%;
	width:100%;
	z-index: 9;
}

.backdrop-blur {
  background-color: rgba(255, 255, 255, .9);
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .under-panel {
    background-color: rgba(0,0,0,0.0);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
  }
}

.jour-hebdomadaire{
	display: inline;
}

.quotidienne-jour{
	width:40px;
}

input.date-fin{
	width:71%!important;
}

.panel.box-shadow{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.panel.solid, fieldset.solid{
	background-color:#FFF;
}

.panel.ng-hide {
	right: -350px;
}
.under-panel.ng-hide{
	  opacity:0;
}
.panel.ng-hide-add, .panel.ng-hide-remove {
  /* this is required as of 1.3x to properly
     apply all styling in a show/hide animation */
	transition: 0s linear all;
}
/*.under-panel.ng-hide-add, .under-panel.ng-hide-remove {
	transition: 0s linear all;
}*/

.panel.ng-hide-add-active, .panel.ng-hide-remove-active {
	/*-webkit-transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
    -moz-transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
    -o-transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
    transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
*/
	transition: all ease-in-out 0.5s;
}

/*.under-panel.ng-hide-add-active, .under-panel.ng-hide-remove-active {
	-webkit-transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
    -moz-transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
    -o-transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
    transition:all cubic-bezier(0.125, 0.460, 0.450, 0.940) 2s;
}*/

.under-panel.ng-show-add-active {
	display: block;
}

.panel.ng-show-add-active {
	display: block;
}


.panel.large{
	width:900px;
}

.panel.large.ng-hide {
	right: -900px;
}

.panel.bottom{
	height:250px;
}

.panel.bottom.ng-hide {
	bottom: -250px;
}

.panel.bottom{
	left: 0px;
	bottom: -2px;
	width:100%;
	top: initial;
	right: initial;
	margin-top: initial; 
}

.panel.interchanger{
	z-index:20;
	top: 43%;
	width:694px;
}

.panel.interchanger.ng-hide {
	right: -700px;
}

.nav-tabs{
	margin-left:initial;
}

.list-group-item{
	padding-bottom:5.4px;
	padding-top:5.4px;
}

.row{
	margin-top:initial;
	margin-bottom:initial;
	padding-top:initial;
	padding-bottom:initial;	
}

.checkbox-v-align{
	display: block;
    margin: auto 0px;
    padding: 0px;
}

.dhx_cal_container{
	z-index:0
}

.dhx_cal_container_selected{
	background-color:#06F;
}

.cedule{
	width:100%;
	
}

.cedule table td, .cedule table tr, .cedule table td * {
	vertical-align: top;
	white-space: nowrap;
	
}

.cedule .table-bordered {
    border: 1px solid #b2b2b2;
}

.cedule table tr {
	height:29px;
}

.cedule thead, .cedule tbody { 
	display: block; 
}

.cedule tbody {
	min-height:23vh;
	/*height: 23vh;       
	overflow-y: auto;    
	overflow-x: hidden; */
}

.fixed-header{
    position: -webkit-sticky; // this is for all Safari (Desktop & iOS), not for Chrome
    position: sticky;
    top: 0;
    z-index: 10; // any positive value, layer order is global
    background: #fff;
}



/*.cedule > *{
	font-size: 0.9rem; 
}*/

.cedule > tbody{
	overflow:hidden;	
}

.dhx_body{
	font-size: 0.8em;
    font-weight: inherit!important;
	line-height: inherit!important;
}

.dhx_scale_holder, .dhx_scale_holder_now, .dhx_body, .dhx_title/*, .list-group-item-action*/{
	transition: all ease-in-out 0.2s;	
}

.dhx_cal_event.active > div {
	filter: brightness(1.2);
}

.dhx_cal_event_line_start.active {
	filter: brightness(1.2);
}

div.dhx_scale_holder.active, div.dhx_scale_holder_now.active, div.dhx_month_body.active{
	background-color: #f0f0f0;	
}

.copy-options{
	display:block!important;
    top: initial!important;
    width: 92px!important;
	bottom: 62px!important;
	height: 77px!important;
	overflow:hidden!important;
	margin-left: -1px!important;
}

.copy-options.ng-hide {
	height:0px!important;
}

.time-picker{
    margin: 0px;
    padding: 0px;
    border: 1px black solid;
    display: inline-block;
	min-width : 40px;
}

.time-picker > select{
    border: 0px;
	appearance: none;
	padding: 0px 5px;
	

}
.time-picker > select:focus{
    outline: none;
}

option.hours, option.minutes {
	padding:0px;
	margin:0px;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border: 0px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.time-picker2{
	cursor:pointer;
	width: 50px;
}

.time-picker2  span{
	border: 1px black solid;
	padding: 0px 10px;
}

.time-picker2 .wrapper{
	cursor:default;
	z-index:10;
	 overflow: hidden;
	 max-height:200px;
	 min-width:111px;
	 overflow-x: auto;
	 display:flex;
	 flex-direction:row;
	border: 1px black solid;
	background: white;
	color:black;
}

.time-picker2  ul{
	max-height:200px;
	list-style-type:none;
	padding: 0px 10px;
	overflow-y: scroll;
	padding: 0px;
}

.time-picker2 li{
	width: 37px;
    text-align: center;
	margin: 0px;
}
.time-picker2  li:hover{
	color:white;
	background-color:#999999
}

.time-picker2  li.active{
	color:white;
	background-color:red
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}



@media screen and (max-width: 767px) {
 .h-sm-295{
    overflow: scroll;
    height: 295px;
	}
}

@media screen and (min-width: 767px) {
 .h-md-100, .h-lg-100{
    height: 100%; 
	overflow-y: scroll;
	}
}

.btn{
	border: 2px solid #727272;
	border-radius : 4px;
	padding: 5px 10px;
	background-color: #c5c5c5;
	
}

.btn.btn-3d{
	border: 2px solid #a7a7a7;
	border-bottom-style: solid;
  	border-bottom-color: #4c4c4c;
	border-right-style: solid;
  	border-right-color: #4c4c4c;
}
.btn.btn-no-br{
	border-radius: 0px;	
}

.btn.btn-small{
	padding: 1px;
	font-size: 0.75rem;
}

.btn.btn-margin{
	margin: 0px 1px;
}

.btn.btn-gradient{
	background-color: #dbdbdb;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.5) 51%);
}

.btn.btn-fixed-height, .btn.btn-fixed-size{
	height: 25px;
}

.btn.btn-fixed-width, .btn.btn-fixed-size{
	width:88px;
}

.text-right button{
	margin:-2px!important;
}

.separator-background {
	
	height: 36px;
	width:20px;
	background-color: #c4c4c4;
	background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
	margin: 0px 5px;
}
.separator-background>.vertical{
	height: 86%;
    width: 100%;
    border-left: 3px solid #a5a5a5;
    margin: 3px 9px;
}

.header{
	margin: 0px;height: 28px;   
	font-weight:700; 
}

.header-center{
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.solid > legend{
	font-weight:700;
}

.header * {
	font-weight:700;
}
.header-gradient{
	background-color: #dadada;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 99%);
}	
.header-border{
	border: 1px solid #b2b2b2;
}	

.tableFixHead {
  width: 660px;
  table-layout: fixed;
  border-collapse: collapse;
}
.tableFixHead tbody {
  display: block;
  width: 100%;
  overflow: auto;
 
}
.tableFixHead thead tr {
  display: block;
}
.tableFixHead th,
.tableFixHead  td {
  padding: 5px 10px;
  width: 200px;
}


th {
  /*background: white;*/
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}	
	


.overflow-y-scroll {
  overflow-y: scroll;
}

.modify-warning{
	background-color: green;
    color: white;
    padding: 0px 30px;	

}

html, body {
  height: 100%;
  margin: 0px;
  display: flex;
  flex-direction: column;
}

[id$="-input-months"],[id$="-input-dates"],[id$="-input-years"]{
	display:none!important;
}

[id^="floatingTimePicker"] {
    z-index: 999999;
    position: absolute;
	width:150px;
    border: 1px solid rgb(206, 212, 218);
	border-radius : 4px;
    background-color: #fff;
    color: white;
	padding: 10px;
	display:block;
}

.column-centered{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.column-centered > button{
	padding: 0px;
}

ul{
	outline:none;
}
.week-date-cal .select-button{
	border:solid 1px #a5a5a5;
	font-size:21px;
	background:white;
	padding:0px
}
.select-button .date{
	margin:0px 25px;
	padding:0px 25px;
	border:none;
}
.week-date-cal .select-button .header{
	border-left:solid 1px #a5a5a5;
	margin-bottom:0px;
	margin-top:0px;
	padding: 10px 5px 7px 5px;
}

img.flip{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.week-date-cal button{
	border:none;
	background:rbga(0.0,0.0,0.0,0.0);
}

.week-date-cal button{
   border:0px;
   outline:0px;
}

[name$="_tab"], .dhx_cal_nav_button{
	display:none;	
}

.search-column{
	padding-right: 7px;
}

.info-column{
	padding-left: 7px;
}

form .row{
	/*margin-left:0px;*/
}

.form-group{
	padding-left:7px;	
	padding-right:7px;	
	padding-top:0px;	
	padding-bottom:0px;
	margin-bottom:7px;
}

.show-inactifs{
	padding-left:18px;
}

.past-event{
	filter: grayscale(100%);
}

.container{
	/*overflow-y: scroll;*/
	padding: 0px;
}

/* Mettre une width fixe pour tout type date, timeinsput, input de nombre, etc */
input[type=number] { 
  
}

input.date { 
  
}

input.time { 
  
}

#new-schedule > fieldset.solid,
#modify-schedule > fieldset.solid {
	position: relative;
}

#new-schedule > fieldset.solid > form > div.text-right,
#modify-schedule > fieldset.solid > div.text-right {
	bottom: 1em;
	position: absolute;
	right: 1em;
}

#modify-schedule.interchanger > fieldset.solid > div.row {
	margin: 0 -7px;
}