/* mobile version main Stylesheet */ 
/* GENERAL ELEMENTS */
html, body {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	-webkit-text-size-adjust:auto;
	-moz-text-size-adjust:auto;
	-ms-text-size-adjust:auto;
	text-size-adjust:auto;
	font-size-adjust:auto;
}

a:link, a:visited 
    {
    color: #06f;
    text-decoration: none;
    }

a:hover 
    {
    color: red;
    text-decoration: none;
    }
#imgIcons {
	height:99%;
	width:99%;
	max-height:128px;
	max-width:98px;
	align:center;
	horizontal_align:middle;
	vertical_align:middle;
	
}
#gotop, #gobottom {
	display:none;
	position:fixed;
	bottom:50%;
	padding:5px 5px;
	font-weigth:bold;
	font-size:14pt;
	background: transparent;
	color:white;
	curson:pointer;
	curson: hand;
}
#gotop {
	left:25px;
}
#gobottom {
	right:72px;
}


/* TABLE ELEMENTS AND DESIGN*/
#tableLoca, #tableLoca2 {
	vertical_align:middle;
	text-align:center;
	height:100%;
	horizontal_align:middle;
	position:relative;
	margin:auto;
	align:center;
}
#tableLoca {
	background-color:#FFFFFF;
	width:90%;
	font-size:16px;
}
#tableLoca2 {
	background-color:#FFFFFF;
	width:100%;
	color:#000;
}
.tableFont {
	font-size:10pt #777777;
	font-size-adjust:auto;
	text-aligh:center;
	aligh:center;
	padding:0px;
	margin:0px;
	vertical_align:middle;
	horizontal_align:middle;
	
}

#tableLogin { 
	width:100%;
	height:100%;
	vertical_align:middle;
	horizontal_align:middle;
	align:center;
	font-size:16px;
}
/* sub-webpages table design*/
#tableLoca3 {
	vertical_align:top;
	text-align:center;
	height:100%;
	horizontal_align:middle;
	margin:auto;
	align:center;
	width:100%;
	cellpadding:0px;
	cellspacing:0px;
	valign:top;
}
.tableList {
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
	background: transparent;
	font-size: 10px;
	vertical_align:top;
	horizontal_align:middle;
	valign:top;
}
.tableLayout {
	font-size:15px;
	text-align:left;
	width:100%;
	border-collapse:collapse;
	background-color:#ffffff;
	color:#7E78F9;
}
.tableLayout th {
	background-color: #D0EAF5;
	text-align: left;
	border-top:1px solid #5CC7F8;
	border-bottom:1px solid #5CC7F8;
	padding-left:1px;
	color:#046596;
}
.tableLayout thead th {
	background-color: #D0EAF5;
	test-align:left;
	border-top:1px solid #5CC7F8;
	border-bottom:1px solid #5CC7F8;
	padding-left:1px;
}
.tableLayout td {
	padding-left:1px;
	background-color:transparent;
}
.tableLayout td table td a:hover, .tableLayout td table td a.visited, .tableLayout td a:hover, .tableLayout td a.visited {
	background-color: #FFFFFF;
}
.tableLayout td table td a, .tableLayout td a {
	background-color: transparent;
	color: #7E78F9;
	font-size:10px;
}

.tArea {
	display:inline-block;
	*display:inline;
	zoom:1;
	padding: 5px;
	margin:5px auto;
	cursor:pointer;
	border:1px solid #fff;
	overflow:visibility;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	white-space:nowrap;
	color:#000;
	background-color:#fff;
	background-image:linear-gradient(top, rgba(255, 255,255,1),rgba(255,255,255,0)),url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	transition: background-color .2s ease-out;
	background-clip: padding-box;
	width:100%;
	border-radius:10px 5px;
	box-shadow:1px 1px 1px 0 rgba(255, 255, 255, 3),1px 1px 1px 0px rgba(255, 255, 255, .5),1px 1px 1px 0px rgba(255, 255, 255, .3) inset;
	
	-webkit-box-shadow: inset 1px 1px 1px 0px;
	-moz-box-shadow:inset 1px 1px 1px 0px; 
	-moz-border-radius:10px  5px;
	-webkit-border-radius: 10px 5px;
	
}
.tArea:hover {
	background-color:#f2f2f2;
	border:1px solid #f2f2f2;
	color:#000;
}
.tArea.active {
	background:#f2f2f2;
	position:relative;
	top:1px;
	test-shadow:none;
	box-shadow:0 1px 1px rgba(0, 0, 0, .3) inset;
	color:#000;
}

.roundedBorderHeightWidth {
	 height:70px;
	 width:85% ;
	 border: 1px solid #a1a1a1;
	 border-radius: 5px;
}

.subTable {
	display:inline-block;
	*display:inline;
	zoom:1;
	border:1px solid #C9DFFF;
	white-space:nowrap;
	background-color:#C9DFFF;
	width:100%;
	background-image:linear-gradient(top, rgba(255, 255,255,1),rgba(255,255,255,0)),url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	transition: background-color .2s ease-out;
	background-clip: padding-box;
	border-radius:5px 2px;
	-webkit-box-shadow: inset 1px 1px 1px 0px;
	-moz-box-shadow:inset 1px 1px 1px 0px; 
	-moz-border-radius:5px  3px;
	-webkit-border-radius: 5px 3px;
}

/* highlight table row onmouseover */

.tableLayout tr:hover,.tableLayout tr.over {
	background: #FFFF40;
	color: #7E78F9;
	cursor: pointer;
	cursor: hand; /* IE 5.5 non-compliant workaround */
}

/* FROM DESIGN */


/* FORM ELEMENTS */
.logoutButton {
	text-align:center;
	margin:0px;
	padding:0px;
	min-height:25px;
	max-height:50px;
	height:100%;
	width:25%;
	min-width:100px;
	max-width:140px;
}
.loginText {
	border:solid 1px #D9D9D9;
	padding:0px;
	border-radius: 1px;
}


/* INPUT.TEXT { */
.labelText {
	font-size:12pt;
	height:100%;
	min-height:30px;
}
.inputFont {
	font-size:16pt;
	height:100%;
	width:99%; 
	font-size-adjust:auto;
}

/* toggle */
#btnToggle {
	background-color:#FFEEDD;
	display:inline-block;
	zoom:1;
	padding:3px;
	cursor:pointer;
	border:1px solid #669966;
	border-radius:5px 2px;
	overflow:visibility;
	text-decoration:none;
	white-space:nowrap;
	color:#000;
	
	background-image:linear-gradient(top, rgba(255, 255,255,1),rgba(255,255,255,0)),url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	transition: background-color .2s ease-out;
	background-clip: padding-box;
	box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 3),1px 1px 1px 0px rgba(0, 0, 0, .5),1px 1px 1px 0px rgba(255, 255, 255, .3) inset;
	
	-webkit-box-shadow: inset 1px 1px 1px 0px;
	-moz-box-shadow:inset 1px 1px 1px 1px 0px;
	-moz-border-radius:5px 3px;
	-webkit-border-radius:5px 3px;
}
#btnToggle:hover {
	background-color:#fff;
	border:1px solid #fff;
}
#btnToggle.active {
	background-color:#fff;
	position:relative;
	test-shadow:none;
	box-shadow:0 1px 1px rgba(0, 0, 0, .3) inset;
}

/*Pagination css start*/

.paginate_button, .dataTables_info {
	font-size : 14px;
    display: inline-block;
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    text-decoration-style:none;
    text-align:center;
    margin: 2px;
    box-sizing: border-box;
}
.paginate_button.next,.paginate_button.previous{
 min-width: 30%;
 max-width: 30%;
}
.paginate_button.next,.paginate_button.previous, .paginate_button.current, .paginate_button.current:hover {
  background-color: #1b99d6;
  border-radius: 5px;
  font-size : 14px;
  color: white !important;
  text-indent : 3px;
  box-sizing: border-box;
}
.dataTables_paginate active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
    align-content:left;
}
.paginate_button, .paginate_button.disabled,.paginate_button.disabled:hover, .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid LightGray;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
  font-size : 14px;
  text-indent : 3px;
  text-align:center;
  box-sizing: border-box;
}
.dataTables_paginate:hover:not(.active) {background-color: #f7f7f7;}

/*pagianion css end*/