/*BASIC ELEMENT*/
html,body
{
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#dfe4ea;
	font-family:sans-serif;
	color:#2f3542;
	font-family:sans-serif;
	overflow: auto;
}

div
{
	padding:0px;
	margin:0px;
}
table
{
	border-collapse:collapse;
	margin:0 auto;
}
td
{
	text-align:center;
	vertical-align:middle;
}
input,button
{
	outline: none;
	border:none;
	padding:13px;
}
.cs_divloading
{
	position:fixed;
	left:0px;
	top:0px;
	background-color: rgba(0, 0, 0, .5);
	width:100%;
	height:100vh;
	z-index:999999999;
}
.cs_divcontentloading
{
	margin:0 auto;
	position: relative;
	top: 47%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding:20px;
	width:100px;
	text-align:center;
	background-color:white;
	border-radius:10px;
}
.cs_imageloading
{
	width:2.5em;
}
.cs_textloading
{
	
}
/*BASIC ELEMENT*/
/*LOGIN*/

.cs_divlogin
{
	overflow-y:auto;
	width:100%;
	height:92vh;
	background-image: url('../image/login_bg.png');
	background-repeat:no-repeat;
	 background-position: bottom; 
	background-color:white;
    background-size:100% ;
}
.cs_divwelcome
{
	font-family:sans-serif;
	font-weight:bold;
	font-size:1.5em;
	margin:1em 0em 0.5em 0em;
	
}
.cs_imagelogin
{
	width:12em;
	height:7.5em;
	margin-top:2em;
}
.cs_imagelogin2
{
	width:100%;
	height:7.5em;
	position:fixed;
	bottom:0px;
	left:0px;
}
.cs_imagelogin3
{
	margin:0px;
	margin-top:1em;
	margin-left:10px;
	width:6em;
}
.cs_spanname
{
	color:#45aaf2;
}
.cs_buttonlogin
{
	background-color:#45aaf2;
	color:White;
	-webkit-box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.44);
	-moz-box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.44);
	box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.44);
	border-radius:5px;
	width:90%;
	font-size:16px;
	font-family: sans-serif;
	margin:20px 0px;
	
}
.cs_inputtext
{
	width:90%;
	border-bottom:thin #cccccc solid;
	margin:10px 0px;
}
#cs_inputtext_user
{
	background-image:url('../image/username.png');   
	background-position:left; 
	background-size: 20px;
	padding-left:30px;  
	background-repeat:no-repeat;   
}
#cs_inputtext_pass
{
	background-image:url('../image/lock.png');   
	background-position:left; 
	background-size: 20px;
	padding-left:30px;  
	background-repeat:no-repeat;   
}
/*END LOGIN*/

/*HOME*/
.cs_divheader
{
	width:100%;
	padding:1em;
	padding:0.8em 0.7em;
	background-color:#2c3e50;
	color:white;
	font-weight:bold;
	position:fixed;
	left:0px;
	top:0px;	
}
.cs_divcontent
{
	width:100%;
	position:fixed;
	top:1.8em;
	background-color:#dfe4ea;
	padding-top:1em;
	justify-content: center;
	overflow-y: auto;
	overflow-x: hidden;
}
.cs_divmenu
{
	cursor:pointer;
	display: inline-block; 
	position:relative;
	list-style:none;	
	background-color:white;
	-webkit-box-shadow: 0px 2px 15px -6px rgba(0,0,0,0.44);
	-moz-box-shadow: 0px 2px 15px -6px rgba(0,0,0,0.44);
	box-shadow: 0px 2px 15px -6px rgba(0,0,0,0.44);
	border-radius:10px;
	margin:0.5em;
	padding:0.2em 1em;
	width:4rem;
	height:6rem;
}
.cs_tdmenu
{
	font-weight:bold;
	font-size:12px;
}
.cs_imageicon
{
	margin:0.2em;
	width:3.5rem;
	height:3.5rem;
}