/*---------------- Set Color Root */
:root {
    --bs-primary: #f37123;
    --bs-primary-rgb: 243,113,35;
    --bs-primary-active: #f27228;
    --bs-primary-active-rgb: 242,114,40;
    --bs-primary-dark: #dd6018;
    --bs-primary-dark-rgb: 221,96,24;
}
/*---------------- Setup DT Loader */
.dt-loader:not(:required),
.dt-loader:not(:required):after,
.dt-loader:not(:required):before,
.Box, .Box span{
  border-top-color: var(--bs-primary);
}
/*---------------- Background */
.alert-primary {
    background: rgba(var(--bs-primary-rgb),.05)!important;
    color: var(--bs-primary)!important
}
.alert-primary .alert-heading {
    -webkit-box-shadow: rgba(var(--bs-primary-rgb),.4) 0 6px 15px -7px;
            box-shadow: rgba(var(--bs-primary-rgb),.4) 0 6px 15px -7px
}
.alert-primary .alert-link {
    color: #0c9497!important
}
.alert-primary .btn-close {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f37123'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.75rem auto no-repeat;
    color: var(--bs-primary)!important
}
.bg-light-primary {
    background: rgba(var(--bs-primary-rgb),.05)!important;
    color: var(--bs-primary)!important
}
.avatar.bg-light-primary {
    color: var(--bs-primary)!important
}
.border-primary {
    border: 1px solid var(--bs-primary)!important
}
.border-top-primary {
    border-top: 1px solid var(--bs-primary)
}
.border-bottom-primary {
    border-bottom: 1px solid var(--bs-primary)
}
.border-start-primary {
    border-left: 1px solid var(--bs-primary)
}
.border-end-primary {
    border-right: 1px solid var(--bs-primary)
}
.bg-primary.badge-glow,.border-primary.badge-glow {
    -webkit-box-shadow: 0 0 10px var(--bs-primary);
            box-shadow: 0 0 10px var(--bs-primary)
}
.badge.badge-light-primary {
    background-color: rgba(var(--bs-primary-rgb),.05);
    color: var(--bs-primary)!important
}
.overlay-primary {
    background: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb),.6)
}
.lead-info-heading{
    background: rgba(var(--bs-primary-rgb),.05)
}
/*---------------- Button */
.btn-flat-primary.dropdown-toggle::after,
.btn-outline-primary.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f37123' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")
}
.btn-primary-main,
.btn-primary{
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}
.btn-check:active+.btn-primary-main,.btn-check:checked+.btn-primary-main,.btn-primary-main.active,.btn-primary-main:active,.btn-primary-main:focus,
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.btn-primary:focus {
  color: #fff;
  background-color: var(--bs-primary-active)!important
}
.btn-primary-main:hover:not(.disabled):not(:disabled),
.btn-primary:hover:not(.disabled):not(:disabled) {
  -webkit-box-shadow: 0 8px 25px -8px var(--bs-primary);
          box-shadow: 0 8px 25px -8px var(--bs-primary)
}
.btn-primary-main:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: none;
          box-shadow: none
}

.btn-outline-primary {
  border: 1px solid var(--bs-primary)!important;
  background-color: transparent;
  color: var(--bs-primary);
}
.btn-outline-primary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(var(--bs-primary-rgb),.04);
  color: var(--bs-primary)
}
.btn-outline-primary.show.dropdown-toggle,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled):focus {
  background-color: rgba(var(--bs-primary-rgb),.2);
  color: var(--bs-primary)
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: none;
          box-shadow: none
}
.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-check:focus+.btn-outline-primary,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus{-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),.5);box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),.5);}

.btn-flat-primary.waves-effect .waves-ripple,
.btn-outline-primary.waves-effect .waves-ripple {
    background: radial-gradient(
        rgba(var(--bs-primary-rgb), 0.2) 0,
        rgba(var(--bs-primary-rgb), 0.3) 40%,
        rgba(var(--bs-primary-rgb), 0.4) 50%,
        rgba(var(--bs-primary-rgb), 0.5) 60%,
        rgba(255, 255, 255, 0) 70%
    );
}

.btn-flat-primary {
  background-color: transparent;
  color: var(--bs-primary)
}
.btn-flat-primary:hover {
  color: var(--bs-primary)
}
.btn-flat-primary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(var(--bs-primary-rgb),.05)
}
.btn-flat-primary.active,.btn-flat-primary:active,.btn-flat-primary:focus {
  background-color: rgba(var(--bs-primary-rgb),.2);
  color: var(--bs-primary)
}
/*---------------- Notification */
.notifications-option>ul{
  background-color: rgba(var(--bs-primary-rgb),.12);
}
.notifications-option>ul>li>a{
  color: var(--bs-primary)
}
.notifications-option>ul>li.active>a,
.notifications-option>ul>li>a:active{
  color: var(--bs-primary);
}
.notifications .viewall-notification>a{
  background: rgba(var(--bs-primary-rgb),.12);
  color: var(--bs-primary);
}
.notifications .viewall-notification>a:hover{background: rgba(var(--bs-primary-rgb),.20);}
.notifications .viewall-notification>a:active{
  background: var(--bs-primary);
  color: #fff;
}
.block-content-notifications .notification-box-all.unread,
.block-content-notifications .notification-box.unread{
  background: rgba(var(--bs-primary-rgb),.12);
}
.block-content-notifications .notification-box:hover,
.block-content-notifications .notification-box-all:hover{
  background: rgba(var(--bs-primary-rgb),.20);
}
.block-content-notifications .text-has-action{color: var(--bs-primary);}
/*---------------- Nav */
.nav-link:focus, .nav-link:hover{color: var(--bs-primary);}
.dropdown-item:focus,
.dropdown-item:hover{
  background-color: rgba(var(--bs-primary-rgb),.12);
}
.dropdown-item.active,
.dropdown-item:active{
  background-color: var(--bs-primary);
}
.box-header-menu-w-aside ul>li>ul>li>a:hover,
.box-header-menu-w-aside ul>li>ul>li>a:focus{
  background-color: rgba(var(--bs-primary-rgb),.12);
}
.box-header-menu-w-aside ul>li>ul>li.active>a,
.box-header-menu-w-aside ul>li>ul>li:active>a{
  background-color: var(--bs-primary);
}
.dropdown-menu>li>a.dropdown-item:active,
.dropdown-menu>li>a.dropdown-item:focus,
.dropdown-menu>li>a.dropdown-item:hover{
  background-color: rgba(var(--bs-primary-rgb),.12);
}
.dropdown-menu.dropdown-filter-menu>li.filter-range-date .btn-enable-range-date.active,.dropdown-menu.dropdown-filter-menu>li.filter-range-date .btn-enable-range-date:hover {
    color: var(--bs-primary)
}
.dropdown-menu.dropdown-filter-menu.-end>li.dropdown-submenu>ul>li.active>a,.dropdown-menu.dropdown-filter-menu>li.active>a {
    outline: 0!important;
    color: #fff;
    background-color: var(--bs-primary)
}
.dropdown-menu.dropdown-filter-menu.-end>li.dropdown-submenu>ul>li:hover>a,.dropdown-menu.dropdown-filter-menu>li.active>a:active,.dropdown-menu.dropdown-filter-menu>li.active>a:hover,.dropdown-menu.dropdown-filter-menu>li:active>a,.dropdown-menu.dropdown-filter-menu>li:hover>a {
    color: #fff!important;
    background-color: var(--bs-primary)
}
.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li.active>a,.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li.dropdown-submenu>ul>li.active>a {
    background: var(--bs-white);
    color: var(--bs-body-color)
}
.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li.active>a:active,.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li.active>a:hover,.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li.dropdown-submenu>ul>li:hover>a,.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li:active>a,.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li:hover>a {
    color: var(--bs-primary)!important;
    background-color: rgba(var(--bs-primary-rgb),.12)
}
.dropdown-menu.dropdown-active-with-check.dropdown-filter-menu li.active>a:after {
    content: '\f00c';
    font-weight: 400;
    color: var(--bs-primary);
}
.dropdown-menu.dropdown-active-with-check .dropdown-item.active:active,
.dropdown-menu.dropdown-active-with-check .dropdown-item.active:hover{
  background-color: rgba(var(--bs-primary-rgb),.12);
}
#top_status-options-flat>a:hover,
#top_status-options-flat>a:focus,
#top_status-options-flat>a:active{
  background-color: rgba(var(--bs-primary-rgb),.12);
}
.connectedSortable li:hover,
.connectedSortable li:focus{
  background-color: rgba(var(--bs-primary-rgb),.12) !important;
}
.connectedSortable li.active,
.connectedSortable li:active{
  background-color: var(--bs-primary) !important;
}
.nav-stacked-w-addmore ul li a:hover{color: var(--bs-primary);}
.horizontal-scrollable-tabs .scroller{
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link:active,
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link:focus,
body.overview .header-navbar .navbar-container ul.navbar-nav li.icon>a.nav-link:hover{
  background: rgba(var(--bs-primary-rgb),.05);
}
.comment-item .comment-message .c-username>a:hover {color: var(--bs-primary);}
.main-menu.menu-light .navigation > li.active > a{
  background: linear-gradient(118deg, var(--bs-primary), rgba(var(--bs-primary-rgb), 1));
  -webkit-box-shadow: 0 0 10px 1px rgba(var(--bs-primary-rgb), 1);
          box-shadow: 0 0 10px 1px rgba(var(--bs-primary-rgb), 1);
}
/*------------------------------------ Modal */
.modal-header{
  background: var(--bs-primary);
  background: linear-gradient(118deg, var(--bs-primary), rgba(var(--bs-primary-rgb), .7));
}
/*------------------------------------ Form Check */
.form-check-primary .form-check-input:checked {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary)
}
.form-check-primary .form-check-input:not(:disabled):checked,.form-check-primary .form-check-input:not(:disabled):focus {
    border-color: var(--bs-primary);
    -webkit-box-shadow: 0 2px 4px 0 rgba(var(--bs-primary-rgb),.4);
            box-shadow: 0 2px 4px 0 rgba(var(--bs-primary-rgb),.4)
}
/*------------------------------------ Switch Button */
.onoffswitch-checkbox:checked+.onoffswitch-label{background-color: var(--bs-primary);}
.onoffswitch-checkbox:checked+.onoffswitch-label, .onoffswitch-checkbox:checked+.onoffswitch-label:before{
  border-color: var(--bs-primary);
}
/*------------------------------------ Date Time Picker */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
  background: var(--bs-primary);
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current:hover{
  color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default{
  background: var(--bs-primary);
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{
  background: var(--bs-primary);
  -webkit-box-shadow: var(--bs-primary) 0 1px 3px 0 inset;
          box-shadow: var(--bs-primary) 0 1px 3px 0 inset;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current:hover{
  background: var(--bs-primary);
  color: #fff;
}
/*------------------------------------ Table */
table.mainstyle-datatable#expenses-report-table.table>thead>tr>th{background: var(--bs-primary) !important;}
/*------------------------------------ Datatable */
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
  background-color: var(--bs-primary);
  border: 1px solid rgba(var(--bs-primary-rgb),.9);
}
/*------------------------------------ Report Menu Item */
.report-header-cat-list-item{background: -webkit-gradient( linear, left top, right top, from(var(--bs-primary)), color-stop(99%, rgba(var(--bs-primary-rgb), .7)) );background: linear-gradient( to right, var(--bs-primary), rgba(var(--bs-primary-rgb), .7) 99% );}
/*------------------------------------ Setup Pagination */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: rgba(var(--bs-primary-rgb),.9);
  border-color: rgba(var(--bs-primary-rgb),.9);
}
/*------------------------------------ Setup Progress */
.progress-bar-primary {
    background-color: rgba(var(--bs-primary-rgb),.05)
}
.progress-bar-primary .progress-bar {
    background-color: var(--bs-primary)
}
.progress.lightbg .progress-bar {
    background-color: rgba(var(--bs-primary-rgb),.6);
}
/*------------------------------------ Modules Okrs */
.okrs-action .action-dropdown ul>li>a:hover{background: var(--bs-primary);}
.cog-metric-item .cog-icon,
.goal-display--box.-g-krs .box-action .btn-link,
.goal-display--box.-g-checkins .box-action .btn-link,
.box-xcrm-task .xcrm-task--heading .btn-link,
.comment-post-item .c-post-text .username,
.block-add-follower>.btn-add-follower,
.drive-manager--heading .heading-action,
.drive-manager--heading .heading-action>a,
.team-dept-item .team-dept--header .-title>a,
.drive-manager--list .attachment-post-item:hover .a-post-name>a,
.cycle-settings-item .cs-label .-title>a:hover,
.goal-display-heading .goal-display--action>ul>li>a:hover,
.goal-display--overview .field-value>a:hover,
.list-object-connect a:hover,
.xcrm-timelog-item .timelog-info .timelog-info--message a:hover,
.xcrm-timelog-item .timelog-info .timelog-info--info a:hover,
.comment-post-item .c-post-info>a:hover,
.xcrm-follower--item:hover,
.attachment-post-item .a-post-name>a:hover,
.attachment-post-item .a-post-action>a:hover,
.krs-item .kr--content .info ul>li>a:hover,
.obj-compact-item.-reviews .review-content .-title:hover,
.obj-compact-item.-reviews .review-content .-info>a:hover,
.krc-section.-checkin .krc--title:hover,
.krc-section.-checkin .krc--info>a:hover,
.krc-section.-goal .krc--title>a:hover,
.krc-section.-goal .krc--info a:hover,
.obj-compact-item .oc-label>a:hover,
.okrs-responsibility:hover,
.linked-item .linked--content .content--label>a:hover,
.sidebar-goal-item .goal--title>a:hover,
.sidebar-g-kr-item .g-kr--content .g-kr-content--title>a:hover,
.sidebar-g-team--item .g-team--title>a:hover{color: var(--bs-primary);}
.krs-item .kr--checkins .btn-checkin{
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.goal-display--box.-g-krs .box-action .btn-link:hover,
.goal-display--box.-g-checkins .box-action .btn-link:hover,
.krs-item .kr--checkins .btn-checkin:hover,
.box-xcrm-task .xcrm-task--heading .btn-link:hover,
.block-add-follower>.btn-add-follower:hover{
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}
.goal-display--files-inline .files-item:hover{
  color: var(--bs-primary);
  border-color: rgba(var(--bs-primary-rgb), 0.8);
  background: rgba(var(--bs-primary-rgb), 0.1);
}
.action-detail--navigation>ul>li>a:hover{
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.1);
}
.cog-metric-item .cog-action .okrs-action:hover>a,
.linked-item .linked--selected .btn-selected:hover{
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.modal-style-okrs .form-check-input[type=radio]:checked{
  border-color: var(--bs-primary);
}
.modal-style-okrs .form-check-input[type=radio]:checked:after {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
}
.modal-style-okrs .form-check-input:checked:focus {border-color: var(--bs-primary);}
.modal-style-okrs .form-check-input:checked:focus:before {
  -webkit-box-shadow: 0 0 0 8px var(--bs-primary);
          box-shadow: 0 0 0 8px var(--bs-primary);
}
.action-detail--navigation>ul>li.active>a,
.action-detail--navigation>ul>li.active>a:hover{
  background: var(--bs-primary);
  color: #fff;
}
.box-okrs-target-detail .target-detail--header, .box-okrs-goal-detail .goal-detail--header{
  background-color: var(--bs-primary);
}
.box-okrs-target-detail .target-detail--header.-darked, .box-okrs-goal-detail .goal-detail--header.-darked{
  background-color: var(--bs-primary-dark);
}
.box-okrs-target-detail .target-detail--header .header-close:hover, .box-okrs-goal-detail .goal-detail--header .header-close:hover{
  background: var(--bs-primary-dark);
}
.okrs-progress-wrap .progress-bar .-completed{background-color: var(--bs-primary);}
.custom-checkbox input:checked ~ label:after{border-color: var(--bs-primary);}
.okrs-spacial-tag{
  color: var(--bs-primary);
  border-color: rgba(var(--bs-primary-rgb), 0.25);
}
.okrs-spacial-tag.-primary{
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}
/*------------------------------------ Modules Omni Sales & POS */
.header_pos .form-control,
.header_pos .input-group > .form-control, .header_pos .btn-search,
.horizontal-scrollable-tabs.preview-tabs-top .arrow_left,
.horizontal-scrollable-tabs.preview-tabs-top .arrow_right,
.shipping-address-button .btn,
.row.header_pos,
.frame_1 .product_list_fr .tab-content,
.right_pos .tab-content.cart-tab,
input[name="voucher"],
select[name="client_id"]{
  border-color: var(--bs-primary);
}
.bootstrap-select>.dropdown-toggle{border-color: var(--bs-primary) !important;}
.btn_page.active, .btn_page:active{
  background: var(--bs-primary) !important;
}
.ritem-action .append_left,
.ritem-action .append_right,
.calculator span.equal{
  background: var(--bs-primary);
}
/*------------------------------------ Modules Omni Sales & Portal */
.horizontal-menu .header-navbar .navbar-container .navbar-collapse ul.navbar-nav li.active > a.nav-link{
  background: var(--bs-primary);
  -webkit-box-shadow: 0 0 6px 1px rgba(var(--bs-primary), .6);
          box-shadow: 0 0 6px 1px rgba(var(--bs-primary), .6);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary{
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}
.table.items thead, .table.items thead tr>th{background-color: var(--bs-primary);}
/*------------------------------------ Tags # */
ul.tagit-autocomplete .ui-menu-item-wrapper.ui-state-active,
ul.tagit-autocomplete .ui-menu-item-wrapper:focus,
ul.tagit-autocomplete .ui-menu-item-wrapper:hover{
  background: var(--bs-primary)!important;
  border-color: var(--bs-primary)!important;
}
/*------------------------------------ Select 2 */
.authentication .select2-container--default .select2-results__option--selected{
  background-color: rgba(var(--bs-primary-rgb), 0.12) !important;
}
.authentication .select2-container--default .select2-results__option--selected::after{
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23f37123%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.03%205.72a.75.75%200%20010%201.06l-11.5%2011.5a.75.75%200%2001-1.072-.012l-5.5-5.75a.75.75%200%20111.084-1.036l4.97%205.195L19.97%205.72a.75.75%200%20011.06%200z%22%2F%3E%3C%2Fsvg%3E");
}
/*------------------------------------ Modules Call Center */
.icon_countdown .is-ready{
  background: var(--bs-primary);
}
.lightbox-simple .heading-title{background: var(--bs-primary);}
.lightbox-simple .heading-minimize{
  background: var(--bs-primary-dark);
}
.expanded-popup-phone{
  background: linear-gradient(118deg,var(--bs-primary),rgba(var(--bs-primary-rgb),.7));
}
.box-campaign-step-item .content-header>.card-title{color: var(--bs-primary);}
.box-campaign-step-item section{border-color: var(--bs-primary);}
/*------------------------------------ Modules Omni Channel */
.chat-application .sidebar-content .chat-user-list-wrapper li.active{
  background: linear-gradient(118deg,var(--bs-primary),rgba(var(--bs-primary-rgb),.7));
}
.chat-application .user-profile-sidebar .user-profile-header .profile-tool-action ul>li>a{
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
.chat-application .user-profile-sidebar .user-profile-header .profile-tool-action ul>li>a:hover{
  background-color: rgba(var(--bs-primary-rgb), .05);
}
/*------------------------------------ Modules Internal Chat */
#frame #sidepanel #contacts ul li.contact:hover,
#frame #sidepanel #contacts ul li.contact.active,
#frame #sidepanel .group_selector.active,
#frame #sidepanel .group_selector .group_wrapper:focus,
#frame #sidepanel .group_selector .group_wrapper:active,
#frame #sidepanel .group_selector .group_wrapper:hover{
  background: rgba(var(--bs-primary-rgb), .25);
}
#frame #sidepanel .nav-tabs>li a:hover, #frame #sidepanel .nav-tabs>li.active>a, #frame #sidepanel .nav-tabs>li.active>a:focus, #frame #sidepanel .nav-tabs>li.active>a:hover{
  color: var(--bs-primary) !important;
}
#frame .contact_role,
#shared_user_files:hover,
#frame #groupOptionsIcon:hover,
#frame .group-options-more>button:hover,
#frame .group-options-more>button:active{color: var(--bs-primary);}
#frame .path{stroke: var(--bs-primary);}
#shared_user_files,
#shared_user_files path,
#frame #groupOptionsIcon,
#frame #groupOptionsIcon path{fill: var(--bs-primary);}
.text-body[href]:hover{color: var(--bs-primary);}
body #pusherChat #mainChatId #membersContent a:hover {
  background: rgba(var(--bs-primary-rgb), 0.12) !important;
}
body #pusherChat #mainChatId #membersContent .view-all>a:hover,
body #pusherChat #mainChatId #membersContent .view-all>a:focus{
  background: transparent !important;
}
#pusherChat .chat-footer .view-all>a:hover,
#pusherChat .chat-footer .view-all>a:focus{
  color: var(--bs-primary) !important;
}
#pusherChat .unread-notifications[data-badge]:after{background: var(--bs-primary);}
/*------------------------------------ Client Site */
.modal-create-form .wizard > .steps .current a .number,
.modal-create-form .wizard > .steps .current a:hover .number,
.modal-create-form .wizard > .steps .current a:active .number,
.modal-create-form .radio-btn input:checked+.indicator:before,
.modal-create-form .radio-inline input:checked+.indicator:before,
.page-my-services .block-services-status-license .status-license-item .btn-getlink:hover{
  border-color: var(--bs-primary);
  background: var(--bs-primary);
}
.modal-create-form .wizard > .steps .current a::after,
.modal-create-form .wizard > .steps .current a:hover::after,
.modal-create-form .wizard > .steps .current a:active::after,
.configure-type-success span,
.configure-type-failed span,
.page-my-services .block-services-status-license .form-group label{
  background: var(--bs-primary);
}
.block-configure-content .configure-content--heading li::before{
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active{
  background: var(--bs-primary) !important;
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active{background: #eee !important;}
#progresssing .progress-bar-primary{
  background-color: var(--bs-primary);
}