h1, h2, h3, h4, h5 { margin:0; padding:0;}

body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif;}
.container { width:100%; margin:0 auto; padding:0 25px;}
header {background:url(../images/login.png) repeat-x top center;    border-bottom: 5px solid #0B517A; }
header .row, .row.nav-hd, section .row{margin-right:0 !important; margin-left:0 !important;}
header.hd { border-bottom:0 ;}
header .nav-hd {position:relative; z-index:99;padding:8px 25px;background: #003560;background: -moz-linear-gradient(top, #003560 0%, #154b77 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003560), color-stop(100%,#154b77));background: -webkit-linear-gradient(top, #003560 0%,#154b77 100%); background: -o-linear-gradient(top, #003560 0%,#154b77 100%);
background: -ms-linear-gradient(top, #003560 0%,#154b77 100%);background: linear-gradient(to bottom, #0f1535 -25%, #0f1535 35%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003560', endColorstr='#154b77',GradientType=0 );}
.nav-hd{box-shadow: rgb(0 125 197) 0px 2px 5px -1px, rgb(55 52 53) 0px 1px 3px -1px;}
.dropdown-menu{box-shadow: rgb(7 165 255) 0px 0px 62px -42px, rgb(7 165 255) 0px 0px 0 -91px, rgb(7 165 255) 0px 0px 2px 0px inset !important;}
ul.nav.navbar-nav > li > a {color:#fff; font-weight:700;border-right: 1px dashed;}
ul.nav.navbar-nav > li:nth-child(1) > a {border-right:none;}
ul.nav.navbar-nav > li:last-child > a {border-right:none;}
header.support {height:128px; margin-right:0;}
header.support .branding {height:100px;}
header.support .nav {width:100%;background:#0D5F8F;}
header.support .nav ul{ display:block; margin:0;padding:0;}
header.support .nav ul li{display:inline-block;list-type:none;}
header.support .nav ul li a{text-decoration:none;display:block; color:#fff;padding: 5px 10px; font-size:13px;}
header.support .nav ul li a:hover { color:#599DD5;background:#0B4F77;}
header.login {height:105px;border-bottom:5px solid #0B517A;}
header .logo {    margin: 10px 0 10px 25px;float:left;}
section.pg-wrap { padding:25px 0;}
.filter-left{background:transparent; min-height: 500px;}
/*.filter-left a{color:white !important;}*/
.ticket_action{background-color: #daf0fd87;display: block;height: 100px;padding-top: 10px;}
.input-group-addon{background-color: #fff !important;}
.support_ticket{text-align:center;}
.support_ticket th{background-color: #373435 !important;color: white !important;border-color: white !important;font-weight: 800;text-align: center;}
section .login-box { width:461px; height:323px; 
/*background:url(../images/login-box.png) no-repeat center top;*/
margin:25px 0;}
section .login-box .logo_l { margin:0 auto 35px 0;text-align: center;padding: 15px 0;}
section .login-box label {  margin: 18px auto; display: block; text-align: center;}
section .login-box label input[type="text"], section .login-box label input[type="email"], section .login-box label input[type="password"] {  width: 350px; /* height: 18px; */ border: 1px solid #ccc;
border-radius: 5px; padding: 10px; color: #999; background:url(../images/input.png) repeat-x left top;}

#ui-datepicker-div{
  z-index: 99 !important;
}
.dark-mode .ui-datepicker td a, .dark-mode #ui-datepicker-div {
    background: black !important;
}
.dark-mode span.icon-span-filestyle.glyphicon.glyphicon-folder-open {
    color: black !important;
}
.dark-mode span.buttonText {
    color: black ! IMPORTANT;
}
.dark-mode table.open-list{
    background:#0f1535 !important;
}
.dark-mode a:hover{
  color:#fff !important;
}
#icon{
  width: 25px;
    height: 26px;
    cursor: pointer;
}
#icon{
  background-image: url(../images/moon.png);
    background-size: cover;
}
.dark-mode #icon{
  background-image: url(../images/sun.png) !important;
}
.dark-mode a, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode span, .dark-mode p, .dark-mode li, .dark-mode i{
  color: #fff !important;
}
.dark-mode .input-group-addon {
    color: #555 !important;
}
body:not(.dark-mode) {
    background-color: #b3f1f042;
    color: #1e272e;
    /*--bg-image: url(../img/sun.jpg);*/
}
.dark-mode tr.view_ticket {
    background: black !important;
    border: 1px solid !important;
}
.dark-mode .ticket_table tr td a, .dark-mode .ticket_table tr{
  color:black !important;
}
.dark-mode .ticket_table tr:hover, .dark-mode .ticket_table tr:hover td a{
  color:#fff !important;
}
.dark-mode .filter-left{
  background:transparent !important;
}
.dark-mode input[type="text"], .dark-mode input.button.grey, .dark-mode td button{
  color:#000 !important;
}
.dark-mode #btnEport, .dark-mode #btnSearch, .dark-mode #btnSearchBranch{
  color:#fff !important;
}
.dark-mode .panel .panel-heading, .dark-mode footer{
  color:#fff !important;
}
.dark-mode table.table tr:hover, .dark-mode .table.small tr:hover, .dark-mode .table-hover > tbody > tr:hover > td, .dark-mode .table-hover > tbody > tr:hover > th{
  background-color: #b3f1f042 !important;
}
.dark-mode {
    background: linear-gradient(to bottom right, #5c0095a3 25%, #01072ae8 50%, #5c009561 75%, #01072aa6);
    
    color: rgb(241, 242, 246);
    /*--bg-image: url(../img/moon.jpg);*/
}
.dark-mode .dropdown-menu{
  background-color:#0f1535 !important;
}
.dark-mode .dropdown-menu a{
  color:white !important;
}
.dark-mode .dropdown-menu a:hover{
  background-color:#181f4a !important;
  color:white !important;
}
.dark-mode .panel-default{
  background: #0f1535;
}
.dark-mode .pagingContent a{
  color:#fff !important;
}

.dropdown > a, .dropdown > a:hover, .dropdown-toggle, .dropdown-toggle:hover{
    color:white !important;
}
a, a:hover, .dropdown-menu a, .dropdown-menu a:hover{
    color: black !important}
select.input-xs:hover { background:#f1f1f1; }
.form-control.error { border:1px dashed red; }
label.error { color: red; font-weight: normal;}
.btn-primary.reset {background-color: #e63946 !important;border-color: #e63946 !important;}
.btn-primary.reset:hover { background-color:#000 !important;  border-color: #000 !important; color:#fff;}
.btn-primary{background-color:#073048  !important; border-color:#073048  !important;}
.btn-primary:hover{background-color:#073048  !important; border-color:#073048  !important;}
section.inner { padding:10px 0; margin-bottom:25px;}
section .left-col, section .right-col {float:left;}
.table.small tr td {padding:4px; font-weight:bold;}
table.table tr:hover, .table.small tr:hover{ background:#f5f5f5;}
.report_icons li a.round { border-radius:100px; color:#fff; background:#999;}
ul.report-box  li {display: inline-block;width: 20%;height: 60px;border: 1px solid #EFEFEF;border-radius: 100px;margin: 7px 0;text-align: center;line-height: 60px;font-size: 13px;font-weight: normal;color: #fff;background-color: #296596; vertical-align:top;}
ul.report-box  li:hover { border:1px solid #ececec; background:#0B2E4A; color:#fff;}

/* style box */
.panel-default > .panel-heading{color: #fff ;
    background-color: transparent !important;}
.panel-heading {padding: 10px 15px 5px !important;}
.panel-heading a {float: right;color: white;}
.panel { border: 1px solid #ccc; background: white; border-radius: 3px;}
.panel-default { border-color: #ddd;}
.panel-heading strong a {color: white !important;}
.panel {margin-bottom: 20px;background-color: #fff;/* border: 1px solid transparent;*/border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.panel .panel-heading {border-bottom: 1px solid #ccc; border-left: none; color: #333; display: block; margin-bottom: 0px; text-shadow: none;text-transform: none; font-size: 16px; line-height: 1.5em; background: #efefef; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a2ff), color-stop(1, #00000052));
  background: transparent; background: -o-linear-gradient(bottom, #efefef, #fafafa);filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efefef')"; /*box-shadow: inset 0px 1px 1px white;*/}
.panel-heading { padding: 10px 15px;border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.panel .panel-heading h2 {color:#0D5F8F;}
.panel-heading h3 { margin:0;}
.add_btn{
  float: right;
    background: #073048 ;
    border: none;
    padding: 6px 8px 6px;
    border-radius: 5px;
    color:white !important;
}
.add_btn:hover{
  text-decoration: none;
  color:white !important;
}
/* end */
form.manage-user {padding:15px;}
form.manage-user .form-control {margin-bottom: 15px;}
form.manage-user .form-control label {font-size: 12px; color: #9D9D9D; display: block; line-height: 35px; float: left; width: 125px;}
.button.round {background-color: #04a4ff; border: 0; outline: 0; color: #fff;}
.button.round:hover { color:#fff;}
.button.round.small { padding: 5px 15px;border-radius: 5px; float:right; margin-right:45px;}
.login-box .button.round.small {margin-right: 57px;}
.forget{padding:20px;}
.forget .button.round.small{float:none;margin-right:0;text-align: center;font-size: 16px;padding: 8px 147px;}
.button.round.medium {padding: 8px 18px;border-radius: 5px; float:right; }
.clearfix:after { content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix {   height: 1%;  } /* Hides from IE-mac \*/
.clearfix {   display: block; }
footer {   /* height: 100px; */color:#999;border-top:1px solid #E0E0E0;text-align: center;font-size:12px;padding:10px 0;}



/* */