@font-face {
    font-family: AvenirNextLTProReg;
    src: url(../fonts/AvenirNext-Regular.ttf);
}

html{
	overflow: unset !important;	
}
html,body{
	font-family: AvenirNextLTProReg;
	height: 100% !important;
	position: initial !important;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	user-select: none;
	line-height: normal;
	object-fit: contain;
    background-image: linear-gradient(to bottom, #306db6, #29abe2);
	color : #4a4a4a;
}
header{
	height: 70px;
	margin-bottom: 25px;
}
.navbar{
	height: 100%;
}
.navbar-container{
	display: flex;
	align-items: center;
	height: 100%;	
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.periodicButton{
    padding-left: 17px;
    font-size: 15px;
}
.navbar-header{
	width: 23%;
}
.navbar-content{
	width: 52%;
}
.navbar-suffix{
	width: 25%;
	height: 100%;
}
.setting{
	height: 50%;
}
.navbar-suffix > .setting > img{
	height: 100%;
}
.navbar-brand{
	padding: 4px;
}
.navbar-date{
	font-size: 23px;
	font-weight: 700;
	color: #4a4a4a;
}
.navbar-brand > img{
	height: 100%;
}
.noPadding{
	padding: 0px 0px 0px 0px;
}
.loginPadding{
	padding: 7% 9% 5% 9%;
}
.blue{
	color: #306db6;
}
.blueBg{
	background-color: #306db6;
	color: #fff;
}
.bgGreen{
	background-color: #5dac81;
	color: #fff;
}
.bgYellow{
	background-color: #ffb11b;
	color: #fff;
}
.bgRed{
	background-color: #e7473c;
	color: #fff;
}
.styleButton{
	font-size: 45px;
}
.fullHeight{
	height: 100%;
}
.bold{
	font-weight: 100 !important;
}
.loginTitle{
	/* font-weight: 900; */
	font-style: normal;
	font-stretch: normal;
	line-height: 1.38;
	letter-spacing: normal;
	color: #306db6;
}
.loginLabel{
	/* font-weight: 600; */
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	font-size: 15px;
	letter-spacing: 0px;
	text-align: left;
	color: #306db6;
}
.topPadding{
	padding-top: 3%;
}
.innerDiv{
	background-color: white;
	border-radius: 10px;
	margin : 4px;
	height: auto;
}
.LoginDivResponsive{
	background-color: white;
	border-radius: 10px;
	margin : 4px;
}
input.form-control{
	object-fit: contain;
	border-radius: 3px;
	color: #4a4a4a;
    border: solid 0.7px rgb(48, 109, 182,0.9);
}
select.form-control{
	object-fit: contain;
	border-radius: 3px;
	color: #4a4a4a;
    border: solid 0.7px rgb(48, 109, 182,0.9);
}
input.form-control:active, input.form-control:focus{
	border: solid 0.7px rgb(31, 192, 233,0.9);
}
.form-group label{
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	font-size: 15px;
	letter-spacing: 0px;
	text-align: left;
	color: #306db6;
}
.reportLabel {
	margin-left: 7%;
	color: #306db6;
	font-size: 15px;
}
a:focus,a:hover{
	text-decoration: none;
}
.btn-primary{
	background-color: #306db6;
}
.btn-primary:active{
	background-color: #306db6;
}
.btn-primary:hover{
	background-color: #306db6;
}
.btn-primary:focus{
	background-color: #306db6;
}
/*.innerDiv > div{
	height: 100%;          
}*/
/*.innerDiv > div > div{
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center; 
}*/
.buttonIndicationContainer{
	height: auto !important;
}
.buttonIndication{
	font-size: 18px;
	padding: 3px 12px;
}

@media (max-width: 767px) {
	.responsiveJustifyCenter{
		justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}
	.responsiveAlignStart{
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
	}
	.navbar-header{
		width: 100%;
	}
	.navbar-content{
		display: none;
	}
	/* .navbar-suffix{
		display: none;
	} */
	.innerDiv{
		border-radius: 5px;
	}
	.LoginDivResponsive{
		border-radius: 5px;
		height: auto;
	}
	.navbar-brand {
		padding: 4px;
	}
}
@media (max-width: 990px) and (min-width: 766px) {
	.loginPadding{
		padding: 2% 5% 5% 5%;
	}
	.responsiveAlignStart{
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
	}
	.responsiveJustifyCenter{
		justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}
}
@media (max-width: 1400px) and (min-width: 900px) {
	.loginPadding{
		padding: 5% 9% 5% 9%;
	}
	.mainContainer{
		margin-left: 16.66666667%;
		width: 66.66666667%;
	}
	header {
		height: 50px;
		margin-bottom: 55px;
	}
	.innerDiv{
		height: auto;
		margin: 2px;
	}
} 
@media (min-width: 1400px) {
	.loginPadding{
		padding: 4% 7% 7% 7%;
	}
}