* { padding: 0; margin: 0; }
html,body,form {height:100%;min-height:100% !important;position:relative;}
body {margin:0 auto;color:#444;font-size:12px;background-color:#273849;background-repeat:repeat;font-family:Tahoma,sans-serif;background-image:url('../img/ee_bg.png');border:0px solid #000;}

#wrapper {background-color:#9caac1;-moz-box-shadow: 0 4px 15px -3px #000;-webkit-box-shadow:0 4px 15px -3px #000; box-shadow:0 4px 15px -3px #000;}

/*ul {list-style:none;}*/
.header{height:50px;background:url(../images/hdr-bg2.png);background-repeat:no-repeat;background-size:100% 100%;}
.menu {
    color:#ffffff !important;
    height:36px;
    /*background: #001b6a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#224994), to(#001b6a));
	background: -moz-linear-gradient(#224994, #001b6a);
	background: linear-gradient(#224994, #001b6a);
	-pie-background: linear-gradient(#224994, #001b6a);*/
	background-color:#224994;
}

.content{background:#eaeaea;border:0px solid #000;min-height:-moz-calc(100% - 175px);min-height:-webkit-calc(100% - 175px);min-height:calc(100% - 175px);}
.footera{height:50px;color:#ccc;font-size:11px;background:#2c2c2c;}
.footerb{height:20px;color:#ccc;font-size:11px;background:#2c2c2c;}

input,button,select,textarea{font:11px Tahoma,sans-serif}
input[type="text"],input[type="email"],input[type="password"],select,textarea{border:1px solid #ccc;padding:2px;background:#fff;}
a{color:#0d8b9b;text-decoration:none}
/*a:hover{color:#cb6400}
ul li a:hover{color:#eee}*/
input[type=text]:disabled { background: #dddddd;border:1px solid #ccc;padding:2px;} 
button:disabled{color:#444;text-shadow:1px 1px 0 #fff;border:1px solid #999;background:#dddddd}
.disable-select{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}

input[type="text"],textarea,select {border:1px solid #cccccc;}
input[type="text"]:focus,input[type="text"]:active {outline:none;}
select:focus,select:active {outline:none;}
textarea:focus,textarea:active {outline:none;}

.box{border:1px solid #aaa;background:#bdc7d7;padding:0;margin-bottom:10px;min-height:505px;margin-left:-1px;margin-right:-1px;}
.box h1{font-family:Tahoma;font-weight:normal;background:#f4f4f4;padding:1px 10px;margin-bottom:15px}
.box h2{margin-top:0;position:relative;padding:6px 15px;font-size:14px;font-weight:normal;color:#d7d7d7;background-color:#224994;}
.left-menu h2{margin-top:0;position:relative;padding:6px 30px;font-size:14px;font-weight:normal;color:#d7d7d7;background:url(../images/icons/bullet_go.png) 8px center no-repeat;background-color:#224994;}
.box.sidebar h2{padding:6px 30px;background:url(../img/icons/bullet_go.png) 10px center no-repeat;background-color:#224994;}
.box{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/*-webkit-box-shadow:3px 3px 0 #ddd;-moz-box-shadow:3px 3px 0 #ddd;box-shadow:3px 3px 0 #ddd;*/
.box h1{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.box h2{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}

/****************** tables d9534f************************/
.gtable{width:100%;position:relative;}
.gtable th{text-align:left;padding:7px 2px;}
.gtable thead tr{color:#333;border:1px solid #ccc;}
.gtable thead tr th{background:#efefef;vertical-align:middle;font-size:11px;}
.gtable tbody tr td{border-bottom:1px solid #ccc;cursor:default;line-height:15px;background:#fff;}  
.gtable td{padding:4px 5px;}
.gtable input{vertical-align:middle;}
.gtable img{vertical-align:middle;margin-right:5px;}
.gtable tbody tr.selected td{background-color:#d9534f; color:#fff;}
.gtable thead th{background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#efefef));background:-moz-linear-gradient(#fff,#efefef);background:linear-gradient(#fff,#efefef);-pie-background:linear-gradient(#fff,#efefef)}
/*.gtable tbody tr:hover td { cursor:pointer; }*/
/*.gtable tbody tr:hover td { background-color:#d9534f;color:#fff; }*/

.gexcel {width:100%;position:relative;}
.gexcel thead tr{color:#333;border:1px solid #ccc;}
.gexcel thead tr th{background:#efefef;vertical-align:middle;font-size:11px;text-align:left;padding:7px 2px;}
.gexcel thead th{background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#efefef));background:-moz-linear-gradient(#fff,#efefef);background:linear-gradient(#fff,#efefef);-pie-background:linear-gradient(#fff,#efefef)}
.gexcel tbody tr td{border:1px solid #ccc;cursor:default;line-height:15px;padding:2px 5px;background:#fff;vertical-align:top;}   /*border:1px solid #e8e8e8*/
.gexcel input{vertical-align:middle;}

/*************** bootstrap buttons *******************/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  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: 4px;
  margin-right: 4px; /*-----------------*/
}

.btn span.fa{margin-right:5px;}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {  
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,  
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,  
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,  
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,  
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {  
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  /*color: #fff;*/
  /*background-color: #3276b1;*/
  /*border-color: #285e8e;*/
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,  
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,  
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,  
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,  
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {  
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,  
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,  
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,  
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,  
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {  
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,  
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,  
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,  
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,  
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {  
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,  
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,  
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,  
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,  
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {  
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,  
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,  
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,  
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,  
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {  
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {  
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,  
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {  
  color: #999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  /*font-size: 12px;*/
  font-size: 11px;/*------------------------------------------------------------------------------------*/
  line-height: 1.5;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius: 2px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
/*
input[type="submit"].btn-block,  
input[type="reset"].btn-block,  
input[type="button"].btn-block {  
  width: 100%;
}*/

/****************** Checkbox ************************/
.ckbox,.rdiobox {font-weight: normal;position: relative; display: block; line-height: 18px; }
.ckbox span:before,.ckbox span:after {line-height: 18px; position: absolute;}
.ckbox span:before { content: ''; width: 14px; height: 14px; background-color: #fff; border: 1px solid #808080; border-radius: 1px; top: 2px; left: 0;}
.ckbox span:after {left: 2.5px;top: 0; content: '\f00c';font-family: 'FontAwesome';font-size: 9px;color: #696c74; display: none;}
.ckbox input[type='checkbox'] {opacity: 0; margin: 0 5px 0 0; }
.ckbox input[type='checkbox']:checked + span:before { border-color: #ccd1db;}
.ckbox input[type='checkbox']:checked + span:after { display: block;}
.ckbox input[type='checkbox'][disabled] + span,
.ckbox input[type='checkbox'][disabled] + span:before,
.ckbox input[type='checkbox'][disabled] + span:after { opacity: .75;}
.ckbox-inline,.rdiobox-inline { display: inline-block;}

.ckbox-primary input[type='checkbox']:checked + span:before { background-color: #2574ab; border-color: #2574ab;}
.ckbox-primary input[type='checkbox']:checked + span:after { color: #ffffff;}
.ckbox-success input[type='checkbox']:checked + span:before { background-color: #259dab; border-color: #259dab;}
.ckbox-success input[type='checkbox']:checked + span:after { color: #ffffff;}
.ckbox-warning input[type='checkbox']:checked + span:before { background-color: #e6ad5c; border-color: #e6ad5c;}
.ckbox-warning input[type='checkbox']:checked + span:after {color: #ffffff;}
.ckbox-danger input[type='checkbox']:checked + span:before { background-color: #d9534f; border-color: #d9534f;}
.ckbox-danger input[type='checkbox']:checked + span:after { color: #ffffff;}
.ckbox-info input[type='checkbox']:checked + span:before { background-color: #5bc0de; border-color: #5bc0de;}
.ckbox-info input[type='checkbox']:checked + span:after { color: #ffffff;}

/*************** toggle switch ***********************/
.toggle-light .toggle-slide {
  border-radius: 9999px;
  -webkit-box-shadow: 0 0 0 1px #999;
          box-shadow: 0 0 0 1px #999;
}
.toggle-light .toggle-on,
.toggle-light .toggle-off {
  font-size: 11px;
  font-weight: 500;
}
.toggle-light .toggle-on,
.toggle-light .toggle-select .toggle-inner .active {
  background: #45a31f;
  -webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
.toggle-light .toggle-off,
.toggle-light .toggle-select .toggle-on {
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
  background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#f5f5f5));
  background: -webkit-linear-gradient(#cfcfcf, #f5f5f5);
  background: linear-gradient(#cfcfcf, #f5f5f5);
}
.toggle-light .toggle-blob {
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfcfcf));
  background: -webkit-linear-gradient(#f5f5f5, #cfcfcf);
  background: linear-gradient(#f5f5f5, #cfcfcf);
  -webkit-box-shadow: 1px 1px 2px #888;
          box-shadow: 1px 1px 2px #888;
}
.toggle-light .toggle-blob:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9));
  background: -webkit-linear-gradient(#e4e4e4, #f9f9f9);
  background: linear-gradient(#e4e4e4, #f9f9f9);
}

/*************** goto top button *********************/
.cd-top{ display:inline-block;position:fixed;bottom:35px;right:20px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow:hidden;border-radius:8px;white-space:nowrap;background-color:#224994;visibility:hidden;padding:15px;color:white;text-align:center;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible{visibility:visible;opacity:1;}
.cd-top.cd-fade-out{opacity:.5;}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1;}

/************** ckeditor **********************/
.cke .cke_top{ padding: 1px; }
.cke .cke_toolgroup { margin: 0px; margin-right: 1px; border: none; } 

/*************** nav-menu *******************/
.nav-menu {
    margin:0;
    background-color: #fff;
}
.nav-menu > li {
    float: none;
    border-top: 0px solid #eaecf0;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
    padding:0;    
}
.nav-menu > li:hover {    
    /*background: #ff2727;*/
    /*text-decoration: underline;*/
}
.nav-menu > li:hover a {
    /*color: #eee;*/
    color: #224994;
}
.nav-menu > li > a {
    color: #224994;
    padding: 8px 10px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    display: block;
    font-size:11px;
    font-weight:bold;    
}
.nav-menu > li > a > i {
    width: 16px;
    font-size: 14px;
    /*text-align: center;*/
    margin-right: 5px;     
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    font-weight:bold;
}
.nav-menu > li > a:hover {
    /*color: #d9534f;*/
    /*color: #eee;*/
    text-decoration: none;
}       
.nav-menu > li + li {
    margin: 0;
}
.nav-menu > li:last-child {
    border-bottom: 1px solid #eaecf0;
}
.nav-menu > li.nav-parent2 > a {
    position: relative;    
}
.nav-menu > li.nav-parent2 > a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 12px;
    font-weight: normal;
    color: #224994;
    position: absolute;      
    right: 10px;
    font-weight:bold;
}
.nav-menu > li.nav-parent2:hover > a:after {
    /*color: #eee; */
}

.nav-menu .children2 {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 1px solid #eaecf0;
    background-color: #f6f7f8;
}
.nav-menu .children2 > li {
    margin-left: 20px;
    /*border-left: 1px solid #dbdfe6;*/
    /*font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;*/
    font-family: Tahoma,sans-serif;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    font-size: 12px;
}
.nav-menu .children2 > li:first-child {
    padding-top: 1px;
}
.nav-menu .children2 > li:last-child {
    padding-bottom: 4px;
}
.nav-menu .children2 > li > a {
    display: block;
    font-weight: normal;
    padding: 5px 10px;
    color: #444;
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.nav-menu .children2 > li > a:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: -3px;
    top: 60%;
    background-color: #444;
    margin-top: -3px;
    border-radius: 50px;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.nav-menu .children2 > li > a:after {
    /*content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #ff2727;
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -15px;
    border-radius: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;*/
}
.nav-menu .children2 > li > a:hover,
.nav-menu .children2 > li > a:focus,
.nav-menu .children2 > li > a:active {
    text-decoration: none;
    color: #ff2727;
}
.nav-menu .children2 > li > a:hover:before,
.nav-menu .children2 > li > a:focus:before,
.nav-menu .children2 > li > a:active:before {
    background-color: #ff2727;
}
.nav-menu .children2 > li > a:hover:after,
.nav-menu .children2 > li > a:focus:after,
.nav-menu .children2 > li > a:active:after 
{    
    opacity: 1;
    border-color: #ff2727;
    width: 11px;
    height: 11px;
    left: -6px;
    margin-top: -4px;
    text-decoration: none;
}
.nav-menu .children2 > li.active > a {
    color: #ff2727;
}
.nav-menu .children2 > li.active > a:before {
    background-color: #ff2727;
}
.nav-menu .children2 > li.active > a:after {
    opacity: 1;
    border-color: #ff2727;
    width: 11px;
    height: 11px;
    left: -6px;
    margin-top: -4px;
}

/*************** nav-tree *******************/
.nav-tree > li {
    float: none;
    border-top: 1px solid #eaecf0;
    font-family: Tahoma,sans-serif;  
    list-style-position:inside;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav-tree > li > a {
    color: #224994;
    padding: 3px 5px;
    font-weight: normal;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    display: block;
    font-size: 11px;
     
} 
.nav-tree > li > a > i {
    width: 16px;
    min-width: 16px;
    font-size: 11px;
    text-align: center;
    margin-right: 0px;     
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;    
}
.nav-tree > li > a > i,
.nav-tree > li > a > span {
    cursor: pointer;  
}
.nav-tree > li > a span:hover,
.nav-tree > li > a span:focus {    
    /*color: #428bca;*/
    text-decoration: none;
}
.nav-tree > li + li {
    margin: 0;
}
.nav-tree > li:last-child {
    border-bottom: 1px solid #eaecf0;
}
.nav-tree li.nav-parent a {          
    position: relative;
}  
.nav-tree li.nav-parent > a:after {
    /*content: '\f107';*/
    content: '';
    font-family: 'FontAwesome';
    font-size: 11px;
    font-weight: normal;
    color: #224994;
    position: absolute;     
    right: 5px;
}       
 
.nav-tree .children {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
    border-top: 1px solid #eaecf0;
    background-color: #f6f7f8;
}       
.nav-tree .children > li {
    margin-left: 15px;      
    font-family: Tahoma,sans-serif;
    text-transform: none;
    letter-spacing: normal;       
    display: block;        
    font-size: 11px;
}
.nav-tree .children > li:first-child {
    padding-top: 0px;
}
.nav-tree .children > li:last-child {
    padding-bottom: 0px;
}
.nav-tree .children > li > a {
    display: block;
    font-weight: normal;
    padding: 3px 3px;
    color: #444;
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s; 
    list-style-position:inside;  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.nav-tree .children > li > a > i {
    width: 16px;
    min-width: 16px;
    font-size: 11px;
    text-align: center;
    margin-right: 0px;     
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;     
}
.nav-tree .children > li > a > i,
.nav-tree .children > li > a > span {
    cursor: pointer; 
           
}
.nav-tree .children > li > a span:hover,
.nav-tree .children > li > a span:focus,
.nav-tree .children > li > a span:active {
    /*color: #428bca;*/
    /*text-decoration: underline;*/
} 

/****************** tabs ************************/
ul.tabs{font-size:12px;font-weight:normal;border-bottom:2px solid #224994;padding:4px 0;}
ul.tabs li{ display:inline }
ul.tabs a:hover { color:#555;background:#eee; }
ul.tabcontent{ padding:10px 0 } 
ul.tabs li a {
    padding:3px 10px;color:#444;
    -webkit-border-top-right-radius:2px;
    -moz-border-top-right-radius:2px;
    border-top-right-radius:2px;
    -webkit-border-top-left-radius:2px;
    -moz-border-top-left-radius:2px;
    border-top-left-radius:2px;
    background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));
    background:-moz-linear-gradient(#eee,#e4e4e4);
    background:linear-gradient(#eee,#e4e4e4);
    -pie-background:linear-gradient(#eee,#e4e4e4);
}
ul.tabs li.selected a {
    color:#fff;
    background:#224994;
    background:-webkit-gradient(linear,0 0,0 bottom,from(#428bca),to(#224994));
    background:-moz-linear-gradient(#428bca,#224994);
    background:linear-gradient(#428bca,#224994);
    -pie-background:linear-gradient(#428bca,#224994)
}

ul.tabs2 {font-size:12px;font-weight:normal;border-bottom:2px solid #efefef;padding:4px 0;}
ul.tabs2 li{ display:inline }
ul.tabs2 a:hover { color:#555;background:#eee; }
ul.tabcontent2{ padding:10px 0 } 
ul.tabs2 li a {
    padding:3px 10px;color:#444;
    background:none;
}
ul.tabs2 li.selected a {
    color:#222;
    background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#efefef));background:-moz-linear-gradient(#fff,#efefef);background:linear-gradient(#fff,#efefef);-pie-background:linear-gradient(#fff,#efefef); 
}

#nav {background-repeat:repeat-x;height:36px;background-color:#224994;}
#nav ul {margin:0px;padding:0px;list-style-type:none;line-height:36px;}
#nav ul li {line-height:35px;display:block;float:left;margin:0px;padding:0px;min-width:75px;text-align:center;position:relative;background:#224994;}
#nav ul li:hover {background-repeat:repeat;background-color:#ED1C24;background-image:none;}
#nav ul li:hover a {color:#fff;}
#nav ul li a {color:#fff;text-decoration:none;font-size:12px !important;padding:0 5px;}
#nav ul li ul {position:absolute;display:none;left:0px;z-index:9999;}
#nav ul li ul li {float:none;width:160px;text-align:left;background-color:#282924;background-image:none;line-height:30px;position:relative;}
#nav ul li ul li a {}
#nav ul li ul li ul {left:160px;top:0px;}

/******************** context-menu *************************/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 12px;
    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)
}

  
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #111;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #3399ff
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
}
 

.open>.dropdown-menu {
    display: block
}

.contextmenu {
    display: none;
    position: absolute;
    background: #333;
    color: #ddd;
    padding: 10px;
    border: #333 1px solid;
}
.contextmenu.visible {
    display: block;
}

/******************** dropdown button *************************/

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 80px !important;
    padding: 0;
    margin: 1px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    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)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 10px !important;
    /*clear: both;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;*/
    font-size:11px;
    background-color:transparent !important;
}

.dropdown-menu>li:hover {   
    background-color: #d9534f;
}

.dropdown-menu>li:hover a {
    color: #fff !important;
}

.open>.dropdown-menu {
    display: block
}

/******************** progress bar *************************/
@-webkit-keyframes progress-bar-stripes {
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}
@-o-keyframes progress-bar-stripes {
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}
@keyframes progress-bar-stripes {
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
    
.progress {
    margin: 15px;
    height:25px;
}

.progress .progress-bar.active {
    font-weight: 700;
    animation: progress-bar-stripes .5s linear infinite;
}

.dotdotdot:after {
    font-weight: 300;
    content: '...';
    display: inline-block;
    width: 20px;
    text-align: left;
    animation: dotdotdot 1.5s linear infinite;
}

@keyframes dotdotdot {
    0%   { content: '. . .'; }
    25% { content: ''; }
    50% { content: '.'; }
    75% { content: '. .'; }
}