/* Default color scheme */

/* General */

body {
    font-family: "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #3e4855;
    background-color: #fff;
    line-height: 1.42857143;
}

label {
    color: #3e4855;
}

.btn:not(.bootstrap-touchspin-down):not(.bootstrap-touchspin-up):not(.btn-toggle) {
    background-color: #414C59;
    color: #fff;
    font: 300 16px arial;
    letter-spacing: 0.5px;
}

.btn.btn-toggle, .btn.btn-toggle:focus {
    background-color: #f7f7f7;
    border: #dfe8f1 solid 1px;
    color: #000000;
}

.btn.btn-toggle.active {
    background-color: #414C59;
    color: #fff;
}

.btn:hover, .btn.btn-toggle:hover {
    background-color: #00356B;
    color: #fff;
}

.btn:focus {
    background-color: #414C59;
    color: #fff;
}

h1, h2, h3, h4, h5, h6,
#page-title > h2,
#page-title > p {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

/* Header */
#page-header {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    background: #fff;
}

#header-logo .logo-content-big, .logo-content-small {
    height: 78px;
    top: 0;
    margin-top: 0;
    width: 250px;
}

/* Header nav left */
#header-nav-left {
    text-align: center;
    width: 100%;
}

#header-nav-left h1 {
    margin-top: 2px;
    font: 300 30px arial;
    letter-spacing: 1.05px;
}

/* Header nav right */
#header-nav-right .header-btn .glyph-icon,
#header-nav-right .dropdown > a .glyph-icon {
    color: rgba(255, 255, 255, 0.8);
}

#header-nav-right .header-btn:hover .glyph-icon,
#header-nav-right .dropdown > a:hover .glyph-icon {
    color: rgba(255, 255, 255, 0.95);
}

#header-nav-right .header-btn,
#header-nav-right .dropdown > a {
    border-color: rgba(255, 255, 255, 0.2);
}

#header-nav-right .header-btn:hover,
#header-nav-right .dropdown > a:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

/* Page content */
#page-content {
    background: #fff;
}

/* Sidebar menu */

#page-sidebar ul li.header {
    color: #000;
}

#page-sidebar ul li a .glyph-icon {
    color: #0093d9;
}

/* Sidebar submenu */
#sidebar-menu {
    color: #777 !important;
}

#sidebar-menu li .sidebar-submenu {
    border-color: #f6f7f8;
}

#sidebar-menu li .sidebar-submenu ul li {
    border-color: #f8f9fa;
}

#sidebar-menu li .sidebar-submenu ul li a:hover,
#sidebar-menu li .sidebar-submenu ul li a.sfActive {
    background: #fcfdfe;
}

#sidebar-menu li .sidebar-submenu ul li a.sfActive {
    color: #1c82e1;
}

/* Sidebar alternate style */

#page-sidebar.font-inverse {

}

#page-sidebar.font-inverse ul li.header {
    color: rgba(255, 255, 255, 0.95);
}

#page-sidebar.font-inverse ul li.divider {
    background: rgba(255, 255, 255, 0.1);
}

#page-sidebar.font-inverse #sidebar-menu > li > a {
    color: rgba(255, 255, 255, 0.62);
}

#page-sidebar.font-inverse #sidebar-menu li.sfHover > a.sf-with-ul,
#page-sidebar.font-inverse #sidebar-menu li a:hover {
    border-color: rgba(255, 255, 255, 0.26);
    color: rgba(255, 255, 255, 0.96);
}

#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
}

#page-sidebar.font-inverse #sidebar-menu li a {
    color: rgba(255, 255, 255, 0.62);
}

#page-sidebar.font-inverse #sidebar-menu li a:hover {
    color: rgba(255, 255, 255, 0.96);
}

#page-sidebar.font-inverse#page-sidebar ul li a .glyph-icon {
    color: rgba(255, 255, 255, 0.8);
}

#page-sidebar.font-inverse#page-sidebar ul li a:hover .glyph-icon {
    color: rgba(255, 255, 255, 1);
    opacity: .90;
    -moz-opacity: .90;
    filter: alpha(opacity:90);
}

#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li {
    border-color: rgba(255, 255, 255, 0.07);
}

#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li a:hover {
    background: rgba(255, 255, 255, 0.05);
}

.content-box {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 50px;
}

.content-box-header {
    padding: 0px;
    padding-bottom: 10px;
    border-bottom-color: #99b3ce;
}

.content-box-header .checkbox {
    padding-top: 0;
}

.form-horizontal label.control-label {
    text-align: left;
}