.nav-active-primary .nav-link.active, .nav-active-primary .nav > li.active > a {
    background-color: #00abd6 !important;
}
#menu_tabs li a.active:after {
    border-top-color: #00abd6;
}
.primary {
    background-color: #00abd6;
}
.b-primary {
    border-color: #00abd6;
}
.btn.b-primary:focus, .btn.b-primary:hover, .btn.primary:focus, .btn.primary:hover {
    background-color: #00abd6;
}
.pager .page-item.active, .pager > .active > a, .pager > .active > span, .pagination .page-item.active, .pagination > .active > a, .pagination > .active > span {
    background-color: #00abd6 !important;
    border-color: #00abd6 !important;
}
.ui-check input:checked + i:before {
    background-color: #00abd6;
}
.text-primary, .text-primary-hover a:hover {
    color: #00abd6 !important;
}

.b-info{
    border-color: #00abd6;
}

.btn.b-info:focus, .btn.b-info:hover, .btn.info:focus, .btn.info:hover {
    background-color: #00abd6 !important;
}

:lang(en) .wizard-step:after {
    border-left: 20px solid #00abd6 !important;
}
:lang(ar) .wizard-step:after {
    border-right: 20px solid #00abd6 !important;
}

.btn-primary {
    background-color: #00abd6;
    border-color: #00abd6;
}
.btn-primary:hover {
    background-color: #000a47;
    border-color: #000a47;
}

.nav-active-border.left .nav-link.active {
    color: #00abd6;
}

.dark {
    background-color: #000a47;
}
.dark .dk {
    background-color: #000a47;
}
.dark .box, .dark .white {
    background-color: #2c2766;
}
.btn.b-dark:focus, .btn.b-dark:hover, .btn.dark:focus, .btn.dark:hover {
    background-color: #2c2766;
}
.text-success, .text-success-hover a:hover {
    color: #01abd6 !important;
}

.b-success {
    border-color: #01abd6;
}
.dark .row_no {
    background-color: #000a47;
}
.dark .form-control {
    border-color: #000a47 !important;
}




.alert-success {
    color: #fff;
    background-color: #00abd6;
    border-color: #00abd6;
}
.alert-danger {
    color: #fff;
    background-color: #f44455;
    border-color: #f44455;
}
.alert-info {
    color: #fff;
    background-color: #6887ff;
    border-color: #6887ff;
}
.alert-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.info {
    background-color: #2196f3;
}
.btn-info {
    background-color: #2196f3;
    border-color: #2196f3;
}

.btn.b-info:focus, .btn.b-info:hover, .btn.info:focus, .btn.info:hover {
    background-color: #1b83d5;
}
.btn-info:hover {
    background-color: #1b83d5;
    border-color: #1b83d5;
}
.text-info, .text-info-hover a:hover {
    color: #00abd6 !important;
}

.danger {
    background-color: #f44455;
}
.btn-danger {
    background-color: #f44455;
    border-color: #f44455;
}

danger:hover, .btn.danger:focus, .btn.danger:hover {
    background-color: #c9302c;
}
.btn-danger:hover {
    background-color: #c9302c;
    border-color: #c9302c;
}

.success {
    background-color: #00abd6;
}
.btn-success {
    background-color: #00abd6;
    border-color: #00abd6;
}

.btn.b-success:focus, .btn.b-success:hover, .btn.success:focus, .btn.success:hover {
    background-color: #1988e0;
}
.btn-success:hover {
    background-color: #1988e0;
    border-color: #1988e0;
}

.warning {
    background-color: #9ec541;
}
.btn-warning {
    background-color: #9ec541;
    border-color: #9ec541;
}

.btn.b-warning:focus, .btn.b-warning:hover, .btn.warning:focus, .btn.warning:hover {
    background-color: #8aad35;
}
.btn-warning:hover {
    background-color: #8aad35;
    border-color: #8aad35;
}
#clock {
    background: url('../../../scripts/clock/clockface2023_blue.png') no-repeat !important;
}
#sec {
    background: url('../../../scripts/clock/sechand_blue.png') !important;
}

#min {
    background: url('../../../scripts/clock/minhand.png') !important;
}

#hour {
    background: url('../../../scripts/clock/hourhand.png') !important;
}
.dark div.dataTables_wrapper div.dataTables_processing {
    background-color: #00abd6;
}

.cyan-50 {
    background-color: #e0e7fa;
}
.green-50 {
    background-color: #e0e7fa;
}
.dark .lt {
    background-color: #2c2766;
}
.dark ul.sortable li {
    background: #000a47;
}

.dark .form-control {
    border-color: rgba(120, 130, 140, .2) !important;
}
.dark .table-striped tbody tr:nth-of-type(odd) {
    background-color: #000a47;
}

.stepwizard-step .btn-primary {
    background-color: #00abd6;
}

.inbox-polls .active:after {
    border-color: #00abd6;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    background: transparent;
}
@media (min-width: 992px) {
    .tabs .nav-active-primary .nav > li.active > a:after, .tabs .nav-active-primary .nav-link.active:after {
        border-color: #00abd6;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-bottom-width: 0;
    }
}
.dark .p-a-3p:before {
    border-left-color:#000a47;
    border-right-color:#000a47;
}

.hover-liner {
    --c: #00abd6;
}

.clock_info #digitalClock {
    --c1: #000a47 !important;
    --c2: #00abd6 !important;
}
.primary .lt {
    background-color: #00abd6;
}
.primary .bg {
    background-color: #069bc1;
}
.primary .dk {
    background-color: #0d88a7;
}
.info .lt {
    background-color: #2c82ae;
}
.info .bg {
    background-color: #2d7396;
}
.info .dk {
    background-color: #2d6987;
}
.row_no {
    background: #f3faff !important;
}

.active_company_link:after {
    border-left-color: #00abd6 !important;
    border-right-color: #00abd6 !important;
}
a.primary:hover {
    background-color: #069bc1;
}

.report-link a:hover, .report-link a:focus, .report-link a:active{
    color: #00abd6;
}

.dark .settings-page-menu .panel {
    background-color: #2c2766;
}
.dark .settings-page-menu .panel .collapse{
    background-color: #2c2766;
}
.dark .white.dk{
    background-color: #2c2766;
}

.dark .apps_menu .white {
    color: #fff !important;
    background: #2c2766 !important;
}

@media only screen and (min-width: 768px) {
    .dark .cd-breadcrumb.triangle li > * {
        background-color: #000a47;
        border-color: #000a47;
        color: #fff;
    }
    .cd-breadcrumb.triangle li.current > * {
        /* selected step */
        color: #ffffff;
        background-color: #00abd6;
        border-color: #00abd6;
    }
}