.pace .pace-progress {
    background-color: #1e282c
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff
}

.user-menu>a {
    background: url("/vendor/core/images/ui/nav_arrow_right.png") no-repeat 240px #2c3b41;
    color: #8aa4af !important;
}
.navigation>li ul>li{
  background-color: #2c3b41;

}
li.open >span.title{
  color: white;
}
.navigation>li {
    border-top: 1px solid #222;
    background-color: #222d32;
}

.navigation>li:hover>a {
    border-left: 3px solid #43b1d6;
    background-color: #2c3a42
}

.navigation>li.active:focus>a,
.navigation>li.active:hover>a,
.navigation>li.active>a {
    background-color: #43b1d6
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    outline: 0;
    color: #fff;
    background-color: #222d32;;
    -webkit-box-shadow: 1px 0 0 #222d32;, -1px 0 0 #222d32;;
    box-shadow: 1px 0 0 #222d32;, -1px 0 0 #222d32;
}

.panel-primary {
    border-color: #222d32;
}

.panel-info {
    border-color: #00c6ff
}

.btn-info,
.panel-info>.panel-heading {
    background-color: #00c6ff
}

.btn-info {
    border-color: #00c6ff
}

.btn-info:hover {
    background-color: #00addf;
    border-color: #00addf
}

.bg-info,
.bg-info a {
    color: #fff;
    background-color: #00c6ff
}

/*.btn-primary {
    border-color: #222d32;
}*/

.h1,
.h2,
.h3,
body,
h1,
h2,
h3 {
    font-family: Roboto, sans-serif
}

.h3,
h3 {
    color: #222d32;
}

body#login {
    background-color: #222d32;
}

body#login .navbar {
    display: none
}

.login-wrapper {
    left: 79%
}

.login-wrapper button {
    background-color: #1e282c;
    border-color: #1e282c
}

.login-wrapper button:hover {
    background-color: #ab0018;
    border-color: #ab0018
}

@media (max-width:767px) {
    .login-wrapper {
        left: 50%
    }
}

/*.btn-primary {
    background-color: #222d32;
}*/

.btn-primary:hover {
    background-color: #111
}

/*.btn-danger {
    background-color: #1e282c;
    border-color: #1e282c
}*/

.btn-danger:hover {
    background-color: #a90018
}

.fc-next-button,
.fc-prev-button {
    background-color: #222d32;
}

.fc-next-button:hover,
.fc-prev-button:hover {
    background-color: #1e282c
}

.fc-state-active,
.fc-state-down {
    color: #fff;
    background-color: #1e282c
}

.navbar-brand,
.navbar-inverse {
    background-color: #222d32;
}

.navigation {
    border-bottom: 1px solid #222
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #1e282c
}

@media screen and (min-width:1224px) {
    .shortcuts_dashboard {
        display: none
    }
}

.popup-header {
    background-color: #222d32;
}

@media (max-width:767px) {
    .navbar-brand {
        background-repeat: no-repeat;
        background-position: 0;
        background-color: #222d32;
    }
}

.logo {
    display: none
}

.sidebar {
  background-color: #222d32;
}

.user-menu>a {
    background: url("/vendor/core/images/ui/nav_arrow_right.png") no-repeat 240px #222
}

.navigation>li {
    border-top: 1px solid #222d32;
}

.navigation>li:hover>a {
    border-left: 3px solid #1e282c;
    background-color: #1e282c;
    color: #fff
}

.navigation>li:hover>a>i {
    color: #fff
}

/*.navigation>li.active:hover>a>i {
    color: #222d32;
}*/

.navigation>li.active:focus>a,
.navigation>li.active:hover>a,
.navigation>li.active>a {
    background-color: #1e282c;
    color: #fff;
    border-color: #1e282c
}

@media (max-width:991px) {
    .navbar-inverse .navbar-nav {
        background-color: #222d32;
    }
}

@media (max-width:479px) {

    #table_data_collection_length,
    #table_data_collection_wrapper tbody tr td:nth-child(2),
    #table_data_collection_wrapper tbody tr td:nth-child(3) {
        display: none
    }

    .label {
        font-size: 14px
    }

    .label,
    label {
        margin-top: 5px
    }

    label {
        display: block
    }

    .fc-toolbar .fc-left {
        float: none
    }

    .fc-toolbar .fc-center {
        padding-top: 10px
    }

    .fc-toolbar .fc-right {
        float: none
    }

    .fc button {
        padding: 0 .8em
    }

    .panel-default>.panel-heading {
        padding-bottom: 5px
    }

    .page-header small {
        line-height: normal
    }
}

.header-buttons {
    margin: 23px 0
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: #222d32;;
    -webkit-box-shadow: 1px 0 0 #222d32;, -1px 0 0 #222d32;;
    box-shadow: 1px 0 0 #222d32;, -1px 0 0 #222d32;
}

.nav-list>li.nav-header {
    background-color: #222d32;
}

.navbar-inverse .navbar-nav>li>a>.label {
    background-color: #1e282c
}

.crossfit_footer_logo span {
    display: block;
    background-position: top;
    background-repeat: no-repeat;
    height: 55px;
    margin-top: 15px
}

.sidebar-narrow li.crossfit_footer_logo {
    display: none
}

.sidebar-narrow .navigation>li>ul {
    background-color: #222d32;
}

.panel-primary>.panel-heading {
    background-color: #222d32;;
    border-bottom: 0 none;
    color: #fff
}

.shortcuts_dashboard {
    display: block
}

.bg-primary,
.bg-primary a {
    background-color: #222d32;;
    color: #fff
}

.bg-danger,
.bg-danger a {
    background-color: #1e282c;
    color: #fff
}

.info-blocks {
    text-align: left
}

.bg-default,
.bg-default a {
    background-color: #e8e8e8;
    color: #6b6b6b
}

@media only screen and (min-width:768px) and (max-width:1070px) {
    .page-header small {
        color: #fff
    }

    .sidebar-narrow .sidebar {
        display: none
    }

    .sidebar-narrow .page-content {
        margin-left: 25px
    }

    li.language {
        display: none
    }

    .footer,
    .page-title h3 {
        color: #fff
    }

    .footer {
        border-top: none
    }
}

@media (max-width:767px) {
    li.language {
        display: none
    }

    .footer,
    .page-title h3 {
        color: #fff
    }

    .footer {
        border-top: none
    }
}

@media only screen and (min-width:768px) and (max-width:1070px) {
    .footer {
        border-top: none;
        color: #fff
    }

    .login-wrapper {
        left: 50%
    }
}

@media only screen and (min-width:320px) and (max-width:568px) {
    .navbar-toggle {
        margin: 12px 0 0 4px
    }

    .footer,
    .page-header small {
        color: #fff
    }

    .footer {
        border-top: none
    }
}

#navbar-icons>li.dropdown-extended .dropdown-menu {
    min-width: 160px;
    max-width: 275px;
    width: 275px;
    z-index: 9995;
    height: 300px;
}