@CHARSET "ISO-8859-1";
body{font-family:"open_sansregular","arial","sans-serif";font-size:13px;font-weight:normal;text-decoration:none;color:#666666;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:#666666;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;color:#666666;font-weight:bold;letter-spacing:-2px;line-height:48px;margin:0px;padding:0px;}
h2{font-size:22px;font-weight:bold;color:#666666;margin:0px;padding:0px;text-align:center;line-height:34px;}
h3{font-size:20px;font-weight:boldl;color:#666666;margin:0px;padding:0px;text-align:left;line-height:26px;margin:6px 0px;}
h4{font-size:18px;font-weight:bold;color:#3a3c3e;margin:8px 0px 5px;padding:2px 0px;text-align:left;line-height:22px;}
h5{font-size:16px;font-weight:bold;color:#3a3c3e;margin:0px;padding:0px;}
h6{font-size:15px;color:#666666;padding:5px 8px;font-weight:normal;text-align:left;}
label{display:inline-block;width:100%;text-align:left;color:#666666;}
input[type="text"],input[type="password"],input[type="date"]{box-sizing: border-box;border:1px solid #dadad9;width:100%;background:#fff;padding:10px;margin:5px 0px;color:#5a5a5a;font-size:14px;}
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:#555555;font-size:14px;border:1px solid #dadad9;font-size:14px;font-family:"arial","sans-serif";padding:3px 6px;margin:0px;}
select{border:1px solid #dadad9;padding: 11px 10px 9px;font-size:14px;width:100%;background-color: #fff;}
options{padding:5px;margin:3px;line-height:25px;}
table{margin-top:5px;border:1px solid #cdcdcd;width:100%;color:#3a3b3c;border-spacing:0;border-collapse:collapse;}
th{background:#eaebec;font-weight:bold;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd;color:#3a3a39;height:25px;padding:12px 5px;font-size:12px;text-transform:uppercase;}
td{color:5a5b5c;text-align:left;padding:8px 10px;margin:0px;border-bottom:1px solid #cdcdcd;border-left: 1px solid #cdcdcd;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: 6px 12px 5px;font-weight:bold;font-size:11px;cursor:pointer;border:0;font-family: verdana;color:#333333;}

.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;
  min-height: 1px;
  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%;
}

.wrapper {width:80%;margin:0 auto;box-sizing:border-box;}
.fixed {position:fixed;z-index:5;}
.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 */
}

.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);}


.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;}

.disabled input, .disabled textarea, .disabled select, .disabled button {pointer-events:none; background-color:#efefef; color:#8a8a8a;}
.hidden, .specimen {width: 0;height: 0;position: absolute;top: 0; left: 0; padding: 0; margin:0; z-index:-1;display:none;}

.wxPopup{position:relative;background-color:#eaecee; box-shadow:0px 0px 10px #888888; border:1px solid #eaecee; width:32%; position: fixed; top:10%; left:34%; z-index:50;max-height:90%; overflow:auto;}
.wxPopupClose{position:absolute;top:5px;right:5px;width: 15px; cursor: pointer;z-index:51;}
.wxPopup .popupTitle {font-size: 12px; text-transform: uppercase;font-weight: bold; margin-bottom: 15px;}

span.inr:after { content: "\20B9";}

.ebnote {position:absolute;width:30%;left:35%;top:100px;background-color:#ffffff; border:1px solid #cccccc; padding:10px;}

/* 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%;}
}


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

}

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