@charset "UTF-8";
@import url('reset.css');

/* -- BASIC FORMATTING -------------------------------------------------- */
/* ---------------------------------------------------------------------- */
html { font-size: 62.5%; }
body {
	font: 100 1.6em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	color: #888888;
	margin: 0; padding: 0;	
}

#login{
	text-align: center;
	padding: 10% 30% 0 30%;
}
.logo{
	float: left;
}
#login p{
	padding: 0;
}
#mainContent{
	background-color: #f4f2f2;
	float: left;
	width: 80%;
	margin: 10px 10% 10px 10%;
	border: 1px solid black;
}
.logout{
	float: right;
	margin: 2px 10px 10px 10px;
}
#countDownExp{
	float: right;
	margin: 2px 10px 10px 10px;
}
#colTbl{
	margin: 10px 0 10px 10px;
}
.row1{
	float: left;
	margin: 15px;
}
.rowHide{
	display: none;
}
#SQLContent{
	clear: both;
	padding: 10px;
}

#SQLContent p{
	padding: 5px 5px 20px 5px;
	border-top: 1px solid gray;
}

.SQLContentLast{
	border-bottom: 1px solid gray;
}

#tblHeader td{
	text-align: center;
	font-weight: bold;
}

#tblRow td{
	border-top: 1px solid gray;
	padding-right: 10px;
}
#tblRow0 td{
	padding-right: 10px;
}
#errorMsg{
	width: 100%;
	text-align: center;
	clear: both;
	margin-bottom: 20px;
}


#modelFunctContent{
	display: inline-block;
	clear: both;
	margin-top: 10px;
	padding: 10px;
}
.modelFunctWrapper{
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 10px;
	/* padding: 5px 5px 20px 5px; */
	border-top: 1px solid gray;
}

.modelFunctEditable{
	display: none;
}
.modelFuntB{
	padding-top: 15px;
}

/* 1 */
.modelLabel{
	display: inline-block;
	float: left;
	width: 6%;
	padding-right: 15px;
	cursor: pointer;
	/* padding-top: 15px; */
}
.modelValue{
	display: inline-block;
	float: left;
	width: 20%;
	min-width: 140px;
}

/* 2 */
.functNameLabel{
	display: inline-block;
	float: left;
	width: 10%;
	padding-left: 15px;
	/* padding-top: 15px; */
}
.functNameValue{
	display: inline-block;
	float: left;
	width: 20%;
}

/* 3 */
.functLabel{
	display: inline-block;
	float: left;
	width: 14%;
	padding-left: 20px;
	padding-top: 15px;
}
.functValue{
	display: inline-block;
	float: left;
	width: 30%;
	margin: 0;
}
.functValue input{
	width: 98%;
	margin: 0;
}
/* Row 2 */
.functDescLabel{
	clear: left;
	display: inline-block;
	float: left;
	width: 6%;
	padding-right: 15px;
}
.functDescValue{
	display: inline-block;
	float: left;
	width: 93%;
	/*min-width: 1000px;*/
}
.functDescValue textarea{
	margin: 0 0 25px 0;
	height: 110px;
}
#showAll{
	display: inline-block;
	cursor: pointer;
	margin-left: 10px;
}
#hideAll{
	display: inline-block;
	cursor: pointer;
	margin-left: 10px;
}
#sync{
	display: inline-block;
	cursor: pointer;
	margin-left: 10px;
}

/* -- FOOTER ---------------------------------------------------------- */
/* -------------------------------------------------------------------- */
footer {
	padding: 20px;
	font-size: 1.2rem;
	text-align: center;
	/* color: rgba(250, 250, 250, 0.4); */
}