/* CSS Document
This CSS is part of Project UNICAF by Medialab®
For more details, please visit http://medialab.in
*/


/* DEFINE THEME */
:root {
	
		/* BG Colors */

		--ml-dull-1: #E7E7E7;
		--ml-dull-2: #DFDFDF;
		--ml-dull-3: #D3D3D3;
		
		--ml-bright-2: rgb(38, 89, 141);
		
		--ml-dark-1: #;
		--ml-dark-2: #424242;
		--ml-dark-3: #;
		--ml-dark-4: #2C1100;
		
		/* TEXT Colors */
		--ml-text-l: #FFFFFF;
		--ml-text-d: #000000;
}


/* HHHHHHHHHHHHHHH HIGHLIGHTERS HHHHHHHHHHHHHHH */

.dull1{
	background-color:var(--ml-dull-1);
	color:var(--ml-text-d);;
}
.dull2{
	background-color:var(--ml-dull-2);
	color:var(--ml-text-d);;
}
.dull3{
	background-color:var(--ml-dull-3);
	color:var(--ml-text-d);;
}

.bright2{
	background-color:var(--ml-bright-2);
	color:var(--ml-text-l);;
}

.dark1{
	background-color:var(--ml-dark-1);
	color:var(--ml-text-l);;
}
.dark2{
	background-color:var(--ml-dark-2);
	color:var(--ml-text-l);;
}
.dark3{
	background-color:var(--ml-dark-3);
	color:var(--ml-text-l);;
}
.dark4{
	background-color:var(--ml-dark-4);
	color:var(--ml-text-l);;
}

.red{
	background-color:#F70004;
	color:#FFFFFF;
}
.orange{
	background-color:#D36900;
	color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6{
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
}

em{
	font-style:inherit;
}

em a{
	text-decoration:none;
	background-color:var(--ml-dark-2);
	color:var(--ml-text-l);;
	padding: 2px 5px 2px 8px;
	border-radius: 5px;
	border: 1px solid #959595;
	font-size: 0.7em;
	cursor: pointer;
	margin-right:10px;
}

em a:hover{
	background-color:#5CD113;//var(--ml-dull-1);
	color:var(--ml-text-d);;	
}

/* ***************** NATIVE ELEMENTS **************** */

body{
	margin:0px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;	
}

a{
	color:inherit;	
}
	

header{
	background-color:var(--ml-bright-2);
	padding:10px;
	height:70px;
}

.headerLogo {
	height:70px;
	float:right;
}

.headerText {
	color:var(--ml-text-l);	 
}

nav {
	margin-bottom:20px;
	padding:8px 10px 8px 10px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	font-weight:bold;
	background-color:var(--ml-dark-2);
	color:var(--ml-text-l);
}

nav a, nav a:visited {
	text-decoration:none;
	padding: 2px 5px 2px 8px;
	border-radius: 5px;
	border: 1px solid #959595;
	font-size: 0.7em;
	cursor: pointer;
	margin-right:10px;
}

nav a:hover {
	background-color:var(--ml-dull-2);
	color:var(--ml-text-d);

}

.marqueeNotice {
	background-color:var(--ml-dull-1);
	color:var(--ml-text-d);
	padding:2px;
}

.floatingFooter {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	/*background: -webkit-linear-gradient(top, #DBD2B2, #AA9460);*/
	background-color:var(--ml-bright-2);
	text-align:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top:2px;
	font-size:30px;
}

.floatingFooter a{
	font-size:36px;
	color:var(--ml-text-d);
}

.floatingFooter a:visited{
	color:var(--ml-text-d);
}

.floatingFooter a:hover{
	border-radius: 3px;
	color: var(--ml-text-l);
/*	border: 1px solid var(--ml-text-l); */
}

.footerInfo {
	font-size:20px;
}

credits{
	font-size:.5em;
}

main{
	max-width: 720px;
	/*min-height: 720px;*/
	margin: auto;
	margin-top:10px;
	margin-bottom:60px;
	padding:16px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
/*	border-right: 1px solid #C1C1C1; */
}


/* contentList */

form {
	list-style-type: none;	

}
form li {
	margin: auto;
	margin-top:5px;
	padding:16px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
form label {
	
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color:#D0D0D0;
	font-weight:500;	
	margin-bottom:2px;
	display:block;
}

.dashboard a{
	position:relative;
	text-decoration:none;
	padding: 10px;
	margin-bottom:8px;
	/*background: -webkit-linear-gradient(top, var(--ml-color-l1), var(--ml-color-d1));*/
	background-color:var(--ml-bright-2);
	color: var(--ml-text-l);
	cursor:pointer;
	display:block;
	border-radius:5px;	
}

.dashboard a:hover{
	background-color:var(--ml-dull-1);
	color: var(--ml-text-d);
}

.fa {
	width:30px;
	/*margin-right:16px;*/
}

/* PAGEMAST */

.pageMast {
	margin-bottom:20px;
	padding:5px 10px 5px 10px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	font-weight:bold;
	background-color:var(--ml-dark-2);
	color:var(--ml-text-l);
}
.pageMast h5 {
	font-size:14px;
	display:inline;
}
.pageMast span {
	font-size: 14px;
	font-weight: bolder;
}
.pageMast span:before {
	content: " > ";
}
.pageMastMenu {
	width: 100%;
	text-align:right;
	float:right;
	display:inline;
	margin:0px auto;
}
.pageMastMenu li{
	list-style-type: none;
	display:inline;
}
.pageMastMenu a{
	text-decoration:none;
	color:#FFF;
	background-color:#62090B;
	padding: 3px 5px 3px 5px;
	border-radius:3px;
}


/* FORM ELEMENTS CSS */

input,select {
	padding:8px;
	border:none;
	border-bottom:1px solid #ccc;
	width:99%;
	font-size:inherit;
	}

input[type=radio] {
    border: 0px;
    width: 25px;
    /*height: 2em;*/
}

input[type=radio]:focus {
    border: 0px;
    width: 25px;
    height: 2em;
}

input[type=checkbox] {
    border: 0px;
    width: 25px;
    height: 2em;
}

input[type=checkbox]:focus {
    border: 0px;
    width: 25px;
    height: 2em;
}

button{
	padding: 10px 15px 10px 15px;
	min-width: 100px;
	border-radius: 5px;
	border: 1px solid #959595;
	font-size: inherit;
	cursor: pointer;
	margin-right:10px;
}

button:hover{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

button[type=submit]{
	width:100%;
	padding: 10px;
	margin: 8px 0px 8px 0px;
	/*background: -webkit-linear-gradient(top, var(--ml-color-l1), var(--ml-color-d1));*/
	background-color:var(--ml-bright-2);
	color: var(--ml-text-l);	
	display:block;	
}

button[type=submit]:hover{
	background-color:green;
}


:checked + span {
	font-weight:bold;
	color:#900;
}

textarea {
	padding:8px;
	width:100%;
	font-family:inherit;
	font-size:inherit;
	}

/* TABLE dataTable CSS */

.dataTable {
	margin:0 auto;padding:0px;
	width:100%;
}
.dataTable table{
  border-collapse: collapse;
  border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
}

.dataTable tr:hover td{
	background-color:var(--ml-dull-3);	
}

.dataTable tr:nth-child(odd){
	background-color:var(--ml-dull-1);
	}

.dataTable tr:nth-child(even){
	background-color:#ffffff;
}

.dataTable td{
	vertical-align:middle;
	text-align:left;
	padding:7px;
	padding-left:8px;
	font-weight:normal;
}
.dataTable tr th{
	background-color:var(--ml-bright-2);
	text-align:center;
	font-weight:bold;
	color:var(--ml-text-l);
	height:50px;
}

/* TABLE printTable CSS */

.printTable {
	margin:0 auto;padding:0px;
	width:750px;
}
.printTable table{
  border-collapse: collapse;
  border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
}

.printTable tr:hover td{
	background-color:var(--ml-dull-3);	
}

.printTable tr:nth-child(odd){
	background-color:var(--ml-dull-1);
	}

.printTable tr:nth-child(even){
	background-color:#ffffff;
}

.printTable td{
	vertical-align:middle;
	text-align:left;
	padding:7px;
	padding-left:8px;
	font-weight:normal;
}
.printTable tr th{
	background-color:var(--ml-bright-2);
	text-align:center;
	font-weight:bold;
	color:var(--ml-text-l);
	height:50px;
}