/* Frame Styles : Header, Footer and Left panel
-------------------------------------------------------------------------------*/

/*Main header*/
 body{ font-size:14px;  font-family: 'calibriregular';}

/*Header*/
/* .header{background:#FFF; height:auto;} */    
.navbar_fixed_top,.navbar_fixed_bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.logo_left{ max-width:14.9%;min-width:170px !important; height:auto; background:#a3bc27; text-align:center; /* padding:2.7% 0 */ padding:34px 0}
.logo_left img{max-width:100% !important;}
.header_right{ min-width:65%;max-width:100% !important;border-bottom:1px solid #CCC}
.clnt_logo{ width:15%; height:auto; text-align:right; margin:14px 22px 0px}
.navbar_left{left:0px;right:auto; margin-left:23px; display:block}
.user_name{border-left:1px solid #d4d8d8; color:#000; font-size:14px; padding:0px 10px 0px 10px}
.user_name span{ display:inline-block; float:right; margin-left:5px; cursor:pointer}
.navbar_left ul{padding:0px; margin:38px 0px 30px 0px ;}
.navbar_left ul li{display:inline-block;margin-right:20px;position:relative}
.nav_count{display:inline-block; height:16px; width:16px; background:#e74c3c; color:#FFF; font-size:12px; top:-16px;left:3px;-webkit-border-radius: 16px;
-moz-border-radius: 16px;border-radius: 16px; position:absolute; z-index:999px; text-align:center}
.user_ic{ background:url(../images/icons/user_ic.png) no-repeat center center; width:20px; height:20px}
.talk_ic{background:url(../images/icons/talk_ic.png) no-repeat center center; width:20px; height:20px}
.bell{background:url(../images/icons/bell.png) no-repeat center center; width:20px; height:20px}

.left_side{max-width:14.9%;min-width:170px !important;background:#434444;min-height:850px; float:left;position: fixed;}
.right_side{min-width:75.6%;max-width:88% !important;background:#f8f8f8;padding:22px;min-height:700px; /* margin-top:7%; */ margin-top:90px; float:left;margin-left: 170px;}

 /*Left side nav icons*/
	.drp_arrow{padding-right:10px;background:url(../images/icons/input_arrow.png) no-repeat 3px 5px}
	.drp_arrow_wht{padding-right:10px;background:url(../images/icons/drp_arrow.png) no-repeat 3px 5px}	
	.log_out_icon { padding: 8px 0 8px 35px; background: url("../images/icons/logout_ic.png") no-repeat scroll left center rgba(0, 0, 0, 0);}
	/*Left nav css */
.gw-container.gw-main-container .gw-sidebar.gw-sidebar-fixed, .gw-container.gw-main-container .gw-sidebar.gw-sidebar-fixed:before { left: auto }
.gw-sidebar { margin-top:58%; width:100%; /*position: fixed;*/border: 1px solid #e5e5e5; border-width: 0 1px 0 0; /*  background-color: #F2F2F2;*/bottom:0; top:0;left:0;}
.gw-sidebar .nano-pane { background: rgba(255, 255, 255, 0); font-size: 15px; }
.gw-sidebar .gw-nav-list {/* border-right: 1px solid #CCC;*/ }
.gw-sidebar .gw-nav-list li a { padding-left:10px; font-weight:normal; font-size: 14px;}
.gw-nav-list { margin: 0; padding: 0; list-style: none }
.gw-nav-list>li:first-child { border-top: 0; }
.gw-nav-list>li { display: block; padding: 0; margin: 0; border: 0; /* border-top: 1px solid #fcfcfc;*/
  border-bottom: 1px solid #555555; position: relative; text-decoration: none; }
 @-webkit-keyframes arrow-slide { 0% {
}
 100% {-webkit-transform:rotate(225deg);z-index:3}
}
 @-webkit-keyframes arrow-slide1 { 0% {
}
 100% {
-webkit-transform:rotate(225deg);
z-index:3
}
}
.gw-nav-list>li.arrow-down:after { content: ''; width: 13px; height: 7px; position: absolute; right: 10px; top: 15px; /* border-top: 1px solid #bababa;
  border-left: 1px solid #bababa;*/
  -webkit-transform: rotate(45deg); background: url(../images/icons/menu_arrow_down.png) no-repeat right;  -webkit-animation: arrow-slide .5s 0s ease both;
}
.gw-nav-list>li.init-arrow-down:after { content: ''; width: 13px; height: 7px; position: absolute; right: 10px; top: 15px; /*border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;*/
 background: url(../images/icons/menu_arrow_down.png) no-repeat right; -webkit-transform: rotate(45deg); }
.gw-nav-list>li.arrow-up:after { content: ''; width:13px; height: 7px; position: absolute; right: 10px; top: 15px; /* border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  -webkit-transform: rotate(45deg);*/
  background: url(../images/icons/menu_arrow_up.png) no-repeat right;  -webkit-animation: arrow-slide1 .5s 0s ease both;
}
.gw-nav-list>li.init-arrow-up:after { content: ''; width:13px; height: 7px; position: absolute; right: 10px; top: 15px; /* border-top: 1px solid #bababa;
  border-left: 1px solid #bababa;*/
   background: url(../images/icons/menu_arrow_up.png) no-repeat right; -webkit-transform: rotate(45deg); }
.gw-nav-list>li.active { background-color: #fff; }
.gw-nav-list>li>a { display: block; height: 38px; line-height: 36px; padding: 0 16px 0 7px; /*background-color: #f9f9f9;*/
  color: #ababab; text-shadow: none !important; font-size: 13px; text-decoration: none; font-weight:bold; }
.gw-open > a { outline: 0; }
.gw-nav-list>li.gw-open { border-bottom-color: #e5e5e5 }
.gw-nav-list>li.gw-open>a { /* background-color:red;*/
  color: #1963aa; }
.gw-nav-list .gw-open>a, .gw-nav-list .gw-open>a:hover, .gw-nav-list .gw-open>a:focus { /*background:#03C*/ }
.gw-nav .gw-open > a, .gw-nav .gw-open > a:hover, .gw-nav .gw-open > a:focus { /* background:#06C;*/
  border-color: #428bca; }
.gw-nav-list>li.active>a, .gw-nav-list>li.active>a:hover, .gw-nav-list>li.active>a:focus, .gw-nav-list>li.active>a:active { background:#2f2f2f; color: #a3bc27; font-weight: normal; font-size: 14px; }
.gw-nav-list>li>a, .gw-nav-list .gw-nav-header { margin: 0 }
.gw-nav-list>li.active>a>[class*="icon-"] {
 font-weight: normal
}
.gw-nav-list>li.active>a:hover:before { display: none }
.gw-nav-list>li.active:before { display: inline-block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; z-index: 1; border: 2px solid #a3bc27; border-width: 0 2px 0 0 }
.gw-nav-list li.gw-open>a:after { display: none }
.gw-nav-list>li a>.gw-arrow { display: inline-block; width: 14px!important; height: 14px; line-height: 14px; text-shadow: none; font-size: 18px; position: absolute; right: 11px; top: 11px; padding: 0; color: #666; }
.gw-nav-list>li a:hover>.gw-arrow, .gw-nav-list>li.active>a>.gw-arrow, .gw-nav-list>li.gw-open>a>.gw-arrow { color: #1963aa }
 .gw-nav-list>li>a>[class*="icon-"]:first-child {
 display: inline-block;
 vertical-align: middle;
 min-width: 30px;
 text-align: center;
 font-size: 18px;
 font-weight: normal;
 margin-right: 2px
}
.gw-nav-list>li.active .gw-submenu {
 display: block -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.13); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.13); }
.gw-nav-list>li .gw-submenu { font-size: 13px; display: none; list-style: none; margin: 0; padding: 0; position: relative; background:#2f2f2f; border-bottom: 1px solid #3c3c3c; }
.gw-nav-list>li .gw-submenu>li { margin-left: 0; position: relative }
.gw-nav-list>li .gw-submenu>li>a { display: block; position: relative; color: #999999; padding: 7px 0 7px 9px; margin: 0; border-top: 1px solid #3c3c3c; font-size: 14px; text-decoration: none; }
.gw-nav-list>li .gw-submenu>li>a:focus { text-decoration: none }
.gw-nav-list>li .gw-submenu>li>a:hover { text-decoration: none; color: #ffffff;/*  background-color: rgba(25,25,50,0.1);*/
}
.gw-nav-list>li .gw-submenu>li.active:after { display: inline-block; content: ""; position: absolute; right: -1px; top: -1px; bottom: 0; z-index: 1; border: 2px solid #a3bc27; }
.gw-nav-list>li .gw-submenu>li.active>a { color:#ffffff }
 .gw-nav-list>li .gw-submenu>li a>[class*="icon-"]:first-child {
 display: none;
 font-size: 12px;
 font-weight: normal;
 width: 18px;
 height: auto;
 line-height: 12px;
 text-align: center;
 position: absolute;
 left: 10px;
 top: 11px;
 z-index: 1;
 background-color: #FFF
}
 .gw-nav-list>li .gw-submenu>li.active>a>[class*="icon-"]:first-child, .gw-nav-list>li .gw-submenu>li:hover>a>[class*="icon-"]:first-child {
display: inline-block
}
 .gw-nav-list>li .gw-submenu>li.active>a>[class*="icon-"]:first-child {
color: #c86139
}
.gw-nav-list>li>.gw-submenu>li:first-child>a { border-top: 0px; }
.gw-nav-list li .gw-submenu { overflow: hidden }
.gw-nav-list li.active.gw-open>.gw-submenu>li.active.gw-open>a.dropdown-toggle:after { display: none }
.gw-nav-list li.active>.gw-submenu>li.active>a:after { display: none }
.gw-nav-list li.active.gw-open>.gw-submenu>li.active>a:after { display: block }
 .gw-nav-tabs li[class*=" icon-"], .nav-tabs li[class^="icon-"] {
 width: 1.25em;
 display: inline-block;
 text-align: center
}
/*=================left navibar end=========================================*/