:root{
	--customColor_I: 	#272643; /* Dark blue*/
	--customColor_II:	#FFFFFF; /* White*/
	--customColor_III:	#E3F6F5; /* Light siel */
	--customColor_IV:	#BAE8E8; /* Siel*/
	--customColor_V:	#2C698D; /* Light blue - RAF*/
	--customColor_VI:	#255774; /* Light blue - RAF hover*/
}
html body{
	width:100%;
	height: 100%;
}
th, td {
  vertical-align: middle;
}
.custom-index{
	color:			var(--customColor_III);
	background-image: -webkit-linear-gradient(45deg, #FFFFFF 0%, #0171BC 100%);*/
}
.custom-login{
	color:				var(--customColor_III);
	background-color:	var(--customColor_V);
	
}
.header{
	text-align:			center;
	color:				var(--customColor_II);
	background-color:	var(--customColor_I);
}
.main{
	color:				var(--customColor_I);
	background-color:	var(--customColor_II);
	min-height:			600px;
}
.copyright {
	padding: 			10px;
	font-size: 			10px;
	text-align:			center;
	vertical-align:		middle;
	color:				var(--customColor_III);
	background-color:	var(--customColor_V);
}
.btn-custom{
	color: 				var(--customColor_III);
	background-color:	var(--customColor_V);
	margin:				2px;
}
.btn-custom-dark{
	color: 				var(--customColor_II);
	background-color:	var(--customColor_I);
	margin:				2px;
}
.btn-custom:hover{
	color:				var(--customColor_III);
	background-color:	var(--customColor_VI);
}
.navbar-nav{
	text-align:			center;
}
.navbar-nav li a{
	color:				var(--customColor_III);
}
.menu{
	background-color:	var(--customColor_I);
	text-align:			center;
}
.custom-color{
	text-align:			center;
	color: 				var(--customColor_III);
	background-color:	var(--customColor_V);
}