﻿.themeprimary {
    color: #F9F9F9 !important;
}

.themesecondary {
    color: #fb6e52 !important;
}

.themethirdcolor {
    color: #ffce55 !important;
}

.themefourthcolor {
    color: #a0d468 !important;
}

.themefifthcolor {
    color: #e75b8d !important;
}

.bg-themeprimary {
    background-color: #F9F9F9 !important;
}

.bg-themesecondary {
    background-color: #fb6e52 !important;
}

.bg-themethirdcolor {
    background-color: #ffce55 !important;
}

.bg-themefourthcolor {
    background-color: #a0d468 !important;
}

.bg-themefifthcolor {
    background-color: #e75b8d !important;
}

.before-themeprimary:before {
    background-color: #F9F9F9 !important;
}

.before-themesecondary:before {
    background-color: #fb6e52 !important;
}

.before-themethirdcolor:before {
    background-color: #ffce55 !important;
}

.before-themefourthcolor:before {
    background-color: #a0d468 !important;
}

.before-themefifthcolor:before {
    background-color: #e75b8d !important;
}

.bordered-themeprimary {
    border-color: #F9F9F9 !important;
}

.bordered-themesecondary {
    border-color: #fb6e52 !important;
}

.bordered-themethirdcolor {
    border-color: #ffce55 !important;
}

.bordered-themefourthcolor {
    border-color: #a0d468 !important;
}

.bordered-themefifthcolor {
    border-color: #e75b8d !important;
}

h1.row-title:before, h2.row-title:before, h3.row-title:before, h4.row-title:before, h5.row-title:before, h6.row-title:before {
    background-color: #F9F9F9;
}

.navbar .navbar-inner {
    background: #08A54A;
}

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a .badge {
        box-shadow: 1px 1px 0 #F9F9F9;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-time {
        color: #F9F9F9
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li .avatar-area .caption {
        background: #08A54A;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.dropdown-footer {
        border-top: 3px solid #08A54A;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
        background-color: #08A54A;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
        border-left: 0px solid #08A54A;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox] + .text:before {
        border-color: #F9F9F9;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked + .text:before {
        border-color: #F9F9F9;
        color: #fb6e52;
    }

    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        background-color: #F9F9F9;
    }

.page-sidebar:hover .sidebar-collapse .collapse-icon {
    color: #FFFFFF;
}

.page-sidebar .sidebar-header-wrapper {
    margin-left: 0px;
    height: 40px;
    margin-bottom: 0;
    position: relative;
}

    .page-sidebar .sidebar-header-wrapper .searchicon {
        color: #FFFFFF;
    }

.page-sidebar .sidebar-menu li:before {
    background-color: #757575;
}

.page-sidebar .sidebar-menu li:not(.open):hover:before {
    background-color: #757575;
}

.page-sidebar .sidebar-collapse:before {
    background-color: #757575;
}

.page-sidebar .sidebar-collapse .collapse-icon:hover {
    background-color: #757575;
    color: #FFFFFF;
}

.page-header .header-buttons a:before {
    background-color: #F9F9F9;
}

.page-header .header-buttons a:hover {
    color: #F9F9F9;
}

.page-header .header-buttons a.active {
    color: #F9F9F9;
}

.page-header .header-buttons a.fullscreen:before {
    background-color: #fb6e52;
}

.page-header .header-buttons a.fullscreen:hover, .page-header .header-buttons a.fullscreen.active {
    color: #fb6e52;
}

.page-header .header-buttons a.sidebar-toggler:before {
    background-color: #F9F9F9;
}

.page-header .header-buttons a.sidebar-toggler:hover, .page-header .header-buttons a.sidebar-toggler.active {
    color: #F9F9F9;
}

.widget:hover .compact i {
    color: #F9F9F9;
}

.widget-buttons.compact:hover {
    background-color: #F9F9F9;
}

    .widget-buttons.compact:hover i {
        color: #fff !important;
    }

.widget-buttons.compact:before {
    background-color: #F9F9F9;
}

.databox .databox-left {
    color: #F9F9F9;
}

.databox.databox-vertical .databox-top {
    color: #F9F9F9;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 2px solid #F9F9F9;
}

.btn-primary, .btn-primary:focus {
    background-color: #F9F9F9 !important;
    border-color: #3ecdf1;
}

    .btn-primary.dropdown-toggle {
        border-left-color: #3ecdf1 !important;
    }

    .btn-primary.active {
        background-color: #2badce !important;
        border-color: #2badce;
    }

    .btn-primary.shiny {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMyZGMzZTgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJiYWRjZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(center top,#F9F9F9 5%,#2badce 100%);
        background-image: -moz-linear-gradient(center top,#F9F9F9 5%,#2badce 100%);
        background-image: -o-linear-gradient(center top,#F9F9F9 5%,#2badce 100%);
        background-image: linear-gradient(center to bottom,#F9F9F9 5%,#2badce 100%);
    }

    .btn-primary:hover, .open .btn-primary.dropdown-toggle {
        background-color: #3ecdf1 !important;
        border-color: #3ecdf1;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #3ecdf1 !important;
        border-color: #3ecdf1;
    }

.badge-primary, .label-primary {
    background-color: #F9F9F9 !important;
}

.popover-title {
    border-bottom: 3px solid #F9F9F9;
}

.tooltip-primary + .tooltip > .tooltip-inner {
    border: 1px solid #F9F9F9;
    background-color: #F9F9F9;
}

.tooltip-primary + .tooltip.top .tooltip-arrow {
    border-top-color: #F9F9F9;
}

.tooltip-primary + .tooltip.right .tooltip-arrow {
    border-right-color: #F9F9F9;
}

.tooltip-primary + .tooltip.left .tooltip-arrow {
    border-left-color: #F9F9F9;
}

.tooltip-primary + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #F9F9F9;
}

.progress-bar {
    background-color: #F9F9F9;
}

.toast-primary {
    background-color: #F9F9F9 !important;
}

.modal-primary .modal-header {
    border-bottom: 3px solid #F9F9F9;
}

.dropdown-primary li a:hover, .dropdown-primary li a:focus, .dropdown-primary li a:active, .dropdown-primary li.active a, .dropdown-primary li.active a:hover, .dropdown-primary .dropdown-submenu:hover > a, .nav-tabs .dropdown-primary li > a:focus {
    background: #F9F9F9;
}

.pagination > li.active > a, .pagination > li.active > a:hover {
    background-color: #F9F9F9;
    border-color: #F9F9F9;
}

.table thead.colored-primary > tr > th {
    background-color: #F9F9F9;
}

.table thead.colored-primary.bordered-primary > tr > th {
    border-bottom: 3px solid #F9F9F9;
}

@media only screen and (max-width:800px) {
    .table thead.bordered-primary > tr > th {
        border-right: 3px solid #F9F9F9;
    }
}

.dd-list > li.bordered-primary > .dd-handle {
    border-left-color: #F9F9F9;
}

.tree-loading {
    color: #F9F9F9 !important;
}

.wizard ul li.active .step {
    border-color: #F9F9F9;
    color: #F9F9F9;
}

.wizard ul li.active:before {
    background-color: #F9F9F9;
}

input[type=checkbox].colored-primary:checked + .text, input[type=radio].colored-primary:checked + .text {
    color: #F9F9F9;    
}

    input[type=checkbox].colored-primary:checked + .text:before, input[type=radio].colored-primary:checked + .text:before {
        border-color: #F9F9F9;
        color: #F9F9F9;
    }

input[type=checkbox].checkbox-slider.colored-primary + .text:after {
    border-color: #F9F9F9;
}

input[type=checkbox].checkbox-slider.colored-primary:checked + .text:before {
    background-color: #F9F9F9;
    border-color: #F9F9F9;
    color: #fff;
}

input[type=checkbox].checkbox-slider.colored-primary:checked + .text:after {
    background-color: #F9F9F9;
}

input[type=checkbox].checkbox-slider.colored-primary.slider-icon:checked + .text:after {
    color: #F9F9F9;
}

input[type=checkbox].checkbox-slider.colored-primary.slider-icon + .text:after {
    color: #F9F9F9;
}

input[type=checkbox].checkbox-slider.colored-primary.toggle:checked + .text:after {
    color: #F9F9F9;
}

input[type=checkbox].checkbox-slider.colored-primary.toggle + .text:after {
    background-color: #F9F9F9;
}

.noUi-connect {
    background: #F9F9F9;
}

.ui-rangeSlider.valuelabel-primary .ui-rangeSlider-label {
    background-color: #F9F9F9;
}

.ui-rangeSlider.valuelabel-primary .ui-rangeSlider-label-inner {
    border-top: 6px solid #F9F9F9;
}

.ui-rangeSlider.silder-primary .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner:before, .ui-rangeSlider.silder-primary .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner:before {
    color: #F9F9F9 !important;
}

.ui-rangeSlider.silder-primary .ui-rangeSlider-bar {
    background: #F9F9F9 !important;
}

.ui-rangeSlider-label {
    background-color: #fb6e52;
}

.ui-rangeSlider-bar {
    background: #F9F9F9;
}

.ui-rangeSlider-label-inner {
    border-top: 6px solid #fb6e52;
}

.select2-results .select2-highlighted {
    background: #F9F9F9;
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #F9F9F9;
    background-color: #F9F9F9;
}

.bootstrap-tagsinput > span {
    border: 1px solid #F9F9F9;
    background: #F9F9F9;
}

.datepicker td.active, .datepicker td.active:hover {
    background-color: #F9F9F9;
}

.datepicker td span.active {
    background-color: #F9F9F9;
}

.daterangepicker .ranges li {
    color: #F9F9F9;
}

    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
        background: #F9F9F9;
        border: 1px solid #F9F9F9;
    }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #F9F9F9;
    border-color: #F9F9F9;
}

.note-editor .dropdown-menu li a i {
    color: #F9F9F9;
}

.note-editor .note-dropzone.hover {
    color: #F9F9F9;
    border: 2px dashed #F9F9F9;
}

.lock-container .lock-box .btn-lock, .lock-container .lock-box .btn-lock:hover {
    color: #F9F9F9;
}

.lock-container .signinbox a {
    color: #F9F9F9;
}

.pricing-container .plan .signup {
    background-color: #F9F9F9;
}

.profile-container .profile-body .nav-tabs > li.active > a, .profile-container .profile-body .nav-tabs > li.active > a:hover, .profile-container .profile-body .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid #F9F9F9;
}

.comment .comment-footer a:hover {
    color: #F9F9F9;
}

.mail-container .mail-header .header-buttons li a:hover {
    border-color: #F9F9F9;
}

    .mail-container .mail-header .header-buttons li a:hover i {
        color: #F9F9F9;
    }

.mail-container .mail-body .mail-info .mail-sender.mail-sender span, .mail-container .mail-body .mail-info .mail-date.mail-sender span {
    color: #fb6e52;
}

.mail-container .mail-body .mail-reply .reply-form > div a {
    color: #fb6e52;
}

.mail-container .mail-body .mail-list .list-item:before {
    background-color: #F9F9F9;
}

.external-event {
    border-left: 4px solid #F9F9F9;
}

.dashboard-box .box-header .deadline {
    border-top: 3px solid #F9F9F9 !important;
}

.dashboard-box .box-progress .progress-handle {
    background-color: #F9F9F9 !important;
}

    .dashboard-box .box-progress .progress-handle:after {
        border-top-color: #F9F9F9 !important;
    }

.dashboard-box .box-days .day-container:hover {
    background-color: #F9F9F9;
    border: 1px solid #F9F9F9;
}

.dashboard-box .box-days .day-container.highlight {
    background-color: #F9F9F9;
    border: 1px solid #F9F9F9;
}

    .dashboard-box .box-days .day-container.highlight:hover {
        color: #F9F9F9;
    }

.dashboard-box .box-days .day-container .day-more {
    color: #F9F9F9;
}

.orders-container .orders-list .order-item:before {
    background-color: #2dc3e8 !important;
}

.orders-container .orders-list .order-item.top:hover:before {
    background-color: #fb6e52 !important;
}

.orders-container .orders-list .order-item.top .item-more {
    color: #fb6e52 !important;
}

.orders-container .orders-list .order-item .item-more {
    color: #2dc3e8 !important;
}

.body-404 {
    background-color: #F9F9F9;
}

.error-container h1 {
    color: #F9F9F9;
}

.return-btn:hover {
    color: #F9F9F9;
}

.body-500 {
    background-color: #fb6e52;
}

    .body-500 .error-container h1 {
        color: #fb6e52;
    }

    .body-500 .return-btn:hover {
        color: #fb6e52;
    }

.loading-container {
    background-color: #F9F9F9 !important;
}

.breadcrumb > li > a {
    color: #F9F9F9;
}

.page-chatbar .chatbar-contacts .contacts-search .searchicon {
    color: #F9F9F9;
}

.page-chatbar .chatbar-messages .messages-contact .back i {
    color: #F9F9F9;
}
