﻿body {color: #344644; background: url(/img/whitey.jpg) repeat scroll 0 0 #fff; background-size: 220px 220px}
html, body {font-family: "Open Sans",sans-serif; -webkit-font-smoothing: antialiased}
label {font-weight: 400; font-size: 0.875em; margin-bottom:0px; margin-left:5px}
textarea { resize: vertical }
.form-group {margin-bottom:5px}
.form-control {padding: 3px 6px;height:30px;border-radius:3px;background-clip:padding-box;border-color:#e7ebee;box-shadow:none;font-size:13px}
.row { margin-left: -8px; margin-right: -8px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 8px;padding-right: 8px}
.btn {padding: 3px 6px;outline: none;border-radius: 3px; background-clip: padding-box;
    -webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
    transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s}
.modal-header, .modal-footer, .modal-body {padding: 5px 10px}
.modal-content {background-color:#f3f3f3;border-radius:0;background-clip:padding-box}
.container {margin: 0; max-width: 1920px; width: 100%}
.container {padding-left: 8px; padding-right: 8px}
.dropdown-menu>li>a { color: #707070; font-size: 0.875em; line-height: 1.7; padding-left: 35px;
    -webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s;
    transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s}
.table thead>tr>th {border-bottom: 2px solid #e7ebee;text-transform:uppercase;font-size:0.875em}
.table.table-hover tbody>tr>td {-webkit-transition: background-color 0.15s ease-in-out 0s;transition: background-color 0.15s ease-in-out 0s}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {background-color:#e7ebee}
.table tbody>tr>td {font-size:0.875em;vertical-align:middle;border-top: 1px solid #e7ebee;padding: 2px 8px}
.copyright {text-align:center;vertical-align:middle;margin:0}
.dropdown-menu>li>a>i { position: absolute; margin-left: -18px; margin-top: 4px}
.main-box .main-box-body {padding:10px}
.main-box {background:#f3f3f3;box-shadow: 1px 1px 2px 0 #CCCCCC;margin-bottom:16px;border-radius:3px;background-clip:padding-box}          
#theme-wrapper {box-shadow: 0 0 53px 0 rgba(0,0,0,0.55); max-width: 1920px}
#logo.navbar-brand>img.normal-logo.logo-white {display: block}
#logo.navbar-brand>img {float: left; padding-right: 4px; height: 30px}
#header-navbar .profile-dropdown>a>img {border-radius: 50%; background-clip: padding-box; float: left; height: 35px; margin-right: 5px; width: 35px}
#header-navbar {background-color: #030c46}
#header-navbar {border: 0 none;border-radius:0;background-clip:padding-box;margin:0;min-height:50px;color:#262626;box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.1);position:relative;z-index:99}
#header-navbar .profile-dropdown>a {padding-top:4px;padding-bottom:7px;line-height:35px}
#header-navbar .nav>li>a {font-size: 0.875em; padding-left: 18px; padding-right: 18px; color: #484848; border: none; border-radius: 0; background-clip: padding-box}
#header-navbar .nav>li>a {color: #fff}
#header-navbar .nav>li>a {height: 50px}
.navbar-nav>li>a {padding-bottom: 15px; padding-top: 11px; line-height: 24px}
.navbar>.container .navbar-brand { background: #34495e; color: #fff; font-family: 'Titillium Web',Geneva,sans-serif; font-weight: 700; width: 220px; margin-left: -8px; padding: 10px 15px}
#header-navbar .nav>li>a {border-top: 4px solid transparent}
#header-navbar .navbar-nav>li.active>a, #header-navbar .navbar-nav>li.active>a:hover, #header-navbar .navbar-nav>li.active>a:focus{
    background-color: #0f1114;color: #fff;border-top-color: #3c52e7}
#header-navbar .nav>li>a:hover {color: #000}
#nav-col, #page-wrapper {background-color: #272d33}
#nav-col {padding: 0; z-index: 100; position: absolute; background: #2c3e50; width: 220px}
#content-wrapper {background: #c8c9cb;height:100%;margin-top:0;margin-bottom:0;position:relative;min-height:1200px;padding: 15px 15px 35px 15px;margin-left:220px}
.fixed-header #page-wrapper {padding-top:50px}
.fixed-header #header-navbar {left:0;position:fixed;right:0;top:0;width:100%;z-index:999}
.fixed-footer #content-wrapper {padding-bottom:36px}
.fixed-footer #footer-bar {bottom: 0; left: 0; margin: 0; position: fixed; right: 0; width: 100%; z-index: 999}
#footer-bar {background:#fff;font-size:0.8em;height:36px;line-height:36px}
#footer-copyright {text-align:center;margin:0}
#sidebar-nav {max-height:100%;padding-left:0;padding-right: 0}
.nav-pills>li>a {border-radius:0;background-clip:padding-box}
#sidebar-nav .nav>li>a>i {position:absolute;margin-top:6px}
#sidebar-nav .nav>li>a>span {margin-left:35px;font-size: 0.875em}
#header-navbar .nav>li>a>i, #sidebar-nav .nav>li>a>i {font-size: 1.125em}
#sidebar-nav .nav>li>a {
    color:#fff;height:44px;line-height:28px;overflow:hidden;padding: 8px 15px 8px 20px;border-left: 4px solid transparent;
    -webkit-transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s,box-shadow 0.1s ease-in-out 0s;
    transition: border-color 0.1s ease-in-out 0s,background-color 0.1s ease-in-out 0s,box-shadow 0.1s ease-in-out 0s}           
#sidebar-nav .nav-pills>li.active>a, #sidebar-nav .nav-pills>li.active>a:hover, #sidebar-nav .nav-pills>li.active>a:focus{
    background-color: #0f1114;color: #fff;border-left-color: #3c52e7}
#sidebar-nav .nav>li>a:hover {color:#000}
