@charset "utf-8";
/* CSS Document */
/*
 * Theme Name: EG Comp theam
 * URI: http://egravity.lk
 * Description: 
 * Version: 1.1
 * Author: Amal Pattividana
 * Author URI: http://facebook.com/anpattividana
 */

body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	font: inherit;
	height: 100%;
	/*background-color: #EFEED8;
	background: #25304c;*/
	background:url(images/dumi_backNight.png) repeat center;
	background-size:100%;
}

h3{
	color:#67acf9;
	font-family: sans-serif;
    text-align: center;
    font-size: x-large;
}

.row{
	display:block;
}

.clear-right{
	clear:right;
}

#side_bar{
	float:left;
	display: block;
	position: fixed;
	margin:auto;
	width:15%;
	padding:1% 0 1% 0%;
	background:#161d2f;
	border-right: #fd7100 5px solid;
	/*background:url(images/dumi_backNight.png);*/
	font-family:"Open Sans","Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
	color:#333;
	min-height:100%;
	height:100%;
	/*background-color:#E9E9E9;
	background:linear-gradient(to right,transparent 80%,rgba(0, 0, 0, 0.08) 100%,rgba(0, 0, 0, 0.12) 1px,transparent 1px,transparent 100%);
	background:-webkit-linear-gradient(left,transparent 80%,rgba(0, 0, 0, 0.08) 100%,rgba(0, 0, 0, 0.12) 1px,transparent 1px,transparent 100%);
	background:-moz-linear-gradient(left,transparent 80%,rgba(0, 0, 0, 0.08) 100%,rgba(0, 0, 0, 0.12) 1px,transparent 1px,transparent 100%);
	background:-o-linear-gradient(left,transparent 80%,rgba(0, 0, 0, 0.08) 100%,rgba(0, 0, 0, 0.12) 1px,transparent 1px,transparent 100%);
	*/												  
}

#side_bar header.site-title{
	z-index: -1;
	height: 0px;
	opacity: 0;
	-webkit-animation: myhide 5s; /* Chrome, Safari, Opera */
    animation: myhide 5s;
	position: relative;
}

@-webkit-keyframes myhide {
    from {opacity: 1; height:100px; }
    to {opacity: 0; height:0px; }
}

@keyframes myhide {
    from {opacity: 1; height:100px; }
    to {opacity: 0; height:0px; }
}

#side_bar header.site-title img{
	width:80%;
	margin:auto 0;
}

#sub_wrapper{
	float:right;
	display: block;
	position: static;
	width:85%;
	background-color:#161d2f;
	/*background:url(images/dumi_backNight.png) repeat center;*/
	background-size:100%;
}

/*	header styles */

header.head{
	/*background: url(images/dumi_backnight.png) repeat;*/
	background-size:100%;
	height:177px;
	border-bottom: #fd7100 5px solid;
}

.st2{
	font-size:36px;
	float:left;
	padding:6px;
	/*background-color:#EFEED8;*/
	height:100px;
	font-family:sans-serif;
	width:99%;
	color:#67acf9;
	margin-top: 37px;
    margin-left: 64px;				 
					 
}

.st3{

/*background-color:#EFEED8;
	float: right;
	height:0px;
	width:21%;
	vertical-align:center;*/
	margin-top: 17px;
    margin-left: 14px;
	margin-right: 20px;
}

div.site-title2{
	font-size:36px;
	float:left;
	padding:6px;
	/*background-color:#EFEED8;*/
	height:100px;
	font-family:sans-serif;
	width:46%;
	color:#67acf9;
	vertical-align:center;
	margin-top: 30px;
	margin-left: 338px;
}

div.site-title3{
	/*background-color:#EFEED8;*/
	float: right;
	height:0px;
	width:21%;
	/*vertical-align:center;*/
	margin-top: 0px;
	margin-right: 20px;
}

div.site-title{
	font-size:36px;
	float:left;
	padding:6px;
	/*background-color:#EFEED8;*/
	height:100px;
	font-family:sans-serif;
	width:46%;
	color:#7E0000;
	vertical-align:center;
	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomright: 100px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	margin-top: 4px;
	margin-left: 4px;
}

.site-logo{
	display: inline-block;
	background: url(images/eglogo5.png) no-repeat;
	width:150px;
	height:100px;
	float:left;
	padding: 10px;
	background-size: 102px;
}

.site-logo2{
	display: inline-block;
	background: url(images/eglogo5.png) no-repeat;
	width:150px;
	height:100px;
	float:left;
	padding: 10px;
	background-size: 125px;
}

.site-logo3{
	display: inline-block;
	background: url(images/ts.png) no-repeat;
	position: relative;
    left: 11px;
    bottom: -4px;
    width: 137px;
    height: 100px;
    float: left;
    padding: 10px;
    background-size: 113px;
}

 .pro-pic{
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 border-radius: 50%;
	 float:right;
	 display:inline-block;
	 border: solid 3px #E9E9E9;
	 width:80px;
	 height:80px;
	 background-position: 50% 0%;
 }

 .pro-pic2{
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 border-radius: 50%;
	 float:left;
	 display:block;
	 border: solid 3px #67acf9;
	 width:100px;
	 height:100px;
	 margin:2px 5px 2px 5px;
	 background-position: 50% 0%;
	 /* background-repeat: no-repeat; */
 }
 
 .fname{
	font-family:sans-serif;
	font-size:32px;
	margin-right:10px;
	color: #fff;
	float:right;
	position:relative;
	display:block;
 }

 .fname2{
	font-family:sans-serif;
	font-size:25px;
	margin-right:5px;					  
					  
	color: #67acf9;
	float:left;
	position:relative;
	display:block;
	margin-left: 5px;
   
 }

 .lname{
	font-family:sans-serif;
	font-size:18px;
	margin-right:10px;
	color: #FFEFBF;
	float:right;
	position:relative;
	display:block;
	cursor:pointer;
 }

.top{
	display:block;
}

section.top .description{
	font-size: 16px;
    margin-top: 8px;
}

			
												
						  
				  
 

#user_ribbon{
	padding: 5px;
    margin: 0px;
    background: url(images/dumi_thh.png) no-repeat;
    background-size: cover;
    height: 174px;
    position: relative;
    top: -158px;
    z-index: 999;
	/*background-color:#7F0000;
	padding:10px;
	margin:0px;
	background:url(images/dumi_thh.png) no-repeat;
	background-size: cover;
	height: 160px;
	background:linear-gradient(to bottom,transparent 50%,rgba(0, 0, 0, 0.4) 100%,rgba(0, 0, 0, 0.2) 1px,transparent 1px,transparent 100%);
	background:-webkit-linear-gradient(top,transparent 50%,rgba(0, 0, 0, 0.4) 100%,rgba(0, 0, 0, 0.2) 1px,transparent 1px,transparent 100%);
	background:-moz-linear-gradient(top,transparent 50%,rgba(0, 0, 0, 0.4) 100%,rgba(0, 0, 0, 0.2) 1px,transparent 1px,transparent 100%);
	background:-o-linear-gradient(top,transparent 50%,rgba(0, 0, 0, 0.4) 100%,rgba(0, 0, 0, 0.2) 1px,transparent 1px,transparent 100%);*/
}

hr{
	padding:0px;
	margin:auto;
	clear:both;
	background-color:#25304c;
}

/*	content */

#content{
	padding:1%;
	float:left;
	font-family:"Open Sans",Verdana, Geneva, sans-serif;
	color:#fff;
	width:98%;
	min-height:400px;
	background: #25304c;
	/*background:url(images/dumi_backNight.png) repeat center;*/
	background-size:100%;
}

/* main - nav - menu */

.main-nav{
	float:right;
	padding:0 5px;
}

nav.main-nav ul li{
	display:inline-block;
	background:#0082D8;
	padding:5px 10px;
	/*padding-top:40px;*/
	margin:5px;
	text-align:center;
	min-width:60px;
}

nav.main-nav ul li#users{
	background:#a05000;
}

nav.main-nav ul li#students{
	background:#C00;
	
}

nav.main-nav ul li#courses{
	background:#F90;
}

nav.main-nav ul li#exams{
	background:#090;
}

nav.main-nav ul li#help{
	background:#666;
}

nav.main-nav ul li#log-out{
	background:#555;
}

nav.main-nav img{
	margin:0 auto;
	margin-bottom:3px;
	height:50px;
}

nav.main-nav ul li a{
	color:#fff;
}

/*	Side menu */

.login{
	padding-bottom:180px;
											
}

.menu{
	margin:0px 0;
}

.menu ul{
	padding-left:5px;
	padding-right:5px;
}

.menu li{
/*	width:100%;*/
	padding:0px;
	padding-left:10px;
	display:block;
	vertical-align:bottom;
	border:1px solid #67acf9;
	border-radius:8px;
	
}

.menu li a{
	color:#67acf9;
	text-decoration:none;
	width:100%;
	min-height:12px;
	font-size: large;
	display:block;
	padding:3px 0;
	font-weight: 600;
						   
					   
}

.menu li:hover a{
	color:#0b2548;
	font-weight:600;
}

.menu li:hover{
	background:#FFB100;
	position:relative;
}

.menu li.selected{
	border:1px solid #d7af38;
	background:#d7af38;
	border-radius:8px;
	padding:0px;
	padding-left:10px;
	display:block;
}

.menu li.selected a{
	color:#0b2548;
	font-weight:bolder;
					
}



.menu_img{
/*background: url(images/icon.png) no-repeat;*/
height: 20px;
width: 20px;
margin-right:3px;
margin-left:1px;

}

.sub-menu{
	display:none;
	background:#000023;
	color:#67acf9;
	z-index:999;
}

.sub-menu li a{
	color:#67acf9 !important;
 
}

.sub-menu li:hover a{
	color:#25304c !important;
	font-weight:bolder;
}

li:hover .sub-menu{
	display:block;
	position:absolute;
	z-index:999;
	left:100%;
	top:0%;
	border-radius:8px;
}

ul.sub-menu li {
    border:none;
    float:left;
    width:200px;
	border:1px solid #67acf9;
					
}

						 
					   
						  
 

ul.sub-menu li:hover{
	background:#FFB100;
}

.thejo_img{
height: 112px;
margin-right:1px;
margin-left:1px;

}

/* FORMS */

.info{
	clear: both;
	background: url(images/info.png) no-repeat left #BFFFFF;
	min-height:10px;
	border: 1px #0036D9 solid;
	background-position: 10px 5px;
	padding: 3px 20px 3px 30px;
	margin: 0 0 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #0036D9;
	word-wrap: break-word;
	position: relative;
}
.error{
	clear: both;
	background: url(images/error.png) no-repeat left #FCE9E9;
	min-height:10px;
	border:1px solid #B30000; 
	background-position: 10px 5px;
	padding: 3px 20px 3px 30px;
	margin: 0 0 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #ce2700;
	word-wrap: break-word;
	position: relative;
}

.valid{
	clear: both;
	background: url(images/valid.png) no-repeat left #EDFCE9;
	min-height:10px;
	border: 1px #468C00 solid;
	background-position: 10px 5px;
	padding: 3px 20px 3px 30px;
	margin: 0 0 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #468C00;
	word-wrap: break-word;
	position: relative;
}

.warning{
	clear: both;
	background: url(images/warning.png) no-repeat left #FFFFCC;
	min-height:10px;
	border: 1px #D96C00 solid;
	background-position: 10px 5px;
	padding: 3px 20px 3px 30px;
	margin: 0 0 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #D96C00;
	word-wrap: break-word;
	position: relative;
}
.info .msg_close, .error .msg_close, .valid .msg_close, .warning .msg_close{
	float: right;
    background-color: #fff;
    height: 20px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
	color : #f00;
}

.info .msg_close:hover, .error .msg_close:hover, .valid .msg_close:hover, .warning .msg_close:hover{
    background-color: #f00;
	color: #fff;
	font-weight: bold;
}

.red{
	color:#f00;
}

.wait{
	background: url(images/wait.gif) no-repeat left;
	width: 220px;
	height: 19px;
	text-align: center;
	margin: auto;
}

.order_up{
	clear: both;
	background: url(images/order_up.png) no-repeat left #FFFFBF;
	background-position: 0px 0px;
	background-size: 20px 20px;
	min-height:20px;
	min-width:20px;
	height:20px;
	width:20px;
	margin: 0 0 0 0;
	padding: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}

.order_up:hover{
	background-color:#A3D900;
}

.order_down{
	clear: both;
	background: url(images/order_down.png) no-repeat left #FFFFBF;
	background-position: 0px 0px;
	background-size: 20px 20px;
	min-height:20px;
	min-width:20px;
	height:20px;
	width:20px;
	margin: 0 0 0 0;
	padding: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}

.order_down:hover{
	background-color:#A3D900;
}

.edit{
	clear: both;
	background: url(images/edit.png) no-repeat left;
	background-position: 0px 0px;
	background-size: 20px 20px;
	min-height:20px;
	min-width:20px;
	height:20px;
	width:20px;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
	float:right;
}

.edit:hover{
	background-color:#A3D900;
}

.pw_reset{
	clear: both;
	background: url(images/pw_reset.png) no-repeat left;
	background-position: 0px 0px;
	background-size: 20px 20px;
	min-height:20px;
	min-width:20px;
	height:20px;
	width:20px;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}

/*new btn by dumindu*/

.btnAddNew1{

	background: url(images/addbtn.png) no-repeat center;
	background-position: 0px 0px;
	background-size: 30px 30px;
	height:33px;
	width:33px;
	margin: 0 0 0 0;

}

 
.btnAddNew1:hover{

	background-color:red;
	
}

/* below styles added by dumindu*/

.textbox_type1{
    
    width: 300px;
    height: 15px;
    
}

.textbox_trust_level{
    
    width: 30px;
    height: 15px;
    text-align: center;
    border: none;
    background: none;
    color: red;
    vertical-align: top;
    
    
}

.btnType1{
        min-width: 100px;
		width:auto;
        height: 30px;
        background-color: #000014;
        text-align: center;
        font-size: large;
        font-weight: bold;
		color: #67acf9;
        border-radius: 3px;
    }
	
	.btnType1:hover{
        background-color: #d7af38;
		color: #000014;
    }
	 
  
.deleteBtnType1{
        width: 30px;
        height: 30px;
		background: url(images/DeleteSmall.png) no-repeat center;
        text-align: center;
		border-radius: 15px;
    }

.btn_dash_gr{
        width: 35px;
        height: 35px;
        background: url(images/dumi_gr.png) no-repeat center;
        text-align: center;
		background-size: cover;
		border: 3px solid #26304c;
		border-radius: 26px;
		background-color: #26304c;
    }
	
.btn_dash_debug{
        width: 35px;
        height: 35px;
        background: url(images/dash_debug.png) no-repeat center;
        text-align: center;
		background-size: cover;
		border: 3px solid #26304c;
		border-radius: 26px;
		background-color: #26304c;
    }
	
.btn_pay_his{
        width: 70px;
        height: 70px;
        background: url(images/ph2.png) no-repeat center;
        text-align: center;
		background-size: cover;
		/*border: 4px solid #0079ff;
		border-radius: 10px;*/
    }
	
	
	.td_pay_his{
		background-color: #a74acd;
    }
	
	.td_pay_his:hover{
		background-color: #25304c;
    }
	
.btn_pay_fe{
        width: 70px;
        height: 70px;
        background: url(images/fe2.png) no-repeat center;
        text-align: center;
		background-size: cover;
		/*border: 4px solid #0079ff;
		border-radius: 10px;*/
    }
	
	.td_pay_fe{
		    background-color: #0ac0b0;
    }
	
	.td_pay_fe:hover{
		background-color: #25304c;
    }
	
.btn_dash_gr:hover{
		border: 3px solid #2a30f7;
		background-color: #2a30f7;
    }
	
	.btn_dash_debug:hover{
		background-color: #2a30f7;
		border: 3px solid #2a30f7;
    }
	
.btnTypeManu{
        width: 370px;
        height: 40px;
        background-color: #161d2f;
        text-align: center;
        font-size: 26px;
		color: white;
        font-weight: bold;
        border-radius: 5px;
    }
	
.btnTypeManu:hover{
		background-color: #d7af38;
		color:#000;
		
	}
	
.btn_power{
        width: 70px;
        height: 70px;
        background: url(images/power.png) no-repeat center;
        text-align: center;
		background-size: cover;
		/*border: 4px solid #0079ff;
		border-radius: 10px;*/
    }
	
	.btn_power{
		    background-color: #0ac0b0;
    }
	
	.btn_power:hover{
		background-color: #25304c;
    }
	
.btnType3{
        width: 100px;
        height: 30px;
        background-color: #e9e;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        border-radius: 5px;
    }
	
.btnType4{
        width: 100px;
        height: 30px;
        background-color: #F7B100;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        border-radius: 5px;
    }
	
	
.btnType5{
        width: 130px;
        height: 30px;
        background-color: #ffff00;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        border-radius: 5px;
    }	
	

	
	.h1Manu{
        text-align: center;
        font-size: 36px;
		background: -webkit-linear-gradient(#eee, #15b2ef);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
    }

	.h2Manu{
        text-align: left;
        font-size: 23.7px;
		font-weight: bolder;
		padding-left:10px;
		background: -webkit-linear-gradient(#eee, #7F0000);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
    }
	
	
.backBtnType1{
        width: 100px;
        height: 30px;
        background-color: #17df25;
        text-align: center;
        font-size: medium;
        font-weight: bold;
        border-radius: 5px;
    }

.textbox_qty{
        width: 50px;
		text-align: right;
    }

.view{
	clear: both;
	background: url(images/view.png) no-repeat left #FFFFBF;
	background-position: 0px 0px;
	background-size: 20px 20px;
	min-height:20px;
	min-width:20px;
	height:20px;
	width:20px;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
	float:right;
}


.conBloked{
	clear: both;
	background: url(images/thumbnailimage.img.jpg) no-repeat left;
    background-color: #E0EAFD;
	background-position: 0px 0px;
	background-size: 30px 30px;
	min-height:20px;
	min-width:20px;
	height:30px;
	width:30px;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}

.irSearch{
	clear: both;
	background: url(images/irsearch.png) no-repeat left #FFFFBF;
	background-position: 0px 0px;
	background-size: 30px 30px;
	min-height:20px;
	min-width:20px;
	height:30px;
	width:30px;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}

.irApproval{
	clear: both;
	background: url(images/irapp.jpg) no-repeat left #FFFFBF;
	background-position: 0px 0px;
	background-size: 30px 30px;
	min-height:20px;
	min-width:20px;
	height:30px;
	width:30px;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}
/* above styles added by dumindu*/

.view:hover{
	background-color:#A3D900;
}

.email{
	clear: both;
	background: url(images/email2.png) no-repeat left;
	background-position: 0px 0px;
	background-size: 20px 20px;
	background-size: 20px 20px;
	padding-left: 24px;
	min-height:20px;
	min-width:20px;
	height:20px;
	width:auto;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}

.tel{
	clear: both;
	background: url(images/tel.png) no-repeat left;
	background-position: 0px 0px;
	background-size: 20px 20px;
	padding-left: 20px;
	min-height:20px;
	min-width:20px;
	height:20px;
	width:auto;
	margin: 0 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;
}

.graph_link{
	clear: both;
	background: url(images/graph.png) no-repeat left;
	width:24px;
	height:20px;
	display:inline-block;
	background-size: 24px 20px;
	cursor:pointer;
}

.map_link{
	clear: both;
	background: url(images/lorryw2.png) no-repeat left;
	width:23px;
	height:20px;
	display:inline-block;
	background-size: 23px 20px;
	cursor:pointer;
}

.map_link:hover{
	background: url(images/lorryw3.png) no-repeat left;
}

.map {
    background: url(/images/RB_flow.png) no-repeat center;
    width: 725px;
    height: 1200px;
    position: relative;
    z-index: 0;
    margin-left: 150px;
    background-size: 600px;
}

.btn1 {
	-webkit-box-shadow:rgba(f,f,f,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(f,f,f,0.2) 0 1px 0 0;
	color:#000040;
	background-color:#B9B9C8;
	border-bottom: 1px #333333 solid;
	border-right: 1px #333333 solid;
	border-top: 1px #333333 solid;
	border-left: 1px #333333 solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/* border:none; */
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:16px;
	font-weight:700;
	height:32px;
	padding:4px 16px;
	margin:5px;
	text-decoration: none;
	position: relative;
}

/* Title style */

	h1{}
	
	h2{
		margin: auto;
		display: inline-block;
	}

/* Table styles for Data table and Viw table*/

table{
	margin:0 auto;
	/*width:100%; */
}

/*night theme table 01*/
.data_table_night{
	font-family: "Sans-Serif", "Lucida Sans Unicode", "Lucida Grande" ;
	/*font-size: 12px;
	 width: 680px; */
	border-collapse: collapse;
	/* margin: 20px; 
	border-bottom: 7px solid #509FF7;*/
	color:#67acf9;
	font-size: medium;
    width: 95%;
}

.data_table_night2{
	font-family: Sans-Serif, "Lucida Sans Unicode", "Lucida Grande" ;
	/*font-size: 12px;
	 width: 680px; */
	font-size: large;
	border-collapse: collapse;
	color:#fff;
    width: 95%;
}

.data_table_night input[type="text"], .data_table_night2 input[type="text"]{
	background: transparent;
    color: #67acf9;
    padding-left: 7px;
    border: none;
    font-size: medium;
    font-family: sans-serif;
    border-bottom: 1px solid #67acf9;
}

.data_table_night input[type="text"]:focus, .data_table_night2 input[type="text"]:focus{
    background-color: #000;
    color: #eee;
	border-radius: 4px;
}

.data_table_night input[type="text"]:hover, .data_table_night2 input[type="text"]:hover{
    background: #000;
    color: #fff;
	border-radius: 4px;
}

.data_table_night input[type="password"], .data_table_night2 input[type="password"]{
	background: transparent;
    color: #67acf9;
    padding-left: 7px;
    border: none;
    font-size: medium;
    font-family: sans-serif;
    border-bottom: 1px solid #67acf9;
}

.data_table_night input[type="password"]:focus, .data_table_night2 input[type="password"]:focus{
    background-color: #173e69;
    color: #eee;
	border-radius: 4px;
}

.data_table_night select, .data_table_night2 select{
	background: transparent;
    color: #67acf9;
    padding-left: 7px;
    font-size: medium;
    font-family: sans-serif;
    border: 1px solid #67acf9;
}

.data_table_night select:hover, .data_table_night2 select:hover{
	background: #000;
    color: #fff;
}

.data_table_night select:focus, .data_table_night2 select:focus{
	background: #000;
    color: #fff;
}

.data_table_night2 tr{
	border-bottom: 2px solid #67acf9;
	padding:3px;

}

.data_table_night2 tr:nth-child(even){
	background:#051527;
}

.data_table_night tr:hover{
	background-color: #173e69;
    color: #eee;

}

.data_table_night2 tr:hover{
	background-color: #d7af38;
    color: #000;
	
	}

.data_table_night th, td .data_table_night2 th, td{
	padding: 2px 2px 2px 2px;

}

.dtn_main_text{
	text-align:right;
	vertical-align: top;
    font-size: larger;
    font-weight: 600;
	font-family: sans-serif;
    padding: 0px 5px 3px 0px;
}

::-webkit-input-placeholder {
    color: #68acf9;
}

/*.data_table_night tr{
	border: 2px solid #67acf9;

}*/

/*dash tbl*/
.dash_tbl{
	font-family: Sans-Serif, "Lucida Sans Unicode", "Lucida Grande";
	font-size: 24px;
	/* width: 680px; */
	border-collapse: collapse;
	/* margin: 20px; */
	border: 3px solid #fd7100;
	font-weight: 600;

}

.dash_tbl tr{
	border-bottom: 3px solid #fd7100;
}

.dash_tbl tr:hover{
	background-color: rgba(213, 174, 56, 0.85);
    color: #000;
    font-weight: 600;
}

.dash_tbl td{
	padding: 5px;
}
.dash_time{
	color: #62ff00;
    background-color: #000;
}
.dash_time:hover{
	color: #6367fb;
    background-color: #000;
}
.dash_battery{
	background: #00ff2b;
	width: 16px;
	height: 27px;
	border-radius: 2px;
}
.dash_battery2{
	width: 15px;
	height: 6.75px;
	display:inline-block;
}
.dash_battery:hover{
	background: #126bf1;
}
.dash_lower{
	color: #fff;
    background-color: #7b1376;
	font-weight: 600;
}
.dash_error{
	color: #ff0000;
    background-color: #000;
	font-weight: 600;
}
.dash_good{
	color: #fff;
    background-color: #007100;
	font-weight: 600;
}.dash_alert{
	color: #fff;
    background-color: #b73200;
	font-weight: 600;
}.dash_critical{
	color: #fff;
    background-color: #a00808;
	font-weight: 600;
}





/* data tbl*/
.data_table{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	/* width: 680px; */
	border-collapse: collapse;
	/* margin: 20px; */
	border-bottom: 7px solid #509FF7;
}

.view_table{	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 680px;
	border-collapse: collapse;
	/* margin: 20px; */
	border-bottom: 7px solid #9BAFF1;
}



.data_table tr, .view_table tr{
	color:#042a56;
}

.data_table tr:nth-child(odd), .view_table tr:nth-child(odd){
	background:#fff;
}

.data_table tr:nth-child(even), .view_table tr:nth-child(even){
	background: #E3F0FF;
}

.data_table tr:hover td, .view_table tr:hover td{
	background: #5A7796;
	color: #FFF600;
}

.data_table th, .data_table td, .view_table th, .view_table td  {
	border-left: 1px solid #509FF7;
	border-right: 1px solid #509FF7;
}

.data_table th, .view_table th {
	font-size: 13px;
	font-weight: bold;
	background: #1B4D84;
	color: #FFF;
	/* padding: 8px; */
}

.data_table th{
	text-align:center;
	border-top: 4px solid #509FF7;
	border-bottom: 1px solid white;
}

.view_table th{
	text-align:left;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
}

.data_table td, .view_table td {
	border-bottom: 1px solid white;
	color: #669;
	border-top: 1px solid transparent;
	padding-left: 8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	border-right: 1px solid #509FF7;
	border-left: 1px solid #509FF7;
}

.data_table a, .view_table a{
	color:#007FFF;
}

.data_table tr:hover a, .view_table tr:hover a{
	color:#100040;
}

.view_table thead tr th{
	text-align:center;
	border-top: 4px solid #AABCFE;
	border-bottom: 1px solid white;
}

.data_table tfoot tr td, .view_table tfoot tr td{
	background:#1B79E2;
	color:#fff;
	text-align:center;
}

/* Welcome Page */
.log_in_form{
   /* border: 10px double #D0CACA;*/
    width: 600px;
	height:500px;
    margin: auto;
	background:url(images/dumi_logNight_min.png) no-repeat center;
	background-size:100%;
    margin-top: 2%;
			 		
}

			 
											   
					   
			   
					 
 

.forgot{
	float: right;
	position: relative;
}

.log_in_wrapper .footer{
	background-color: transparent;
	width: 100%;
	margin: auto;
	float: none;
	position: relative;
	/*padding: 10px;*/
	/*border-radius: 20px;
	webkit-border-radius: 20px;
	moz-border-radius: 20px;
	border: 4px solid #464646;*/
	font-family: sans-serif;
	/*margin-top: 3px;*/
	width: 570px;
	/*box-shadow: 0 6px 10px -2px #3f4143;*/
}

					  
			  
				  
 

.log_in_wrapper_main{
	width:100%;
	height:100%;
	background:url(images/dumi_backNight.png) no-repeat center;
	background-size:100%;
	
}
.log_in_wrapper input{
	padding: 5px;
	display: inline;
}

	 
	 
 
.log_in_wrapper input[type="submit"]{
	padding: 5px;
	width: 200px;
	text-align: center;
}

.log_in_wrapper table{
	/*border: 1px solid #000;
	border-radius: 6px;
	webkit-border-radius: 6px;
	moz-border-radius: 6px;*/
	padding: 1px;
	position: relative;
    right: 85px;
}

.log_in_wrapper table td{
	padding: 10px;
}

.log_in_form .title{
	font-family: sans-serif;
	color:#d8ad4b;
	padding-left: 125px;
	
}

.log_in_feilds{
	/*border: 2px solid #768aa5;*/
    border-radius: 5px;
    padding: 3px;
    color: #67acf9;
    text-align: right;
    font-size: larger;
	font-family: sans-serif;
    font-weight: 600;
	

}

 
.log_in_text_feilds{
	border: 2px solid #768aa5;
    border-radius: 5px;
    color: #0a4382;
    text-align: left;
    font-size: larger;
									   
	

}

.log_in_button{

	width:200px;
	height:34px;
	background-color:#0b2548;
	color:#67acf9;
	font-size:larger;
	font-family: sans-serif;
    font-weight: 600;
    border-radius: 10px;
	
}

.log_in_button:hover{

	background-color:#d7af38;
	color:#0b2548;
	font-size:larger;
	font-weight:600;
	
}


.log_in_form h1{
	margin: -3px;
	padding-bottom:5px;
	text-align: left;
    position: relative;
	top: 4px;
	right:20px;
}

.log_in_form h2{
	margin: 0px;
	padding-bottom:10px;
	text-align: left;
    position: relative;
	top: 4px;
	right:20px;
}

.log_in_form p{
	display: inline-block;
}

/* Footer */

   
footer{
	float:left;
	/*background:#25304c;
	background:url(images/dumi_backNight.png) no-repeat center;
	background-size:100%;*/
	width:95.3%;
	margin-bottom:auto;
	position: static;
	margin-left: 11px;
	padding:10px;
	font-family:"Open Sans","Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
}
.footer_tbl_header{

	text-align:center;
	color:#67acf9;
	font-weight:bolder;
	font-size: x-large;
}

.footer_border{
	border: #67acf9 2px dashed;
	border-radius:8px;

}

.footer_left_border{
	border-right:2px solid #67acf9;

					
					
					   
}

.footer_img{
	height: 30px;
	margin-right:16px;
	border:1px solid #67acf9;
	border-radius:8px;
	padding: 5px;
	background:#67acf9;
}

.footer_img:hover{
	border:1px solid #d5ae38;
	background:#d5ae38;
}

.footer_sub_text{
	font-size:initial; 
	display:inline;
	position: relative;
    top: 6px;
	font-size:large;
}

.copyright{
	font-family: sans-serif;
	/*padding-bottom:5px;*/
	display: inline-block;
	height:36px;
	/*padding: 0px 60px 0px 5px;*/
	color: #67acf9;
	position:relative;
	left:60px;
	text-align:center;
}

.copyright_in{
	font-family: sans-serif;
	/*padding-bottom:5px;*/
	display: inline-block;
	height:36px;
	/*padding: 0px 60px 0px 5px;*/
	color: #67acf9;
	position:relative;
	left:15px;
	text-align:center;
				 
									  
}

.about_img{
	position: relative;
	animation:about_img 8s linear;

}

@keyframes about_img {

	0% {opacity:0}
	100% {opacity:1}

}

.about_text{
	text-align:center;

}

.about_info{
height: 35px;
background-color:#67acf9;
margin-right:3px;
border-radius: 50px;

}

.about_info:hover{
height: 35px;
background-color:#d7af38;
margin-right:3px;
border-radius: 50px;

}

img{
	display: inline;
    vertical-align: top;
    clear: both;
}

.socialbox {
	height:36px;
	/* float:right; */
	padding:5px;
}

.socialbox  div{
	width:32px;
	height:32px;
	display:inline-block;
}

.socialbox #facebook{
	background: url(images/fb2.png) no-repeat;
}

.socialbox #linkedin{
	background: url(images/linkedin.png) no-repeat;
}

.socialbox #web{
	background: url(images/web.png) no-repeat;
}

.socialbox #call{
	background: url(images/call.png) no-repeat;
}

.socialbox #mail{
	background: url(images/email3.png) no-repeat;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #bb260d;
	white-space: pre-line;
	font-size: 0.875rem;
}

code label {
	font-size: 0.875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

.asciidoctor{
	font-size: 0.875rem;
    color: #222222;
}

/*	Printing form */
@media print {
	body{
		background: none !important;
		color : #000 !important;
	}
	body *{
		visibility: hidden !important;
		overflow-wrap: break-word !important;
	}
	#content{
		width: 1000px !important;
		visibility: visible !important;
		overflow-wrap: break-word !important;
		color : #000 !important;
		background: none !important;
		background-color: #fff !important;
		position: absolute !important;
		left: 0px !important;
		top: 0px !important;
	}
	#content *{
		visibility: visible !important;
		overflow-wrap: break-word !important;
		color : #000 !important;
		background: none !important;
		background-color: #fff !important;
	}
	.no_print{
		visibility: hidden !important;
		display: none !important;
	}
	
}