//Defaults
//zclogin 	for Module ZCLogin
//req 		for Required fields
//main		for Main View
//tab 		for Top tabs

body { background-color: #334f7c; height: 100%; margin: 0; padding: 20;}
html { background-color: #334f7c; height: 100%; margin: 0; padding: 20;}
div { background-color:  #334f7c; }
	div.view {background-color: transparent;}
	div.outline { background-color: #334f7c;}
   div.background { background-color: transparent; color:#334f7c;}
 	div.zclogin  { background-color: #334f7c; color: white;  }
 	div.main { background-color: #334f7c; color:white;} 
 	div.leftcolumn { background-color: #334f7c; color: white; } 
 	div.maincolumn { background-color: #334f7c; color: white; } 
 	div.securitybar { background-color: #334f7c; color: white; } 
   div.outline {  border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px;padding:20px; background-color:#ffffff; color:black;;}
	div.widget { padding-left:5px; background-color:#ffffff; overflow:auto;padding:10px;}
	div.tab{padding:0px; background-color:#334f7c; color:white;}
   div.tab button.active {background-color: #434fd5; color:white;}
	div.DetailHeading{font-weight:bold;padding:1px;text-align:center;}
   div.ListTable{background-color:#ffffff; color:black; } 
   div.ListDetail{background-color:#ffffff; color:black; } 
	div.ListTableRow {background-color:#ffffff; color:black;}
 form {}
 	form.view {background-color: white; color:black;}
table { border: 1px solid black }
	table.zclogin { border: none; }	
	table.ListTable { border: 1px solid black; overflow-y: auto; overflow-x: hidden;}	
	table.ListDetail { border: 1px solid black; overflow-y: auto; overflow-x: hidden; } 	
	table.DetailTable {  overflow-y: auto; overflow-x: hidden; padding-bottom: 25px;} 	
thead { font-style: bold; }
	thead.ListTable{font-weight:bold;padding:2px;text-align:center; width: 100%;}
	thead.ListDetail{font-weight:bold;padding:2px;text-align:center;}
tbody { font-style: none; }
	tbody.ListTable{padding:1px;text-align:left; }
	tbody.ListDetail{padding:1px;text-align:left;}
tr { padding: 1px; }
	tr.zclogin { padding: 3px; }
	tr.ListTable{margin-top:1px;margin-bottom:1px;padding:1px; color:black; }
	tr.ListDetail{margin-top:1px;margin-bottom:1px;padding:1px; color:black;}
td { padding: 1px; border: 1px solid black; }
	td.zclogin { border: none; padding-left: 4px; }
	td.ListTable{margin-top:0px; margin-bottom:0px; padding: 1px; border: 1px solid black;}
	td.ListDetail{margin-top:0px; margin-bottom:0px; padding: 1px; border: 1px solid black;}

a	{ color:white;}
	a.zclogin { color: white;	}
h1 { background-color:  #334f7c; color: white; text-align: center; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px;padding:20px;}
h2 { color: white; text-align: center; margin-top: 1px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px;padding:20px;}
	h2.ListTable{color:#334f7c;text-align:center;margin-top:1px;}
	h2.ListDetail{color:#334f7c;text-align:center;margin-top:1px;}

label { padding-top: 2px; color:black;}
	label.ListTable{padding:1px;}
	label.ListDetail{padding:1px;}
	label.zclogin {padding:2px; font-weight: bold;color:white;}
	label.login {padding:2px; font-weight: bold; color:white;}
input { background-color: white; color:black;}
    input.req { background-color: #e6f3ff; }
	 input.zclogin {border: 1px solid black; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: black; }
    input.tablinks {border: 0px white;background-color: #334f7c;color: white;box-shadow: none;}
    input.tablinks {border: 0px white;background-color: #334f7c;color: white;box-shadow: none;}
    input.tabactive {border: 0px white;background-color: #2874A6;color: white;box-shadow: none;}
    input.tabinactive {border: 0px white;background-color: #334f7c;color: white;box-shadow: none;}
    input.tabdisabled {border: 0px white;background-color: #334f7c;color: grey;box-shadow: none;}
select { padding-top: 2px; background-color: white; color:black;}
    select.req { background-color: #e6f3ff; color:black;}
    select.default {color: black;}
    select.zclogin {border: 1px solid black; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: black; }
textarea { background-color: white; color:black;}
   textarea.req { background-color: #e6f3ff; color:black;}
button { margin-top: 2px; margin-bottom: 2px; margin-left: 5px;  margin-right: 5px; background-color: #334fd5; color: white;  }
    button:focus { border: 1px solid black; color: white; box-shadow: none; }
    button.left {border: 1px solid black;background-color: #2874A6;color: white;box-shadow: none;}
    button.top {border: 1px solid black;background-color: #434fd5;color: white;box-shadow: none;}
    button.zclogin {border: 1px solid black;background-color: #434fd5;color: white;box-shadow: none;}
    button.zcloginerr {border: 1px solid black;background-color: #e6f3ff;color: #434fd5;box-shadow: none;}
    button:btn { margin: 1px; }
    button:btn-info { margin: 1px; }
    


//ZCMenu
.dropdown {
	position: relative;
	display: inline-block;
	}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
	}	

.dropdown:hover .dropdown-content {
    display: block;
	}