.noPad{
	padding:0;
}
.noMarg{
	margin:0;
}
.leftMenu{
	background:#fff;
	color:#404040;
	font-size:1.5rem;
	border-right:1px solid #e6e6e6;
}
.leftMenu a{
	color:#404040;
	text-decoration:none;
}
.itemMenu{
	padding-bottom:15px;
	padding-top:15px;
}
.itemMenu a{
	color:#404040;
	text-decoration:none;
	font-size:1.5rem;
}
.item{
	margin-left:15px;
}
.item i{
	margin-right:5px;
	width:30px;
	text-align:center;
}
.itemMenu:hover{
	background:#006bdd;
}
.onText:hover{
	color:#fff;
}
.itemMenu:hover i{
	color:#fff;
}
.top{
	min-height:80px;
	background:#fff;
	border-bottom:1px solid #e6e6e6;
}
body{
	font-family:'Roboto';
}
.middleTitle{
	text-align:center;
	margin-top:15px;
	color:#404040;
}
.full{
	min-height:800px;
}
.inside{
	background:#f2f2f2;
	height:100%;
}
.leftName{
	position:absolute;
	top:0;
	left:0;
	color:#404040;
}
.leftName h3{
	margin-top:15px;
	margin-left:30px;
	font-weight:800;
	font-size:2rem;
}
#ajouterPaie{
	height:100%;
	display:none;
	margin-left:20px;
}
#rapport{
	height:100%;
	display:none;
}
#rapportCheque{
	height:100%;
	display:none;
}
#compagnie{
	height:100%;
	display:none;
}
#options{
	height:100%;
	display:none;
}
.middleH3{
	margin-top:10px;
	color:#006bdd;
	font-size:1.5rem;
}
.formPaie label{
	margin-right:15px;
	font-size:1.5rem;
	color:#404040;
}
.formPaie i{
	color:#404040;
	margin-right:5px;
	font-size:1.5rem;
	width:30px;
}
.moveT{
	margin-top:50px;
}
.moveT select{
	font-size:1.5rem !important;
	min-width:200px;
	color:#404040;
}
.formInput{
	border-radius:2px;
	box-shadow:none;
	border:1px solid #eaeaea;
}
.middleForm{
	margin-top:20px;
}
.calInfo{
	font-size:1.5rem;
	color:#404040;
}
.calc{
	margin-top:20px;
	background:#006bdd;
	border-color:#006bdd;
	font-size:1.5rem;
}
.calc:hover{
	opacity:0.9;
}
.lMenuChange{
	text-align:center;
	display:none;
}
@media screen and (max-width:768px){
	.item{
		text-align:center;
		margin:0;
	}
	.lMenuChange{
		display:block;
		
	}
	.floatRightMenu{
	display:none;
	}
}
@media screen and (max-width:1000px){
	.leftMenu{
		width:100%;
		max-width:100%;
		flex:unset;
		text-align:center;
	}
	.underSide{
	max-width:100%;
	flex:unset;
	}
}
span{
	font-size:1.5rem;
	color:#404040;
	margin-left:10px;
}
.cInfo span{
	display:inline-block;
}
.cInfo h4{
	display:inline-block;
	color:#404040;
}
#errorCalc{
	color:red;
	font-size:1rem;
	margin-top:5px;
}
.btnAjouterPaie{
	margin-top:20px;
	background:#006bdd;
	border-color:#006bdd;
	font-size:1.5rem;
}
.btnAjouterPaie:hover{
	opacity:0.9;
}
.iActive{
	background:#006bdd;
	color:#fff;
}
.floatRightMenu{
	position:absolute;
	top:0;
	right:10px;	
}
#dropdownMenu{
	font-size:1.5rem;
}
#dropdownMenuL{
	font-size:1.5rem;
}
.floatRightMenu .dropdown-item{
	font-size:1.5rem;
}
.floatRightMenu .dropdown-menu{
	text-align:center;
	width:100%;
}
.lMenuChange .dropdown-item{
	font-size:1.5rem;
}
.lMenuChange .dropdown-menu{
	text-align:center;
	width:100%;
}
.ajC:hover{
	background:#006bdd;
	color:#fff;
}
.lastAj{
	border-top: 1px solid #cacaca;
}
.lastAj:hover{
	background:#28a745;
	color:white;
}
#formToSend{
	margin:auto;
	width:100%;
}
#formToSendEmp{
	margin:auto;
	width:100%;
}
#formToSendEmpC{
	margin:auto;
	width:100%;
}
#compagnie{
	background:#fff;
}
.empButton{
	width:100%;
	border:1px solid #ececec;
	box-shadow:1px 1px 1px 1px #ececec;
	border-radius:5px;
}
.empRow{
	height:100px;
	background:#f5f5f5;
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	border-radius:5px;
}
.btnCustomEmp{
	float:right;
	margin-top:30px;
	margin-right:20px;
	width:150px;
}
.btnCustomEmp i{
	margin-right:10px;
}
.btnCustomEmp i::before{
	vertical-align:middle;
}
.likeEmpRow{
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.employeRow{
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-size:1.3rem;
	font-weight:600;
}
.fRow{
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	font-size:1.3rem;
	background:#f5f5f5;
}
.sRow{
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	font-size:1.3rem;	
}
.form-control{
	margin-bottom:10px;
}
#formToSend label{
	font-weight:600;
	color:#404040;
}
#formToSendEmp label{
	font-weight:600;
	color:#404040;
}
#formToSendEmpC label{
	font-weight:600;
	color:#404040;
}
.pre-scrollable::-webkit-scrollbar{
	display:none;
}
.modal-dialog{
	max-width:800px;
}
.mod input{
	width:80%;
}
.aCenter{
	text-align:center;
}
#formToSendEmp select{
	margin-right:20%;
}
#formToSendEmpC select{
	margin-right:20%;
}
.colItem{
	padding-left:15px;
}
.colItem i{
	margin-right:5px;
	width:30px;
	text-align:center;
}
.colItem:hover{
	background:#006bdd;
}
.rotNN{
	transform: rotate(-90deg);
}
.rapPeriode{
	margin-top:25px;
	margin-left:10px;
}
.rapC{
	width:300px;
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
}
.totalBorder{
	border-top:1px solid grey;
}
#connectionPage{
	
}
.backgroundApp{
	background-image:url('../image/conBackground1cut.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	
}
.mask{
	position:absolute;
	z-index:-1;
	background:black;
	width:100%;
	height:100%;
	opacity:0.1;
	
}
.centerCon{
	position:absolute;
	width:400px;
	height:400px;
	background:#fff;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	box-shadow:1px 1px 1px 1px grey;
	x-index:10;
}
#connectionForm input{
	display:block;
	margin-bottom:20px;
}
#connectionForm{
	margin-left:20px;
	margin-right:20px;
	margin-top:auto;
	margin-bottom:auto;
}
.divForm{
	
}
.errorConnection{
	margin-bottom:20px;
}
.errorConnection{
	margin-left:20px;
	margin-right:20px;
	color:red;
}
.successConnection{
	margin-left:20px;
	margin-right:20px;
	color:green;
}
.disco:hover{
	background:#dc3545;
}
.modifierCompagnie{
	padding-top:50px;
}
.btn-mCompagnie{
	margin-top:30px;
	width:100%;
}
.darkerBackground{
    background:#b9b9b9 !important;
}
.titleHead{
background:black !important;
}
.titleHead h3{
    color:#fff !important;
}
@media print{
    body{
        -webkit-print-color-adjust:exact;
    }
    .titleHead{
        background:black !important;
        -webkit-print-color-adjust:exact;
    }
    .titleHead h3{
        color:#fff !important;
    }
    .darkerBackground{
        background:#b9b9b9 !important;
    }
}
.secondList .row div{
	font-size:32px !important;
	
}
.secondList h3{
	font-size:34px !important;
}
.thirdList .row div{
	font-size:54px !important;
}
.thirdList h3{
	font-size:56px !important;
}
.employeInformationMargin div{
	margin-top:10px;
	margin-bottom:10px;
}
.dragObject {
  position: absolute;
  z-index: 9;
  background-color: #f1f1f1;
  border: 1px solid #d3d3d3;
  text-align: center;
  top:10%;
  left:25%;
}

.dragHeader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
  position:relative;
}
.dragButton{
	margin-left:10px;
	padding-bottom:2px;
	padding-top:2px;
}
.dragOnTop{
	z-index:50;
}
.employeSelect{
	min-width:250px;
	min-height:30px;
}
.payFormGroup{
	margin-right:15px;
	margin-left:15px;
}
.payFormGroup label{
	font-size:20px;
	padding-right:10px;
}
.dragButtonClose{
	position:absolute;
	right:10px;
}
.dragButtonReduce{
	position:absolute;
	right:50px;
}
.dragObject{
	resize:both;
	overflow:auto;
}