.index-header{
    background-color:#ffffff;
    color:black;
    margin-top:-20px;
    margin-left:-10px;
    margin-right:-20px;
    margin-bottom: -40px;
    border-bottom: 1px solid rgba(20,20,20,0.4);
}

.index-header h3{
    margin-top:-5px;
    text-align: center;
}
.index-header h4{
color:black;
}
.index-header a{
    text-decoration: none;
}
legend{
	color:#333;
}
.body-style{
	background-color:#fff;
	color:black;
}
#username{
	background-color: transparent !important;
	
}
#username:hover{
	background-color: transparent !important;
border-bottom: 1px solid lightblue;	
}
#username:focus{
	background-color: #eee;

}
#password{
	background-color: transparent !important;

}
#password:hover{
	background-color: transparent !important;
	border-bottom: 1px solid lightblue;
}
#password:focus{
	background-color: #eee ;
}
.header{
	background-color:#ffffff;
	color:black;
	width: 100%;
	
	margin-left:-10px;

	margin-right:20px;
	border-bottom: 1px solid rgba(20,20,20,0.4);
}
.header h3{
	margin-top:-5px;
	text-align: center;
}
.header h4{
color:black;
}
.header a{
	text-decoration: none;
}
.main{
	padding-top:50px;	
	height: 100%;
	
	
}
.main-platform{
	height: 100%;	
}
input[type=time]{
	width: 95%;
	height:40px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: center;
}


.login{
	border: 1px solid #eee;
	width:30%;
	margin-top: 10%;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 1px 1px 1px rgba(150,150,150,0.8);
	padding: 10px;
	color:black;
}
.login h3{
	background-color: #ffffff;
	padding:10px;
	margin-top:-11px;
	margin-left:-10px;
	margin-right: -10px;
	color:#222;
	border-bottom: 1px solid #dddddd;
}
.login input[type=text]{
	width: 95%;
	height:40px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.4);
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: center;
}

.login input[type=text]:hover{
	width: 95%;
	height:40px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.6);
	text-align: center;
}

.login input[type=email]{
	width: 95%;
	height:40px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.4);
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: center;
}

.login input[type=email]:hover{
	width: 95%;
	height:40px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.6);
	text-align: center;
}

.login textarea{
	width: 95%;
	height:80px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.4);
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}

.login textarea:hover{
	width: 95%;
	height:80px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.6);
	text-align: left;
}

.login input[type=password]{
	width: 95%;
	height:40px;
	border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.4);
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: center;
}

.login input[type=password]:hover{
	width: 95%;
	height:40px;
		border-top:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color: rgba(250,250,250,0.8);
	text-align: center;
}
.login label{
	color:black;
}
.footer{
	background-color:rgba(2,2,2,0.9);
	padding:15px;
	height: 25%;
	
	margin-right: -5px;
	margin-left:-10px;
	margin-right: -15px;
	margin-bottom: -50px;
	color:orange;
	border-top:1px solid rgba(200,200,200,0.2);

}
.footer p.col-25-left{
	float:left;
	width:25%;
	color:white;
	text-align: center;
	
	
}
.footer p.col-25-middle{
	float:center;
	text-align: center;
	width:50%;
	color:white;

	
}
.footer p.col-25-right{
	float: right;
	width:25%;
	color:white;
	margin-top:-40px;
	text-align: center;
	font-family: arial;
	
}
body{

background-size:cover;
background-color: white !important;
height: 100%;
}

.btn-update{
	width:100px;
	height:30px;	
	cursor: pointer;
	border: 1px solid olive;
	background-color:olive;
	font-family: Helvetica Tahoma Arial;
	font-size: 12px;
	color:white;
	border-radius: 0px;
}

.btn-update:hover{
	width:100px;
	height:30px;
	border: 1px solid darkgreen;
	background-color:darkgreen;
	font-family: Helvetica Tahoma Arial;
	cursor: pointer;
		font-size: 12px;
		color:white;
		border-radius: 0px;
}


.btn{
	width:50%;
	height:30px;	
	cursor: pointer;
	border: 1px solid #ddd;
	background-color:#fff;
	font-family: Helvetica Tahoma Arial;
	font-size: 12px;
	color:#aaa;
	border-radius: 1px;
	padding: 10px;
}

.btn:hover{
	width:50%;
	height:30px;
	border: 1px solid royalblue;
	background-color:#fff;
	font-family: Helvetica Tahoma Arial;
	cursor: pointer;
    font-size: 12px;
	color:royalblue;
	border-radius: 1px;
	padding: 10px;
}

.btn-menu{
	width:100px;
	height:30px;	
	cursor: pointer;
	border: 1px solid white;
	background-color:#444999;
	font-family: Helvetica Tahoma Arial;
	font-size: 14px;
	color:white;
}
.btn-menu:hover{
	width:100px;
	height:30px;	
	cursor: pointer;
	border: 1px solid lightblue;
	background-color:#444888;
	font-family: Helvetica Tahoma Arial;
	font-size: 14px;
	color:white;
}

.btn-data{
	width:100px;
	height:30px;	
	cursor: pointer;
	border: 0px solid white;
	background-color:rgba(10,20,100,0.8);
	font-family: Helvetica Tahoma Arial;
	font-size: 14px;
	color:white;
}
.btn-data:hover{
	width:100px;
	height:30px;	
	cursor: pointer;
	border: 0px solid white;
	background-color:rgba(10,20,120,0.5);
	font-family: Helvetica Tahoma Arial;
	font-size: 14px;
	color:white;
}


.platform{
	border: 1px solid gray;
	width:90%;
	margin-top: 10%;
	background-color: rgba(200,200,200,0.1);
	padding: 10px;
}

.platform input[type=text]{
	width: 95%;
	height:30px;
	border:1px solid #cccccc;
	background-color: rgba(200,200,200,0.4);
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: center;
}

.platform input[type=text]:hover{
	width: 95%;
	height:30px;
	border:1px solid #cccccc;
	background-color: rgba(200,200,200,0.6);
	text-align: center;
}

h4{
	padding:10px;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: -5px;
	background-color: rgba(200,200,200,0.3);
	border-bottom:1px solid #ccc;
}
div#an-div{
		background-color:  rgba(200,200,200,0.3);
		padding: 10px;
		color:black;
}
div#an-div a{
	background-color:  rgba(250,250,250,0.2);
	text-decoration: none;
	padding:5px;
	margin-bottom: 10px;
	border:0px solid white;
	color:black;
	border-radius: 4px;
	min-width:100%;

}
div#an-div a:hover{
	background-color:  rgba(200,200,200,0.6);
	text-decoration: none;
	padding:5px;
	margin-bottom: 10px;
	border:0px solid white;
	color:black;
	border-radius: 4px;
	min-width:100%;
}
div#sub-menu{
	border: 1px solid gray;
	background-color:rgba(250,250,250,0.2);
	padding:10px;
	display: block;
}

div#sub-menu a{
	border: 0px solid #eee;
		background-color:#222;
		color:white;

}

div#sub-menu a:hover{
	border: 0px solid #eee;
		background-color:#555;
		color:white;
}
div#admin a{
text-decoration: none;
}
div#admin a:hover{
text-decoration: none;
}

input[type=text]{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: transparent;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}

input[type=number]{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: transparent;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}


input[type=email]{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: transparent;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}

input[type=password]{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color:transparent;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}
input[type=date]{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: transparent;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}

select{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: transparent;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
	cursor: pointer;
}

select:focus{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: transparent;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
	cursor: pointer;
}


textarea{
	width: 95%;
	height:50px;
	border:0px solid gray;
	border-bottom:1px solid gray;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
	color:black;
}
.contact-us{
	border: 1px solid gray;
	width:40%;
	margin-top: 5%;
	background-color:white;
	padding: 10px;
	color:black;
}
.contact-us h3{
	background-color: #444999;
	padding:10px;
	margin-top:-11px;
	margin-left:-10px;
	margin-right: -10px;
	color:white;
}

.data{
	border: 1px solid gray;
	width:90%;
	margin-top: 10%;
	background-color: rgba(200,200,200,0.9);
	padding: 10px;
	color:black;
}

.data h3{
	background-color: #735666;
	padding:10px;
	margin-top:-11px;
	margin-left:-10px;
	margin-right: -10px;

	color:white;
}

.data input[type=text]:focus{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}
.data input[type=date]:focus{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}
.data input[type=email]:focus{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}
.data input[type=file]:focus{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}
.data input[type=password]:focus{
	width: 95%;
	height:30px;
	border:1px solid gray;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
}
.data textarea:focus{
	width: 95%;
	height:100px;
	border:1px solid gray;
	background-color:white;
	font-size: 16px;
	font-family: Helvetica Tahoma Arial;
	text-align: left;
	color:black;
}

div img{
	border:1px solid #ccc;
	padding:10px;
}
fieldset{
	border:1px solid #dddddd;
}