:root {
    --main-bg-color: #5698e4;
}

.datepicker--cell.-selected-:hover, .datepicker--cell.-selected-.-current- {
    background: rgba(86, 152, 228, 0.8);
}

.datepicker--nav-action, .datepicker--nav-action:hover {
    background: #5698e4;
}

.datepicker--nav, .datepicker--nav-title i {
    color: #5698e4;
}


.alert-primary {
    background-color: rgba(86, 152, 228, 0.8);
    border-color: rgba(86, 152, 228, 0.9);
}

.theme-form .form-control :focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(86, 152, 228, 0.05);
    box-shadow: 0 0 0 0.2rem rgba(86, 152, 228, 0.05);
}

.support-ticket .bg-primary {
    background-color: rgba(86, 152, 228, 0.6) !important;
}

.starter-main .alert {
    background-color: rgba(86, 152, 228, 0.2);
}


.main-theme-layout {
    background-color: #5698e4;
}

.table-action-menu .icon-arrow-circle-down {
    color: #5698e4;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid rgba(86, 152, 228, 0.8);
}

a {
    color: #5698e4;
}

    a:hover {
        color: rgba(86, 152, 228, 0.8);
    }

code {
    color: #5698e4 !important;
}

:focus {
    outline-color: #5698e4;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #5698e4;
}

.font-primary {
    color: #5698e4 !important;
}

.label-theme {
    background-color: #5698e4;
}

.label-primary {
    background-color: #5698e4;
}

.badge-primary {
    background-color: #5698e4;
}

.bg-primary {
    background-color: #5698e4 !important;
}

.txt-primary {
    color: #5698e4 !important;
}

.btn-primary {
    background-color: #5698e4 !important;
    border-color: #5698e4 !important;
}

.btn-primary.disabled {
    background-color: #5698e4 !important;
    border-color: #5698e4 !important;
}

.btn-primary:disabled {
    background-color: #5698e4 !important;
    border-color: #5698e4 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: rgba(86, 152, 228, 0.8) !important;
    border-color: rgba(86, 152, 228, 0.8) !important;
}

.btn-outline-primary-2x {
    border-color: #5698e4;
    color: #5698e4;
}

.btn-outline-primary-2x:hover, .btn-outline-primary-2x:focus, .btn-outline-primary-2x:active, .btn-outline-primary-2x.active {
    background-color: rgba(86, 152, 228, 0.8) !important;
    border-color: rgba(86, 152, 228, 0.8) !important;
}

.btn-outline-primary {
    border-color: #5698e4;
    color: #5698e4;
}

.btn-outline-primary.disabled {
    color: #5698e4;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    background-color: rgba(86, 152, 228, 0.8) !important;
    border-color: rgba(86, 152, 228, 0.8) !important;
}

.btn-primary:not([disabled]):not(.disabled).active {
    background-color: rgba(86, 152, 228, 0.8);
    border-color: rgba(86, 152, 228, 0.8);
}

.btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled).active:active, .btn-primary:not([disabled]):not(.disabled).active.active {
    background-color: rgba(86, 152, 228, 0.8);
    border-color: rgba(86, 152, 228, 0.8);
}

.btn-outline-primary-2x:not([disabled]):not(.disabled).active {
    background-color: #5698e4;
    border-color: #5698e4;
}

.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus, .btn-outline-primary-2x:not([disabled]):not(.disabled).active:active, .btn-outline-primary-2x:not([disabled]):not(.disabled).active.active {
    background-color: rgba(86, 152, 228, 0.8) !important;
    border-color: rgba(86, 152, 228, 0.8) !important;
}

table thead .border-bottom-primary th,
table tbody .border-bottom-primary th,
table tbody .border-bottom-primary td {
    border-bottom: 1px solid #5698e4;
}

.table-styling .table-primary,
.table-styling.table-primary {
    background-color: #5698e4;
    border: 3px solid #5698e4;
}

.table-styling .table-primary thead,
.table-styling.table-primary thead {
    background-color: rgba(86, 152, 228, 0.8);
    border: 3px solid rgba(86, 152, 228, 0.8);
}

.b-primary {
    border: 1px solid #5698e4 !important;
}

.b-t-primary {
    border-top: 1px solid #5698e4 !important;
}

.b-b-primary {
    border-bottom: 1px solid #5698e4 !important;
}

.b-l-primary {
    border-left: 1px solid #5698e4 !important;
}

.b-r-primary {
    border-right: 1px solid #5698e4 !important;
}

.dropzone .dz-preview .dz-error-message {
    color: #5698e4 !important;
    border: 1px solid #5698e4;
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #5698e4 !important;
}

.card.card-load .card-loader i {
    color: #5698e4;
}

.custom-card .card-social li a:hover {
    color: #5698e4;
}

.loader .line:nth-child(2) {
    background: #5698e4;
}

.rotate {
    border: 3px dotted #5698e4;
}

.colored {
    border-color: #FF5370 #5698e4 #00c292 #4099ff;
}

.page-main-header .main-header-left .mobile-sidebar i {
    color: #5698e4;
}

.page-main-header .main-header-right .switch-state {
    border: 1px solid #5698e4;
}

.page-main-header .main-header-right .switch-sm .switch .switch-state:before {
    background-color: #5698e4;
}

.page-main-header .main-header-right .nav-right > ul > li h6 {
    color: #5698e4;
}
   
.page-main-header .main-header-right .nav-right .profile-dropdown li:hover a {
    color: #5698e4;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-title {
    color: #5698e4;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a.active {
    color: #5698e4;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a:hover {
    color: #5698e4 !important;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu li.sidebar-header {
    color: #5698e4;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a:hover {
    color: #5698e4 !important;
}

.page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a.active {
    color: #5698e4;
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu > li.active a i, .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu > li.active a span {
    color: #5698e4;
}

.page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu > li > a:hover i, .page-wrapper .page-body-wrapper.sidebar-icon .page-sidebar .sidebar-menu > li > a:hover span {
    color: #5698e4;
}

.mega-menu .drilldown a:hover {
    color: #5698e4;
}

.btn-air-primary:hover, .btn-air-primary:active, .btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: rgba(86, 152, 228, 0.8);
    border-color: rgba(86, 152, 228, 0.8);
}

.input-air-primary:focus {
    border-color: #5698e4;
}

.form-bg-primary {
    background: #5698e4;
    border-color: #5698e4;
}

.form-bg-primary:focus {
    border-color: #5698e4;
    background: #5698e4;
}

.form-bg-primary:focus:active {
    border-color: #5698e4;
    background: #5698e4;
}

.icons-page .notify-alert {
    background-color: #5698e4;
}

.flag-icons div .media-body h5 {
    background-color: #5698e4;
}

.form-builder .popover-header {
    background-color: #5698e4;
}

.form-builder-column .droppable-active {
    background-color: #5698e4 !important;
}

.chat-box .chat-right-aside .chat .chat-message .text-box .input-txt-bx {
    border: 2px solid #5698e4;
}

.chat-box .chat-menu .nav-tabs .nav-item .material-border {
    border-color: #5698e4;
}

.alert-primary hr {
    border-top-color: #5698e4;
}

.alert-primary.dark {
    background-color: #5698e4 !important;
    border-color: #5698e4 !important;
}

.alert-primary.outline, .alert-primary.outline-2x {
    border-color: #5698e4 !important;
    color: #5698e4;
}

.alert-primary.inverse {
    border-color: #5698e4;
}

.alert-primary.inverse:before {
    border-left: 7px solid #5698e4;
}

.alert-primary.inverse i {
    background-color: #5698e4 !important;
}

.list-group-item.active {
    background-color: #5698e4;
    border-color: #5698e4;
}

.switch input:checked + .switch-state {
    background-color: #5698e4;
}

.switch input:focus + .switch-state {
    -webkit-box-shadow: 0 0 1px #5698e4;
    box-shadow: 0 0 1px #5698e4;
}

.switch-outline .switch-state {
    border: 1px solid #5698e4;
}

.switch-outline .switch input:checked + .switch-state {
    border: 1px solid #5698e4;
}

.switch-outline .switch input:checked + .switch-state:before {
    background-color: #5698e4;
}

.switch-outline .switch-state.bg-primary {
    border: 1px solid #5698e4;
}

.switch-outline .switch input:checked + .switch-state.bg-primary {
    border: 1px solid #5698e4;
}

.switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: #5698e4;
}

.switch-outline .switch-state.bg-primary {
    border: 1px solid #5698e4;
}

.switch-outline .switch input:checked + .switch-state.bg-primary {
    border: 1px solid #5698e4;
}

.switch-outline .switch input:checked + .switch-state.bg-primary:before {
    background-color: #5698e4;
}

.select2-drpdwn .form-control-primary {
    border-color: #5698e4;
    color: #5698e4;
}

.select2-drpdwn .form-control-primary-fill {
    background-color: #5698e4;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #5698e4 !important;
    border-color: rgba(86, 152, 228, 0.8) !important;
}

.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #5698e4 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #5698e4 !important;
    border-color: rgba(86, 152, 228, 0.8) !important;
}

.select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #5698e4 !important;
}

.user-profile .hovercard .user-image .icon-wrapper:hover {
    color: #5698e4;
}

.user-profile .social-media a:hover {
    color: #5698e4;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    border-color: #5698e4;
    color: #5698e4;
}

.checkbox-solid-primary label:before {
    background-color: #5698e4;
    border-color: #5698e4;
}

.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
    background-color: #5698e4;
    border-color: #5698e4;
}

.checkbox-primary label::before {
    border-color: #5698e4;
}

.radio-primary input[type="radio"] + label::before {
    border-color: #5698e4;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #5698e4;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #5698e4;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #5698e4;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #5698e4;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #5698e4;
}

table .box > div {
    background-color: #5698e4;
}

.toolbar {
    background-color: #5698e4;
}

.dt-ext .dataTables_wrapper .page-item.active .page-link {
    background-color: #5698e4;
    border-color: #5698e4;
}

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
    color: #5698e4;
}

.dt-ext .dataTables_wrapper button.dt-button, .dt-ext .dataTables_wrapper div.dt-button, .dt-ext .dataTables_wrapper a.dt-button, .dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled), .dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled), .dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
    background-color: #5698e4;
    border-color: #5698e4;
}

.dt-ext .dataTables_wrapper table.dataTable th.focus, .dt-ext .dataTables_wrapper table.dataTable td.focus {
    outline: 3px solid #5698e4;
}

.pagination-theme .page-item .page-link {
    color: #5698e4;
}

.pagination-theme .page-item.active .page-link {
    background-color: #5698e4;
    border-color: #5698e4;
}

.pagination-primary .page-item .page-link {
    color: #5698e4;
}

.pagination-primary .page-item.active .page-link {
    background-color: #5698e4;
    border-color: #5698e4;
}

.product-page-main .owl-item.current .item {
    border: 1px solid #5698e4;
}

.pricing-wrapper-card .card-ribbon::before, .pricing-wrapper-card .card-ribbon::after {
    border: 5px solid #5698e4;
}

.pricing-wrapper-card .pricing-card.popular .card-price h1 {
    color: #5698e4;
}

.pricing-wrapper-card .pricing-card.popular .card-title h3 {
    color: #5698e4;
}

.pricing-wrapper-card .pricing-card.popular .card-action button {
    background-color: #5698e4;
}

.pricing-wrapper-card .pricing-card.popular .card-action button:hover {
    background-color: #5698e4;
}

.pricing-wrapper-card .card-ribbon span {
    background-color: #5698e4;
}

.pricing-wrapper-card .card-action button {
    border: 2px solid #5698e4;
    color: #5698e4;
}

.pricing-wrapper-card .card-action button:hover {
    background-color: #5698e4;
    -webkit-box-shadow: 0 2px 4px #5698e4;
    box-shadow: 0 2px 4px #5698e4;
}

.nav-list .nav-list-disc li:hover {
    color: #5698e4;
}

.nav-list .nav-list-disc li:hover a {
    color: #5698e4;
}

.navs-icon li ul li:hover a {
    color: #5698e4;
}

.navs-icon li a:hover {
    color: #5698e4;
}

.navs-icon li a.active {
    color: #5698e4;
}

.navs-icon.default-according.style-1 li button:hover {
    color: #5698e4 !important;
}

.tap-top i {
    /*background: -webkit-gradient(linear, left bottom, left top, from(#5698e4), to(#4099ff));
    background: linear-gradient(to top, #5698e4, #4099ff);*/
    color: #5698e4;
}

.document-content ul.nav-pills li .nav-link i {
    color: #5698e4;
}

.document-content ul.nav-pills li .nav-link.active {
    color: #5698e4;
}

.document-content ul.nav-pills li .show > .nav-link {
    color: #5698e4;
}

.document-content.faq .btn {
    color: #5698e4;
}

.document-content.faq .btn.btn-link.collapsed {
    color: #5698e4;
}

.document-content.faq ul.nav li .nav-link i {
    color: #5698e4;
}

.document-content.faq ul.nav li .nav-link.active {
    color: #5698e4;
}

.bs-callout-info {
    border-color: #5698e4 !important;
    background-color: #5698e4;
}

.radial-bar-primary.radial-bar-35 {
    background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #5698e4 50%, #ddd 50%, #ddd);
}

.radial-bar-primary.radial-bar-50 {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #5698e4), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #5698e4), color-stop(50%, #ddd), to(#ddd));
    background-image: linear-gradient(270deg, #5698e4 50%, transparent 50%, transparent), linear-gradient(270deg, #5698e4 50%, #ddd 50%, #ddd);
}

.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot {
    border-color: #5698e4;
    background-color: #5698e4;
}

.timeliny .timeliny-vertical-line::before {
    border-top: 8px solid #5698e4;
}

.timeliny .timeliny-vertical-line::after {
    border-bottom: 8px solid #5698e4;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #5698e4;
}

.nav-theme .nav-link, .nav-pills.nav-theme .nav-link {
    color: #5698e4;
}

.nav-theme .nav-link.active, .nav-theme .show > .nav-link, .nav-pills.nav-theme .nav-link.active, .nav-pills.nav-theme .show > .nav-link {
    background-color: #5698e4;
}

.nav-primary .nav-link, .nav-pills.nav-primary .nav-link {
    color: #5698e4;
}

.nav-primary .nav-link.active, .nav-primary .show > .nav-link, .nav-pills.nav-primary .nav-link.active, .nav-pills.nav-primary .show > .nav-link {
    background-color: #5698e4;
}

.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus, .border-tab.nav-tabs .nav-item .nav-link:hover {
    color: #5698e4;
}

.border-tab.nav-tabs .nav-item .nav-link.active, .border-tab.nav-tabs .nav-item .nav-link.show, .border-tab.nav-tabs .nav-item .nav-link:focus {
    border-color: #5698e4;
}

.border-tab.nav-tabs .nav-link {
    color: #5698e4;
}

.border-tab.nav-tabs .nav-item .nav-link:hover {
    border-color: #5698e4;
}

.border-tab.nav-left .nav-link.active, .border-tab.nav-left .show > .nav-link {
    border-left-color: #5698e4;
    color: #5698e4;
}

.border-tab.nav-right .nav-link.active, .border-tab.nav-right .show > .nav-link {
    border-right-color: #5698e4;
    color: #5698e4;
}

.border-tab.nav-theme .nav-link.active, .border-tab.nav-theme .nav-item.show, .border-tab.nav-theme .nav-link:focus, .border-tab.nav-theme .nav-link:hover {
    color: #5698e4;
}

.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid #5698e4;
}

.border-tab.nav-theme .nav-item .nav-link.active, .border-tab.nav-theme .nav-item .nav-link.show, .border-tab.nav-theme .nav-item .nav-link:focus, .border-tab.nav-theme .nav-item .nav-link:hover {
    color: #5698e4;
}

.border-tab.nav-left.nav-theme .nav-link.active, .border-tab.nav-left.nav-theme .show > .nav-link {
    border-left-color: #5698e4;
    color: #5698e4;
}

.border-tab.nav-right.nav-theme .nav-link.active, .border-tab.nav-right.nav-theme .show > .nav-link {
    border-right-color: #5698e4;
    color: #5698e4;
}

.border-tab.nav-primary .nav-link.active, .border-tab.nav-primary .nav-item.show, .border-tab.nav-primary .nav-link:focus, .border-tab.nav-primary .nav-link:hover {
    color: #5698e4;
}

.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid #5698e4;
}

.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus, .border-tab.nav-primary .nav-item .nav-link:hover {
    color: #5698e4;
}

.border-tab.nav-left.nav-primary .nav-link.active, .border-tab.nav-left.nav-primary .show > .nav-link {
    border-left-color: #5698e4;
    color: #5698e4;
}

.border-tab.nav-right.nav-primary .nav-link.active, .border-tab.nav-right.nav-primary .show > .nav-link {
    border-right-color: #5698e4;
    color: #5698e4;
}

.gallery .hover-12 > div {
    background: #5698e4;
}

.form-wizard .step {
    background-color: #5698e4;
}

.f1 .f1-steps .f1-progress .f1-progress-line {
    background: #5698e4;
}

.f1 .f1-steps .f1-step.activated .f1-step-icon {
    border: 1px solid #5698e4;
    color: #5698e4;
}

.f1 .f1-steps .f1-step.activated p {
    color: #5698e4;
}

.f1 .f1-steps .f1-step.active .f1-step-icon {
    background: #5698e4;
}

.f1 .f1-steps .f1-step.active p {
    color: #5698e4;
}

.wizard-4 .msg-box {
    background-color: #5698e4;
}

.wizard-4 ul.anchor li a.selected {
    background: #5698e4;
}

.datepicker--cell.-current- {
    border: 2px solid #5698e4;
}

.datepicker--cell.-focus- {
    background: #5698e4;
}

.datepicker--cell.-selected- {
    background: #5698e4;
}

.daterangepicker.ltr tr td.active {
    background-color: #5698e4;
}

.daterangepicker.ltr .ranges li {
    color: #5698e4;
}

.daterangepicker.ltr .ranges li:hover {
    background-color: #5698e4;
    border: 1px solid #5698e4;
}

.daterangepicker.ltr .ranges li.active {
    background-color: #5698e4;
    border: 1px solid #5698e4;
}

.daterangepicker th.prev, .daterangepicker th.next, .daterangepicker td.prev, .daterangepicker td.next {
    background-color: #5698e4;
}

.daterangepicker th.month, .daterangepicker td.month {
    color: #5698e4;
}

.whether-widget .whether-widget-top {
    background-color: #5698e4;
}

.crm-overall {
    background-color: #5698e4;
}

.bg-primary .media.static-top-widget .align-self-center {
    background-color: #5698e4;
}

.yearly-chart .ct-series-c .ct-point, .yearly-chart .ct-series-c .ct-line, .yearly-chart .ct-series-c .ct-bar, .yearly-chart .ct-series-c .ct-slice-donut {
    stroke: #5698e4;
}

.introjs-arrow.top {
    border-bottom-color: #5698e4;
}

.introjs-arrow.top-right {
    border-bottom-color: #5698e4;
}

.introjs-arrow.top-middle {
    border-bottom-color: #5698e4;
}

.introjs-arrow.right {
    border-left-color: #5698e4;
}

.introjs-arrow.right-bottom {
    border-left-color: #5698e4;
}

.introjs-arrow.bottom {
    border-top-color: #5698e4;
}

.introjs-arrow.left {
    border-right-color: #5698e4;
}

.introjs-arrow.left-bottom {
    border-right-color: #5698e4;
}

.introjs-tooltip {
    background-color: #5698e4;
}

.introjs-skipbutton {
    color: #5698e4;
}

.introjs-disabled {
    color: #5698e4;
}

.introjs-disabled:hover, .introjs-disabled:focus {
    color: #5698e4;
}

        body[main-theme-layout="main-theme-layout-1"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-title {
            color: #5698e4;
        }

        body[main-theme-layout="main-theme-layout-1"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a.active {
            color: #5698e4;
        }

        body[main-theme-layout="main-theme-layout-1"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a:hover {
            color: #5698e4;
        }




        body[main-theme-layout="main-theme-layout-1"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a:hover {
            color: #5698e4;
        }

        body[main-theme-layout="main-theme-layout-1"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a.active {
            color: #5698e4;
        }

        body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .table thead .border-bottom-primary th {
            border-bottom: 1px solid #5698e4;
        }

        body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .table tbody .border-bottom-primary th, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .table tbody .border-bottom-primary td {
            border-bottom: 1px solid #5698e4;
        }

        body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .switch input:checked + .switch-state {
            background-color: #5698e4;
        }




            body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .page-item.active .page-link {
                background-color: #5698e4;
            }

                body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link.active, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link:focus, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link:hover {
                    color: #5698e4;
                }

                body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-active, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-active, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-active, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-active, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-active, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-selected {
                    background-color: #5698e4;
                }

                body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-active, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-selected {
                    border: 2px solid #5698e4;
                    color: #5698e4;
                }

            body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-selected:after, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-active:after, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
                color: #5698e4;
            }

        body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
            color: #5698e4 !important;
        }





        body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
            color: #5698e4;
        }

            body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
                color: #5698e4;
            }




        body[main-theme-layout="main-theme-layout-2"] .page-wrapper .page-body-wrapper .page-body .whether-widget .whether-widget-top {
            background-color: #5698e4;
        }





    body[main-theme-layout="main-theme-layout-2"] .page-wrapper .list-group-item.active {
        background-color: #5698e4;
        border-color: #5698e4;
    }



















body[main-theme-layout="main-theme-layout-2"] .page-wrapper .default-according .bg-primary .btn-link {
    background-color: #5698e4;
    border: 1px solid #5698e4;
}

body[main-theme-layout="main-theme-layout-2"] .select2-drpdwn .form-control-primary {
    border-color: #5698e4 !important;
    color: #5698e4 !important;
}

    body[main-theme-layout="main-theme-layout-2"] .u-step.active, body[main-theme-layout="main-theme-layout-2"] .u-step.current {
        background: #5698e4;
    }

    body[main-theme-layout="main-theme-layout-2"] .border-tab.nav-left .nav-link.active, body[main-theme-layout="main-theme-layout-2"] .border-tab.nav-right .nav-link.active {
        color: #5698e4;
    }

body[main-theme-layout="main-theme-layout-2"] .border-tab.nav-left .show > .nav-link, body[main-theme-layout="main-theme-layout-2"] .border-tab.nav-right .show > .nav-link {
    color: #5698e4;
}

body[main-theme-layout="main-theme-layout-2"] .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: #5698e4;
}

    body[main-theme-layout="main-theme-layout-2"] .quickview-wrapper .border-tab.nav-primary .nav-link.active, body[main-theme-layout="main-theme-layout-2"] .quickview-wrapper .border-tab.nav-primary .nav-link :hover {
        color: #5698e4;
    }

    body[main-theme-layout="main-theme-layout-2"] .quickview-wrapper .border-tab.nav-primary .nav-item.show, body[main-theme-layout="main-theme-layout-2"] .quickview-wrapper .border-tab.nav-primary .nav-link:focus {
        color: #5698e4;
    }

        body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-title {
            color: #5698e4;
        }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a.active {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a:hover {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a:hover {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a.active {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .table thead .border-bottom-primary th {
                border-bottom: 1px solid #5698e4;
            }





            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .table tbody .border-bottom-primary th, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .table tbody .border-bottom-primary td {
                border-bottom: 1px solid #5698e4;
            }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .switch input:checked + .switch-state {
                background-color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .page-item.active .page-link {
                background-color: #5698e4;
            }





                body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link.active, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link:focus, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link:hover {
                    color: #5698e4;
                }





                body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-active, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-active, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-active, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-active, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-active, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-selected {
                    background-color: #5698e4;
                }





                body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-active, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-selected {
                    border: 2px solid #5698e4;
                    color: #5698e4;
                }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-selected:after, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-active:after, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
                color: #5698e4;
            }



        body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
            color: #5698e4 !important;
        }

        body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
            color: #5698e4;
        }

            body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
                color: #5698e4;
            }




        body[main-theme-layout="main-theme-layout-3"] .page-wrapper .page-body-wrapper .page-body .whether-widget .whether-widget-top {
            background-color: #5698e4;
        }




    body[main-theme-layout="main-theme-layout-3"] .page-wrapper .list-group-item.active {
        background-color: #5698e4;
        border-color: #5698e4;
    }

body[main-theme-layout="main-theme-layout-3"] .page-wrapper .default-according .bg-primary .btn-link {
    background-color: #5698e4;
    border: 1px solid #5698e4;
}


body[main-theme-layout="main-theme-layout-3"] .select2-drpdwn .form-control-primary-fill {
    background-color: #5698e4 !important;
}



    body[main-theme-layout="main-theme-layout-3"] .u-step.active, body[main-theme-layout="main-theme-layout-3"] .u-step.current {
        background: #5698e4;
    }




    body[main-theme-layout="main-theme-layout-3"] .border-tab.nav-left .nav-link.active, body[main-theme-layout="main-theme-layout-3"] .border-tab.nav-right .nav-link.active {
        color: #5698e4;
    }

body[main-theme-layout="main-theme-layout-3"] .border-tab.nav-left .show > .nav-link, body[main-theme-layout="main-theme-layout-3"] .border-tab.nav-right .show > .nav-link {
    color: #5698e4;
}




body[main-theme-layout="main-theme-layout-3"] .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: #5698e4;
}






    body[main-theme-layout="main-theme-layout-3"] .quickview-wrapper .border-tab.nav-primary .nav-link.active, body[main-theme-layout="main-theme-layout-3"] .quickview-wrapper .border-tab.nav-primary .nav-link :hover {
        color: #5698e4;
    }

    body[main-theme-layout="main-theme-layout-3"] .quickview-wrapper .border-tab.nav-primary .nav-item.show, body[main-theme-layout="main-theme-layout-3"] .quickview-wrapper .border-tab.nav-primary .nav-link:focus {
        color: #5698e4;
    }




        body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-title {
            color: #5698e4;
        }


            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a.active {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu > li > a:hover {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a:hover {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-sidebar .sidebar-menu .sidebar-submenu > li > a.active {
                color: #5698e4;
            }





            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .switch input:checked + .switch-state {
                background-color: #5698e4;
            }




            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .page-item.active .page-link {
                background-color: #5698e4;
            }




                body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link.active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link:focus, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .border-tab.nav-tabs .nav-link:hover {
                    color: #5698e4;
                }

                body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-1to10 .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-movie .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-pill .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-reversed .br-widget a.br-selected, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-horizontal .br-widget a.br-selected {
                    background-color: #5698e4;
                }



                body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-bars-square .br-widget a.br-selected {
                    border: 2px solid #5698e4;
                    color: #5698e4;
                }

            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-selected:after, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars .br-widget a.br-active:after, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .card .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
                color: #5698e4;
            }

            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
                color: #5698e4;
            }





        body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
            color: #5698e4 !important;
        }

        body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover {
            color: #5698e4;
        }

            body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
                color: #5698e4;
            }

        body[main-theme-layout="main-theme-layout-4"] .page-wrapper .page-body-wrapper .page-body .whether-widget .whether-widget-top {
            background-color: #5698e4;
        }




    body[main-theme-layout="main-theme-layout-4"] .page-wrapper .list-group-item.active {
        background-color: #5698e4;
        border-color: #5698e4;
    }



@media (min-width: 1200px) {
        body[main-theme-layout="main-theme-layout-4"] .page-wrapper .pixelstrap ul a:hover, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .pixelstrap ul a:focus, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .pixelstrap ul a:active, body[main-theme-layout="main-theme-layout-4"] .page-wrapper .pixelstrap ul a.highlighted {
            color: #5698e4;
        }

        body[main-theme-layout="main-theme-layout-4"] .page-wrapper .pixelstrap ul a.current {
            color: #5698e4;
        }
}



body[main-theme-layout="main-theme-layout-4"] .page-wrapper .mega-menu .list-unstyled div a:hover {
    color: #5698e4;
}

body[main-theme-layout="main-theme-layout-4"] .page-wrapper .default-according .bg-primary .btn-link {
    background-color: #5698e4;
    border: 1px solid #5698e4;
}

body[main-theme-layout="main-theme-layout-4"] .select2-drpdwn .form-control-primary {
    border-color: #5698e4 !important;
    color: #5698e4 !important;
}

body[main-theme-layout="main-theme-layout-4"] .select2-drpdwn .form-control-primary-fill {
    background-color: #5698e4 !important;
}

    body[main-theme-layout="main-theme-layout-4"] .u-step.active, body[main-theme-layout="main-theme-layout-4"] .u-step.current {
        background: #5698e4;
    }

    body[main-theme-layout="main-theme-layout-4"] .border-tab.nav-left .nav-link.active, body[main-theme-layout="main-theme-layout-4"] .border-tab.nav-right .nav-link.active {
        color: #5698e4;
    }

body[main-theme-layout="main-theme-layout-4"] .border-tab.nav-left .show > .nav-link, body[main-theme-layout="main-theme-layout-4"] .border-tab.nav-right .show > .nav-link {
    color: #5698e4;
}

body[main-theme-layout="main-theme-layout-4"] .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: #5698e4;
}

    body[main-theme-layout="main-theme-layout-4"] .quickview-wrapper .border-tab.nav-primary .nav-link.active, body[main-theme-layout="main-theme-layout-4"] .quickview-wrapper .border-tab.nav-primary .nav-link :hover {
        color: #5698e4;
    }

    body[main-theme-layout="main-theme-layout-4"] .quickview-wrapper .border-tab.nav-primary .nav-item.show, body[main-theme-layout="main-theme-layout-4"] .quickview-wrapper .border-tab.nav-primary .nav-link:focus {
        color: #5698e4;
    }





.ribbon-primary {
    background: #5698e4;
}

.ribbon-primary {
    background: #5698e4;
}

.ribbon-bookmark.ribbon-primary:before {
    border-color: #5698e4;
}

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
    border-right-color: #5698e4;
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before, .ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
    border-right-color: #5698e4;
}

.ribbon-primary.ribbon-corner:before {
    border-top-color: #5698e4;
    border-left-color: #5698e4;
}

.ribbon-primary.ribbon-corner.ribbon-right:before {
    border-right-color: #5698e4;
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
    border-bottom-color: #5698e4;
}



.ribbon-primary.ribbon-clip:before {
    border-top-color: rgba(86, 152, 228, 0.8);
    border-right-color: rgba(86, 152, 228, 0.8);
}

.ribbon-primary.ribbon-clip-right:before {
    border-top-color: rgba(86, 152, 228, 0.8);
    border-left-color: rgba(86, 152, 228, 0.8);
}

.ribbon-primary.ribbon-clip-bottom:before {
    border-bottom-color: rgba(86, 152, 228, 0.8);
    border-right-color: rgba(86, 152, 228, 0.8);
}

.ribbon-primary.ribbon-clip-bottom-right:before {
    border-bottom-color: rgba(86, 152, 228, 0.8);
    border-left-color: rgba(86, 152, 228, 0.8);
}




.u-step.active, .u-step.current {
    background-color: #5698e4;
}



    .u-step.active .u-step-number, .u-step.current .u-step-number {
        color: #5698e4;
    }


.u-pearl.active:after, .u-pearl.active:before {
    background-color: #5698e4;
}

.u-pearl.current:after, .u-pearl.current:before {
    background-color: #5698e4;
}

.u-pearl.active .u-pearl-icon, .u-pearl.active .u-pearl-number {
    color: #5698e4;
    border-color: #5698e4;
}

.u-pearl.current .u-pearl-icon, .u-pearl.current .u-pearl-number {
    color: #5698e4;
    border-color: #5698e4;
}

.u-pearl.error:before {
    background-color: #5698e4;
}

.u-pearl.done:after, .u-pearl.done:before {
    background-color: #5698e4;
}

.u-pearl.done .u-pearl-icon, .u-pearl.done .u-pearl-number {
    background-color: #5698e4;
    border-color: #5698e4;
}

    .floated-customizer-panel .fcp-content .fcp-group-header {
        background-color: #5698e4;
    }

            .floated-customizer-panel .fcp-content .fcp-group-contents .nav-tabs .nav-item .nav-link.active {
                background-color: #5698e4;
            }

.floated-customizer-btn {
    background: #5698e4;
}

.floated-customizer-panel::-webkit-scrollbar-thumb {
    background-color: #5698e4;
}

.nav-navigation-main {
    border-bottom: 1px solid #5698e4;
}

.nav-navigation-color-main {
    border-bottom: 1px solid #5698e4;
}

[semilight-bg-color='bg-primary'], [header-bg-color='bg-primary'] {
    background-color: #5698e4 !important;
}

    [header-bg-color='bg-primary'] .nav-right .notification {
        background-color: #5698e4 !important;
    }

[semilight-bg-color='bg-primary-light-color'], [header-bg-color='bg-primary-light-color'] {
    background-color: rgba(86, 152, 228, 0.8) !important;
}

    [header-bg-color='bg-primary-light-color'] .nav-right .notification {
        background-color: #5698e4 !important;
    }

.rtl .alert-primary.inverse:before {
    border-right: 7px solid #5698e4;
}

@media (min-width: 1200px) {
    .modern-layout .header .pixelstrap ul a:hover, .modern-layout .header .pixelstrap ul a:focus, .modern-layout .header .pixelstrap ul a:active, .modern-layout .header .pixelstrap ul a.highlighted {
        color: #5698e4;
    }
}

    .fixed-nav-layout .site-visiter-chart .bottom-line-primary {
        border: 2px solid #5698e4;
    }

@media (min-width: 1200px) {
    .vertical-layout .vertical-menu-main .pixelstrap ul a:hover, .vertical-layout .vertical-menu-main .pixelstrap ul a:focus, .vertical-layout .vertical-menu-main .pixelstrap ul a:active, .vertical-layout .vertical-menu-main .pixelstrap ul a.highlighted {
        color: #5698e4;
    }
}

.vertical-layout .page-body-wrapper .user-status tbody tr .bd-t-none .d-inline-block img {
    border: 3px solid #5698e4;
}






/* Date Picker */

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    background-color: #5698e4;
}

.ui-datepicker .ui-datepicker-title {
    color: #5698e4;
}

.ui-datepicker td a:hover, .ui-datepicker td span:hover {
    background-color: #5698e4 !important;
}

.ui-datepicker .ui-state-active {
    background-color: #5698e4 !important
}






.dropzone {
    border-color: #5698e4 !important;
}

    .dropzone i {
        color: #5698e4 !important;
    }