/* @font-face {
  font-family: "NeoSans";

  src: url('/assets/fonts/NeoSans.eot');

  src: url('/assets/fonts/NeoSans.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/NeoSans.woff2') format('woff2'),
    url('/assets/fonts/NeoSans.woff') format('woff'),
    url('/assets/fonts/NeoSans.ttf') format('truetype'),
    url('/assets/fonts/NeoSans.svg#NeoSans') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
} */

/*rtl arabic font change start*/

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&family=Noto+Sans+Arabic:wght@100..900&display=swap'); */

@font-face {
    font-family: "ge-ss-two-regular";
    src: url("../fonts/GESSTworegular.eot");
    src:
        url("../fonts/GESSTworegular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/GESSTworegular.woff") format("woff"),
        url("../fonts/GESSTworegular.ttf") format("truetype"),
        url("../fonts/GESSTworegular.svg#Sri-TSCRegular") format("svg");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F;
    /* Arabic Unicode range */
}

@font-face {
    font-family: "ge-ss-two-bold";
    src: url("../fonts/GESSTwoBold.eot");
    src:
        url("../fonts/GESSTwoBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/GESSTwoBold.woff") format("woff"),
        url("../fonts/GESSTwoBold.ttf") format("truetype"),
        url("../fonts/GESSTwoBold.svg#Sri-TSCRegular") format("svg");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600-06FF, U+0750-077F;
    /* Arabic Unicode range */
}

html[dir="rtl"] body,
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] a,
html[dir="rtl"] .table tr th,
html[dir="rtl"] span,
html[dir="rtl"] .form-group label,
html[dir="rtl"] .modal-style-1 .modal-content .form-group label,
html[dir="rtl"] li {
    font-family: "ge-ss-two-regular" !important;
}

html[dir="rtl"] .audit-program-details-page h5,
html[dir="rtl"] .audit-program-details-page h6,
html[dir="rtl"] .table tr th,
html[dir="rtl"] .form-group label,
html[dir="rtl"] .modal-style-1 .modal-content .form-group label {
    font-family: "ge-ss-two-bold" !important;
}

html[dir="rtl"] .organization-page h1,
html[dir="rtl"] .organization-page h2,
html[dir="rtl"] .organization-page h3,
html[dir="rtl"] .organization-page h5,
.html[dir="rtl"] .organization-page h6,
html[dir="rtl"] .audit-program-box h6 {
    font-family: "ge-ss-two-bold" !important;
}

html[dir="rtl"] .form-group .custom-control .custom-control-label {
    font-family: "ge-ss-two-regular" !important;
}

/*rtl arabic font change end*/

:root {
    --color-primary: #ee434b;
    --color-primary-dark: #960007;
    --color-primary-light: #fff4f4;
}

a:hover {
    color: var(--color-primary);
}

.menu-collape-area ul li a {
    color: #fff;
}

.menu-collape-area .card-link:before {
    color: #fff;
}

.menu-collape-area ul li a:hover:before {
    color: #fff;
}

#sidebar-wrapper-menu .side-bar-header {
    background: #8d8f90;
}

#sidebar-wrapper-menu.active .side-bar-header {
    background: #8d8f90;
}

.bg-dark {
    background: var(--color-primary) !important;
}

.top-bar .notification a i {
    color: #fff;
}

.top-bar .language-btn {
    background: #38383657 !important;
}

.user-box-header .dropdown-menu a:hover span {
    color: var(--color-primary) !important;
}

body {
    background: #f5f6f7;
}

.bg-main {
    background: #f5f6f7 !important;
}

.actvitylog-dtl-round {
    border-color: #f5f6f7;
}

.edit-bar .nav-item .nav-link.active {
    background-color: #f5f6f7;
    color: var(--color-primary);
}

.edit-bar .nav-item .nav-link:hover {
    color: var(--color-primary);
}

.main-menu .submenu .collapse li a.active {
    background: var(--color-primary);
}

.edit-bar .edit-icons li a:hover {
    color: var(--color-primary);
}

.nav-pills.edit-icons li a.active {
    color: var(--color-primary);
}

#sidebar-wrapper-menu {
    background-color: rgba(141, 143, 144, 0.9);
}

.left-menu-main .card-link.active,
.main-menu .submenu .collapse li a.active,
.menu-collape-area ul li a.active {
    background: var(--color-primary);
}

.menu-collape-area ul li a:hover {
    background: var(--color-primary);
}

.left-menu-main .card-link.active {
    background: var(--color-primary);
}

.left-menu-main .card-link.active {
    color: #fff;
}

.menu-collape-area .card-link.active:before {
    color: #fff;
}

.icon-with-text-small-tab .nav-tabs .nav-item .nav-link.active {
    border-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
    margin: -10px -30px 0 -30px;
}

/* btn type style start */

a.btn:not([href]):not([tabindex]) {
    color: var(--color-primary);
}

.btn.ordinary-btn {
    color: var(--color-primary) !important;
}

.btn {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

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

.btn-small {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.btn-small:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-active {
    background: var(--color-primary) !important;
}

.oc-edit .oc-box-option-icon:hover {
    color: var(--color-primary);
}

.filter-fill .filter-save-btn .btn-active {
    border-color: var(--color-primary);
}

.upload-btn-wrapper .btn {
    border-bottom-color: var(--color-primary);
}

.upload-btn-wrapper .btn:hover {
    color: var(--color-primary) !important;
}

.upload-btn-wrapper input[type="file"]:hover + button {
    color: var(--color-primary) !important;
}

.oc-upload-image-show .upload-btn-wrapper input[type="file"]:hover + button {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.user-img-section .user-pic .edit-btn {
    background: var(--color-primary);
}

.user-img-section .user-pic .edit-btn:hover {
    background: #8d8f90;
}

.choose-file-btn .btn {
    border-color: var(--color-primary);
    color: var(--color-primary) !important;
}

.choose-file-btn:hover .btn {
    background: var(--color-primary) !important;
}

.choose-file-btn input[type="file"]:hover + button {
    background: var(--color-primary) !important;
}

/* step-form-small theme style start */

.step-form-small #msform .action-button {
    border-color: var(--color-primary);
}

.step-form-small #msform .action-button {
    color: var(--color-primary);
}

.step-form-small #msform .action-button:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.step-form-small #progressbar li.active:before,
.step-form-small #progressbar li.active:after {
    background: var(--color-primary);
    color: var(--color-primary);
}

/* step-form-small theme style end */

.my-pagination .ngx-pagination .current {
    background: #8d8f90;
}

.tab-type-btn-small .outline-tag {
    background: #fff;
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.tab-type-btn-small .outline-tag.active {
    background: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary) !important;
}

.tab-type-btn-small .outline-tag:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary) !important;
}

.nbr-box-small:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.nbr-box-small.active {
    border-color: var(--color-primary);
    background: var(--color-primary);
}

.user-box-big-plus {
    background: var(--color-primary);
}

/* btn type style end */

.head-details a {
    color: var(--color-primary);
}

.head-details a:hover {
    color: var(--color-primary);
}

.start-audit-page .assesment-footer {
    background: var(--color-primary);
}

.container2 input:checked ~ .checkmark {
    background-color: var(--color-primary);
}

.chat-box-header {
    background: #680724;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--color-primary);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: var(--color-primary);
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #8d8f90;
}

.new-search-v2 .search-label:hover {
    color: var(--color-primary);
}

.edit-option-show a:hover .fas,
.edit-option-show a:hover i {
    color: var(--color-primary);
}

.edit-option-show a:hover span {
    color: var(--color-primary);
}

.edit-option-show-fix a:hover {
    color: var(--color-primary) !important;
}

.edit-small .edit-small-icon a:hover {
    color: var(--color-primary);
}

.user-details-page .add-button-outlined:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.user-details-page .add-button-outlined:hover i {
    color: var(--color-primary);
}

.user-details-page .add-button-outlined i:hover {
    color: var(--color-primary);
}

.side-menu-toggles-main .left-arow-side-toggle {
    background-color: var(--color-primary);
}

.user-toggle-cmn {
    background: var(--color-primary);
}

#return-to-top {
    background-color: rgba(141, 143, 144, 0.9);
}

#return-to-top:hover {
    background: var(--color-primary);
}

.question-circle-inp:hover i {
    color: var(--color-primary);
}

.eye-icon-pswd:hover {
    color: var(--color-primary) !important;
}

.user-list-sm:hover h6,
.user-list-sm:hover span {
    color: var(--color-primary);
}

@keyframes blinkingTextblue {
    0% {
        color: var(--color-primary);
    }

    49% {
        color: var(--color-primary);
    }

    60% {
        color: #33475b;
    }

    99% {
        color: #33475b;
    }

    100% {
        color: var(--color-primary);
    }
}

.user-highlight .blinking-text-blue {
    animation: blinkingBlue 1s infinite;
}

@keyframes blinkingBlue {
    0% {
        color: var(--color-primary);
    }

    49% {
        color: var(--color-primary);
    }

    60% {
        color: #33475b;
    }

    99% {
        color: #33475b;
    }

    100% {
        color: var(--color-primary);
    }
}

.user-highlight .user-list-sm img {
    -webkit-box-shadow: 0px 0px 10px #8f153838;
    -moz-box-shadow: 0px 0px 10px #8f153838;
    box-shadow: 0px 0px 10px #8f153838;
}

.user-details-page .user-beginer-block .beginner-icon {
    background: var(--color-primary);
}

.progress-bar {
    background-color: var(--color-primary);
}

.line-tab .nav-link.active {
    border-color: var(--color-primary) !important;
}
/* 
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary) !important;
    font-weight: 600;
    position: relative;
}
.nav-tabs .nav-link.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 13px solid var(--color-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    bottom: -10px;
}
.nav-tabs {
    border-bottom: 0px solid var(--color-primary);
    background: #fff;
    margin: -10px -30px 0 -30px;
}
.nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    padding: 12px 35px;
}

.nav-tabs .nav-item {
    margin: 0;
} */
.user-details-page .read-more {
    color: var(--color-primary);
}

.pagination .page-link.active,
.pagination .page-link:hover {
    color: var(--color-primary);
}

.selectator_options .selectator_option.active {
    background-color: var(--color-primary);
}

.nav-tabs--left .nav-link:hover {
    color: var(--color-primary) !important;
}

.switch input:checked + .slider:before {
    border: 1px solid var(--color-primary);
}

.switch input:checked + .slider {
    background-color: var(--color-primary);
}

.card-hov-effect:hover .pointer h3,
.card-hov-effect:hover .pointer .directio-text,
.card-hov-effect:hover .card-link {
    color: var(--color-primary);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--color-primary);
}

.confirm-star .fas {
    color: var(--color-primary);
}

.organization-multi-stup-form .step {
    background-color: #f5f6f7;
}

.organization-multi-stup-form .step:hover {
    color: var(--color-primary);
    cursor: pointer;
}

.organization-multi-stup-form .step:hover .multi-form-nbr {
    background: var(--color-primary);
}

.organization-multi-stup-form .step.active {
    color: var(--color-primary);
    border-top-color: var(--color-primary) !important;
}

.organization-multi-stup-form .step.active .multi-form-nbr {
    background: var(--color-primary);
}

.organization-multi-stup-form .step.finish {
    color: var(--color-primary);
    border-top-color: var(--color-primary) !important;
}

.organization-multi-stup-form .step.finish.active {
    color: var(--color-primary);
}

.organization-multi-stup-form .step.finish .multi-form-nbr {
    background: var(--color-primary);
}

.Preview-block .remember-txt:hover {
    color: var(--color-primary);
}

.filter-fill .filter-page-inner {
    background-color: rgba(141, 143, 144, 0.9);
}

.filter-fill .filter-btn-active {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.filter-fill .filtr-btn:hover {
    background: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
}

.btn-new-icon.active {
    background: var(--color-primary);
}

.help-site-link {
    color: var(--color-primary);
}

.help-site-link:hover {
    color: var(--color-primary);
}

.v2-help-drop-main .panel-default .panel-heading:hover .width96pc {
    color: var(--color-primary) !important;
}

.v2-help-drop-main .panel-drop-sections .panel-heading.active .width96pc {
    color: var(--color-primary) !important;
}

.accordian-boxed .card-body span.active {
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
}

.assesment-form-page input[type="radio"].toggle:checked + label {
    background: var(--color-primary);
    border-color: var(--color-primary) !important;
}

.assesment-form-page .start-btn {
    background: var(--color-primary);
    border-color: var(--color-primary) !important;
}

.assesment-form-page .start-btn:hover {
    background: var(--color-primary) !important;
}

.assesment-form-page input[type="radio"].toggle + label:hover {
    background: var(--color-primary);
    border-color: var(--color-primary) !important;
}

.modal-style-1 .modal-content .modal-header {
    background: var(--color-primary);
    background: -moz-linear-gradient(left, var(--color-primary) 0%, #7c5f31 100%);
    background: -webkit-linear-gradient(left, var(--color-primary) 0%, #7c5f31 100%);
    background: linear-gradient(to right, var(--color-primary) 0%, #7c5f31 100%);
}

.modal-style-1 .modal-content .modal-header .close {
    background: var(--color-primary);
}

.dollar-icon-border {
    border: 2px solid var(--color-primary);
}

.text-light-blue {
    color: var(--color-primary) !important;
}

.view-more-pestel-box {
    color: var(--color-primary) !important;
}

.outline-tag:hover {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.outline-tag:hover span {
    color: var(--color-primary) !important;
}

.outline-tag.view-more-tag:hover {
    background: var(--color-primary) !important;
}

.view-more-tag {
    color: var(--color-primary);
}

.menu-drop-tab-top .nav-trash:hover {
    color: var(--color-primary) !important;
}

.login-forget:hover {
    color: var(--color-primary) !important;
}

.forgot-box h3 {
    color: var(--color-primary);
}

.forgot-link {
    color: var(--color-primary) !important;
}

.btn-reload-otp:hover {
    color: var(--color-primary) !important;
}

.verification-box p a {
    color: var(--color-primary) !important;
}

.active-text {
    color: var(--color-primary);
}

.accordion-tab .list-group-item.active a {
    color: var(--color-primary);
}

.star.selected i {
    color: var(--color-primary);
}

.table-master td a {
    color: var(--color-primary);
}

.new-search-v2 .form-group.sb-search-open .search-label,
.new-search-v2 .no-js .sb-search .search-label {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.filter-select-wrapper > .item {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.filter-select-wrapper > .item > button {
    color: var(--color-primary);
}

.edit-option-show-inner a:hover .fas {
    color: var(--color-primary);
}

.md-name {
    color: var(--color-primary);
}

.edit-bar .module-name-block a:hover {
    color: var(--color-primary);
}

.arrow-dropdown a.active {
    color: var(--color-primary);
}

.edit-bar .arrow-dropdown a:hover::before {
    color: var(--color-primary);
}

.welcome-screen .modal-dialog .abt-module-description h4 {
    color: var(--color-primary);
}

.welcome-screen .modal-dialog .modal-content .carousel-indicators li.active {
    background: var(--color-primary);
}

.radio-btns-new .verygood[type="radio"]:checked + .fa-check-circle:before,
.radio-btns-new .verygood[type="radio"]:checked + label > .fa-check-circle:before {
    color: var(--color-primary);
}

.radio-btns-new .good[type="radio"]:checked + .fa-check-circle:before,
.radio-btns-new .good[type="radio"]:checked + label > .fa-check-circle:before {
    color: var(--color-primary);
}

.radio-btns-new .bad[type="radio"]:checked + .fa-check-circle:before,
.radio-btns-new .bad[type="radio"]:checked + label > .fa-check-circle:before {
    color: var(--color-primary);
}

.vm-box .vm-icon-bx {
    background: -moz-linear-gradient(258deg, #7c5f31 0%, var(--color-primary) 100%);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #7c5f31),
        color-stop(100%, var(--color-primary))
    );
    background: -webkit-linear-gradient(258deg, #7c5f31 0%, var(--color-primary) 100%);
    background: -o-linear-gradient(258deg, #7c5f31 0%, var(--color-primary) 100%);
    background: -ms-linear-gradient(258deg, #7c5f31 0%, var(--color-primary) 100%);
    background: linear-gradient(192deg, #7c5f31 0%, var(--color-primary) 100%);
}

.loader-round {
    border-top-color: var(--color-primary);
}

a.oc-user-box .status {
    background: var(--color-primary);
}

a.oc-user-box img {
    border-color: var(--color-primary);
}

.oc-btns-arow {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.oc-btns-arow:hover {
    background: var(--color-primary);
}

.oc-tab-menu li a.active {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.oc-tab-menu li a.active:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.oc-upload-image-show-pic {
    border-color: var(--color-primary);
}

.bottom-bordered-blue {
    border-bottom-color: var(--color-primary);
}

.image-edit-icom-oc:hover {
    background: var(--color-primary);
}

.issue-list-table-org .container2 input:checked ~ .checkmark {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.issuue-new-style .draft-tag:before {
    border-left-color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}

.issuue-new-style .draft-tag:after {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.work-flow-btm-sec-right h3 {
    color: var(--color-primary);
}

.outline-tag.active {
    background: #fff;
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.btn-in-ex-new:hover {
    background: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.btn-in-ex-new.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.outline-tag.active span {
    color: var(--color-primary) !important;
}

.uploaded-files a:hover {
    background: var(--color-primary);
}

.uploaded-files a.active {
    background: var(--color-primary);
}

.btn-send-chat {
    border-color: var(--color-primary);
}

.chat-btm-icones li a:hover {
    color: var(--color-primary);
}

.owl-chat-slider .item .btn:hover {
    background: var(--color-primary) !important;
}

.owl-chat-slider .customNavigation .btn {
    color: var(--color-primary) !important;
}

.upload-file-chat span:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.top-bar .notification-menu-hdr .dropdown-list-group li.indication:before {
    background: var(--color-primary);
    border-color: #ffd0e5;
}

.introjs-helperNumberLayer {
    background: var(--color-primary);
}

.users-page-list .user-list-lg:hover .user-details h6 {
    color: var(--color-primary);
}

.users-page-list .user-list-lg:hover .user-details span {
    color: var(--color-primary);
}

.user-details-show-pop .user-pop-contact li a:hover {
    color: var(--color-primary);
}

.header-new-popup .popup-link-icon a:hover {
    color: var(--color-primary);
}

.cantroller-preview a:hover {
    background: var(--color-primary);
}

.popup-slider-control a:hover {
    color: var(--color-primary) !important;
}

.assessment-user-box h4 {
    background: -webkit-linear-gradient(var(--color-primary), #7c5f31);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.assesment-history-page .result-box-full h3 {
    background: -webkit-linear-gradient(var(--color-primary), #7c5f31);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.score-divide h3 {
    background: -webkit-linear-gradient(var(--color-primary), #7c5f31);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.assesment-form-page .competency-result-box .progress .progress-bar {
    background: var(--color-primary);
    background: -moz-linear-gradient(left, var(--color-primary) 0%, #7c5f31 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, var(--color-primary)), color-stop(100%, #7c5f31));
    background: -webkit-linear-gradient(left, var(--color-primary) 0%, #7c5f31 100%);
    background: -o-linear-gradient(left, var(--color-primary) 0%, #7c5f31 100%);
    background: -ms-linear-gradient(left, var(--color-primary) 0%, #7c5f31 100%);
    background: linear-gradient(to right, var(--color-primary) 0%, #7c5f31 100%);
}

.competency-result-popup .competency-result-box h3 {
    background: -webkit-linear-gradient(var(--color-primary), #7c5f31);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zui-wrapper .zui-table tr.active td:first-child {
    border-left: 5px solid var(--color-primary);
}

body .main-skill {
    background: rgb(143, 21, 56, 15%) !important;
}

.zui-wrapper .zui-table tr.active td {
    background: rgb(143, 21, 56, 15%) !important;
}

tbody tr:hover {
    background: rgb(143, 21, 56, 8%) !important;
    background: none !important;
    color: unset !important;
}

.zui-wrapper .zui-table tr:hover td {
    background: rgb(143, 21, 56, 8%) !important;
}

.form-control:focus {
    border-color: #da859d;
    box-shadow: 0 0 0 0.2rem rgb(143 21 56 / 25%);
}

.paraia-multi-select > .dropdown > .items > .item:hover {
    background-color: var(--color-primary);
}

.feedback-icon-main .feedback-icon.active {
    color: var(--color-primary);
}

.notifications-options .dropdown-toggle:hover {
    background: var(--color-primary);
}

.notifications-options.show .dropdown-toggle {
    background: var(--color-primary);
}

.small-close-round {
    color: var(--color-primary);
}

.paperclip-type-inp [type="file"] + label.btn-1:hover {
    color: var(--color-primary);
}

.assesment-form-page .assesment-footer {
    background: var(--color-primary);
}

.likelihood-risk-table .color-box-risk:hover .count-risk {
    background: var(--color-primary);
}

.color-box-risk .count-risk.active {
    background: var(--color-primary) !important;
}

.color-box-risk:hover .count-risk {
    background: var(--color-primary);
}

.btn-small-green:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary) !important;
}

.my-pagination .ngx-pagination .current {
    background: var(--color-primary);
}

.widget .widget-heading h2 span {
    color: var(--color-primary);
}

/* btn-clr-select starts */

.btn-clr-select .form-control:hover {
    background: var(--color-primary);
    color: #fff;
}

.btn-clr-select .form-control option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select .form-control:hover option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select .form-control {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.btn-clr-select .plain-select:after {
    color: var(--color-primary);
}

.btn-clr-select .plain-select:hover:after {
    color: #fff;
}

/* btn-clr-select end */

/* btn-clr-select-fill starts */

.btn-clr-select-fill .form-control:hover {
    background: var(--color-primary);
    color: #fff;
}

.btn-clr-select-fill .form-control option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select-fill .form-control:hover option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select-fill .form-control {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
}

.btn-clr-select-fill .plain-select:after {
    color: #fff;
}

.btn-clr-select-fill .plain-select:hover:after {
    color: #fff;
}

/* btn-clr-select-fill end */

.activities-nbr {
    background: var(--color-primary);
}

.activities-main:before {
    background: var(--color-primary);
}

.report-link i.active {
    color: var(--color-primary);
}

.report-link a:hover {
    color: var(--color-primary) !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--color-primary);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--color-primary);
}

.custom-control-label::before {
    border-color: var(--color-primary);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow:
        0 0 0 1px #f3f8fb,
        0 0 0 0.2rem rgb(250 242 218);
}

.round-question h2 {
    background: var(--color-primary);
}

.three-dots-dropdown.btn:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--color-primary) !important;
}

.three-dots-dropdown.btn:hover i {
    color: var(--color-primary) !important;
}

.tmline > li > .tmline-badge {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.tmline:before {
    background-color: var(--color-primary);
}

.tmline .add-tmlinr .tmline-btn {
    background: var(--color-primary);
}

.tmline .add-tmlinr .tmline-btn:hover {
    background: var(--color-primary);
}

.btn-tic {
    background: var(--color-primary);
}

.organization-multi-stup-form button:hover {
    background: var(--color-primary);
}

.progress-round.blue .progress-bar {
    border-color: var(--color-primary);
}

.progress-round .progress-value {
    color: var(--color-primary);
}

.risk-treatment-btn {
    color: var(--color-primary);
}

.indication-label-blue {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.divide-style h3 {
    background: -webkit-linear-gradient(#f3f8fb, var(--color-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.progress-circle span {
    color: var(--color-primary);
}

.progress-circle.over50 .first50-bar {
    background-color: var(--color-primary);
}

.value-bar {
    border-color: var(--color-primary);
}

.bg-light-blue {
    background: var(--color-primary) !important;
}

.processes-issue {
    background: #ffeaf0;
    border-color: var(--color-primary);
}

.tree-btn-loop-workflow .btn:after {
    border-color: var(--color-primary);
}

.audit-workflow-user-box:before {
    border-color: var(--color-primary);
}

.work-flow-review-approval:after {
    background: var(--color-primary);
}

.document-new-tabs .nav-tabs .nav-link.active,
.document-new-tabs .nav-tabs .nav-item.show .nav-link {
    color: var(--color-primary) !important;
    background: #ffeaf0;
}

.folder-options-main-ul li:hover .folder-menu-link {
    color: var(--color-primary);
    background: #ffeaf0;
}

.slider-user-guide-menu .nav .nav-item:first-child .nav-link {
    border-left-color: var(--color-primary);
}

.slider-user-guide-menu .nav .nav-item .nav-link.active {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.slider-user-guide-menu .nav .nav-item .nav-link:before {
    border-left-color: var(--color-primary);
}

.slider-user-guide-menu .nav .nav-item .nav-link.active:after {
    border-left-color: var(--color-primary) !important;
}

.slider-user-guide-menu .nav .nav-item .nav-link {
    border-color: var(--color-primary);
}

.slider-user-guide-menu .nav .nav-item .nav-link:hover {
    color: var(--color-primary);
}

.notifications-list li.indication:before {
    background: var(--color-primary);
    border-color: #ffb3c9;
}

.curve-small-tab .nav-tabs .nav-item .nav-link.active {
    border-color: var(--color-primary) !important;
    background: #ffe9ef !important;
    color: var(--color-primary) !important;
}

.pdf-page-height .pdf-page-section {
    border-color: #962d4c;
}

.pdf-page-height .maindiv .holder:last-child .pdf-page-section {
    border-color: #962d4c;
}

.small-tab-icons .nav-tabs .nav-link.active,
.small-tab-icons .nav-tabs .nav-item.show .nav-link {
    background: var(--color-primary) !important;
}

.form-group .btn-light.bg-primary {
    background: var(--color-primary) !important;
}

.small-close-poup:hover {
    color: var(--color-primary) !important;
}

.folder-options-main-ul li .folder-menu-link.active,
.folder-options-main-ul li:hover .folder-menu-link {
    background: #ffeaf0;
    color: var(--color-primary);
}

.header-back-line .btn-plus:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.question-icon {
    color: var(--color-primary) !important;
}

.bb-custom-wrapper nav span,
.menu-button {
    background: var(--color-primary) !important;
}

.content .round-question h2,
.round-question h2 {
    background: var(--color-primary);
}

.edit-and-delete-small .btn-small-icon:hover {
    color: var(--color-primary);
}

.tag-data-input-select-box {
    background: var(--color-primary);
}

.tag-data-input-select-box:after {
    border-left: 10px solid var(--color-primary);
}

.close-data-input-select-box:hover {
    color: var(--color-primary);
}

.controls-mapping-btn span:hover {
    color: var(--color-primary);
}

.profile-main-right .slider-inner-box-strategy:hover {
    border-color: var(--color-primary) !important;
}

.ngx-pagination .current {
    color: var(--color-primary) !important;
}

.active-box {
    border-color: var(--color-primary) !important;
}

.cmn-bdr-blue {
    border-color: var(--color-primary) !important;
}

.stg-role-chart .oc-user-pic.img-active img.user-pic-bdr {
    border-color: var(--color-primary) !important;
}

.active-box-functional {
    border-color: var(--color-primary) !important;
}

.edit-dropdown .dropdown-menu .dropdown-item.active,
.edit-dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--color-primary);
}

.theme-border-color,
.theme-border-color-bottom,
.theme-border-color-left,
.theme-border-color-right,
.theme-border-color-top {
    border-color: var(--color-primary);
}

.initiaves-dtl-boxes-nbr {
    border-color: var(--color-primary);
}

.initiaves-dtl-boxes-left:after {
    border-color: var(--color-primary);
}

.rca-msg-btn {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.risk-journey-block .journey-title-box .journey-title-box-inner {
    border-color: var(--color-primary);
}

.stup-root-cause.risk-journey-block:before {
    background: var(--color-primary);
}

.risk-journey-block .journey-title-box:after {
    background: var(--color-primary);
}

.risk-journey-block .risk-journey-details {
    border: 1px solid var(--color-primary);
}

.risk-journey-block .question-blue {
    background: #b17b8b;
}

.edit-btn-table:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.lg-outline-box .active,
.lg-outline-box .cmn-bdr:hover {
    border-color: var(--color-primary) !important;
}

.float-left.three-dots-dropdown i {
    color: var(--color-primary);
}

.auto-complete-search .autocomplete-items div:hover {
    background-color: var(--color-primary);
}

.close-page-smol .close-page .lni-close:hover {
    color: var(--color-primary);
}

.star:hover i {
    color: var(--color-primary);
}

.user-box-header .dropdown-menu a:hover span,
.user-box-header .user-sign-out a:hover {
    color: var(--color-primary) !important;
}

.msg-nbr-tab-btn.bg-light-blue:after {
    border-top-color: var(--color-primary);
}

.delete-bullet-point ul li:hover {
    color: var(--color-primary);
}

.blue-border {
    border-color: var(--color-primary) !important;
}

/* QOC Client color code start */

.blue-header {
    background: #0081c8 !important;
}

.bg-orange {
    background: #fcb131 !important;
}

.text-orange {
    color: #fcb131 !important;
}

.bg-red {
    background: #ee334e !important;
}

.text-red {
    color: #ee334e !important;
}

.bg-green {
    background: #00a651 !important;
}

.text-green {
    color: #00a651 !important;
}

.bg-grey {
    background: #d7d2cb !important;
}

.text-grey {
    color: #d7d2cb !important;
}

/* QOC Client color code end */

.animate-tooltip {
    border-color: var(--color-primary);
}

.animate-tooltip:after {
    border-top-color: var(--color-primary);
}

.blue-header {
    background: var(--color-primary);
}

.link-text:hover {
    color: var(--color-primary) !important;
}

.new-check-box .container2:hover {
    color: var(--color-primary) !important;
}

.jspDrag {
    background: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.robo-chat {
    background: var(--color-primary);
}

.switch input:checked + .slider:before {
    color: var(--color-primary);
}

/* theme list start */

ul.arrowlist li:after {
    color: var(--color-primary);
}

ul.arrowlist li:before {
    color: var(--color-primary);
}

.drop-detail-sec .banking-issue li a:after {
    color: var(--color-primary);
}

.drop-detail-sec .banking-issue li a:before {
    color: var(--color-primary);
}

.bullet-point-list ul li:after {
    color: var(--color-primary);
}

.bullet-point-list ul li:before {
    color: var(--color-primary);
}

.pestel-box-main-right .pestel-box li:after {
    color: var(--color-primary);
}

.pestel-box-main-right .pestel-box li:before {
    color: var(--color-primary);
}

.pestel-box-main-left .pestel-box li:after {
    color: var(--color-primary);
}

.pestel-box-main-left .pestel-box li:before {
    color: var(--color-primary);
}

/* theme list end */

.nw_ad .ad_new {
    background: var(--color-primary);
}

.document-list-doe .folder-options-inner-ul li:hover a {
    color: var(--color-primary);
}

.document-list-doe .folder-menu-link:hover {
    color: var(--color-primary) !important;
}

.document-list-doe .folder-menu-link.active {
    color: var(--color-primary) !important;
}

.new-search-v2 .search-label:hover {
    color: var(--color-primary);
}

.edit-small .edit-small-icon a:hover {
    color: var(--color-primary);
}

.rounded-sliders-check input:checked + .slider {
    background-color: var(--color-primary);
}

.rounded-sliders-check.present-check input:checked + .slider {
    background-color: #078636;
}

.common-plus-icon {
    color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.common-plus-icon:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

/* .nav-tabs--left .nav-link.active {
    border-color: var(--color-primary) !important;
} */

html[dir="rtl"] .tag-data-input-select-box:after {
    border-right-color: var(--color-primary);
}

.arrowlist-edit-and-add a:hover i {
    color: var(--color-primary);
}

.oc-chart-small .oc-box-option-icon:hover {
    color: var(--color-primary);
}

.left-right-round-btns.round-color-btn .btn-left {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.left-right-round-btns.round-color-btn .btn-right {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.information-box .comment-btns-cmn:hover {
    color: var(--color-primary) !important;
}

.event-tree-add-btn {
    background: var(--color-primary);
}

.slider-user-guide-menu .nav .nav-item .nav-link:hover {
    color: var(--color-primary);
}

.issuue-new-style .left-box-issue-details {
    border-color: #f5f6f7;
}

.dark-mode-switch:before {
    background: #f2f2f2 !important;
}

.dark-mode-switch {
    background: #beb09b;
    border-color: #c8c8c8 !important;
}

.dark-mode-outer label {
    color: #c8c8c8 !important;
}

.audit-workflow-btns .tree li:after {
    border-color: var(--color-primary);
}

.audit-workflow-btns .tree li:before {
    border-color: var(--color-primary);
}

.audit-workflow-btns .tree li:last-child:before {
    border-color: var(--color-primary);
}

/* table style start */

.enhance-table .full-width-table table {
    border-collapse: separate;
    border-spacing: 0 6px;
    line-break: anywhere;
    background: transparent !important;
    border: 0 !important;
}

.enhance-table .full-width-table table tr th,
.enhance-table .full-width-table table tr td {
    border: 0 !important;
    /* border-top: 0.5px solid #B1C4EA !important;
    border-bottom: 0.5px solid #B1C4EA !important; */
    /* color: #fff; */
}

.enhance-table .full-width-table table tr th:first-child,
.enhance-table .full-width-table table tr td:first-child {
    /* border-left: 0.5px solid #B1C4EA !important; */
}

.enhance-table .full-width-table table tr th:last-child,
.enhance-table .full-width-table table tr td:last-child {
    /* border-right: 0.5px solid #B1C4EA !important; */
}

.enhance-table .full-width-table table tr th {
    background: var(--color-primary);
    color: #fff;
    padding: 7px 7px !important;
}

.enhance-table .full-width-table table tr td {
    /* background: #f9f9f9; */
    background: #eee;
    padding: 8px 7px !important;
}

.enhance-table .full-width-table table tr {
    /* background: #fff !important; */
    /* color: #fff; */
    border-radius: 10px;
    border: 0.5px solid #b1c4ea !important;
}

.enhance-table .full-width-table table tr td:hover {
    opacity: 0.7;
}

.enhance-table .full-width-table table tr th:first-child,
.enhance-table .full-width-table table tr td:first-child {
    border-radius: 10px 0 0 10px;
}

.enhance-table .full-width-table table tr th:last-child,
.enhance-table .full-width-table table tr td:last-child {
    border-radius: 0 10px 10px 0;
}

.enhance-table .full-width-table table tr:hover,
.enhance-table .full-width-table table tr:hover td {
    /* background: #fff !important; */
    /* color: #fff; */
}

.enhance-table .full-width-table table h1,
.enhance-table .full-width-table table h2,
.enhance-table .full-width-table table h3,
.enhance-table .full-width-table table h4,
.enhance-table .full-width-table table h5,
.enhance-table .full-width-table table h6,
.enhance-table .full-width-table table span {
    /* color: #fff; */
}

.enhance-table table .dot-div {
    float: left;
}

/* table style end */

/* db tab style start */
.db-tab-style .vertical-tab .nav-link {
    background: #fff6f6cc;
    background-color: rgba(141, 143, 144, 0.2);
    /* color: #fff; */
}

.db-tab-style .nav-tabs--left .nav-link.active {
    box-shadow: 1px 1px 0px var(--color-primary) !important;
    font-family: "Nunito Bold" !important;
    border-left: 3px solid var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary);
    background: #fff;
}

.db-tab-style .tab-common-left-content-m.cmn-bdr {
    border-color: var(--color-primary) !important;
}

.db-tab-style .tab-common-left-md .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 8px;
}

.db-tab-style .tab-common-left-md .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

/* db tab style end */
.md-row .top-ten-risk-db {
    border-radius: 45px;
}

.md-row .slider-db-top-ten-sec .item .top-ten-risk-db:nth-child(even) {
    background: #eaf4ff;
}

.box-db-new {
    border-radius: 10px;
}

.db-tab-style .tab-common-left-content-m.cmn-bdr {
    border-radius: 0 10px 10px 0;
}

.db-tab-style .vertical-tab .nav-link {
    border-radius: 10px 0 0 10px;
    margin-bottom: 5px;
    box-shadow: 1px 2px 2px #b8b8b8;
}

.db-tab-style .vertical-tab .nav-link.active {
    box-shadow: 1px 2px 2px #b8b8b8;
}

.db-tab-style .issues-tab.cmn-bdr-top {
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}

.new-form-menu .head-drop-new {
    background: var(--color-primary);
}

.new-form-menu .dropdown-list-group li:hover img {
    filter: brightness(10%) opacity(80%) !important;
    opacity: 0.6;
}

.new-progress-circle-5 .progress-circle.over50 .first50-bar {
    border-color: var(--color-primary);
}

.choose-field-block li a.active,
.choose-field-block li a:hover {
    border-color: var(--color-primary);
}

.choose-field-block li a,
.choose-field-block li a:hover h5,
.choose-field-block li a:hover i {
    color: var(--color-primary);
}

/* fixed color start */

.btn-red {
    background: #c6001d !important;
    border-color: #c6001d !important;
    color: #fff !important;
}

.btn-red:hover {
    background: #c6001d !important;
    border-color: #c6001d !important;
    opacity: 0.9;
}

.btn-gray {
    background: #cbd6e2 !important;
    border-color: #cbd6e2 !important;
    color: #33475b !important;
}

.btn-gray:hover {
    background: #cbd6e2 !important;
    border-color: #cbd6e2 !important;
    color: #33475b !important;
    opacity: 0.9;
}

.btn-accept {
    background: #128d4f !important;
    border-color: #128d4f !important;
}

.btn-accept:hover {
    background: #128d4f !important;
    border-color: #128d4f !important;
}

.btn-reject {
    background: #da2002 !important;
    border-color: #da2002 !important;
}

.btn-reject:hover {
    background: #da2002 !important;
    border-color: #da2002 !important;
}

.btn-orange {
    background: #ff8b17 !important;
    border-color: #ff8b17 !important;
    color: #fff !important;
}

.btn-orange:hover {
    background: #ff8b17 !important;
    color: #fff !important;
    opacity: 0.9;
}

.btn-green {
    background: #3db472 !important;
    border-color: #3db472 !important;
    color: #fff !important;
}

.btn-green:hover {
    background: #3db472 !important;
    border-color: #3db472 !important;
    color: #fff !important;
    opacity: 0.9;
}

.btn-yellow {
    background: #ddc205 !important;
    border-color: #ddc205 !important;
    color: #fff !important;
}

.btn-yellow:hover {
    background: #ddc205 !important;
    border-color: #ddc205 !important;
    color: #fff !important;
    opacity: 0.9;
}

.btn-green-hov {
    border-color: #3db472 !important;
    color: #3db472 !important;
}

.btn-green-hov:hover {
    background: #3db472 !important;
    border-color: #3db472 !important;
    color: #fff !important;
}

.btn-green-hov.active {
    background: #3db472 !important;
    border-color: #3db472 !important;
    color: #fff !important;
}

.btn-red-hov {
    border-color: #c6001d !important;
    color: #c6001d !important;
}

.btn-red-hov:hover {
    background: #c6001d !important;
    border-color: #c6001d !important;
    color: #fff !important;
}

.btn-red-hov.active {
    background: #c6001d !important;
    border-color: #c6001d !important;
    color: #fff !important;
}

.btn-yellow-hov {
    border-color: #ddc205 !important;
    color: #ddc205 !important;
}

.btn-yellow-hov:hover {
    background: #ddc205 !important;
    border-color: #ddc205 !important;
    color: #fff !important;
}

.btn-yellow-hov.active {
    background: #ddc205 !important;
    border-color: #ddc205 !important;
    color: #fff !important;
}

.btn-orange-hov {
    border-color: #ffa500 !important;
    color: #ffa500 !important;
}

.btn-orange-hov:hover {
    background: #ffa500 !important;
    border-color: #ffa500 !important;
    color: #fff !important;
}

.btn-orange-hov.active {
    background: #ffa500 !important;
    border-color: #ffa500 !important;
    color: #fff !important;
}

.btn-light-green-hov {
    border-color: #0dbf00 !important;
    color: #0dbf00 !important;
}

.btn-light-green-hov:hover {
    background: #0dbf00 !important;
    border-color: #0dbf00 !important;
    color: #fff !important;
}

.btn-light-green-hov.active {
    background: #0dbf00 !important;
    border-color: #0dbf00 !important;
    color: #fff !important;
}

.btn-light-green {
    background: #0dbf00 !important;
    border-color: #0dbf00 !important;
    color: #fff !important;
}

.btn-light-green:hover {
    background: #0dbf00 !important;
    border-color: #0dbf00 !important;
    color: #fff !important;
    opacity: 0.8;
}

body .header-back-line::after {
    border-top: 1px solid #cccccc !important;
}

.draft-tag-red {
    color: #ff0505 !important;
    border-color: #ff0505 !important;
}

.draft-tag-red:before {
    border-color: #ff0505 !important;
}

.draft-tag-red:after {
    border-color: #ff0505 !important;
    background: #ff0505 !important;
}

.draft-tag-green {
    color: #22b112 !important;
    border-color: #22b112 !important;
}

.draft-tag-green:before {
    border-color: #22b112 !important;
}

.draft-tag-green:after {
    border-color: #22b112 !important;
    background: #22b112 !important;
}

.draft-tag-yellow {
    color: #ffdf00 !important;
    border-color: #ffdf00 !important;
}

.draft-tag-yellow:before {
    border-color: #ffdf00 !important;
}

.draft-tag-yellow:after {
    border-color: #ffdf00 !important;
    background: #ffdf00 !important;
}

.draft-tag-orange {
    color: #f7941d !important;
    border-color: #f7941d !important;
}

.draft-tag-orange:before {
    border-color: #f7941d !important;
}

.draft-tag-orange:after {
    border-color: #f7941d !important;
    background: #f7941d !important;
}

.draft-tag-violet {
    color: #df20df !important;
    border-color: #df20df !important;
}

.draft-tag-violet:before {
    border-color: #df20df !important;
}

.draft-tag-violet:after {
    border-color: #df20df !important;
    background: #df20df !important;
}

.draft-tag-blue {
    color: #0000ff !important;
    border-color: #0000ff !important;
}

.draft-tag-blue:before {
    border-color: #0000ff !important;
}

.draft-tag-blue:after {
    border-color: #0000ff !important;
    background: #0000ff !important;
}

/* fixed color end */

.filter-fill .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #383838;
}

/*  color overlay report page  */

.transparent-box-bg {
    display: inline-block;
    padding: 15px;
    background: #08f3;
}

/* edit profile custom */

.browse-form-pic2 {
    width: 100%;
    height: 170px;
    margin: 0 auto;
    background-size: 100% 100% !important;
    display: flex;
    align-items: center;
    vertical-align: middle;
    padding: 15px;
    border: none !important;
}

/* menu width Increase */

.main-menu-active #sidebar-wrapper-menu {
    width: 350px !important;
}

.menu-collape-area ul li a {
    width: 350px !important;
}

#sidebar-wrapper-menu.active {
    width: 350px;
}

.table tr td {
    padding: 5px 5px;
    /* position: relative; */
}

.table tr th {
    padding: 4px 4px;
    /* position: relative; */
}

.hl-plan-head-six.plus-acgg-width-cmn {
    padding-left: 35px !important;
}

.hl-plan-head-sixthe-right-sec {
    padding-left: 22px;
}

.head-day-sec li {
    margin: 0;
}

/* .hl-plan-head-sixthe-head {
    max-width: 530px;
}  */

/* rtl theme style start */

html[dir="rtl"] .slider-user-guide-menu-main .slider-user-guide-menu .nav .nav-item:first-child .nav-link {
    border-left-color: var(--color-primary);
}

html[dir="rtl"] .slider-user-guide-menu-main .slider-user-guide-menu .nav .nav-item .nav-link:before {
    border-right-color: var(--color-primary);
}

html[dir="rtl"] .slider-user-guide-menu-main .slider-user-guide-menu .nav .nav-item .nav-link.active:after {
    border-right-color: var(--color-primary) !important;
}

html[dir="rtl"] .tag-data-input-select-box:after {
    border-right: 10px solid var(--color-primary);
}

html[dir="rtl"] .slider-user-guide-menu-main .slider-user-guide-menu .nav .nav-item .nav-link.active.visited:after {
    border-right-color: var(--color-primary) !important;
}

html[dir="rtl"]
    .relative
    .slider-user-guide-menu-main
    .slider-user-guide-menu
    .nav
    .nav-item
    .nav-link.active.visited:after {
    border-right-color: var(--color-primary) !important;
}

html[dir="rtl"] .slider-user-guide-menu-main .slider-user-guide-menu .nav .nav-item .nav-link.active.visited:before {
    border-right-color: var(--color-primary) !important;
}

html[dir="rtl"] .head-day-sec li {
    float: right;
}

html[dir="rtl"] .hl-plan-head-six.plus-acgg-width-cmn {
    padding-right: 32px !important;
    padding-left: inherit !important;
}

html[dir="rtl"] .hl-plan-head-sixthe-right-sec {
    padding-right: 30px;
    padding-left: inherit;
}

html[dir="rtl"] .plus-acgg-width .hl-plan-head-six:after {
    border-left: none;
    border-right: 1px solid #bac8d8 !important;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 10000px;
}

html[dir="rtl"] .plus-accordion .panel-default > .panel-heading a[aria-expanded="true"]:after {
    right: 0;
}

html[dir="rtl"] .plus-accordion .head-plus-acdg {
    padding-left: none;
    padding-right: 15px;
}

html[dir="rtl"] .click-text-plus {
    padding-left: none;
    padding-right: 20px;
}

.plus-accordion .head-text-hl-acd {
    padding-left: none;
    padding-right: 5px;
}

.list-number-hl {
    float: right;
    min-width: 22px;
}

html[dir="rtl"] .Preview-block .remember-txt {
    padding-left: 0;
    padding-right: 5px !important;
}

html[dir="rtl"] .tab-same-height.db-tab-style .nav-tabs--left .nav-link.active {
    box-shadow: 1px 1px 0 var(--color-primary);
    border-right: 3px solid !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary);
    box-shadow: -1px 2px 2px var(--color-primary) 8f !important;
}

html[dir="rtl"] .two-line-height-page-tab {
    margin-top: 125px;
}

html[dir="rtl"] .two-line-height-page-tab .organization-multi-stup-form .step {
    height: 80px;
}

.btn-clr-select .ng-select.ng-select-opened > .ng-select-container {
    border-color: var(--color-primary);
}

.btn-clr-select .ng-select .ng-select-container:after {
    color: var(--color-primary) !important;
}

.btn-clr-select .ng-select .ng-select-container .ng-value-container,
.btn-clr-select .ng-select .ng-select-container .ng-value-container .ng-value {
    color: var(--color-primary);
}

.btn-clr-select .ng-select .ng-select-container:hover {
    background: var(--color-primary);
}

.btn-clr-select .ng-select .ng-select-container:hover .ng-value-container .ng-placeholder {
    color: #fff;
}

.btn-clr-select .ng-select .ng-select-container:hover .ng-value-label {
    color: #fff;
}

.new-multi-accordion.user-details-page.kpi-colored-accordion .user-settings .card .card-header .card-link {
    background: #8d6c30 !important;
    color: #fff;
    padding: 10px 15px;
}

.kpi-colored-accordion .card-header a:before {
    color: #fff;
}

.kpi-colored-accordion.multi-color-bg-accordion.user-details-page .user-settings .card {
    border-color: #8d6c30 !important;
    background: transparent !important;
}

.kpi-colored-accordion.multi-color-bg-accordion.user-details-page .user-settings .card .card-body.card-body {
    background: #fff7e9 !important;
}

.kp-score-chart-box {
    border: 1px solid #8d6c30;
    background: #fff;
    border-radius: 10px;
    min-height: 200px;
}

.kp-score-chart-box .title-block {
    border-bottom: 1px solid #8d6c30;
}

.kpi-grid-chart img {
    max-width: 145px !important;
}

.modal-full .user-details-show-pop .modal-dialog .close {
    opacity: 0.7 !important;
}

.modal-full .user-details-show-pop .modal-dialog {
    min-height: auto;
}

/* Status Color */

.bg-green {
    background: #92d050 !important;
}

.bg-light-green {
    background: #ffff00 !important;
}

.bg-yellow {
    background: #ffc000 !important;
}

.bg-red {
    background: #ff0000 !important;
}

.green-dot {
    color: #92d050;
    background: #e8f9d6;
}

.light-green-dot {
    color: #dcdc00;
    background: #f9f9d1;
}

.yellow-dot {
    color: #ffc000;
    background: #fff3cf;
}

.red-dot {
    color: #ff0000;
    background: #fff6f5;
}

/* rtl theme style end */

.icon-bg {
    display: flex;
    width: 48px;
    height: 48px;
    background: var(--color-primary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
}

.employee-list {
    overflow: auto;
    max-height: 290px;
}

.employee-list .employee-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f5f6f7a3;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.cmn-head-style.patrols-count {
    font-weight: bolder;
    color: var(--color-primary);
    font-size: 26px;
    line-height: 1;
}

.employee-list .first-letter {
    width: 2rem;
    height: 2rem;
    background: rgb(173 154 127 / 100%);
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.employee-heading {
    font-weight: 600;
    font-size: 16px;
    color: #33475b;
}

.grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

.grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

.grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

.grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

.blue-dot {
    color: #2563eb;
    background: #f2f6ff;
}
.blue-dot .icon-bg {
    background: #2563eb;
}

.green-dot {
    color: #16a34a;
    background: #f0fdf4;
}
.green-dot .icon-bg {
    background: #16a34a;
}

.grey-dot {
    color: #33475b;
    background: #f9f9fa;
}

.orange-dot .icon-bg {
    background: #ff8115;
}

.red-dot .icon-bg {
    background: #ff0000;
}
.event-types-list {
    color: #33475b;
    background: #f9f9fa;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.event-types-list:last-child {
    margin-bottom: 0px;
}

.circle-item {
    width: 20px;
    height: 20px;
    display: flex;
    background: black;
    border-radius: 50%;
}
.system-status-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 10px;
}
.system-status-item :last-child {
    margin-bottom: 0px;
}
.text-red {
    color: red;
}
.text-green {
    color: #16a34a;
}
.text-orange {
    color: #ff8115;
}
.text-primary-color {
    color: var(--color-primary);
}

/* Layout */
.doe .dashboard {
    display: flex;
    gap: 15px;
}

/* Card */
.doe .card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    border-top: 4px solid transparent;
    flex: 1;
}

/* Card Variants */
.doe .card.card--success {
    border-color: var(--color-success);
}

.doe .card.card--info {
    border-color: var(--color-info);
}

.doe .card.card--warning {
    border-color: var(--color-warning);
}

/* Card Content */
.card__value {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}

.card--success .card__value {
    color: var(--color-success);
}

.card--info .card__value {
    color: var(--color-info);
}

.card--warning .card__value {
    color: var(--color-warning);
}

.card__value-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.card__trend {
    font-size: 14px;
    font-weight: 600;
}

.card__trend--down {
    color: var(--color-danger);
}

.card__title {
    margin-top: 6px;
    color: #374151;
}

/* Badge */
.dashboard .card .badge {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 20px;
}

/* Badge Variants */
.badge--success {
    color: var(--color-success);
    background-color: #e7f8f0;
}

.badge--info {
    color: var(--color-info);
    background-color: #eaf1ff;
}

.badge--warning {
    color: var(--color-warning);
    background-color: #fff3df;
}

/* Card */
.progress-card {
}

.progress-card__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Objective */
.objective {
    margin-bottom: 18px;
}

.objective:last-child {
    margin-bottom: 0;
}

.objective__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.objective__label {
    font-size: 14px;
    font-weight: 600;
}

.objective__label em {
    font-style: normal;
    font-weight: 400;
    color: #6b7280;
    margin-left: 4px;
}

.objective__value {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

/* Progress Bar */
.progress-bar {
    width: 100%;
    height: 10px;
    background-color: #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}

.progress-bar__fill {
    display: block;
    height: 100%;
    border-radius: 6px;
}

/* Color Variants */
.progress-bar__fill--orange {
    background-color: var(--color-warning);
}

.progress-bar__fill--green {
    background-color: var(--color-success);
}

/* Layout */
.status-dashboard {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    gap: 16px;
}

/* Card */
.status-card {
    padding: 20px 24px;
    border-radius: 10px;
    border: 2px solid transparent;
    background-color: #f9fafb;
    flex: 1;
}

/* Title */
.status-card__title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Value */
.status-card__value {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 4px;
}

/* Label */
.status-card__label {
    font-size: 14px;
    color: #6b7280;
}

/* Variants */
.status-card--danger {
    background-color: #fff1f2;
    border-color: var(--color-danger);
}

.status-card--danger .status-card__value {
    color: var(--color-danger);
}

.status-card--warning {
    background-color: #fff7ed;
    border-color: var(--color-warning);
}

.status-card--warning .status-card__value {
    color: var(--color-warning);
}

.status-card--info {
    background-color: #f0f9ff;
    border-color: var(--color-info);
}

.status-card--info .status-card__value {
    color: var(--color-info);
}

/* ---------------- Wide KPI Card ---------------- */
.kpi-wide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-left: 5px solid transparent;
}

.kpi-wide--primary {
    border-left-color: #0ea5e9;
}

.kpi-wide__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.kpi-wide__value {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.kpi-wide__number {
    font-size: 32px;
    font-weight: 700;
    color: #0ea5e9;
}

.kpi-wide__unit {
    font-size: 16px;
    font-weight: 600;
    color: #0ea5e9;
}

.kpi-wide__subtitle {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 6px;
}

.kpi-wide__trend {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.kpi-wide__trend--up {
    color: #22c55e;
}

.kpi-wide__icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 50%;
    background-color: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

/* ---------------- Metric Cards ---------------- */
.metric-card {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-top: 4px solid transparent;
}

.metric-card--primary {
    border-top-color: #6366f1;
}

.metric-card--danger {
    border-top-color: #ef4444;
}

.metric-card--success {
    border-top-color: #22c55e;
}

.metric-card__value-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.metric-card__value {
    font-size: 36px;
    font-weight: 700;
}

.metric-card--primary .metric-card__value {
    color: #6366f1;
}

.metric-card--danger .metric-card__value {
    color: #ef4444;
}

.metric-card--success .metric-card__value {
    color: #22c55e;
}

.metric-card__trend {
    font-size: 14px;
    font-weight: 600;
}

.metric-card__trend--up {
    color: #16a34a;
}

.metric-card__trend--down {
    color: #dc2626;
}

.metric-card__title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* Badges */
.metric-card__badge {
    display: inline-block;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 20px;
}

.metric-card__badge--primary {
    background-color: #eef2ff;
    color: #6366f1;
}

.metric-card__badge--danger {
    background-color: #fee2e2;
    color: #ef4444;
}

.metric-card__badge--success {
    background-color: #dcfce7;
    color: #22c55e;
}

.flex-1 {
    flex: 1;
}

/* Card */
.enablers-card {
    padding: 0;
    margin: 0;
}

/* Initiatives */
.initiatives__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

/* Initiative Item */
.initiative {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 16px;
}

.initiative:last-child {
    margin-bottom: 0;
}

.initiative__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.initiative__label {
    font-size: 14px;
    font-weight: 500;
}

.initiative__status {
    display: flex;
    gap: 8px;
}

/* Progress Bar */
.enablers-card .progress-bar {
    width: 100%;
    height: 8px;
    background-color: #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}

.enablers-card .progress-bar__fill {
    height: 100%;
    background-color: #ec4899;
    border-radius: 6px;
}

/* Badges */
.enablers-card .badge {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    white-space: nowrap;
}

.enablers-card .badge--danger {
    background-color: #fee2e2;
    color: #dc2626;
}

.enablers-card .badge--success {
    background-color: #dcfce7;
    color: #16a34a;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--color-primary) !important;
}