@charset "UTF-8";
.page-header { margin: 0; padding: 0; border-bottom: none; }
    .page-header .navbar { border-radius: 0; margin-bottom: 0; background: inherit; }
        .page-header .navbar > .container-fluid { margin-left: -1px; margin-right: -1px; }
        .page-header .navbar .navbar-toggle { border: none; padding-right: 0; margin: 8px 0 7px 20px; }
            .page-header .navbar .navbar-toggle .icon-bar { width: 25px; background: #606d78; }
                .page-header .navbar .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }
        .page-header .navbar .page-logo { float: left; height: 50px; max-height: 50px; line-height: 50px; margin-right: 75px; }

            .page-header .navbar .page-logo img { width: auto; height: auto; max-width: 100%; height: 75px; float: left; display: inline-block; vertical-align: middle; }

        .page-header .navbar .search { top: 10px; display: table; position: relative; }
            .page-header .navbar .search .form-control { width: 250px; border: none; box-shadow: none; border-radius: 0; position: relative; padding-right: 42px; color: #4b5761; background: #2a3239; }
                .page-header .navbar .search .form-control:-moz-placeholder { color: #4b5761; }
                .page-header .navbar .search .form-control::-moz-placeholder { color: #4b5761; }
                .page-header .navbar .search .form-control:-ms-input-placeholder { color: #4b5761; }
                .page-header .navbar .search .form-control::-webkit-input-placeholder { color: #4b5761; }
            .page-header .navbar .search .btn { padding: 0; }
                .page-header .navbar .search .btn > i { top: 9px; right: 15px; position: absolute; color: #4b5761; }
        .page-header .navbar .topbar-actions { position: absolute; }
            .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2 { padding: 0; min-width: 300px; }
                .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2:before { border-color: transparent transparent #21282e; }
            .page-header .navbar .topbar-actions .btn-group-notification .btn { top: 6px; background: #009dc7; width: 35px; height: 35px; }
                .page-header .navbar .topbar-actions .btn-group-notification .btn i { font-size: 15px; line-height: 1.6; color: #fff; }
                    .page-header .navbar .topbar-actions .btn-group-notification .btn i:hover { color: #fff; }
                .page-header .navbar .topbar-actions .btn-group-notification .btn .badge { top: -10px; right: -10px; height: 21px; color: #62717f; min-width: 21px; font-weight: 700; line-height: 1.4; position: absolute; border: 2px solid #2f373e; font-size: 9px !important; background: #fff; }
            .page-header .navbar .topbar-actions .btn-group-notification .external { padding: 15px; display: block; overflow: hidden; background: #21282e; letter-spacing: .5px; }
                .page-header .navbar .topbar-actions .btn-group-notification .external h3 { margin: 0; z-index: 1; padding: 0; float: left; color: #bbb; font-size: 13px; line-height: 1.4; max-width: 200px; position: relative; }
                .page-header .navbar .topbar-actions .btn-group-notification .external a { padding: 0; clear: none; font-size: 13px; font-weight: 300; text-align: right; color: #009dc7; text-transform: lowercase; }
            .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:after, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after { clear: both; }
            .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li { display: block; padding: 15px; border-top: 1px solid #2e353c; }
                .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:after, .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:before { display: table; content: " "; }
                .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:first-child { border-top: none; }
                .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li:hover { background: #21282e; }
                .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a { color: #606e7a; overflow: hidden; }
                    .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a .details { float: left; max-width: 215px; }
                        .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a .details .label { float: left; padding: 5px; margin-right: 10px; }
                    .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a .time { float: right; font-size: 12px; padding: 4px 8px; background: #2a3239; }
                    .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-list > li > a:hover { text-decoration: none; }
            .page-header .navbar .topbar-actions .btn-group-red { position: relative; margin: 0 30px 0 15px; }
                .page-header .navbar .topbar-actions .btn-group-red:after { top: 11px; width: 1px; content: " "; right: -17.5px; border-width: 25px; position: absolute; border-color: #3e4952; border-top-style: solid; }
                .page-header .navbar .topbar-actions .btn-group-red .btn { top: 6px; padding: 8px; position: relative; background: #d93d5e; color: #fff; width: 35px; height: 35px; }
                    .page-header .navbar .topbar-actions .btn-group-red .btn > i { font-size: 20px; line-height: .9; }
            .page-header .navbar .topbar-actions .btn-group-img .btn { top: 7px; padding: 0; position: relative; line-height: normal; background: #333c43; height: 35px; }
                .page-header .navbar .topbar-actions .btn-group-img .btn > span { padding: 9px; line-height: 1.4; display: inline-block; vertical-align: middle; color: #009dc7; text-transform: uppercase; }
                .page-header .navbar .topbar-actions .btn-group-img .btn > img { margin-top: -1px; text-align: center; vertical-align: middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-clip: padding-box; height: 35px; }
        .page-header .navbar .navbar-nav > li > a {
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            padding: 22px 40px;
            background:#005b9a;
            font-family: Oswald,sans-serif;
        }
            .page-header .navbar .navbar-nav > li > a > i { position: relative; top: -2px; right: 5px; }
        .page-header .navbar .navbar-nav > li:hover > a {
            color: #fff;
            background: #ff8100;
        }
        .page-header .navbar .navbar-nav > li .more-dropdown-sub .dropdown-menu > li.active > a, .page-header .navbar .navbar-nav > li .more-dropdown-sub .dropdown-menu > li > a:hover, .page-header .navbar .navbar-nav > li.more-dropdown .dropdown-menu > li.active > a, .page-header .navbar .navbar-nav > li.more-dropdown .dropdown-menu > li > a:hover { background: #f1f1f1; }
        .page-header .navbar .navbar-nav li.open:hover > a, .page-header .navbar .navbar-nav li.open > a {
            background: #fff;
            color: #2a3239;
        }
        .page-header .navbar .navbar-nav li.selected > a { color: #fff; }
        .page-header .navbar .navbar-nav li.open.selected > a {
            color: #171148;
        }
        .page-header .navbar .navbar-nav .dropdown-menu { border: none; box-shadow: none; margin-top: -4px; border-radius: 0; background: #f9f9f9; }
            .page-header .navbar .navbar-nav .dropdown-menu:after, .page-header .navbar .navbar-nav .dropdown-menu:before { display: none !important; }
            .page-header .navbar .navbar-nav .dropdown-menu > li { display: inline-block; }
                .page-header .navbar .navbar-nav .dropdown-menu > li > a { color: #6c7b88; font-size: 14px; font-weight: 500; text-decoration: none; padding: 30px 15px 30px 30px; font-family: "Open Sans",sans-serif; }
                    .page-header .navbar .navbar-nav .dropdown-menu > li > a:focus, .page-header .navbar .navbar-nav .dropdown-menu > li > a:hover { background: inherit; color: #009dc7; }
                        .page-header .navbar .navbar-nav .dropdown-menu > li > a:focus > i, .page-header .navbar .navbar-nav .dropdown-menu > li > a:hover > i { color: #009dc7; }
            .page-header .navbar .navbar-nav .dropdown-menu li.active > a { background: inherit; color: #009dc7; }
                .page-header .navbar .navbar-nav .dropdown-menu li.active > a > i { color: #009dc7; }
.page-portlet-fullscreen .page-header { display: none; }
.page-md .topbar-actions .btn-group-notification .btn { overflow: visible !important; }
    .page-md .topbar-actions .btn-group-notification .btn .badge { padding: 3px 6px 2px; }
.page-md .navbar-collapse .dropdown .dropdown-menu { box-shadow: none !important; }
.page-md .navbar-collapse .more-dropdown .dropdown-menu, .page-md .navbar-collapse .more-dropdown-sub .dropdown-menu { box-shadow: 5px 5px rgba(102,102,102,.1) !important; }

@media (max-width:991px) {
    .page-header .navbar-toggle { display: block; }

    .page-header .navbar-collapse.collapse { display: none !important; }
        .page-header .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; }
    .page-header .navbar-nav { margin: 0; float: none !important; }
        .page-header .navbar-nav > li { float: none; }
}

@media (max-width:480px) {
    .page-header .search .form-control { width: 130px !important; }
    .page-header .topbar-actions { float: right; margin-bottom: 15px; position: static !important; }
        .page-header .topbar-actions .btn-group-notification .dropdown-menu-v2 { right: -125px; }
            .page-header .topbar-actions .btn-group-notification .dropdown-menu-v2:before { top: -10px; left: 150px; border-width: 0 7.5px 15px; border-color: transparent transparent #242b31; }
        .page-header .topbar-actions .btn-group-red .dropdown-menu-v2 { right: -70px; }
            .page-header .topbar-actions .btn-group-red .dropdown-menu-v2:before { top: -10px; right: 80px; border-width: 0 7.5px 15px; border-color: transparent transparent #242b31; }
}

@media (max-width:768px) {
    .page-header .page-logo { display: block; float: none !important; }
    .page-header .topbar-actions .btn-group-img .btn > span { display: none !important; }
}

@media (max-width:991px) {
    .page-header .navbar-fixed-top { position: static; margin: 10px auto; }
    .page-header .page-logo { float: none !important; }
    .page-header .search { display: inherit !important; }
        .page-header .search .form-control { height: 45px; width: 100% !important; }
        .page-header .search .btn i { top: 14px !important; }
    .page-header .topbar-actions { top: 10px; right: 60px; }
    .page-header .nav-collapse { box-shadow: none; border-top: none; }
        .page-header .nav-collapse .navbar-nav { margin-bottom: 15px; }
            .page-header .nav-collapse .navbar-nav > li { border-top: 1px solid #414b54; }
                .page-header .nav-collapse .navbar-nav > li:first-child { border-top: none; }
                .page-header .nav-collapse .navbar-nav > li > a { position: relative; }
                    .page-header .nav-collapse .navbar-nav > li > a:after { top: 20px; right: 20px; color: #8897a1; font-size: 16px; content: "\f105"; position: absolute; font-weight: 400; display: inline-block; font-family: FontAwesome; }
                .page-header .nav-collapse .navbar-nav > li:hover > a:after { color: #fff; }
            .page-header .nav-collapse .navbar-nav li.open > a:after { color: #6c7b88 !important; content: "\f107"; }
            .page-header .nav-collapse .navbar-nav li.selected > a { background: #009dc7; }
                .page-header .nav-collapse .navbar-nav li.selected > a:after { color: #fff; }
            .page-header .nav-collapse .navbar-nav li.selected.open > a { background: #f9f9f9; }
            .page-header .nav-collapse .navbar-nav .dropdown-menu > li > a { padding: 10px 15px 10px 50px; }
                .page-header .nav-collapse .navbar-nav .dropdown-menu > li > a:hover { color: #009dc7 !important; }
            .page-header .nav-collapse .navbar-nav .more-dropdown-sub > a:after { top: 10px; right: 20px; color: #6c7b88; font-size: 16px; content: "\f105"; position: absolute; font-weight: 400; display: inline-block; font-family: FontAwesome; }
            .page-header .nav-collapse .navbar-nav .more-dropdown-sub:focus > a, .page-header .nav-collapse .navbar-nav .more-dropdown-sub:hover > a { color: #636e77 !important; }
            .page-header .nav-collapse .navbar-nav .more-dropdown-sub.open > a:after { color: #6c7b88; content: "\f107"; }
            .page-header .nav-collapse .navbar-nav .more-dropdown-sub.open > a:focus { color: #636e77; }
            .page-header .nav-collapse .navbar-nav .more-dropdown-sub.open .dropdown-menu { margin-left: 15px; }
}

@media (min-width:767px) {
    .page-header .nav-collapse { padding: 0; }
}

@media (min-width:992px) {
    .page-header .navbar-fixed-top, .page-header .topbar-actions, .page-on-scroll .page-header .dropdown-menu-v2, .page-on-scroll .page-header .navbar-fixed-top, .page-on-scroll .page-header .topbar-actions { transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.7,1,.7,1); }
    .page-on-scroll .page-header .navbar-fixed-top { padding: 5px 25px; }
    .page-on-scroll .page-header .topbar-actions { top: 8px; right: 25px; }
    .page-on-scroll .page-header .dropdown-menu-v2 { margin-top: 21px; }
    .page-header .navbar-fixed-top {
        top: 0;
        left: 0;
        right: 0;
        padding: 10px 25px;
        background: url(../img/header.png) 0 0 repeat;
    }
    .page-header .topbar-actions { top: 20px; right: 25px; }

    .page-header .navbar-collapse { margin-top: 115px; }

        .page-header .navbar-collapse .navbar-nav > li { margin-left: 2px; }
            .page-header .navbar-collapse .navbar-nav > li:first-child { margin-left: 0; }
            .page-header .navbar-collapse .navbar-nav > li > a { -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; -ms-border-top-left-radius: 2px; -o-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; -ms-border-top-right-radius: 2px; -o-border-top-right-radius: 2px; border-top-right-radius: 2px; background-clip: padding-box; }
        .page-header .navbar-collapse .navbar-nav li.opened > .dropdown-menu { display: block; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown > a { padding-right: 57px; position: relative; }
            .page-header .navbar-collapse .navbar-nav .more-dropdown > a:after { top: 22px; right: 30px; color: #6c7b88; font-size: 20px; content: "\f107"; position: absolute; font-weight: 400; display: inline-block; font-family: FontAwesome; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu > li, .page-header .navbar-collapse .navbar-nav .more-dropdown:hover > .dropdown-menu { display: block; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown:hover > a { background: #f9f9f9; color: #2a3239; }
            .page-header .navbar-collapse .navbar-nav .more-dropdown:hover > a:after { color: #fff; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu { min-width: 230px; padding: 10px auto; box-shadow: 5px 5px rgba(102,102,102,.1); }
            .page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu > li > a { padding: 8px 30px; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown.open > a:after { color: #2a3239; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub > a { padding: 30px !important; position: relative; background: inherit; }
            .page-header .navbar-collapse .navbar-nav .more-dropdown-sub > a:after { top: 30px; right: 10px; color: #6c7b88; font-size: 16px; content: "\f107"; position: absolute; font-weight: 400; display: inline-block; font-family: FontAwesome; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu > li, .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover > .dropdown-menu { display: block; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:focus > a, .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover > a { color: #009dc7 !important; }
            .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover > a:after { color: #009dc7; }
        .page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu { min-width: 230px; padding: 10px auto; box-shadow: 5px 5px rgba(102,102,102,.1); }
            .page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu > li > a { padding: 8px 30px; }
}


.breadcrumbs h1, .page-sidebar .nav-collapse h3 { font-family: Oswald,sans-serif; text-transform: uppercase; }

@media (max-width:991px) {
    .mega-menu .dropdown-menu { left: 0; right: 0; float: none !important; width: auto; position: static !important; }
        .mega-menu .dropdown-menu > li { display: block !important; }
}

@media (min-width:991px) {
    .mega-menu .collapse, .mega-menu .dropdown-fw, .mega-menu .dropup, .mega-menu .nav { position: static; }
    .mega-menu .dropdown-menu-fw { left: 15px; right: 15px; }
}

.page-sidebar { float: left; margin-top: 2px; }
    .page-sidebar .navbar-toggle { border: none; padding-right: 0; margin: 8px 0 7px 20px; }
        .page-sidebar .navbar-toggle .icon-bar { width: 25px; background: #606d78; }
            .page-sidebar .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }
    .page-sidebar .nav-collapse h3 { font-size: 18px; font-weight: 500; line-height: 1.4; margin: 0 0 15px; color: #2a3239; }
    .page-sidebar .nav-collapse .navbar-nav > li { margin-top: 2px; }
        .page-sidebar .nav-collapse .navbar-nav > li:first-child { margin-top: 0; }
        .page-sidebar .nav-collapse .navbar-nav > li > a { color: #6c7b88; font-size: 14px; font-weight: 600; padding: 10px 20px; background: #f4f7f8; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-clip: padding-box; }
            .page-sidebar .nav-collapse .navbar-nav > li > a > i { color: #5c7b88; margin-right: 7px; }
            .page-sidebar .nav-collapse .navbar-nav > li > a .label { font-size: 11px; margin: 1px 0 0; float: right !important; }
            .page-sidebar .nav-collapse .navbar-nav > li > a .badge { margin-top: 1px; float: right !important; }
            .page-sidebar .nav-collapse .navbar-nav > li > a:hover { color: #fff; background: #009dc7; }
                .page-sidebar .nav-collapse .navbar-nav > li > a:hover > i { color: #fff; }
    .page-sidebar .nav-collapse .navbar-nav li.active > a { color: #fff; background: #009dc7; }
        .page-sidebar .nav-collapse .navbar-nav li.active > a > i { color: #fff; }
    .page-sidebar .nav-collapse .navbar-nav.margin-bottom-35 { margin-bottom: 35px; }
.page-md .page-sidebar .navbar-nav { box-shadow: 0 2px 5px 2px rgba(0,0,0,.1); }

@media (min-width:768px) {
    .page-sidebar .navbar { float: left; width: 225px; height: 100%; z-index: 999; }
    .page-sidebar .nav-collapse { padding: 0; height: auto; border-top: 0; box-shadow: none; max-height: none; }
    .page-sidebar .navbar-collapse.collapse { width: auto !important; display: block !important; overflow: visible !important; }
    .page-sidebar .navbar-collapse.in { overflow-x: visible; }
    .page-sidebar .navbar-header, .page-sidebar .navbar-left, .page-sidebar .navbar-nav, .page-sidebar .navbar-nav > li, .page-sidebar .navbar-right { float: none !important; }
    .page-container { margin-left: 225px; padding: 4px 6px 0 30px; overflow: hidden; }
}

body {
    font-size: 14px;
    background: url(../img/main-bg.png) 0 0 repeat;
}
.go2top i, .go2top i:focus { right: 27px; bottom: 52px; width: 38px; height: 38px; z-index: 999; line-height: 1; font-size: 35px; position: fixed; color: #4b5761; }
.page-portlet-fullscreen .go2top i, .page-portlet-fullscreen .page-quick-sidebar-toggler, .page-portlet-fullscreen .page-quick-sidebar-wrapper { z-index: -1; }

@media (min-width:991px) {
    .wrapper { margin: 10px; }
}

.page-content {
    padding: 30px;
    min-height: 320px;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f2f1f1));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #fff, #f2f1f1);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #fff, #f2f1f1);
    /* IE 10 */
    background: -ms-linear-gradient(left, #fff, #f2f1f1);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #fff, #f2f1f1);
}

@media (max-width:992px) {
}

@media (min-width:992px) {
    .page-content { margin-top: -4px; padding-top: 40px; position: relative; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; -ms-border-top-right-radius: 2px; -o-border-top-right-radius: 2px; border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -ms-border-bottom-left-radius: 2px; -o-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; -ms-border-bottom-right-radius: 2px; -o-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; background-clip: padding-box; }
}

.breadcrumbs { overflow: hidden; margin-bottom: 30px; padding-right: 6px; }
    .breadcrumbs h1 { margin: 0 20px 0 0; font-size: 22px; font-weight: 500; line-height: 1.4; color: #2a3239; }
    .breadcrumbs .breadcrumb { margin: 0; padding: 0; text-align: right; background: inherit; }
        .breadcrumbs .breadcrumb > li { font-size: 13px; }
            .breadcrumbs .breadcrumb > li + li:before { top: 2px; color: #dfe4e6; font-size: 20px; content: "\2022"; position: relative; padding: 0 8px 0 5px; }
            .breadcrumbs .breadcrumb > li > a { color: #6c7b88; text-transform: uppercase; }
                .breadcrumbs .breadcrumb > li > a:hover { text-decoration: none; color: #009dc7; }
        .breadcrumbs .breadcrumb li.active { color: #009dc7; text-transform: uppercase; }

@media (max-width:768px) {
    .breadcrumbs, .breadcrumbs .breadcrumb { text-align: center; margin-bottom: 5%; }
    .breadcrumbs { overflow: hidden; margin-bottom: 10px; }
        .breadcrumbs h1 { float: none; margin-bottom: 20px; }
}

.copyright { color: #bbb; margin-bottom: 5px; }

@media (max-width:991px) {
    .copyright { margin-bottom: 15px; }
}

.page-header .mega-menu .quick-sidebar-toggler { top: 9px; border: none; outline: 0; padding: 5px; margin-left: 15px; position: relative; background: #45b6af; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-clip: padding-box; width: 35px; height: 35px; }
    .page-header .mega-menu .quick-sidebar-toggler i { position: relative; top: 1px; color: #fff; }
        .page-header .mega-menu .quick-sidebar-toggler i:before { content: ""; }
.page-quick-sidebar-open .page-header .mega-menu .quick-sidebar-toggler i:before, .page-quick-sidebar-open .page-quick-sidebar-toggler > i:before { content: ""; }
.page-quick-sidebar-toggler { overflow: hidden; z-index: 99999; display: none; width: 28px; height: 27px; position: fixed; top: 10px; right: 15px; text-align: center; padding-top: 6px; }
    .page-quick-sidebar-toggler:hover { background: #303a43; }
.page-quick-sidebar-open .page-quick-sidebar-toggler { display: inline-block; }
    .page-quick-sidebar-open .page-quick-sidebar-toggler:hover { background: 0 0; }
.page-quick-sidebar-toggler > i { color: #99a8b5; font-size: 17px; }
    .page-quick-sidebar-toggler > i:hover { color: #fff !important; }
.page-quick-sidebar-wrapper { transition: right .3s; z-index: 9999; position: fixed; top: 0; bottom: 0; width: 320px; right: -320px; overflow: hidden; color: #99a8b5; background: #21282e; }
.page-quick-sidebar-open .page-quick-sidebar-wrapper { transition: right .3s; right: 0; }
.page-quick-sidebar-wrapper .page-quick-sidebar { background: #21282e; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs { margin: 0; padding: 0; border: 0; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li { display: table-cell !important; width: 1% !important; padding: 0; margin: 0; float: none; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a { position: relative; display: block; text-align: center; height: auto; font-size: 14px; padding: 45px 15px 8px; text-transform: uppercase; background: 0 0; margin-right: 0; color: #90a1af; border: 0; border-bottom: 3px solid rgba(243,86,93,.3); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-clip: padding-box; outline: 0 !important; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a > .badge { position: absolute; top: 45px; right: 3px; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a { border: 0; border-bottom: 3px solid #f3565d; background: 0 0; color: #fff; text-decoration: none; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu { border: 0; background: #36424c; box-shadow: 5px 5px rgba(97,117,135,.1); margin-top: 8px; margin-right: 20px; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:before { position: absolute; top: -7px; right: 19px; display: inline-block !important; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #36424c; content: ''; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:after { position: absolute; top: -6px; right: 20px; display: inline-block !important; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 7px solid #36424c; content: ''; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a { padding: 10px 15px; color: #99a8b5; }
                    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a > i { color: #93a3b1; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a { background: #3d4a55; color: #99a8b5; }
                    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a > i { color: #9babb8; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.active > a { background: #38444f; color: #99a8b5; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.divider { background-color: #3d4a55; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.open > a.dropdown-toggle { border-bottom: 3px solid #f3565d; background: 0 0; text-decoration: none; color: #90a1af; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .tab-content { margin: 0; padding: 0; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading { font-size: 16px; margin: 10px; color: #6c8296; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items { margin: 0; padding: 0; list-style: none; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li { margin: 0; padding: 15px; background: 0 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #273037; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover { background: #273037; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child { border-bottom: 0; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li { border: 0; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .inner-content { margin: 10px; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list { position: absolute !important; width: 320px !important; transition: margin .3s; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item { position: absolute !important; width: 320px !important; transition: margin .3s; margin-left: 320px; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav { padding: 15px 10px 0; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list { vertical-align: middle; display: inline-block; font-size: 14px; color: #90a1af; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover { text-decoration: none; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i { font-size: 17px; line-height: 17px; vertical-align: top; margin-right: 3px; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list { transition: margin .3s; margin-left: -320px; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail { display: none !important; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item { transition: margin .3s; margin-left: 0; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users { padding: 10px 0; position: relative; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media { padding: 15px; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object { border-radius: 50% !important; width: 45.71px; opacity: .8; filter: alpha(opacity=80); float: left; margin-right: 10px; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before { content: " "; display: table; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover { cursor: pointer; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object { opacity: 1; filter: alpha(opacity=100); }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading { margin: 5px 0 0; font-size: 14px; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub { font-size: 11px; text-transform: uppercase; color: #657b8d; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small { font-size: 10px; color: #5d7081; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status { margin-top: 10px; right: 10px; position: absolute; display: inline-block; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages { padding: 0 10px; position: relative; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post { transition: display .3s; padding: 5px 0; margin: 10px auto; font-size: 13px; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body { color: #c3c3c3; display: block; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar { width: 45.71px; border-radius: 50% !important; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar { float: left; margin-right: 10px; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar { float: right; margin-left: 10px; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name { font-size: 12px; font-weight: 300; color: #8496a7; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message { display: block; padding: 5px; position: relative; color: #90a1af; background: #36424c; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message { text-align: left; margin-left: 55px; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow { display: block; position: absolute; top: 9px; left: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right-width: 6px; border-right-style: solid; border-right-color: #36424c; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message { margin-right: 55px; text-align: right; }
                .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow { display: block; position: absolute; top: 9px; right: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left-width: 6px; border-left-style: solid; border-left-color: #36424c; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name { text-align: right; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form { padding: 20px 10px 15px; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list { padding: 10px 0; position: relative; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a { color: #7e91a2; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label { margin-top: 5px; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc { text-decoration: underline; padding: 0; color: #788c9e; }
            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date { color: #5d7081; }
    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list { padding: 10px 0; position: relative; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch { margin-top: -3px; float: right; border: 0; min-width: 59px; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control { width: 75px !important; padding: 4px !important; float: right; border: 0; margin-top: -4px; }
        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control { padding: 4px 0 !important; }

.page-footer {
    margin-left: 15px;
    margin-right: 15px;
    width: 98%;
    text-align: center;
    padding: 25px 0;
    background: #005b9a;
}

.mainimg {
    box-shadow: 0 0 30px #515354;
}