:root {
    --head-color:#555555;
    --text-color:#000000;
    --color:#345678;
    --background-color:#eeeeee;
    --border-color:#ccccca;
    --highlight-color:#f3f6f9;
}

html, body{height:100%;}
*{height:auto;position:relative;}
body{font-family:"open_sansregular","verdana","sans-serif";font-size:13px;font-weight:normal;text-decoration:none;color:var(--text-color);padding:0px;margin:0px !important;background:#ffffff;}
body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x: hidden; -ms-overflow-x: hidden;overflow-y: auto; -ms-overflow-y: auto;}
img{border:0px;max-width:100%;}
ul{list-style:none;margin:0;padding:0;}
ul li{margin:0px;}
a, a:link, a:visited{color:#5a5c5e;text-decoration:none;cursor:pointer;letter-spacing: 0px;display:block;}
a:hover{color:#33aacc;text-decoration:none;}
div{text-align:left;}
p{margin:3px 0px;color:#333333;font-size:13px;text-align:left;}
h1{font-family:"open_sansbold","arial","sans-serif";font-size:42px;letter-spacing:-2px;line-height:48px;margin:0px;padding:0px;}
h2{font-family:"open_sansbold","arial","sans-serif";font-size:28px;letter-spacing:-1px;font-weight:bold;margin:0px;padding:0px;text-align:center;}
h3{font-size:20px;font-weight:bold;margin:0px;padding:0px;text-align:left;line-height:26px;margin:6px 0px;}
h4{font-size:18px;font-weight:bold;margin:8px 0px 5px;padding:2px 0px;text-align:left;line-height:22px;}
h5{font-size:16px;font-weight:bold;margin:0px;padding:0px;}
h6{font-size:15px;padding:5px 8px;font-weight:normal;text-align:left;}
label{display:inline-block;width:100%;text-align:left;}
input[type="text"],input[type="password"],input[type="date"]{box-sizing: border-box;width:100%;background:#ffffff;font-size:15px;color:var(--text-color);}
input[type="date"] {padding:5px;color:var(--text-color);}
input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset, 0 0 8px rgba(0, 0, 0, 0.1);}
textarea{box-sizing:border-box;min-height:80px;width:100%;color:var(--text-color);font-size:15px;font-family:"arial","sans-serif";padding:5px;margin:0px;border-radius: 5px;}
select{font-size:15px;width:100%;border-radius: 5px;color:var(--text-color);}
options{padding:5px;margin:3px;line-height:18px;color:var(--text-color);}
table{margin-top:5px;border:1px solid #caccce;width:100%;color:#5a5c5e;border-spacing:0;border-collapse:collapse;}
th{background:#eaebec;font-weight:bold;border-bottom:1px solid #caccce;border-right:1px solid #caccce;color:#5a5c5e;height:25px;padding:12px 5px;font-size:12px;text-transform:uppercase;}
td{color:5a5c5e;text-align:left;padding:8px 10px;margin:0px;border-bottom:1px solid #caccce;border-left: 1px solid #caccce;font-weight:normal;height:25px;line-height:18px;font-size:14px;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;box-shadow:0px 3px 5px rgba(0,0,0,0.15);-moz-box-shadow:0px 3px 5px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.15);}
ul li a div img{max-height:100%;width:auto;border:0px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
button {padding: 5px 10px;font-weight:bold;font-size:12px;cursor:pointer;border:0;color:#5a5c5e;letter-spacing: 0.2px;border-radius: 5px;}
input, textarea {-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}

.row {
  margin:0px;
  vertical-align:top;
  position:relative;
  clear:both;
  display:inline-block;
  width:100%;
  overflow:visible;
  box-sizing: border-box;
}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .col {
  position:relative;
  display:inline-block;
  box-sizing:border-box;
  vertical-align:top;
}

.c12 {
  width: 100%;
}
.c11 {
  width: 91.66666667%;
}
.c10 {
  width: 83.33333333%;
}
.c9 {
  width: 75%;
}
.c8 {
  width: 66.66666667%;
}
.c7 {
  width: 58.33333333%;
}
.c6 {
  width: 50%;
}
.c5 {
  width: 41.66666667%;
}
.c4 {
  width: 33.33333333%;
}
.c3 {
  width: 25%;
}
.c2 {
  width: 16.66666667%;
}
.c1 {
  width: 8.33333333%;
}

.fixed {position:fixed;z-index:1;}

:not(.emode) .hidden{width: 0;height: 0;position: absolute;top: 0; left: 0;z-index:0;display:none;}
.hideField, .emode .hidden.hideField {width: 0;height: 0;position: absolute;top: 0; left: 0;padding: 0;z-index:0;display:none;}
.header{min-height:50px;box-sizing:border-box;width:100%;}
.logo {font-size:18px;font-weight:800;}
.logo img {max-width:100%;height:auto;}
.footer{position:absolute;bottom:0;left:0;text-align:center;width:100%;padding:0px;min-height:50px;box-sizing:border-box;background-color:#3a3c3e;}
.content{width:100%;margin:0px auto;text-align:center;clear:both;position:relative;left:0;
	height: 100%;
	height: -webkit-calc(100% - 100px);
	height: -moz-calc(100% - 100px);
	height: calc(100% - 100px);}
.cube-box {border:0px solid #dadcde;margin:20px 10px 0;background:#fff;}
.footer-imgs{width:10px;height:10px;color:#3a3c3e;}
.pagetitle {border-bottom:1px solid #aaa;height:36px;margin-bottom:20px;}
.grey-grad{
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5efef 100%); /* FF3.6+ DDDDB0,F8F8E8 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#00aaff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 0%,#ffffff 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.shortText {height: 36px;display: block;overflow: hidden;}
.content .left-panel {width:200px;float:left;background-color:#ffffff;min-height: calc(100% - 25px);}
.content .main-panel {height:100%;min-height:300px;padding:15px;box-sizing:border-box;overflow:auto;}
.content .right-panel {width:300px;float:right;background-color:#ffffff;min-height: calc(100% - 25px);}

.overLay {position:absolute;top:0;left:0;} 

.left-panel .nav{margin:0; padding:0;display:block;}

.left-panel .nav p {font-size:11px;padding-left:10px;}
.left-panel .nav li a span{padding-left:12px;line-height: 18px;}
.left-panel .nav ul {display:block;margin:0;padding:0;}
.left-panel .nav ul li{clear:both;position:relative;border-bottom:1px solid #aaaaaa;width:100%;text-align:left;padding:0;line-height:18px;}
.left-panel .nav ul li a{text-decoration:none;width:100%;display:inline-block;padding:5px;box-sizing:border-box;color:#3a3c3e;font-size: 12px;padding:3px 5px;}
.left-panel .nav ul ul li{clear:both;position:relative;border-bottom:1px solid #aaaaaa;width:100%;text-align:left;padding:0;}
.left-panel .nav ul ul li a{text-decoration:none;width:100%;display:inline-block;color:#3a3c3e;}
.left-panel .nav ul ul a span {display:inline-block;}
.left-panel .nav ul ul {position:absolute;display:none;border:0;top:0px;left:200px;background:#caccce;z-index:9999;}
.left-panel .nav li:hover > a,.nav ul ul:hover > a{background:#6a6c6e;color:#eaecee;}
.left-panel .nav ul ul li:hover > a{background:#6a6c6e;color:#eaecee;}
.left-panel .nav ul li:hover > ul{display:block;width:180px;}


.menu-toggle .fa-chevron-right, .menu-toggle .fa-chevron-left{float:right;margin-top:3px;margin-right:3px;}

.jseditor select#cfile {padding:0;height:calc(100% - 2px);overflow: auto;}
.jseditor select#cfile option {padding: 5px 10px;margin:0;}
.jseditor textarea {height:calc(100% - 2px);resize: none;font-family:verdana;font-size:12px;line-height:16.6px; letter-spacing: 0.5px; background: url(http://i.imgur.com/2cOaJ.png);background-attachment: local;background-repeat: no-repeat;padding-left: 35px;padding-top: 10px;border-color:#ccc;color:#000;}
.jseditor button {font-size:16px;padding: 8px 10px 6px;position:absolute;top:5px;right:5px;color:#fff;}

.head-right {padding-top: 15px;padding-right: 15px;text-align: right;}
.head-right button {font-size:16px;margin-left:5px;padding: 8px 10px 6px;color:#fff;}
input.jseInp {margin:0;padding: 3px 3px 2px;height:30px;}
.noborders, .noborders *{border:0;}
menu div.menu{float:right;display:none;}
menu div.menu img{max-width:100%;max-height:100%;width:26px;pointer-events: all;text-align:right;cursor:pointer;}
menu.mobmenu > menulist{position:absolute;top:32px;right:0;width:100%;background-color:#ffffff;box-sizing: border-box;box-shadow:0 0 5px #aaaaaa;}
menu.mobmenu menulist menulist {position:relative;display:block;top:5px;left:-10px;box-shadow:none;width:110%;}
menu.mobmenu menulist menuitem{width:100%;display:block;text-align:left;box-sizing: border-box;}

/* RESPONSIVE */
@media screen and (max-width:775px){
	.left-panel {display:none;}
	.menu-toggle {display:inline-block;}
	.header .nav {margin:12px 0 0;}
	.header .nav ul li {height:32px;width:32px;margin-right:20px;}
	.header .nav ul li a {width:32px;height:32px;overflow:hidden;display:inline-block;padding:2px;}
	.header .nav ul li a i.fa {font-size:24px;}
	.content, .footer {position:relative;}
	.content .left-panel {position:relative;width:100%;margin:0;padding:0;}
	.content .main-panel {position:relative;width:100%;margin:0;padding:20px;}
	.form-group {width:100%;}
	.dashboard .block { width:100%;}
	.nav ul ul {position:relative;left:0px;width:100%;height:32px;}
	input[type="text"],input[type="password"],select{width:100%;}
	.c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .col { width:100%;}
	.c1, .c2{ width:50%;}
	h1{font-size:36px;}
	menu div.menu{float:right;display:block;}
	menu.mobmenu menulist {display:block !important;}
}


@media screen and (max-width:1080px){

}

@media screen and (max-width:525px){
}
@media screen and (max-width:350px){
}