.modal {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 30%;
    margin-left: -280px;
    outline: medium none;
    position: fixed;
    top: 10%;
    width:80%;
    height: 80%;
    z-index: 1050;
}
.highlights{
    color:#00c0ef;
    font-weight: bold;
}
.box-title{
    font-weight: bold;
    text-transform: uppercase;
}
.box-header.with-border{
    border-bottom: 1px solid #dd4b39;
}
.content h1{
    font-size: 125%;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
    width: 60%;
    float: left;
}
.search{
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.table th{
    font-size: 12px;
    text-align: center;
    background: #0d6aad;
    color: #fff;
    vertical-align: middle !important;
}
.table-info th{text-align: left;}
.table > tbody > tr, .table > tbody > tr > th, .table > tfoot > tr, .table > tfoot > tr > th, .table > thead > tr, .table > thead > tr > th{
    padding: 5px !important;
    font-size: 12px;

}
.table td{
    vertical-align: middle !important;
}
.btn-head{float: right;}

hr{
    border-style: double none none !important;
    border-width: 3px 0 0 !important;
    border-color:#ddd;
}
.navbar-default{background: #8b1014;}
.navbar-default a.navbar-brand{color: #ffffff; font-weight: bold;}
br {clear: both;}
.form h1{margin-left: 15px;}
.form .btn-head{margin-right: 15px;}
iframe{height: 100%; width: 100%; min-height: 500px;}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{ background: #222D32;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ font-weight: bold;}
.nav-tabs li.active a{color: #000000 !important; background-color: #cccccc;}
.nav > li > a, .nav > li > a, .nav > li > a{color: #888888 !important; background:transparent; text-transform: uppercase; font-weight: bold;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{ color: #fff !important; text-transform: uppercase; font-weight: bold;}
.skin-blue .main-header .navbar .nav > li > a, .skin-blue .sidebar-menu > li.header{ background: none;}
input.search, select.search{height: 32px;}
input#conno{height: auto;}
.col-md-6, .col-md-12, .col-md-4, .col-lg-4, .col-lg-12, .col-lg-6{padding-left: 2px;}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a{background: #222D32;}
label span{font-weight: normal;}
fieldset { display: block; margin-left: 2px; margin-right: 2px; padding-top: 0.35em;padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 1px solid #aaa; margin-bottom: 5px;}
legend {display: block; font-weight: bold; font-size: 16px; text-transform: uppercase; line-height: inherit; color: #333; width:auto; margin-bottom:0px; border: 0px !important;}
.content-header > h1{text-transform: uppercase;}
.tab-content > .active, .content .contentTable{overflow-x: auto;}
#daterange{min-width: 200px; max-width: 300px;}
.date-search{display: inline-flex; height: 32px;}
#popupModal2 h3{text-transform: uppercase; font-size: 125%; font-weight: bold;  text-align: center;}
.panel-default{margin-top: 100px;}
.input-group .input-group-addon{padding-right: 22px; padding-left: 10px;}
.huge {font-size: 20px;}
.panel-default > .panel-heading{color: #fff;background-color: #8B1014;border-color: #ddd;}
@media only screen and (max-width: 800px) {
    .content h1{ width: 100%;}
}