/*  	    												   __/\
            _           _       ____   ___ ____   ___     ___/_  `.  .-"""-.
   __ _  __| |_ __ ___ (_)_ __ |___ \ / _ \___ \ / _ \    \__,`   \-'  /   )`----')  
  / _` |/ _` | '_ ` _ \| | '_ \  __) | | | |__) | | | |       )        \  ((`""""`  
 | (_| | (_| | | | | | | | | | |/ __/| |_| / __/| |_| |    ___Y  ,    .'7 /|   
 @admin2020 _|_| |_| |_|_|_| |_|_____|\___/_____|\___/    (_,___/...-` (_/_/	*/  


/* stuff to make 2013 / 2016 templates look like 2020, 
so I dont have to update every single page. 
this css can eventually go away when those templates are eradicated */


/* layout
================================================================ */
#main_content {
	padding: 24px 36px;
	margin-left: 240px;
	width: 1070px;
	min-height: calc(100vh - 96px - 24px); /*100% height - header height - footer height*/
}
@media (max-width: 768px) {
	#main_content  {
		margin: 0;
		width: 100%;
		padding: 20px 5px;
	}
}

#content {
    margin: 0;
    width: 100%;
}

/* fake the h3 to look like h1#pageHeading
================================================================ */
h3:first-of-type {
	border-bottom: solid #000 2px;
	padding-bottom: 0;
	margin: 0 0 24px 0;
	min-height: 36px;
	line-height: 36px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}
h3:first-of-type + hr {
	border: 0;
	margin: 0;
}



/* utilities
================================================================ */
.mt20 {
	margin-top: 20px;
} 

.mb20 {
	margin-bottom: 20px;
}


/* this is like box & table-edit
================================================================ */
.tblBorder  {
	border: 1px solid #232323;   
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin-bottom: 24px;
}

form table.tblBorder tbody td {
    height: 36px;
    line-height: 36px;
}
table.tblBorder tbody td:first-child {  
    width: 25%;
    text-align: right;
    padding-right: 24px;
    white-space: nowrap;
}
table.tblBorder tbody tr:first-child td, /*header*/
.defBGColor,
.defHeader {
    text-align: left;
    background-color: #232323;  
	color: #fff; 
    height: 24px;
    line-height: 24px;	
    padding-left: 5px;
}



/* welcome.asp
================================================================ */
.count {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #CC0000;
    font-size: 10px;
    float: right;
    padding-right: 10px;
}
a:hover span.count {
	color: white;
}
/*
#wRecord, 
#wSearch, 
#wEcert,
#wFavorite { 
	float:left; 
	width:24%; 
	margin-right:1%; 
    height: 175px;
}

#wSearch { 
	width:49%; 
}

.searchdiv {
	padding: 5px;
}*/


/* buildlist
================================================================ */
.table-buildlist > tbody td {
	white-space: nowrap;
}

.table-buildlist > tbody td.wrap {
	white-space: normal;
}