#headerBar {
	position:relative;
	background-color: #414042;  
}

#bodyContent .grayinput{
	background-color: #D0D0D0  ;
}
  
#bodyContent .buttonColorBlue{
	/* background-color : #517fe8;
	border : none;
	color : white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none; */
	
	background-color: #517fe8;
	color : white;
	border : 2px solid #517fe8;
	padding: 0px 32px;
	text-align: center;
	cursor : pointer;
	transition-duration: 0.4s;
	border-radius: 5px;
	height: 40px;
}

#bodyContent .buttonColorBlue:hover{
	background-color: #517fe8;
	color : white;
}

	
#bodyContent .buttonColorRed{
	
	/* background-color : #ff4d4d;
	border : none;
	color : white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none; */
	
	background-color: #ff4d4d;
	color : white;
	border : 2px solid #FF4D4D;
	padding: 0px 32px;
	text-align: center;
	cursor : pointer;
	transition-duration: 0.4s;
	border-radius: 5px;
	height: 40px;
	
}
	
#bodyContent .buttonColorRed:hover{
	background-color: #FF4D4D;
	color : white;
}
	
#bodyContent .white{
	background-color : white; 
}

#bodyContent .padleft0{
	padding-left : 0px;
}

#bodyContent .padright0{
	padding-right : 0px;
}

#bodyContent .divblue{
	margin-top : 5%;
	margin-bottom : 5%;
	background-color : #414042;
	text-align : center;
	width : 100%;
	color : white;
	border-radius: 12px;
	vertical-align: middle;
	line-height: 30px;
}

#bodyContent input[type ="text"], #bodyContent input[type ="password"], #bodyContent input[type ="e-mail"], #bodyContent input[type ="date"], #bodyContent select{
	/* width : 180px; */
	height : 25px; 
	border-width : 1px;
	border-style : solid;
	border-color : #c0c0c0;
	padding-left : 5px;
}
	
@media screen and (max-width: 767px) {
	#bodyContent .inputWidth70 {
		width: 50%;
	}
	#bodyContent p {
		font-size: 13px;
	}
	#bodyContent .row {
		margin-bottom: 20px;
	}
	#bodyContent .widthadd {
		width: 100%;
	}
}
	
	
@media screen and (min-width: 768px) {
	#bodyContent .width180 {
		width: 180px;
	}
	#bodyContent .widthadd {
		width: 50%;
	}
	#bodyContent .row {
		margin-bottom: 10px;
	}
	#bodyContent .right {
		text-align: right;
	}
	#bodyContent .paddingleft0p {
		padding-left: 0px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	#bodyContent p {
		font-size: 14px;
	}
}

.container .panel {
	background-color: white;
	border: 1px solid #414042;
	border-radius: 10px;
	margin-top: 2%;
}

.container .panel input[type="password"] {
	width: 90%;
}

.container .panel .row label {
	font-size: 1.1em;
	float: right;
}

.container .panel-title > div {
	background: #414042;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 1px 10px 1px 20px;
}

.container .panel-title > div > span {
	color: white;
	font-weight: bold;
	width: 100%;
}

.container .btn-blueSky {
	background-color: #517fe8;
	border-color: transparent;
	font-size: 18px;
}

.container .btn-blueSky:hover {
	background-color: #517fe8;
	border-color: transparent;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 320px) and (max-width: 480px) {
	.container .btn-blueSky {
		font-size: 14px;
	}
	.container .panel .row label {
		font-size: 14px;
	}
}

@media screen and (min-width: 480px) and (max-width: 640px) {
	.container .btn-blueSky {
		font-size: 15px;
	}
}

@media screen and (max-width: 992px) {
	.container .panel .row label {
		float: left;
	}
}

@media screen and (min-width: 992px) {
	.container .panel .row label::after {
		content: " :";
	}
}