::-webkit-scrollbar{width: 4px;height: 4px;background-color: #f8f8f8;	}
::-webkit-scrollbar-thumb {background-color:#555;outline: 0px solid slategrey;}

*{
	font-family:tahoma;
	font-size:11pt;
	
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-ms-user-select:none;
}

body{
	background-color:#fff;
	margin:0;
	padding:0;
	border:0;
}

a,input[type=text]{text-decoration:none;outline:none;}
a{color:#555;}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: none;
}

header,main,footer{
	background-color:#fff;
}

header{
	top:0;
	height:75px;
	border-bottom:solid 1px #eee;
	z-index:200;
	box-shadow:0 2px 14px #eee;
}

header div{
	display:table;table-layout:fixed;width:100%;height:100%;
}
header div span{display:table-cell;vertical-align:middle;padding:0 25px 0 10px;}
header ul{list-style:none;margin:0;padding:0;}
header li{display:inline-block;text-align:right;}
header h1{font-size:9pt;font-weight:bold;}

header #logo{width:250px;height:75px;padding:15px 0 15px 10px;}
header #logo *{margin:0;padding:0;}
header #logo h1{
	font-family:'azonix';
	font-size:16pt;
	color:#4c77c5;
}
header #logo label{
	font-size:7pt;
	line-height:1;
	font-family:'poppins';
	color:#69995591;
}


#_topicons{padding-right:50px;}
#_topicons li:hover{cursor:pointer;}

#r_navside{
	padding:0;
	width:325px;
	right:0;top:0;bottom:0;
	border-left:solid 1px #eee;
	z-index:900;
	background-color:#fff;
	box-shadow: -2px 0px 25px 1px #eee;
}

#r_navside .header,
#r_navside .body{display:block;margin:0 10px 0 10px;}
#r_navside .header{height:75px;border-bottom:solid 1px #eee;}
#r_navside .header span{height:inherit;width:100%;display:table-cell;vertical-align:middle;padding:0 25px 0 25px;}
#r_navside .header .closernav{font-size:22pt;color:#aaa;}

#r_navside .body{padding:25px;}

#navside{
	padding:50px 0;
	width:225px;
	left:253px;top:75px;bottom:0;
	border-right:solid 1px #eee;
	z-index:100;
}
#navside li a{display:block;}
#navside li a span{display:block;padding-left:10px;}
#navside li a span i,
#navside li a span label{
	padding:5px;
	display:inline-block;margin-left:5px;
	min-width:28px;
	color:#c2e9c8;
}

#navside li a span label{font-size:10pt;font-weight:normal;}
#navside li a *:hover{cursor:pointer;}
#navside li.np span.nplabel {
	display:block;margin:0 15px;
}
#navside li.np span.nplabel label{
	color:#aaa;font-weight:normal;font-size:9pt;
}

#navside hr{
	border: none;height: 1px;
	display:block;margin:0 10px 10px 15px;
	color: #589174;background-color: #589174;
}

#navpane{
	width:255px;
	top:75px;bottom:0;
	z-index:100;
	background-color:#fff;
	border-right:solid 1px #ddd;
}

#navpane nav{width:260px;margin-bottom:50px;}

#navside ul,
#navpane ul{margin:0;padding:0;list-style:none;}

#navpane li{margin:0;padding:0;}

#navside li *{}
#navside li :hover *{}

#navpane li *{margin:0;padding:0;}
#navpane li *:hover{cursor:pointer;}
#navpane ul li:first-child{border:none;}

#navpane li ul{display:none;}

#navpane li a{display:block;}
#navpane li a.selected{background-color:#f7f7f7;}
#navpane li a.selected span label{color:red;}

#navpane ul li span.block{
	display:block;
	padding:15px 10px 15px 10px;
	color:#935e85;
	font-weight:normal;
	line-height:1;
	border-top:solid 1px #f8f5f5;
	margin:0 15px 0 15px;
}
#navpane ul li:first-child span{border-top:none;}
#navpane ul li span .icon,#navpane ul li span label{
	display:table-cell;
}

#navpane ul li span .icon {
	width:35px;
	color:#777;
	font-size:14pt;
	padding-right:5px;
	text-align:center;
}
#navpane ul li span label {
	font-weight:normal;
	padding-left:5px;
	color:#48a2a7;
	font-style:italic;
}

#navpane ul li a span label {
	color:#2782c3;font-weight:bold;
	font-style:normal;
	font-size:10pt;
}

#navside,#navpane{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.wrapper{
	background-color:#fff;
	border:solid 1px #eee;
	padding:10px;
	margin:10px 0;
	border-radius:10px;
}



.tblGrid,
.tblGrid .wrapper{border:none;}

/*reset .wrapper properties for poppanel*/
#poppanel .wrapper{
	background-color:transparent;
	border:none;
	padding:0;
	margin:0;
	border-radius:0;
}

main.pane{left:255px;top:75px;bottom:0;background-color:#e7eefb;}

section{margin:10px;}
section .container{
	background-color:#fff;
	display:block;
	padding:20px;
	margin:25px 15px;
	width:auto;
}
section .wrapper label{
	/*color:#348996;*/
	display:block;color:green;font-size:10pt;
}
section.section-table{margin:0;}
section.section-table .wrapper{margin:0;padding:0;border-radius:0;}
section .sectionfrm{background-color:#fff;z-index:10;}

#section-frmContent{background-color:#e7eefb;}
#section-frmContent .frmBody .container{
	background-color:transparent;
	width:100%;padding:0;margin:0;position:relative;
	max-width:100%;
	height:100%;
}
#section-frmContent .frmBody .wrapper{
	background-color:#fff;
	width:80%;
	margin-left:10%;
	margin-top:10px;
	margin-bottom:25px;
	border-radius:10px;
	padding:35px;
}

#section-frmContent .frm *{font-size:11pt;}

#section-frmContent .frmControl .wrapper {background-color: #fff;}

#contentSection{margin:0;background-color:#c9d1e1;}
#contentSection .header{height:52px;top:0;background-color:#fff;}
#contentSection .body{top:52px;bottom:52px;}
#contentSection .footer{height:52px;bottom:0;background-color:#fff;}
#contentSection .btnWrapper{text-align:center;}
#contentSection .btn{margin-left:2px;margin-right:2px;}

.tblist{table-layout:fixed;width:100%;background-color:#fff;}
.tblist thead{background-color:#adcfe94f;}
.tblist th{height:50px;}
.tblist th,.tblist td{padding:10px;}

.tblist th,.tblist th *{font-size:9pt;color:#555;}
.tblist td,.tblist td *{font-size:10pt;}

.tblist th.fxsmall,.tblist th *.fxsmall{font-size:x-small;}
.tblist td.fxsmall,.tblist td *.fxsmall{font-size:x-small;}

.tblist td label{display:inline-block;font-size:x-small;font-weight:normal;color:#aaa;margin-right:5px;}

.tblist thead{border-bottom:solid 1px #f2f2f2;}
.tblist td{border-bottom:solid 1px #f2f2f2;color:#5d6d7d;padding:20px 10px;}
.tblist tr:first-child td{border-top:none;}

.border-r,
.tblist .border-r{border-right:solid 1px #e8e8e8;}
.border-l,
.tblist .border-l{border-left:solid 1px #f2f2f2;}
.border-t,
.tblist .border-t{border-top:solid 1px #f2f2f2;}
.border-b,
.tblist .border-b{border-bottom:solid 1px #f2f2f2;}
.border-all{border:solid 1px #f2f2f2;}

.tbl-thead th.border-r{border-right:solid 1px #e3dada;}

/**/
.section-frm .frmBody::-webkit-scrollbar,
.tblGrid .tbl-tbody.tblFreeze::-webkit-scrollbar,
.tblGrid .tbl-tbody.tblBase::-webkit-scrollbar{width: 6px;height: 6px;	}
.tblGrid .tbl-tbody.tblBase::-webkit-scrollbar-thumb {background-color:#555;outline: 0px solid slategrey;}

.tblGrid .tbl-tbody.tblFreeze.scroll-x::-webkit-scrollbar{background-color: #ccc;}
.tblGrid .tbl-tbody.tblFreeze.scroll-x::-webkit-scrollbar-thumb{background-color:#ccc;}
/**/

.frmtbl th{padding:5px 3px;font-weight:normal;border-bottom:solid 1px #f2f2f2;}
.frmtbl td{padding:10px 3px;}

.rowhilite{background-color:#f4fefe;cursor:pointer;}

.tblist-control{}
.tblist-control span{display:inline-block;padding-right:5px;}

.smalldesc{color:#aaa;}

.hozli ul{list-style:none;margin:0;padding:0;}
.hozli li{display:inline-block;margin-right:10px;}

.vlist {list-style:none;margin:0;padding:0;}
.vlist li{padding:10px;}

.tblfrm{}
.tblfrm .tcell{ 
	min-width:125px;
	padding:5px; display:table-cell;vertical-align:middle;
}

#frmContent{background-color:#fff;}
#frmContent label{display:block;}

#frmContent .textbox,
#frmContent input[type=text],
#frmContent input[type=number],
#frmContent input[type=password],
#frmContent input[type=button],
#frmContent select,
#frmContent textarea{
	width:100%;padding:5px;
	border:solid 1px #ddd;
	border-radius:5px;
}
#frmContent .textbox{display:block;}

#frmContent .editor{width:595px;}

#frmContent .block{margin:10px 0 10px 0;padding:10px 0 10px 0;}
#frmContent .block:first-child{border:none;}

.note-btn.dropdown-toggle::after{border-top:0;}

.tabFolder .tab{background-color:#ccc;}
.tabFolder .tab.active{background-color:#fff;}
.tabFolder .tab.active label{color:#555;}

#btnControl-Cancel:hover,
#btnControl-Submit:hover,
#btnControl-Delete:hover{color:#fff;}

.autocomplete-suggestions { border: 1px solid #555; background: #fff; overflow: auto;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f5f5f5; }
.autocomplete-suggestions strong { font-weight: bold; color: SlateBlue; }


@media (max-width: 767px) {}
@media (min-width: 768px){}
@media (max-width: 320px){}
@media (max-width: 447px){}
@media (min-width: 448px) and (max-width: 503px){}
@media (min-width: 504px) and (max-width: 789px){}
@media (min-width: 790px) and (max-width: 1024px){}
@media (min-width: 1024px) and (max-width: 1359px){}
@media (min-width: 1360px) and (max-width: 1920px){}