@font-face {
    font-family: "abeatbykairegular";
    src: url("../fonts/abeatbykai/abeatbykairegular-webfont.woff2") format("woff2"), url("../fonts/abeatbykai/abeatbykairegular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "alegreya_sansmedium";
    src: url("../fonts/alegreya-sans/alegreyasans-medium-webfont.woff2") format("woff2"), url("../fonts/alegreya-sans/alegreyasans-medium-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "alegreya_sans_scregular";
    src: url("../fonts/alegreya-sans/alegreyasanssc-regular-webfont.woff2") format("woff2"), url("../fonts/alegreya-sans/alegreyasanssc-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("../fonts/Open_Sans/OpenSans-Regular.ttf") format("ttf");
    font-weight: normal;
    font-style: normal;
}

:root {
    --crimson: rgb(215, 23, 66);
    --crimson-darker: rgb(185, 19, 55);
    --gray: rgb(133, 133, 133);
    --blue: #3f51b5;
    --green: #699933;
    --orange: #cc9900;
    --light-grey: #fafafa;
    --turquoise: #339993;
    --purple: #593399;
    --violet: #923399;
    --input-height: 32px;
    --indigo:#0398db;
}

.static-content-wrapper .page-content {
    padding: 0 10px;
}

.login-logo img {
    width: 120px
}

.login-page .panel {
    border: none;
    margin: 0 0 16px 0;
}

.login-page .panel-body {
    background: url(../img/login-box.svg);
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 10px 10px 10px 15px !important;
    border: none;
    height: 200px;
    /* font-family: alegreya_sans_scregular, sans-serif; */
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.login-page .panel-body::before,
.login-page .panel-body::after {
    display: none;
}

.login-page .panel .input-group-addon {
    background-color: transparent !important;
    border: none;
    color: #fff;
    padding: 0
}

.login-page .panel-body .form-control {
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #fff;
    margin-left: -10px
}

.login-page .panel button[type=submit] {
    background: #2e2d2d;
    width: 100%;
    height: 60px;
    border: none;
    color: #fff;
    letter-spacing: 1px;
    transition: background-color .35s
}

.login-page .panel button[type=submit]:hover {
    background: #858585
}

.login-page .panel-footer {
    padding: 0 !important;
    margin-top: 20px;
}

.additional-links {
    font-family: abeatbykairegular, sans-serif;
    color: #000
}

.login-page .additional-links .forgot-pass {
    font-style: italic;
    color: currentColor
}

.login-page .icheckbox_minimal-blue {
    top: -3px;
    margin-right: 10px !important;
}

.login-page .icheckbox_minimal-blue,
label.hover .icheckbox_minimal-blue {
    background: url(../img/chk.png);
    background-repeat: no-repeat;
    background-position: center center !important
}

.login-page .icheckbox_minimal-blue .iCheck-helper {
    background: url(../img/tick.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5px 4px !important;
}

.login-page .icheckbox_minimal-blue.checked .iCheck-helper {
    opacity: 1 !important;
}

.login-page::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff !important;
}

.login-page::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff !important;
}

.login-page:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff !important;
}

.login-page:-moz-placeholder {
    /* Firefox 18- */
    color: #fff !important;
}

#topnav.navbar-bluegray,
#topnav.navbar-bluegray #toolbar-search.active {
    background: #fff;
}

#topnav .logo-area {
    background: url(../img/menu-bg.jpg) top left/auto 100vh no-repeat;
}

.sidebar-bluegray.static-sidebar-wrapper,
.sidebar-bluegray.fixed-sidebar {
    background: url(../img/menu-bg.jpg) left 0/auto 100vh no-repeat;
    background-attachment: fixed;
}

.page-heading {
    background: #f1efef;
    margin-left: -8px;
    margin-right: -8px;
    padding-top: 15px;
    padding-bottom: 0;
}

/* karim */

#topnav .logo-area .toolbar-trigger a {
    margin-right: 0
}

#topnav .navbar-brand {
    background: url(../img/arena-logo.svg) right center/auto 80% no-repeat;
}

#topnav.navbar .logo-area .toolbar-trigger a span.icon-bg i,
#topnav.navbar-bluegray .toolbar-icon-bg>a:hover {
    color: var(--crimson) !important;
}

.sidebar nav.widget-body>ul.acc-menu li.nav-separator {
    height: 72px;
    border: none
}

.sidebar nav.widget-body>ul.acc-menu li a {
    margin-bottom: 5px;
    color: #aba7a7;
    background-color: transparent !important;
    padding: 0 16px 0 0;
    border: none
}

.sidebar nav.widget-body>ul.acc-menu>li.hasChild>a:before {
    opacity: 1;
    transform: translatey(8px);
}

.sidebar nav.widget-body>ul.acc-menu>li.hasChild.open>a,
.sidebar nav.widget-body>ul.acc-menu>li.hasChild.active>a {
    /*font-weight: bold;*/
    color: #fff
}

.sidebar nav.widget-body>ul.acc-menu ul {
    background-color: transparent
}

.sidebar nav.widget-body>ul.acc-menu ul li {
    margin-left: 44px
}

.sidebar nav.widget-body>ul.acc-menu ul li a {
    color: #aba7a7;
    background-color: rgba(46, 45, 45, .75) !important;
    padding: 10px 16px 10px 20px;
}

.sidebar nav.widget-body>ul.acc-menu .icon {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(46, 45, 45, .75) !important;
    margin-right: 2px
}

.sidebar nav.widget-body>ul.acc-menu .icon+span {
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(46, 45, 45, .75) !important;
    height: 42px;
    width: calc(100% - 20px);
    line-height: 42px;
    padding-left: 20px;
}

/* active menu items without children and active sub-menu items */

.sidebar nav.widget-body>ul.acc-menu>li li.active>a,
.sidebar nav.widget-body>ul.acc-menu>li.active:not(.hasChild) .icon,
.sidebar nav.widget-body>ul.acc-menu>li.active:not(.hasChild) .icon+span {
    background-color: rgba(214, 24, 66, .6) !important;
    color: #fff !important;
    /*font-weight: bold!important*/
}

/* inactive sub-menu item hover */

.sidebar nav.widget-body>ul.acc-menu>li li:not(.active):hover a {
    color: #fff;
    background-color: rgba(133, 133, 133, .7) !important;
}

.sidebar nav.widget-body>ul.acc-menu>li.open:hover>a .icon,
.sidebar nav.widget-body>ul.acc-menu>li.open:hover>a .icon+span {
    background-color: rgba(133, 133, 133, .7) !important;
}

/* inactive menu item hover */

.sidebar nav.widget-body>ul.acc-menu>li:not(.active)>a:hover .icon,
.sidebar nav.widget-body>ul.acc-menu>li:not(.active)>a:hover .icon+span {
    background-color: rgba(133, 133, 133, .7) !important;
}

/* icons */

.sidebar nav.widget-body>ul.acc-menu .icon-0 {
    background-image: url(../img/menu-icons/dashboard-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-0 {
    background-image: url(../img/menu-icons/dashboard-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-1 {
    background-image: url(../img/menu-icons/settings-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-1 {
    background-image: url(../img/menu-icons/settings-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-2 {
    background-image: url(../img/menu-icons/reservation-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-2 {
    background-image: url(../img/menu-icons/reservation-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-3 {
    background-image: url(../img/menu-icons/school-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-3 {
    background-image: url(../img/menu-icons/school-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-4 {
    background-image: url(../img/menu-icons/camps-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-4 {
    background-image: url(../img/menu-icons/camps-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-5 {
    background-image: url(../img/menu-icons/gym-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-5 {
    background-image: url(../img/menu-icons/gym-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-6 {
    background-image: url(../img/menu-icons/payment-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-6 {
    background-image: url(../img/menu-icons/payment-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-7 {
    background-image: url(../img/menu-icons/reports-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-7 {
    background-image: url(../img/menu-icons/reports-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-8 {
    background-image: url(../img/menu-icons/users-icon-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-8 {
    background-image: url(../img/menu-icons/users-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-0,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-0,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-0 {
    background-image: url(../img/menu-icons/dashboard-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-1,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-1,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-1 {
    background-image: url(../img/menu-icons/settings-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-2,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-2,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-2 {
    background-image: url(../img/menu-icons/reservation-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-3,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-3,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-3 {
    background-image: url(../img/menu-icons/school-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-3,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-3,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-3 {
    background-image: url(../img/menu-icons/school-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-4,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-4,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-4 {
    background-image: url(../img/menu-icons/camps-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-5,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-5,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-5 {
    background-image: url(../img/menu-icons/gym-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-6,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-6,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-6 {
    background-image: url(../img/menu-icons/payment-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-7,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-7,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-7 {
    background-image: url(../img/menu-icons/reports-icon-w.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-8,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-8,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-8 {
    background-image: url(../img/menu-icons/users-icon-w.png)
}

/* collapsed */

.sidebar-collapsed nav.widget-body>ul.acc-menu>li:hover a {
    background: rgb(50, 50, 50) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu li li.active a {
    background-color: var(--crimson) !important;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu li li:not(.active):hover a {
    background-color: rgb(109, 107, 107) !important;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu ul {
    background: transparent;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu ul li {
    margin-left: 0;
    border-top: 1px solid #444
}

.sidebar-collapsed nav.widget-body>ul.acc-menu li li a {
    padding: 10px 16px 10px 20px !important;
    color: #fff
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li .icon,
.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:not(.hasChild) .icon {
    background-color: transparent !important;
    width: 24px;
    height: 24px;
    margin-right: 20px !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu .icon+span {
    margin-left: 0;
    padding-left: 0;
    height: 26px;
    line-height: 26px
}

.sidebar-collapsed nav.widget-body>ul.acc-menu li a {
    border-bottom: none;
    margin-bottom: 0;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.hasChild:hover>a>.icon,
.sidebar-collapsed nav.widget-body>ul.acc-menu>li.hasChild:hover>a>.icon+span {
    background-color: transparent !important;
    font-weight: bold;
    color: #fff;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:not(.hasChild):hover>a {
    background-color: var(--crimson) !important;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li:not(.active)>a:hover .icon,
.sidebar-collapsed nav.widget-body>ul.acc-menu>li:not(.active)>a:hover .icon+span {
    background-color: transparent !important;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li>a .icon+span {
    background-color: transparent !important;
    width: 180px;
    margin-left: 16px;
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.hasChild:hover>a:before {
    opacity: 1 !important;
    transform: none
}

/* icons */

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-0 {
    background-image: url(../img/menu-icons/dashboard-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-0 {
    background-image: url(../img/menu-icons/dashboard-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-1 {
    background-image: url(../img/menu-icons/settings-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-1 {
    background-image: url(../img/menu-icons/settings-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-2 {
    background-image: url(../img/menu-icons/reservation-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-2 {
    background-image: url(../img/menu-icons/reservation-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-3 {
    background-image: url(../img/menu-icons/school-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-3 {
    background-image: url(../img/menu-icons/school-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-4 {
    background-image: url(../img/menu-icons/camps-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-4 {
    background-image: url(../img/menu-icons/camps-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-5 {
    background-image: url(../img/menu-icons/gym-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-5 {
    background-image: url(../img/menu-icons/gym-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-6 {
    background-image: url(../img/menu-icons/payment-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-6 {
    background-image: url(../img/menu-icons/payment-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-7 {
    background-image: url(../img/menu-icons/reports-icon-red.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-7 {
    background-image: url(../img/menu-icons/reports-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active .icon-8 {
    background-image: url(../img/menu-icons/users-icon-w.png) !important
}

.sidebar-collapsed nav.widget-body>ul.acc-menu>li.active:hover .icon-8 {
    background-image: url(../img/menu-icons/users-icon-w.png) !important
}

/* .sidebar-collapsed nav.widget-body > ul.acc-menu > li:hover a {
    color: #fff;
    background: rgb(133, 133, 133)!important
} */

#topnav.navbar-bluegray .yamm .navbar-nav>li>a {
    color: #242424;
}

#topnav {
    /* font-family: abeatbykairegular */
}

#topnav .navbar-collapse {
    float: right !important
}

#topnav.navbar-bluegray .yamm .navbar-nav>li>a:hover {
    color: #999;
}

#topnav.navbar-bluegray .yamm .navbar-nav>li>a {
    position: relative
}

#topnav.navbar-bluegray .yamm .navbar-nav>li>a:hover:before {
    border-top: 3px solid var(--crimson);
    content: "";
    display: inline-block;
    width: calc(100% - 32px);
    position: absolute;
    top: 8px;
    left: 16px;
}

body.sidebar-collapsed #topnav .navbar-brand {
    background: url(../img/arena-logo.svg) 15px center/auto 80% no-repeat #fff !important;
}

body.sidebar-collapsed #topnav .logo-area {
    width: 240px;
}

body.topnav-collapsed #topnav .navbar-brand {
    background: url(../img/arena-logo.svg) 15px center/auto 80% no-repeat;
}

.info-tile {
    background: #fff;
    border: 0px solid #525151 !important;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08)
}

.info-tile .tile-heading {
    text-align: left;
    color: #525151;
    font-size: 14px
}

.info-tile .tile-icon {
    position: absolute;
    height: auto;
    width: auto;
    border-radius: 0;
    right: 15px;
    bottom: 15px;
}

.info-tile .tile-icon img {
    position: static;
}

.info-tile .tile-body {
    color: black !important;
    font-weight: bold;
}

@media all and (max-width: 768px) {
    #topnav .logo-area {
        background: #fff;
    }
    body.sidebar-collapsed #topnav .navbar-brand {
        background: url(../img/arena-logo.svg) 15px center/auto 80% no-repeat #fff !important;
    }
}

.form-control::-moz-placeholder {
    color: #fff !important;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #fff !important;
}

.form-control::-webkit-input-placeholder {
    color: #fff !important;
}

.loginButton {
    background: #2e2d2d;
    width: 100%;
    height: 60px;
    border: none;
    color: #fff;
    letter-spacing: 1px;
    transition: background-color .35s
}

.loginButton:hover {
    background: #858585
}

.chkboxesContainer {
    border: 1px solid #e0e0e0;
    padding: 6px 8px;
    width: 300px
}

.chkboxesContainer:hover {
    border-color: #bdbdbd;
}

/* karim - 07/09/2017 */

.info-tile .tile-icon img,
.info-tile .tile-icon i {
    position: static;
    font-size: 48px;
    color: var(--crimson) !important;
}

/* /karim - 07/09/2017 */

.info-tile .tile-body {
    color: black !important;
    font-weight: bold;
}

@media all and (max-width: 768px) {
    #topnav .logo-area {
        background: #fff;
    }
    body.sidebar-collapsed #topnav .navbar-brand {
        background: url(../img/arena-logo.svg) 15px center/auto 80% no-repeat #fff !important;
    }
}

imageBefore:before {
    font-family: Font Awesome 5 Brands;
    content: "\f095";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.page-title {
    margin-top: 20px !important;
    margin-bottom: 25px !important;
    font-size: 1.5em;
    color: black;
    font-weight: 500;
}

.nav-tabs {
    border: 0 !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: var(--crimson);
    border: var(--crimson);
    cursor: pointer;
}

.nav-tabs>li>a {
    color: #fff;
    background-color: #858585;
    border: #858585;
    cursor: pointer;
    margin-right: 5px;
    padding: 8px !important;
}

.nav-tabs>li>a:hover {
    color: #fff;
    background-color: var(--crimson);
    border: var(--crimson);
    cursor: pointer;
}

.nav-tabs>li {
    text-align: center !important;
    min-width: 100px;
}

.options {
    margin-bottom: 20px;
}


.RadWindow_Metro .rwTitleBar {
    background-color: #858586 !important;
}

.RadWindow_Metro {
    background-color: #858586 !important;
    /* color: #000; */
    border-color: #858586 !important;
}

.RadWindow .rwTitleWrapper .rwTitle {
    font-size: 20px !important;
    margin-top: 8px !important;
    margin-left: -5px !Important;
}

.RadWindow .rwLoading {
    background: url('../../img/gymLoader1.gif') !important;
}

.RadWindow .rwCommandButton {
    width: 1.8em !important;
}

.RadWindow .rwCommandButton:before {
    font-size: 22px !important;
}

.rwIcon {
    color: var(--crimson) !important;
    margin-left: 5px !important;
}

.RadWindow_Metro .rwContent {
    background-color: #858586 !important;
}

.RadWindow .rwTitleWrapper {
    height: 50px !important;
}

.RadWindow .rwTitleBar {
    height: 50px !important;
}

.popUp_background {
    background-color: #858586 !important;
    border-color: #858586 !important;
    box-shadow:none !important;
}

.popUp_label {
    color: white !important;
    display: block !important;
    padding-bottom: 2px;
}

.popUp_footer {
    padding: 0 15px 15px 15px !important;
}

.popUp_badge {
    background-color: var(--crimson) !important;
}

.RadComboBoxDropDown_Bootstrap {
    font-family: 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif !important;
    border-radius: 0 !important;
    font-size: 12px !important;
}

.RadComboBox_Bootstrap .rcbFocused {
    border-radius: 0 !important;
}

.RadComboBox_Bootstrap .rcbArrowCell {
    border-radius: 0 !important;
}

.RadComboBox_Bootstrap .rcbInputCell {
    border-radius: 0 !important;
}

.popUp_table>tbody>tr:nth-child(odd) {
    background-color: #fcfcfc !important;
    color: #000 !important;
}

.popUp_table>thead {
    color: #fff !important;
    font-weight: 600 !important;
}

.popUp_table>tbody>tr {
    color: #000;
    background-color: #ededed;
}

.thead-background>td {
    background-color: #f9f9f9 !important;
    font-weight: 600 !important;
}

.fontPadding::before {
    padding-left: 6px !important;
}

.nav-tabs>li>a {
    color: #888;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-right: 0;
    transition: all .3s ease;
    padding: 8px 16px !important;
    font-size: 15px;
    position: relative;
}

.nav-tabs>li>a::after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    transition: all .3s ease
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: transparent;
    cursor: pointer;
    color: var(--crimson);
    font-weight: 500;
}

.nav-tabs>li.active>a::after,
.nav-tabs>li.active>a:hover::after,
.nav-tabs>li.active>a:focus::after {
    height: 2px;
    background-color: var(--crimson)
}

.nav-tabs>li>a:hover {
    background-color: transparent;
    cursor: pointer;
    color: var(--crimson)
}

.nav-tabs>li>a:hover::after {
    height: 2px;
    background-color: var(--crimson)
}

footer {
    position: relative
}

[data-widget]:not([data-widget-static]) .panel-heading {
    cursor: default
}

.panel .panel-heading h2 {
    padding: 16px 0 8px !important;
}

#add-new-top-btn:hover::before {
    display: none !important
}

.clickable-rows tr {
    cursor: pointer
}

#add-new-top-btn {
    display: block
}

#add-new-top-btn {
    color: var(--crimson) !important;
}

#add-new-top-btn::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--crimson);
}

.panel .panel-heading h2 {
    color: #333 !important
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: var(--crimson);
    border-color: var(--crimson);
}

.panel-heading .btn {
    float: right;
    margin-top: 10px;
    margin-left: 10px
}

.btn-bordered {
    border: 1px solid var(--crimson);
    color: var(--crimson) !important;
    transition: all .3s ease
}

.btn-bordered:focus {
    background-color: var(--crimson) 
    color: #fff !important;
}
.btn-bordered:hover {
    background-color: var(--crimson);
    color: #fff !important;
}


.btn-green-bordered {
    border: 1px solid var(--green);
    color: var(--green) !important;
    transition: all .3s ease
}

.btn-green-bordered:focus {
    background-color: var(--green) 
    color: #fff !important;
}
.btn-green-bordered:hover {
    background-color: var(--green);
    color: #fff !important;
}

.btn-orange-bordered {
    border: 1px solid var(--orange);
    color: var(--orange) !important;
    transition: all .3s ease
}

.btn-orange-bordered:focus {
    background-color: var(--orange) 
    color: #fff !important;
}
.btn-orange-bordered:hover {
    background-color: var(--orange);
    color: #fff !important;
}
.btn-clear {
    background-color: transparent;
    border: none;
    color: darkgray
}

.btn-clear i {
    display: none !important
}

.btn-primary {
    background-color: var(--crimson) !important;
    border-color: var(--crimson-darker) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: var(--crimson-darker) !important;
    border-color: var(--crimson-darker) !important;
}

.action-icon-btn {
    border-color: #777 !important;
    color: #fff !important
}

.RadGrid_Metro .rgNumPart a {
    border: none;
    display: flex;
    color: #767676;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    padding: 0 !important;
}

.RadGrid .rgNumPart span {
    float: none !important;
    padding: 0 !important
}

.RadGrid_Metro .rgNumPart a.rgCurrentPage {
    background: #858584 !important;
    border: none !important;
    color: #fff !important;
}

.RadGrid .rgNumPart {
    padding: 0 10px !important
}

.RadGrid td.rgPagerCell {
    padding: 10px 0 10px !important;
}

.page-heading,
.breadcrumb {
    background: transparent !important
}

#topnav {
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

.static-content {
    background-color: #f5f5f5;
}

.panel {
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

.gridButton {
    transition: all .3s ease;
    background-color: transparent !important;
    border-color: currentColor !important;
    /* color: currentColor!important */
}
    .gridButton.btn-danger {
        border-color: var(--crimson) !important;
    }

/* .gridButton:hover {
    color: #fff!important;
} */

.actions-btn {
    color: #fff !important;
    border-color: #858585 !important;
    background-color: #858585 !important;
}

.dropdown-menu>li>a,
.tt-dropdown-menu>li>a,
.tt-suggestion>p {
    text-align: left
}

.del-btn {
    position: relative
}

.del-btn::after {
    content: "";
    height: 3px;
    background-color: var(--crimson);
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width 3s linear
}

.del-btn.del-progress::after {
    width: 100%
}

.del-btn-hidden {
    display: none !important
}

.RadGrid_Metro .rgHeader {
    color: #333 !important;
    font-weight: 500 !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: .35;
    cursor: not-allowed
}

.btn-danger {
    background-color: var(--crimson) !important
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-color: var(--crimson-darker) !important;
    border-color: var(--crimson-darker) !important
}

/* .label-primary {
    color: #fff !important; 
    padding: 5px !important; 
    background-color: var(--crimson) !important
} */

.page-num-total {
    color: #999 !important;
    background-color: transparent;
    font-weight: normal;
}

.equal-height {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap
}

.equal-height .panel {
    height: 100%
}

.widget-tasks h2 {
    color: var(--crimson);
}

.RadGrid_Metro .rgAltRow {
    background: #f5f5f5 !important;
}

.add-time-wrap {
    display: flex;
    flex-wrap: wrap
}

.add-time-wrap>* {
    flex: none
}

.add-time-wrap .panel-heading {
    width: 100%
}

.add-time-wrap .panel-heading+div {
    display: table;
    width: 30%
}

.add-time-wrap>div>div {
    display: table-row
}

.add-time-wrap>div>div>* {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 2px 0;
}

.add-time-wrap .rcTimePopup {
    padding-left: 2px
}

.add-time-wrap .RadPicker .RadInput {
    vertical-align: top;
    width: calc(100% - 38px);
}

.add-time-wrap label {
    width: 110px;
    font-weight: bold;
}

.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup {
    display: inline-block !important;
    vertical-align: top
}

#rgMasterTable {
    width: 100%
}

.RadGrid_Metro {
    border: 1px solid #e5e5e5;
}

.RadGrid_Metro .rgHeader:first-child,
.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid_Metro .rgFilterRow>td:first-child,
.RadGrid_Metro .rgRow>td:first-child,
.RadGrid_Metro .rgAltRow>td:first-child {
    border-left-width: 0;
    padding-left: 8px;
}

.RadGrid .rgRow>td,
.RadGrid .rgAltRow>td,
.RadGrid .rgEditRow>td,
.RadGrid .rgFooter>td,
.RadGrid .rgFilterRow>td,
.RadGrid .rgHeader,
.RadGrid .rgResizeCol,
.RadGrid .rgGroupHeader td {
    padding-left: 7px;
    padding-right: 7px;
}

.RadGrid_Metro .rgRow>td,
.RadGrid_Metro .rgAltRow>td,
.RadGrid_Metro .rgEditRow>td {
    border-style: solid;
    border-width: 0 0 1px 1px;
}

.RadGrid .rgRow,
.RadGrid .rgAltRow,
.RadGrid .rgHeader,
.RadGrid .rgResizeCol,
.RadGrid .rgPager,
.RadGrid .rgGroupPanel,
.RadGrid .rgGroupHeader {
    cursor: default;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm table {
    border-collapse: separate;
    border-spacing: 0;
}

.RadGrid_Metro .rgHeader,
.RadGrid_Metro th.rgResizeCol,
.RadGrid_Metro .rgHeaderWrapper {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.RadGrid_Metro .rgHeader:first-child,
.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid_Metro .rgFilterRow>td:first-child,
.RadGrid_Metro .rgRow>td:first-child,
.RadGrid_Metro .rgAltRow>td:first-child {
    border-left-width: 0;
    padding-left: 8px;
}

.RadGrid .rgHeader,
.RadGrid th.rgResizeCol {
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: left;
    font-weight: normal;
}

.RadGrid .rgRow>td,
.RadGrid .rgAltRow>td,
.RadGrid .rgEditRow>td,
.RadGrid .rgFooter>td,
.RadGrid .rgFilterRow>td,
.RadGrid .rgHeader,
.RadGrid .rgResizeCol,
.RadGrid .rgGroupHeader td {
    padding-left: 7px;
    padding-right: 7px;
}

.RadGrid .rgRow>td,
.RadGrid .rgAltRow>td,
.RadGrid .rgEditRow>td,
.RadGrid .rgFooter>td {
    padding-top: 4px;
    padding-bottom: 3px;
}

.RadGrid_Metro .rgRow>td,
.RadGrid_Metro .rgAltRow>td,
.RadGrid_Metro .rgEditRow>td {
    border-style: solid;
    border-width: 0 0 1px 1px;
}

.RadGrid_Metro .rgRow>td {
    border-color: #fff #e5e5e5;
}

.RadGrid_Metro .rgHeader:first-child,
.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid_Metro .rgFilterRow>td:first-child,
.RadGrid_Metro .rgRow>td:first-child,
.RadGrid_Metro .rgAltRow>td:first-child {
    border-left-width: 0;
    padding-left: 8px;
}

/* #daily-schedule-tbl th {
    padding: 8px 10px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
#daily-schedule-tbl td {
    padding: 5px 10px
} */

.add-to-grid-wrap {
    display: flex
}

#daily-schedule-tbl tbody:nth-child(odd) td {
    background-color: #f5f5f5
}

#daily-schedule-tbl {
    width: 100%
}

#daily-schedule-tbl thead tr {
    /* background-color: #f4f3f8 */
}

#daily-schedule-tbl .del-btn {
    color: var(--crimson);
    margin-left: 5px
}

.add-time-wrap .RadGrid {
    width: calc(100% - 30% - 150px);
}

#add-to-grid {
    margin: auto;
    border: 1px solid #ddd;
    padding: 5px 10px;
    background-color: #f9f9f9;
    color: #000;
    transition: background-color .3s ease
}

#add-to-grid:hover {
    background-color: #ddd;
}

.form-dd-menu .ti::before {
    padding-left: 6px
}


#MainContent_rfvRegCamp {
    width: auto;
    order: -1;
}

.dxpcLite_MetropolisBlue .dxpc-header,
.dxdpLite_MetropolisBlue .dxpc-header {
    color: #444;
    font-size: 1.66em;
    padding: 7px 2px 7px 12px;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
    padding: 15px;
    background-color: #f5f5f5;
}

#ctl00_MainContent_ASPxScheduler1_formBlock_AptFrmContainer_PW-1 .row {
    display: flex;
    align-items: center;
}

#ctl00_MainContent_ASPxScheduler1_formBlock_AptFrmContainer_PW-1 input {
    border: 1px solid #e0e0e0;
    padding: 4px 6px;
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
    box-sizing: border-box
}

html body .riSingle .riTextBox {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.54;
    border-radius: 1px;
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    transition: border-color ease-in-out .15s;
    border: 1px solid #e0e0e0 !important;
    padding: 6px 8px;
    height: 32px;
    color: #616161;
    background: #fff;
    box-shadow: none !important;
}


.RadComboBox_Default .rcbFocused {
    border-color: #03a9f4 !important
}

#MainContent_RequiredFieldValidator3 {
    float: right
}

#timerange {
    display: flex;
    align-items: center
}



.grid-filter  .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.grid-filter  .form-group {
    float: none
}

.grid-filter  .form-group {
    flex: none;
}

.grid-filter  .form-group {
    margin-left: auto
}


.body-header {    
    color: #333 !important;
        font-size: 13px;
    font-weight: 700;
    margin: 0;
    line-height: 20px;
    text-transform: uppercase;    
    height: 100%;
    width: auto;
    float: left;
    position: relative;
}
.top-buttons {
    float: right;
    margin-bottom: 18px;
}

.panel-profile .panel-body {
	border-style: solid;
	border-color: rgba(139,195,74,0.8);
	border-width: 3px;
}
.panel-profile .panel-body:before {
	content: "\e64c";
	font-family: Themify;
	text-align: center;
	text-shadow: none !important;
	top: 0px;
	left: 8px;
	font-size: 36px;
	color: rgba(139,195,74,0.8) ;
	position: absolute;
}
.panel-profile.attention .panel-body:before {
	top: -4px !important;
	content: "\e6c5";
	font-family: Themify;
	color: rgba(215, 23, 66,0.8) !important;
}
.panel-profile.attention .panel-body {
	border-color: rgba(215, 23, 66,0.8);
}
	.panel-profile.attention .list-group-alternate { margin:25px 0 0 0 !important;}
	.panel-profile.attention .list-group-alternate .list-group-item{ color:#d61842; text-align: left; }
	.panel-profile.attention .list-group-alternate .list-group-item i{ color:#d61842; width:24px; font-size: 16px; margin-right:6px; }
	
    
.sidebar nav.widget-body>ul.acc-menu .icon-retail {
    background-image: url(../img/menu-icons/new-icon-6-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-retail {
    background-image: url(../img/menu-icons/new-icon-6-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-retail,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-retail,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-retail {
    background-image: url(../img/menu-icons/new-icon-6-w.png)
}
.sidebar nav.widget-body>ul.acc-menu .icon-expenses {
    background-image: url(../img/menu-icons/new-icon-1-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-expenses {
    background-image: url(../img/menu-icons/new-icon-1-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-expenses,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-expenses,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-expenses {
    background-image: url(../img/menu-icons/new-icon-1-w.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-financial {
    background-image: url(../img/menu-icons/new-icon-7-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-financial {
    background-image: url(../img/menu-icons/new-icon-7-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-financial,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-financial,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-financial {
    background-image: url(../img/menu-icons/new-icon-7-w.png)
}
.sidebar nav.widget-body>ul.acc-menu .icon-academy {
    background-image: url(../img/menu-icons/new-icon-4-light.png)
}
.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-academy {
    background-image: url(../img/menu-icons/new-icon-4-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-academy,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-academy,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-academy {
    background-image: url(../img/menu-icons/new-icon-4-w.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-reports {
    background-image: url(../img/menu-icons/new-icon-2-light.png)
}
.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-reports {
    background-image: url(../img/menu-icons/new-icon-2-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-reports,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-reports,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-reports {
    background-image: url(../img/menu-icons/new-icon-2-w.png)
}



.sidebar nav.widget-body>ul.acc-menu .icon-workout {
    background-image: url(../img/menu-icons/new-icon-3-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-workout {
    background-image: url(../img/menu-icons/new-icon-3-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-workout,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-workout,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-workout {
    background-image: url(../img/menu-icons/new-icon-3-w.png)
}

.sidebar nav.widget-body>ul.acc-menu .icon-reservation {
    background-image: url(../img/menu-icons/new-icon-5-light.png)
}

.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-reservation {
    background-image: url(../img/menu-icons/new-icon-5-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-reservation,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-reservation,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-reservation {
    background-image: url(../img/menu-icons/new-icon-5-w.png)
}


.sidebar nav.widget-body>ul.acc-menu .icon-notification {
    background-image: url(../img/menu-icons/sms-icon-light.png)
}
.sidebar nav.widget-body>ul.acc-menu li.active.hasChild .icon-notification {
    background-image: url(../img/menu-icons/sms-icon-red.png)
}

.sidebar nav.widget-body>ul.acc-menu li.open .icon-notification,
.sidebar nav.widget-body>ul.acc-menu li.active .icon-notification,
.sidebar nav.widget-body>ul.acc-menu li:hover .icon-notification {
    background-image: url(../img/menu-icons/sms-icon-w.png)
}
.dxscRCEndByDateCell {
    width:135px !important
}