* {
    outline: 0 !important;
}

body {
    font: 14px "Roboto", sans-serif;
    color: #c8c8c8;
    background-color: #272b30;
}

a {
    color: rgb(249, 73, 79);
}

.text-dark {
    color: rgb(249, 73, 79);
}

.text-dark {
    color: #dddddd !important;
}

.header-top {
    background: rgb(43, 59, 65);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 59, 65, 1)), to(rgba(25, 29, 43, 1)));
    background: linear-gradient(to bottom, rgba(43, 59, 65, 1) 0%, rgba(25, 29, 43, 1) 100%);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 0;
    z-index: 300;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 52px;
}

.header-logo > img {
    height: 52px;
}

.header-form {
    margin-top: 6px;
}

.header-usermenu {
    text-align: right;
}

.header-usermenu > li {
    margin: 8px 2px;
    display: inline-block;
}

.header-usermenu > li > a:not(.btn) {
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    font-size: 15px;
    padding: 8px;
    color: #fff;
    font-weight: 100;
}

.header-usermenu > li.user-menu > a {
    padding: 5px 8px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

.header-usermenu > li.user-menu > a .header-avatar {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.header-usermenu > li.open > a .header-avatar,
.header-usermenu > li > a:hover .header-avatar,
.header-usermenu > li > a:active .header-avatar,
.header-usermenu > li > a:focus .header-avatar {
    border-color: rgba(255, 255, 255, 0.8);
}

.header-usermenu > li.open > a,
.header-usermenu > li > a:not(.btn):hover,
.header-usermenu > li > a:not(.btn):active,
.header-usermenu > li > a:not(.btn):focus {
    text-decoration: none;
    border: 1px solid #aaa;
}

.header-usermenu .btn {
    margin: 1px 2px;
    border: 1px solid rgb(0, 0, 0);
}

.header-usermenu .dropdown-menu {
    left: inherit;
    right: 0;
    margin-top: 7px;
}

.header-usermenu .msg-count {
    position: absolute;
    top: 5px;
    margin-left: -11px;
    font-size: 9px;
    padding: .2em .4em;
}

@media (max-width: 767px) {
    .visible-xs-search {
        display: inline-block;
    }
}

.header-menu {
    margin-top: 52px;
    background: #1B1B1B;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.13);
    margin-bottom: 20px;
}

.header-menu #main-menu {
    border: 0;
    background: transparent;
}

@media (min-width: 991px) {
    .header-menu #main-menu .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .header-menu #main-menu .navbar-collapse {
        text-align: center;
    }
}

.header-menu #main-menu .navbar-nav > .active > a,
.header-menu #main-menu .navbar-nav > .active > a:hover,
.header-menu #main-menu .navbar-nav > .active > a:focus,
.header-menu #main-menu .navbar-nav > .open > a,
.header-menu #main-menu .navbar-nav > .open > a:hover,
.header-menu #main-menu .navbar-nav > .open > a:focus {
    color: rgb(184, 54, 58);
    background: transparent;
}

@media (min-width: 992px) {
    .header-menu #main-menu .dropdown-menu {
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .header-menu .navbar-brand {
        display: block !important;
    }

    .header-menu .navbar-header {
        float: none;
    }

    .header-menu .navbar-left,
    .header-menu .navbar-right {
        float: none !important;
    }

    .header-menu .navbar-toggle {
        display: block;
    }

    .header-menu .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .header-menu .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .header-menu .navbar-collapse.collapse {
        display: none !important;
    }

    .header-menu .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .header-menu .navbar-nav > li {
        float: none;
    }

    .header-menu .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-menu .collapse.in {
        display: block !important;
    }
}

.panel-title {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    color:#e4e4e4;
}

@media (min-width: 768px) {
    #leftside,
    #rightside {
        background: #f9f9f900;
    }
}

.sidepanel {
    background-color: #2e3338;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 15px;
}

.sidepanel:first-child {
    border-radius: 3px 3px 0 0;
}

.sidepanel:last-child {
    border-radius: 0 0 3px 3px;
}

.sidepanel-heading {
    background-color: #3e444c;
    padding: 10px 0 5px;
    width: 100%;
    clear: both;
    display: inline-block;
    color: #e4e4e4;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    text-align: center;
    border-color: rgba(0, 0, 0, 0.6);
}

.sidepanel-body {
    padding-top: 10px;
}

.control-label {
    color: rgb(184, 54, 58);
    font-weight: 600;
}

.breadcrumb > li > a {
    font-weight: 600;
    color: rgb(184, 54, 58);
}

.side-label {
    color: #253346;
    background-color: #d4e2ff;
    padding: 2px 5px;
}

hr {
    border-top: 1px solid #ddd;
}

blockquote {
    border-left: 4px solid #3452aa;
    font-size: 22px;
    font-weight: 100;
    padding: 7px 6px;
}

.alt {
    color: #04688d;
}

.dropdown-menu {
    border-radius: 0;
}

.dropdown-menu > li > a {
    color: #dadada;
    font-family: "Lato", sans-serif;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus {
    background: rgb(68, 98, 132);
    color: #fff;
}

.btn-default {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), to(#E0E0E0));
    background-image: linear-gradient(to bottom, #FFF 0, #E0E0E0 100%);
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #FFF;
    border-color: #CCC;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: none;
    transition: none;
}

.btn-default:hover,
.btn-default:focus {
    background: #E0E0E0 0 -15px;
}

.btn-primary {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-repeat: repeat-x;
    background: #ff858a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff858a), color-stop(71%, #f9494f));
    background: linear-gradient(to bottom, #ff858a 0%, #f9494f 71%);
    color: #fff;
    border-color: #FF4141;
}

.btn-primary:hover,
.btn-primary:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 136, 0)), to(rgb(180, 136, 0)));
    background-image: linear-gradient(to bottom, rgb(255, 136, 0) 0, rgb(180, 136, 0) 100%);
    border-color: #ffffff;
    color: #fff;
}

.btn-success {
    background-repeat: repeat-x;
    background: #5CB85C;
    background: -webkit-gradient(linear, left top, left bottom, from(#5CB85C), to(#419641));
    background: linear-gradient(to bottom, #5CB85C 0%, #419641 100%);
    border-color: #3E8F3E;
    color: #fff;
}

.btn-success:hover,
.btn-success:focus {
    background: #419641 0 -15px;
}

.btn-info {
    text-shadow: 0 1px 0 #1D3B6A;
    background-repeat: repeat-x;
    background: #00a8e1;
    background: -webkit-gradient(linear, left top, left bottom, from(#00abe1), color-stop(71%, #0098f4));
    background: linear-gradient(to bottom, #00abe1 0%, #0098f4 71%);
    color: rgb(255, 255, 255);
    border-color: #517FAF;
}

.btn-info:hover,
.btn-info:focus {
    background: #0098f4 0 -15px;
}

.btn-warning {
    background-repeat: repeat-x;
    background: #F0AD4E;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0AD4E), to(#EB9316));
    background: linear-gradient(to bottom, #F0AD4E 0%, #EB9316 100%);
    border-color: #E38D13;
    color: #fff;
}

.btn-warning:hover,
.btn-warning:focus {
    background: #EB9316 0 -15px;
}

.btn-danger {
    background-repeat: repeat-x;
    background: #D9534F;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D9534F), to(#C12E2A));
    background-image: linear-gradient(to bottom, #D9534F 0, #C12E2A 100%);
    border-color: #B92C28;
    color: #fff;
}

.btn-danger:hover,
.btn-danger:focus {
    background: #C12E2A 0 -15px !important;
}

.select2-offscreen {
    display: none;
}