/* -- Main Color -- */
    /* theme-nifty.min.css */
    .searchbox .custom-search-form .input-group-btn:before,
    .pace .pace-activity {
        background-color: var(--plasma-cloud-main-color);
    }

    ::selection {
        background-color: var(--plasma-cloud-main-color);
    }
    ::-moz-selection {
        background-color: var(--plasma-cloud-main-color);
    }
    .pace .pace-progress-inner {
        box-shadow: 0 0 10px var(--plasma-cloud-main-color), 0 0 5px var(--plasma-cloud-main-color);
    }
    #mainnav-menu > li > a:hover,
    #mainnav-menu > li > a:active {
        color: var(--plasma-cloud-main-color);
    }
    #mainnav-menu > li > a.hover {
        color: var(--plasma-cloud-main-color);
    }
    #mainnav-menu > .active-link > a,
    #mainnav-menu > .active-link > a:hover {
        background-color: var(--plasma-cloud-main-color);
    }
    #mainnav-menu > .active-sub > a,
    #mainnav-menu > .active-sub > a:hover {
        background-color: var(--plasma-cloud-main-color);
    }
    #mainnav-menu > .active-sub .active-sub > a,
    #mainnav-menu > .active-sub .active-sub > a:hover {
        color: var(--plasma-cloud-main-color);
    }
    #mainnav-menu .active:not(.active-sub) > a {
        color: var(--plasma-cloud-main-color);
    }
    #mainnav-menu > li > a:not(.active):hover i {
        color: var(--plasma-cloud-main-color) !important;
    }
    #mainnav-menu ul a:hover,
    #mainnav-menu ul ul a:hover,
    #mainnav-menu ul .active-link a,
    .menu-popover .sub-menu ul a:hover,
    .menu-popover .sub-menu ul ul a:hover,
    .menu-popover .sub-menu ul .active-link a {
        color: var(--plasma-cloud-main-color);
    }
    #container.mainnav-sm #mainnav-menu > .active-link > a,
    #container.mainnav-sm #mainnav-menu > .active-link a:hover,
    #container.mainnav-sm #mainnav-menu > .active-sub > a,
    #container.mainnav-sm #mainnav-menu > .active-sub a:hover {
        background-color: var(--plasma-cloud-main-color);
    }
    #mainnav-shortcut .shortcut-wrap .shortcut-grid:hover > .icon-wrap {
        background-color: var(--plasma-cloud-main-color);
    }
    @media (min-width: 768px) {
        #container.mainnav-sm ul:not(.shortcut-wrap) .shortcut-grid:hover,
        #container.mainnav-sm .popover.mainnav-shortcut {
            color: var(--plasma-cloud-main-color);
        }
        #container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
            color: var(--plasma-cloud-main-color);
        }
        #container.mainnav-sm #mainnav .mainnav-widget .hover {
            color: var(--plasma-cloud-main-color);
        }
        .menu-popover .sub-menu ul ul > li > a:hover {
            color: var(--plasma-cloud-main-color);
        }
        .menu-popover .sub-menu ul a:hover {
            color: var(--plasma-cloud-main-color);
        }
        .menu-popover .single-content {
            color: var(--plasma-cloud-main-color);
        }
        .menu-popover.popover {
            color: var(--plasma-cloud-main-color);
        }
        .menu-popover > .popover-title {
            color: var(--plasma-cloud-main-color);
        }
    }
    .mainnav-sm .popover.mainnav-shortcut {
        color: var(--plasma-cloud-main-color);
    }
    #aside-container #aside .nav-tabs li > a:before {
        background: var(--plasma-cloud-main-color);
    }
    #aside-container #aside .nav-tabs .active a:before {
        background: var(--plasma-cloud-main-color);
    }
    .select select:focus {
        border-color: var(--plasma-cloud-main-color);
    }
    .form-control:focus {
        border-color: var(--plasma-cloud-main-color);
    }
    .textbox-with-close input + .textbox-close-icon {
        color: var(--plasma-cloud-main-color);
    }
    .list-group-item.active,
    .list-group-item.active:hover,
    .list-group-item-action:hover,
    .list-group-item-action:hover a,
    .list-group-item.active:focus {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
    }
    .dropdown-menu:not(.head-list) > li > a:hover {
        background-color: var(--plasma-cloud-main-color) !important;
    }
    .pager li > a:active {
        background-color: var(--plasma-cloud-main-color) !important;
    }
    .pager li > a:hover,
    .pager li > a:focus {
        border-color: var(--plasma-cloud-main-color);
        color: var(--plasma-cloud-main-color);
    }
    .pagination > li.page-item a.page-link:hover,
    .pagination > li.page-item a.page-link:focus {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
        color: #FFF;
        box-shadow: inset 0 0 1px var(--plasma-cloud-main-color);
    }
    .pagination > .page-item.active > a.page-link,
    .pagination > .page-item.active > span,
    .pagination > .page-item.active > a.page-link:hover,
    .pagination > .page-item.active > span:hover,
    .pagination > .page-item.active > a.page-link:focus,
    .pagination > .page-item.active > span:focus {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
    }
    .panel-primary .panel-heading,
    .panel-primary .panel-footer,
    .panel-primary.panel-colorful {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
    }
    .magic-radio + label:hover:before,
    .magic-checkbox + label:hover:before {
        border-color: var(--plasma-cloud-main-color);
    }
    .magic-checkbox:checked + label:before {
        background: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
    }
    .magic-radio + label:after {
        background: var(--plasma-cloud-main-color);
    }
    .magic-radio:checked + label:before {
        border-color: var(--plasma-cloud-main-color);
    }
    .alert-primary,
    .btn-primary {
        border-color: var(--plasma-cloud-main-color) !important;
    }
    .label-primary,
    .badge-primary,
    .progress-bar-primary,
    .alert-primary,
    .bg-primary {
        background-color: var(--plasma-cloud-main-color);
        color: #fff;
    }
    .scroll-top.in {
        background-color: var(--plasma-cloud-main-color);
    }
    body .chosen-container-multi .chosen-choices li.search-choice,
    body .chosen-container .chosen-results li.highlighted {
        background-color: var(--plasma-cloud-main-color);
    }
    body
        .select2-container--default
        .select2-results__option[aria-selected="true"]:hover,
    body
        .select2-container--default
        .select2-selection--multiple
        .select2-selection__choice,
    body
        .select2-container--default
        .select2-results__option--highlighted[aria-selected] {
        background-color: var(--plasma-cloud-main-color);
    }
    body
        .select2-container--default
        .select2-selection--multiple
        .select2-selection__choice {
        border-color: var(--plasma-cloud-main-color);
    }
    body .datepicker-switch {
        color: var(--plasma-cloud-main-color);
    }
    body .datepicker table tr td span.active.active,
    body .datepicker table tr td span.active.disabled.active,
    body .datepicker table tr td span.active.disabled:active,
    body .datepicker table tr td span.active.disabled.active:hover,
    body .datepicker table tr td span.active.disabled:hover:active,
    body .datepicker table tr td span.active:active,
    body .datepicker table tr td span.active.active:hover,
    body .datepicker table tr td span.active:hover:active,
    body .datepicker table tr td.active.active,
    body .datepicker table tr td.active.highlighted.active,
    body .datepicker table tr td.active.highlighted:active,
    body .datepicker table tr td.active:active,
    body .datepicker table tr td.selected,
    body .datepicker table tr td.selected.highlighted {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
    }
    body .noUi-connect {
        background: var(--plasma-cloud-main-color);
    }
    body .noUi-handle {
        background: var(--plasma-cloud-main-color);
    }
    body .fixed-table-container tbody .selected td,
    body #container .table.dataTable tbody tr.selected {
        background-color: var(--plasma-cloud-main-color);
    }
    body .jstree-default .jstree-clicked {
        background-color: var(--plasma-cloud-main-color) !important;
    }
    body .dd-dragel .dd-content,
    body .dd-dragel > .dd-item .dd-handle {
        background-color: var(--plasma-cloud-main-color);
    }
    body .dd-outline:hover,
    body .dd-dashed:hover {
        border-color: var(--plasma-cloud-main-color);
    }
    @keyframes dd-update {
        1% {
            color: #fff;
            background-color: var(--plasma-cloud-main-color);
        }
        100% {
            background-color: #fff;
        }
    }
    @keyframes dd-dragging {
        1% {
            background-color: #fff;
            box-shadow: none;
        }
        100% {
            background-color: var(--plasma-cloud-main-color);
            color: #fff;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
        }
    }

    /* extra.css */
    #mainnav-menu > li > a:hover {
        color: var(--plasma-cloud-main-color) !important;
    }
    #mainnav-menu > .active-link > a,
    #mainnav-menu > .active-link > a:hover,
    #mainnav-menu > .active-sub > a,
    #mainnav-menu > .active-sub > a:hover {
        background-color: var(--plasma-cloud-main-color) !important;
    }
    #my_services-content a.external-link,
    #overview-content a.external-link {
        color: var(--plasma-cloud-main-color);
    }
    .status-icons i.icon-inprogress {
        color: var(--plasma-cloud-main-color);
    }
    .block-usage-site span {
        color: var(--plasma-cloud-main-color);
    }
    #ie-notification {
        border: 2px solid var(--plasma-cloud-main-color);
    }
    .camera-viewer .video-container a {
        color: var(--plasma-cloud-main-color);
        border: 1px solid var(--plasma-cloud-main-color);
    }
    .camera-viewer .video-container a {
        color: var(--plasma-cloud-main-color);
        border: 1px solid var(--plasma-cloud-main-color);
    }
    .camera-viewer .video-container a.active {
        background-color: var(--plasma-cloud-main-color);
    }
    .icon-inprogress {
        color: var(--plasma-cloud-main-color);
    }
    .icon-firmware {
        color: var(--plasma-cloud-main-color) !important;
    }
    .status-icons i.icon-wifi-off {
        color: var(--plasma-cloud-main-color);
    }
    .map-wifi-rf-label-content {
        background-color: var(--plasma-cloud-main-color);
    }
    .client-signal-strength.client-signal-strength-1 svg #bar-1 {
        fill: var(--plasma-cloud-main-color);
    }
    .client-signal-strength.client-signal-strength-2 svg #bar-1,
    .client-signal-strength.client-signal-strength-2 svg #bar-2 {
        fill: var(--plasma-cloud-main-color);
    }
    .client-signal-strength.client-signal-strength-3 svg #bar-1,
    .client-signal-strength.client-signal-strength-3 svg #bar-2,
    .client-signal-strength.client-signal-strength-3 svg #bar-3 {
        fill: var(--plasma-cloud-main-color);
    }
    .client-signal-strength.client-signal-strength-4 svg #bar-1,
    .client-signal-strength.client-signal-strength-4 svg #bar-2,
    .client-signal-strength.client-signal-strength-4 svg #bar-3,
    .client-signal-strength.client-signal-strength-4 svg #bar-4 {
        fill: var(--plasma-cloud-main-color);
    }
    .client-signal-strength.client-signal-strength-5 svg #bar-1,
    .client-signal-strength.client-signal-strength-5 svg #bar-2,
    .client-signal-strength.client-signal-strength-5 svg #bar-3,
    .client-signal-strength.client-signal-strength-5 svg #bar-4,
    .client-signal-strength.client-signal-strength-5 svg #bar-5 {
        fill: var(--plasma-cloud-main-color);
    }
    #backend-message {
        background-color: var(--plasma-cloud-main-color);
    }
    .tt-suggestion.tt-selectable:hover, .tt-suggestion.tt-selectable.tt-cursor {
        background-color: var(--plasma-cloud-main-color);
    }

    /* devices.css */
    #radio_default_vlan.form-check-input:checked {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
    }
    .label-default-vlan {
        color: var(--plasma-cloud-main-color);
    }

    /* settings.css */
    #log-list .list-group-item.active,
    #log-list .list-group-item.active:hover,
    #log-list .list-group-item.active:focus {
        background-color: var(--plasma-cloud-main-color) !important;
    }

    .schedules .schedule-card.active:before {
        border: 4px solid var(--plasma-cloud-main-color);
    }

    /* Additional #6285AE */
    .btn-primary,
    .btn-primary:focus {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color) !important;
    }
    .row-data.hover {
        background-color: var(--plasma-cloud-main-color) !important;
    }
    .step-wizard > li > a:hover {
        border-color: var(--plasma-cloud-main-color);
    }
    .step-wizard > li.active > a {
        border-color: var(--plasma-cloud-main-color);
    }
    .step-wizard > li.active > a:hover,
    .step-wizard > li.active > a:focus {
        border-color: var(--plasma-cloud-main-color);
    }
    .step-wizard > li.complite > a {
        border-color: var(--plasma-cloud-main-color);
        background-color: var(--plasma-cloud-main-color);
    }
    .maintenance-window-slot .mw-slot .slots .slot {
        background: var(--plasma-cloud-main-color);
    }
    .settings-form.history-page .maintenance-window-slot .mw-slot .slots .slot {
        background: var(--plasma-cloud-main-color);
    }
    .wifi-band-no-ap-notice i {
        color: var(--plasma-cloud-main-color);
    }

    * {
        scrollbar-color: var(--plasma-cloud-main-color) #fff0 !important;
    }

    /* Chromium scrollbar Fix */
    *::-webkit-scrollbar-thumb {
        background-color: var(--plasma-cloud-main-color);
        border-radius: 10px;
    }
    *::-webkit-scrollbar-track {
        background: #fff0;
    }

    /* Additional: #4b6c92 */
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary:disabled,
    .btn-primary.disabled,
    .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:hover,
    .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:focus,
    .btn-primary:not([class*="btn-active-"]) + .dropdown-menu > .active > a,
    .btn-primary + .dropdown-menu:not(.head-list) > li > a.active,
    .open > .dropdown-toggle.btn-primary,
    .btn-hover-primary:hover,
    .btn-hover-primary:active,
    .btn-hover-primary.active,
    .btn-active-primary.btn:active,
    .btn-active-primary.btn.active,
    .btn-active-primary + .dropdown-menu > li > a:hover,
    .btn-active-primary + .dropdown-menu > li > a:focus,
    .btn-active-primary + .dropdown-menu > .active > a,
    .open .dropdown-toggle.btn.btn-active-primary,
    .btn-group.open .dropdown-toggle.btn.btn-active-primary {
        background-color: var(--plasma-cloud-main-color) !important;
        border-color: var(--plasma-cloud-main-color) !important;
        filter: brightness(1.1);
    }
    .actions-menu > li > a:hover {
        background-color: var(--plasma-cloud-main-color);
        border-color: var(--plasma-cloud-main-color);
        filter: brightness(1.1);
    }
    #settings-menu ul.head-list > li:hover,
    .schedule-actions ul.head-list > li:hover {
        background-color: var(--plasma-cloud-main-color) !important;
        border-color: var(--plasma-cloud-main-color);
        filter: brightness(1.1);
    }
    .mac-address-already-exists-section .description-3 i, .mac-address-rejected-section .note i {
        color: var(--plasma-cloud-main-color);
        filter: brightness(1.1);
    }

    /* Additional #4f7199 */
    .nano > .nano-pane > .nano-slider,
    .pace .pace-progress {
        background-color: var(--plasma-cloud-main-color);
    }

    /* Additional #177bbb */
    .loading > .load3 .loader {
        background: linear-gradient(to right, var(--plasma-cloud-main-color) 10%, rgba(23, 123, 187, 0) 42%);
    }

    /* Additional #8AA4C3 */
    .wifi-chart-title-legends .legend .circle.own {
        background: var(--plasma-cloud-main-color);
    }

/* -- Title Color -- */
    /* nifty.min.css */
    .btn-link {
        color: var(--plasma-cloud-title-color);
    }
    .btn-info:hover,
    .btn-hover-info:hover,
    .btn-hover-info:active,
    .btn-hover-info.active,
    .btn-info:active,
    .btn-active-info.btn:active,
    .btn-active-info.btn.active,
    .btn-active-info + .dropdown-menu > li > a:hover,
    .btn-active-info + .dropdown-menu > li > a:focus,
    .btn-active-info + .dropdown-menu > .active > a,
    .open .dropdown-toggle.btn.btn-active-info,
    .btn-group.open .dropdown-toggle.btn.btn-active-info,
    .btn-info.active,
    .btn-info:disabled,
    .btn-info.disabled,
    .btn-info:not([class*="btn-active-"]) + .dropdown-menu > li > a:hover,
    .btn-info:not([class*="btn-active-"]) + .dropdown-menu > li > a:focus,
    .btn-info:not([class*="btn-active-"]) + .dropdown-menu > .active > a,
    .btn-info + .dropdown-menu:not(.head-list) > li > a.active,
    .open > .dropdown-toggle.btn-info {
        background-color: var(--plasma-cloud-title-color) !important;
        border-color: var(--plasma-cloud-title-color) !important;
    }
    .text-info,
    a.text-info:hover,
    a.text-info:focus {
        color: var(--plasma-cloud-title-color) !important;
    }

    /* extra.css */
    .currency-var {
        color: var(--plasma-cloud-title-color);
    }
    #image-management-modal
        table.tinymce-assets-table
        td.tinymce-assets-col.selected {
        background: var(--plasma-cloud-title-color);
    }
    #image-management-modal table.tinymce-assets-table td.tinymce-assets-col img {
        border: 2px solid var(--plasma-cloud-title-color);
    }
    /* devices.css */
    #advanced-network-settings-form #ssh_public_keys_table:before {
        border: 3px solid var(--plasma-cloud-title-color);
    }

    #device-panel-edit .highlight-setting,
    .select2-container.highlight-setting,
    .form-control.highlight-setting,
    .switchery.switchery-default.highlight-setting,
    .btn.dropdown-toggle.highlight-setting,
    .switchery.switchery-large.highlight-setting,
    .bootstrap-tagsinput.highlight-setting {
        border-color: var(--plasma-cloud-title-color) !important;
    }

    .bord-btm-bold {
        border-bottom: 1px solid var(--plasma-cloud-title-color)80;
    }

    /* add-services-page.css */
    #buy-plan-modal .plans-list .plan-thumbnail input[type="radio"]:checked + label {
        border-color: var(--plasma-cloud-title-color);
    }
    #buy-plan-modal .plans-list .plan-thumbnail input[type="radio"]:checked + label .currency-var {
        color: var(--plasma-cloud-title-color);
    }
    #buy-plan-modal .plans-list .plan-thumbnail input[type="radio"]:checked + label .plan-limit {
        color: var(--plasma-cloud-title-color);
    }
    #buy-plan-modal .calculation-total .total-price {
        color: var(--plasma-cloud-title-color);
    }
    #buy-plan-modal .total-price {
        color: var(--plasma-cloud-title-color);
    }
    /* settings.css */
    .maintenance-window-slot .mw-slot.highlight-setting:after {
        border: 3px solid var(--plasma-cloud-title-color);
    }

/* -- Third Party Color -- */
    /* extra.css */
    .wifi-chart-title-legends .legend .circle {
        background: var(--plasma-cloud-third-party-color);
    }
    .wifi-chart-title-legends .legend .circle.third-party {
        background: var(--plasma-cloud-third-party-color);
    }
    #perdevice-legend .legend .circle {
        background: var(--plasma-cloud-third-party-color);
    }

    /* devices.css */
    #radio_allowed_vlan.form-check-input:checked {
        background-color: var(--plasma-cloud-third-party-color);
        border-color: var(--plasma-cloud-third-party-color);
    }
    .label-allowed-vlan {
        color: var(--plasma-cloud-third-party-color);
    }

    /* Additional #a74954 */
    .map-wifi-rf-label-content.offline {
        background-color: var(--plasma-cloud-third-party-color);
    }

    /* Topology layer 2 - device popup title color */
    .tree-chart-popover .device-info .device-name h4 a {
        color: var(--plasma-cloud-title-color);
    }

    .tree-chart-popover .device-info .device-name h4 a:hover {
        color: var(--plasma-cloud-title-color);
    }

    /* switch details - connected device name color */
    .cell-neighbor-info span.connected-device-name {
        color: inherit;
        cursor: default;
    }
    .cell-neighbor-info.no-redirect-neighbor,
    .cell-neighbor-info.no-redirect-neighbor span {
        cursor: default;
    }

    /* add device popup device name color */
    .mac-address-rejected-section .description .device-name {
        color: var(--plasma-cloud-title-color);
    }

    /* settings.css */
    #log-list a.history-log-item > i {
        background-color: var(--plasma-cloud-third-party-color);
    }