@charset "utf-8";
/* CSS Document */
html {  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
*{ outline:none; padding:0; margin:0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; overflow-x: hidden; overflow-y: auto; background: #f3f3f3; height:100%; min-height:100%; }
body, textarea, input { font-family:"arial"; font-size: 14px; line-height: 1.42857143 }
 /*input, select, textarea { background:#fff;}*/
.bg-body { background: #fff;}
a { text-decoration:none; outline:none; }
a:hover, a:active, a:foucs { outline:none }
ul, ol { margin:0;}
li {margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; list-style-type:none; }
h3, em, label, b{ font-style:normal;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.clear { clear:both; display:block; height:0; line-height:0; width:100%; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.fl { float:left;}
.fr { float:right;} 
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button;cursor: pointer;}
.bottom-line, .top-line, .left-line, .top-nav, .right-line, .flag-list li  { position:relative; }
.bottom-line:after, .bill-box ul li:after, .line-dashed:after { padding-bottom:1px; border-bottom:1px solid #eaeaea; content:' '; display:block; width:100%; position:absolute; left:0; bottom:0; -webkit-transform-origin:left bottom; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.top-line:before, .top-nav:before, .flag-list li:after { /*padding-top:1px;*/ border-top:1px solid #000; content:' '; display:block; width:100%; position:absolute; left:0; top:0; -webkit-transform-origin:left bottom; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.left-line:before {border-left:1px solid #eaeaea;content:' ';display:block;height:.693rem;position:absolute;left:0;top:.24rem;-webkit-transform-origin:left bottom;-webkit-transform:scaleX(0.6);transform:scaleX(0.6);}
.right-line:after {border-right:1px solid #eaeaea;content:' ';display:block;height:.693rem;position:absolute;right:0;top:.22rem;-webkit-transform-origin:left bottom;-webkit-transform:scaleX(0.6);transform:scaleX(0.6);}
table { border-collapse: collapse;}
.posi { position:relative; }
input::-moz-placeholder, input::-webkit-input-placeholder {color: #ccc; }
input::-webkit-input-placeholder { color: #ccc; } 
input::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder { color: #ccc; }
[role=button] { cursor: pointer;}
/*****************header******************/
.portal {position: relative;height: auto; }
.portal .main-header{/*position:fixed;top:0;width: 100%;*/ position: relative; max-height:100px;z-index:1030;}
.portal .main-header .logo { float:left;display:block;overflow:hidden;padding:0 15px;width:230px;height:50px;text-align:center;font-weight:300;font-size:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:50px;-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out; background-color: #0b0502; color: #fff; border-bottom: 0 solid transparent;}
.portal .main-header .logo .logo-mini img { max-height:45px;max-width:210px;display:block;margin:auto;vertical-align:middle; }
.portal .main-header .navbar { -webkit-transition:margin-left .3s ease-in-out;-o-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;margin-bottom:0;margin-left:230px;border:none;min-height:50px;border-radius:0;position:relative;background-color:#222 !important; }
.portal .main-header .navbar.navbar-static-top { z-index: 1000; }
.portal .main-header .sidebar-toggle {float:left;background-color:transparent;background-image:none;padding:0 10px;display:inline-block;font-family:FontAwesome;font-weight:400;color:#fff ; font-size: 20px; min-height: 50px;}
.portal .main-header .iconfont-sidebar-left, .portal .main-header .iconfont-sidebar-right { font-size: 22px !important; line-height: 30px !important; color: #fdcb51;}
.portal .main-header .sidebar-toggle:before { display: none;}
.portal .main-header .navbar .dropdown .iconfont { font-size: 18px; color: #fdcb51;}
.portal .main-header .navbar .navbar-custom-menu { float: right;}
.portal .main-header .navbar { padding-left: 0; margin-bottom: 0; list-style: none; }
.portal .main-header .navbar-nav { margin: 7.5px -15px; }
.portal .main-header .nav>li { position: relative; display: block; }
.portal .main-header .nav>li>a, .portal .main-header .sidebar-toggle { position: relative; padding:0 15px; display: flex; align-items: center; justify-content: center; min-height: 50px;}
.portal .main-header .navbar-brand, .portal .main-header .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, .25); }
.portal .main-header .navbar .nav>li>a { color: #fff;} 
.portal .navbar-nav>li>a { line-height: 20px;}
.label {display:inline;padding:2px 3px;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}
.label-warning { background-color: #ff0000;}
.portal .main-header .navbar .nav>li>a>.label{position:absolute;top:8px;right:7px;text-align:center;font-size:9px;padding:2px 3px;line-height:.9;font-weight: normal;}
.label:empty { display: none;}
.iconfont-ticket { -webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.color-white { color: #fff !important;}
.pd-top15 { padding-top: 15px;}
.pd-right10 { padding-right: 10px;}
.portal .nav .open>a, .portal .nav .open>a:focus, .portal .nav .open>a:hover { background-color: #eee;border-color: #337ab7;}
.portal .main-header .navbar .nav>.active>a,  .portal .main-header  .navbar .nav .open>a {background: rgba(0,0,0,0.1);color: #f6f6f6;}
.navbar-nav>.user-menu .user-image{float:left;height:24px;border-radius:0;margin-right:10px;margin-top:-2px}
.open>a { outline: 0;}
@media (min-width: 768px) {
	.portal .main-header .navbar-nav { float: left; margin: 0; }
	.portal .main-header .navbar-nav>li { float: left; }
	.portal .main-header .navbar-custom-menu>.navbar-nav>li {position: relative}
}
.dropdown-menu {position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
.open>.dropdown-menu {display: block;}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu{border-top-right-radius:0;border-top-left-radius:0;padding:1px 0 0;border-top-width:0;width:280px}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.portal .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:0;left:auto;border: none;}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:175px;padding:10px;text-align:center; background-color: #63798c !important;}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-body{padding:15px;border-bottom:1px solid #f4f4f4;border-top:1px solid #ddd}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{z-index:5;height:90px;width:90px;border:3px solid hsla(0,0%,100%,.2)}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-body a {color: #444; display: inline-block; height: 26px; overflow: hidden;}
.portal .main-header .lang-col a img { border: 1px solid #000; height: 26px; }
.user-link { border-top: 1px solid #eee; margin: 10px; padding: 10px 0;}
.portal .main-header .navbar-nav .user .user-body .center { padding:5px 0 0 0}
.portal .main-header .navbar-nav .user .lang-col {margin-top:5px;}
.img-circle {border-radius: 50%;}
.center, .text-center {text-align:center}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{z-index:5;color:#fff;color:hsla(0,0%,100%,.8);font-size:17px;margin-top:10px}
.portal .main-header .col-xs-6 {width: 50%; float: left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#f9f9f9;padding:10px}
.btn {display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:5px}
.portal .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default { background: #333; color: #fff;}
.portal .main-header .navbar-nav .fa-ticket { font-size: 20px; color: #fdcb51;}
/*****************sidebar******************/
/*.portal .content-wrapper { height: 100%;padding-bottom: 30px; }*/
.fixed .left-side,.fixed .main-header,.fixed .main-sidebar{position:fixed}
body.hold-transition .content-wrapper,body.hold-transition .left-side,body.hold-transition .main-footer,body.hold-transition .main-header .logo,body.hold-transition .main-header .navbar,body.hold-transition .main-sidebar,body.hold-transition .right-side{-webkit-transition:none;-o-transition:none;transition:none}
@media (max-width:991px){
	.portal .navbar-collapse.pull-left{float:none!important}
	.portal .navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}
	.portal .navbar-custom-menu .navbar-nav>li>a{ line-height:20px}
	.portal .main-header .navbar-custom-menu a,.portal .main-header .navbar-right a{color:inherit;background:0 0}
	.portal .navbar-custom-menu .navbar-nav{margin:0;float:left}
	.portal .navbar-custom-menu>.navbar-nav{float:right; position: static;}
	.portal .navbar-custom-menu>.navbar-nav>li {float: left; position: static;}
	.navbar-custom-menu>.navbar-nav>li.user-menu span.hidden-xs { display: none !important;}
	.portal .navbar-custom-menu>.navbar-nav>li.pd-right10 { padding-right: 0 !important;}
	.navbar-custom-menu>.navbar-nav>li.user-menu a { min-height: 50px;}
}
.portal .nav:before {display: table; content: " ";}
.portal .left-side,.portal .main-sidebar{position:absolute;top:0;left:0; padding-top:50px;min-height:100%;width:230px;z-index:810;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}
.portal .sidebar{padding-bottom:10px}
.portal .sidebar-form input:focus{border-color:transparent}
.portal .user-panel{position:relative;width:100%;padding:10px 15px 20px 15px;overflow:hidden}
.portal .user-panel:after,.portal .user-panel:before{content:" ";display:table}
.portal .user-panel:after{clear:both}
.portal .user-panel>.image>img{width:100%;max-width:30px; border-radius:0;height:auto; margin: 0 auto; display: block;}
.portal .user-panel>.info{padding:5px 5px 5px 15px;line-height:1;position:absolute;left:50px}
.portal .user-panel>.info>p{font-weight:600;margin-top:9px}
.portal .user-panel>.info>a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px}
.portal .user-panel>.info>a>.fa,.portal .user-panel>.info>a>.glyphicon,.portal .user-panel>.info>a>.ion{margin-right:3px}
.portal .sidebar-menu{list-style:none;margin:0;padding:0}
.portal .sidebar-menu>li{position:relative;margin:0;padding:0}
.portal .sidebar-menu>li.treeview .fa+span { white-space: normal; word-break: break-all;display:inline-block;vertical-align:top;width:80%;}
.portal .sidebar-menu>li>a{padding:12px 5px 12px 15px;display:block}
.portal .sidebar-menu>li>a>.fa,.portal .sidebar-menu>li>a>.glyphicon,.portal .sidebar-menu>li>a>.ion{width:20px}
.portal .sidebar-menu>li .badge,.portal .sidebar-menu>li .label{margin-right:5px}
.portal .sidebar-menu>li .badge{margin-top:3px}
.portal .sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px}
.portal .sidebar-menu li>a>.fa-angle-left,.portal .sidebar-menu li>a>.pull-right-container>.fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px;font-size: 20px;}
.portal .sidebar-menu li>a>.fa-angle-left{position:absolute;top:50%;right:10px;margin-top:-8px}
.portal .sidebar-menu li.menu-open>a>.fa-angle-left,.portal .sidebar-menu li.menu-open>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.portal .sidebar-menu li.active>.treeview-menu{display:block}
/* .menu-open .treeview-menu {-webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out; transition: transform .3s ease-in-out,margin .3s ease-in-out;} */
.portal .sidebar-menu .treeview-menu{display:none;list-style:none;margin:0;padding:0 ; margin-left: 1px;}
.portal .sidebar-menu .treeview-menu .treeview-menu{padding-left:20px}
.portal .sidebar-menu .treeview-menu>li{margin:0; margin-bottom: 1px;}
.portal .sidebar-menu .treeview-menu>li>a{padding:5px 5px 5px 40px;display:block;font-size:14px;overflow: auto;white-space: normal;}
.portal .sidebar-menu .treeview-menu>li>a>.fa,.portal .sidebar-menu .treeview-menu>li>a>.glyphicon,.portal .sidebar-menu .treeview-menu>li>a>.ion{width:20px}
.portal .sidebar-menu .treeview-menu>li>a>.fa-angle-down,.portal .sidebar-menu .treeview-menu>li>a>.fa-angle-left,.portal .sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down,.portal .sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left{width:auto}
@media (max-width:767px){
	.portal .left-side, .portal .main-sidebar{
		padding-top:50px;-webkit-transform:translate(-230px);-ms-transform:translate(-230px);-o-transform:translate(-230px);transform:translate(-230px);}
	.sidebar-collapse .portal .left-side, .sidebar-collapse .portal .main-sidebar{
		padding-top:50px;-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);}	
	.wrapper.portal .content-wrapper, .wrapper.portal .main-footer, .wrapper.portal .right-side {margin-left: 0;}
	.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer,.sidebar-collapse .right-side{-webkit-transform:translate(230px);-ms-transform:translate(230px);-o-transform:translate(230px);transform:translate(230px)}
	.portal .data-table-top input.input-search  { width: 120px;}
	.portal .main-header .navbar{margin:0}
	.portal .sidebar-open .left-side,.portal .sidebar-open .main-sidebar{-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}
	.portal .main-header .logo,.portal .main-header .navbar{width:100%;float:none}
	.portal .main-header .logo { display: none;}
	.navbar-custom-menu>.navbar-nav>li .color-white { font-size: 12px;}
	.portal .main-header .sidebar-toggle, .portal .navbar-custom-menu .navbar-nav>li>a { padding: 0 9px; min-height: 50px; display: flex; align-items: center; justify-content: center;}
	.portal .main-header .sidebar-toggle img, .portal .navbar-custom-menu .navbar-nav>li>a img { display: block; margin: 0 auto; height: 22px;}
	.navbar-nav>.user-menu .user-image { margin-right: 0;}
	.portal .navbar-custom-menu .navbar-nav>li.pd-top15 { margin-left: 5px;}
	.portal .main-header .iconfont-sidebar-right:before { content: "\e610" !important;}
	.portal .main-header .iconfont-sidebar-left:before { content: "\e611" !important; }
}
@media (min-width:768px){
	.portal.sidebar-collapse .left-side,.portal.sidebar-collapse .main-sidebar{-webkit-transform:translate(-230px);-ms-transform:translate(-230px);-o-transform:translate(-230px);transform:translate(-230px)}
}
@media (min-width:768px){
	.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer,.sidebar-collapse .right-side{margin-left:50px!important;z-index:840}
	.sidebar-collapse 	.main-sidebar{-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);width:50px!important;z-index:850}
	.sidebar-collapse .sidebar-menu>li{position:relative}
	.sidebar-collapse .sidebar-menu>li>a{margin-right:0}
	.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}
	.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}
	.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px}
	.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){display:block!important;position:absolute;width:180px;left:50px}
	.sidebar-collapse .sidebar-menu>li:hover>a>span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit}
	.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{position:relative!important;float:right;width:auto!important;left:180px!important;top:-22px!important;z-index:900}
	.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){display:none}
	.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:44px;margin-left:0}
	.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-collapse .sidebar-form,.sidebar-collapse .sidebar-menu li.header,.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-collapse .sidebar-menu>li>a>span{display:none!important;-webkit-transform:translateZ(0)}
	.sidebar-collapse .main-header .logo{width:50px}
	.sidebar-collapse .main-header .logo>.logo-mini{display:block;margin-left:-15px;margin-right:-15px;font-size:18px}
	.sidebar-collapse .main-header .logo>.logo-lg{display:none}
	.sidebar-collapse .main-header .navbar{margin-left:50px}
	/*a.a-link:hover { color: #c99714;}*/
}
.portal .main-sidebar .user-panel,.portal .sidebar-menu,.portal .sidebar-menu>li.header{white-space:nowrap;overflow:hidden}
.portal .sidebar-menu:hover{overflow:visible}
.portal .sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}
.portal .sidebar-menu li>a{position:relative}
.portal .sidebar-menu li>a>.pull-right-container{position:absolute;right:10px;top:6px; }
.control-sidebar-bg{position:fixed;z-index:1000;bottom:0}
.control-sidebar,.control-sidebar-bg{top:0;right:-230px;width:230px;-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out}
.portal .control-sidebar{position:absolute;padding-top:50px;z-index:1010}
@media (max-width:768px){
	.portal .control-sidebar{padding-top:100px}
}
.control-sidebar>.tab-content{padding:10px 15px}
.control-sidebar-open .control-sidebar,.control-sidebar-open .control-sidebar-bg,.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}
@media (min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .main-footer,.control-sidebar-open .right-side{margin-right:230px}
}
.nav-tabs.control-sidebar-tabs>li:first-of-type>a,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover{border-left-width:0}
.nav-tabs.control-sidebar-tabs>li>a{border-radius:0}
.nav-tabs.control-sidebar-tabs>li>a,.nav-tabs.control-sidebar-tabs>li>a:hover{border:1px solid transparent;border-top:none;border-right:none}
.nav-tabs.control-sidebar-tabs>li>a .icon{font-size:16px}
.nav-tabs.control-sidebar-tabs>li.active>a,.nav-tabs.control-sidebar-tabs>li.active>a:active,.nav-tabs.control-sidebar-tabs>li.active>a:focus,.nav-tabs.control-sidebar-tabs>li.active>a:hover{border-top:none;border-right:none;border-bottom:none}
@media (max-width:768px){.nav-tabs.control-sidebar-tabs{display:table}
.nav-tabs.control-sidebar-tabs>li{display:table-cell}
}
.control-sidebar-heading{font-weight:400;font-size:16px;padding:10px 0;margin-bottom:10px}
.control-sidebar-subheading{display:block;font-weight:400;font-size:14px}
.control-sidebar-menu{list-style:none;padding:0;margin:0 -15px}
.control-sidebar-menu>li>a{display:block;padding:10px 15px}
.control-sidebar-menu>li>a:after,.control-sidebar-menu>li>a:before{content:" ";display:table}
.control-sidebar-menu>li>a:after{clear:both}
.control-sidebar-menu>li>a>.control-sidebar-subheading{margin-top:0}
.control-sidebar-menu .menu-icon{float:left;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px}
.control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px}
.control-sidebar-menu .menu-info>.control-sidebar-subheading{margin:0}
.control-sidebar-menu .menu-info>p{margin:0;font-size:11px}
.control-sidebar-menu .progress{margin:0}
.control-sidebar-dark{color:#b8c7ce}
.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#222d32}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#1c2529}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a{background:#181f23;color:#b8c7ce}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{border-left-color:#141a1d;border-bottom-color:#141a1d}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{background:#1c2529}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{color:#fff}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover{background:#222d32;color:#fff}
.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading{color:#fff}
.control-sidebar-dark .control-sidebar-menu>li>a:hover{background:#1e282c}
.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p{color:#b8c7ce}
.control-sidebar-light{color:#5e5e5e}
.control-sidebar-light,.control-sidebar-light+.control-sidebar-bg{background:#f9fafc;border-left:1px solid #d2d6de}
.control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d2d6de}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a{background:#e8ecf4;color:#444}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover{border-left-color:#d2d6de;border-bottom-color:#d2d6de}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover{background:#eff1f7}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover{background:#f9fafc;color:#111}
.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111}
.control-sidebar-light .control-sidebar-menu{margin-left:-14px}
.control-sidebar-light .control-sidebar-menu>li>a:hover{background:#f4f4f5}
.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p{color:#5e5e5e}
.portal .sidebar a { color: #dad7d4 !important;}
.portal .main-sidebar, .portal .left-side {background-color: #0b0502 !important;}
.portal .sidebar-menu>li>a { border-left: 3px solid transparent; padding-bottom: 8px !important;}
.sidebar-menu>li>a { padding: 5px 5px 5px 15px !important; }
.portal .sidebar-menu>li.header { color: #dad7d4; background: #474849; background: #0b0502;}
.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a{/*border-left-color:gold!important;background-color:#a93226!important;*/color:#fdcb51!important}
.portal .sidebar-menu .treeview-menu>li.active>a,.portal .sidebar-menu .treeview-menu>li a:hover{border-left-color:#fbb511!important;background-color:#d8c68b!important;border-left-style:solid;border-left-width:3px;color:#3e2b0f!important}
.portal .sidebar-menu>li {position: relative;margin: 0; padding: 1.5px !important;}
.portal .user-panel>.info, .skin-green .user-panel>.info>a { color: #fff;}
.portal .sidebar-menu .treeview-menu {background-color: #3c3735 !important;}
/*footer*/
.portal .main-footer{background:#f3f3f3;padding:15px;color:#777;border-top:1px solid #ddd}
.portal .left-side, .portal .main-sidebar { position: fixed; height: 100%;}
.portal .left-side, .portal .main-sidebar .sidebar {overflow: auto; height: 100%;}
.portal .left-side, .portal .main-header { position: fixed; left: 0; width: 100%; top: 0;}
.portal { padding-top: 50px;}
.portal .left-side, .portal .main-sidebar .sidebar::-webkit-scrollbar{position:absolute;width:7px;height:10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.1);box-shadow: inset 0 0 5px rgba(255,255,255,0.1); -webkit-appearance:none;border-radius:0;border:none}
.portal .left-side, .portal .main-sidebar .sidebar::-webkit-scrollbar-track{background:#222; -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.1);box-shadow: inset 0 0 5px rgba(255,255,255,0.1); -webkit-appearance:none;border-radius:0;border:1px solid #101010}
.portal .left-side, .portal .main-sidebar .sidebar::-webkit-scrollbar-thumb{height:7px;background-color:#666;border-radius:4px;border:none;box-shadow: inset 0 0 5px rgba(255,255,255,0.1);}
.portal .left-side, .portal .main-sidebar .sidebar::-webkit-scrollbar-thumb:hover { background: #777;}
@media screen and (max-device-width: 768px) and (max-width: 768px) {
	.portal .left-side, .portal .main-sidebar { position: absolute; height: auto;}
	.portal .left-side, .portal .main-sidebar .sidebar {overflow:inherit; height:auto;}
	.portal .left-side, .portal .main-header { position: relative; left: inherit; top: inherit;}
	.portal { padding-top: 0; overflow-x: hidden;}
	.sidebar-menu>li:hover>a:hover { color: #dad7d4 !important;}
	.sidebar-menu>li:hover>a:active { color: #fdcb51!important;}
}