/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 17, 2021, 4:25:43 PM
    Author     : chand
*/


:root {
  --theme-color: #0a1371;
  --hover-color: #1c2896;
  --light-themecolor:#e2e5ff;
}

/*******Icon css***********/

#allInOneFulfillment .split-icon-btn, .split-icon-btn, .delete-icon-btn,  .icon-svg, .svg-icon div, .svg-icons, .dashboardPillBox:hover .dashboardIcon{
    filter: brightness(0) saturate(100%) invert(10%) sepia(65%) saturate(4206%) hue-rotate(227deg) brightness(85%) contrast(102%) !important;
}

.modal-title{color:#fff !important;}

/*******close Icon css***********/

.top-bar {
    background-color: var(--theme-color) !important;
}

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

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

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: var(--hover-color)!important;
    border-color: var(--hover-color)!important;
}

.login-box .panel .panel-heading {
    background: var(--theme-color) !important;
}

.avb-logo {
    width: 350px;
}

.form-control:focus {
    border-color: var(--hover-color)!important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.dropdown-menu li a:hover {
   background-color: #F5F5F4 !important;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
   background-color: var(--theme-color) !important;
}

/****Help section********/

#footer_wrapper{
    display: none;
}

.remove_dropdown a {
    background-color: var(--theme-color) !important;
}

ul.nav-main > li.nav-expanded > a {
    background: var(--theme-color) !important;
}

ul.nav-main > li > a:hover, ul.nav-main > li > a:focus, ul.nav-main > li > a:active {
    background-color: var(--theme-color) !important;
}

.rightside-button a {
    background: var(--theme-color) !important;
}

.helpCenterHeader {
    background-image: linear-gradient(to right, var(--theme-color), var(--theme-color))!important;
}

span.blue_heading,.guideLink {
    color: var(--theme-color)!important;
}

.inner-wrapper section.content-body .input-group button.btn.btn-default {
    background: var(--theme-color)!important;
    border-color: var(--theme-color)!important;
}

.walkthrough-shown {
    background: var(--theme-color)!important;
}

.dashboardFlexContainer a:hover svg path, .dashboardFlexContainer a:hover svg, .dashboardFlexContainer a:hover svg line, .dashboardFlexContainer a:hover svg circle {
    fill: var(--theme-color)!important;
    stroke: var(--theme-color)!important;
}

.dashboardFlexContainer a:hover > .dashboardPillBox > .dashboardWordsContainer > p {
    color: var(--theme-color)!important;
}

#content-body .stepBox a, .videoContainer a, .docNote a, .facebool-text a{
    color: var(--theme-color)!important;
}

.starmc-tabs .active {
    border-color: var(--hover-color)!important;
}

.starmc-tabs li.active a, .starmc-tabs li.active a:hover, .starmc-tabs li.active a:focus {
   color: var(--theme-color)!important;
}

/****Setting section********/

.modal-header {
    background: var(--theme-color)!important;
}

input:checked + .slider {
    background-color: var(--theme-color)!important;
}

.edit_img {
    color: var(--theme-color)!important;}

/***reborts section********/

.filter-tab .nav-tabs > li.active a {
    background: var(--theme-color)!important;
}

.sidebar-nav .sidebar-brand a {
    background: var(--theme-color)!important;
}

#oReportDiv .a9l, #oReportDiv .a8l, #oReportDiv .a16l, #oReportDiv .a7l, #oReportDiv .a5l{
    color: var(--theme-color)!important;
}

/***Fulfillent section********/

#shipping_subgrid a,  #gridContainer a, #order-div a, #lognote-tab a, #customerpickup-tab a, workflow-tab a, #cd-timeline a{
    color: var(--theme-color)!important;
    border-color: var(--theme-color)!important;
}

#product_grid a{
     color: var(--theme-color)!important;
}

a.split-icon-btn path {
    fill: var(--theme-color)!important;
}
/***Social section********/

.social-new-tab .nav-tabs>li.active>a {
    border-color: var(--theme-color)!important;
    color: var(--theme-color)!important;
}

input[type="checkbox"]:checked ~ .checkbox__icon {
    color: var(--theme-color)!important;
}

.back_btn{
    color: var(--theme-color)!important;
}

#newPOstFooter .back_btn{
    color: #fff !important;
}

.custom_field_edit i {
   color: var(--theme-color)!important;
}

/***Email section********/

.tab .nav-tabs li.active a:after {
    background: var(--theme-color)!important;
    border-color: var(--theme-color)!important;
}

.bal-left-menu-container .bal-nav .bal-left-menu li.bal-menu-item.active {
    color: var(--theme-color)!important;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: var(--theme-color)!important;
}

.tab-variable .bal-elements-accordion li {
   color: var(--theme-color)!important;
}
.bal-left-menu-container .bal-elements .bal-elements-container .bal-elements-list .bal-elements-list-item{background-color: var(--theme-color)!important; color: #ffffff;}
/***Contact section********/

.tabcontainer ul.nav-tabs li.active a{
    background: var(--theme-color)!important;
}

.tabcontainer ul.nav-tabs li a:hover {
    background-color: var(--hover-color)!important;
}

.effect-1:hover {
   color: var(--theme-color)!important;;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    color: var(--theme-color)!important;
}

.dx-popup-content .dx-button .dx-icon {
    color: var(--theme-color)!important;
}

.product-tabs>li.active>a, .product-tabs>li.active>a:focus, .product-tabs>li.active>a:hover {
   border-color: var(--theme-color)!important;
}

.product-section .list-group-item a{
    color: var(--theme-color)!important;
}

.pagination .selected_page {
    background-color: var(--hover-color)!important;
}

#import-map-form a{
     color: var(--theme-color)!important;
}

/***ad tracking section********/

.flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after {
    background-color: var(--hover-color)!important;
}

.form-horizontal .fa-plus-circle {
   color: var(--theme-color)!important;
}

.flat a:before {
    color: var(--theme-color)!important;
}

/***Customer section********/

.add-tip-model #collapsed a:hover, .add-tip-model #collapsed1 a:hover{
    color: #fff !important;
}

.tab .nav-tabs li.active a, .tab .nav-tabs li a:hover {
    background: var(--theme-color)!important;
    border: 1px solid var(--theme-color)!important;
}

.btn.discout-btn{
    color: var(--theme-color)!important;
    background-color: var(--light-themecolor)!important;
    border-color: var(--theme-color)!important;
}

.tab .tab-content {
    border-color: var(--theme-color)!important;
}

.btn-border-theme{    border: 2px dashed var(--theme-color)!important; color: var(--theme-color)!important;}
/***Dashboard section********/

.dx-theme-accent-as-background-color[_ngcontent-c1] {
    border-bottom: 2px solid var(--theme-color)!important;
    color: var(--theme-color)!important;
    filter: brightness(0) saturate(100%) invert(10%) sepia(65%) saturate(4206%) hue-rotate(227deg) brightness(85%) contrast(102%) !important;
}

.menu-item[_ngcontent-c1]:hover {
    border-bottom: 2px solid var(--theme-color)!important;
    color: var(--theme-color)!important;
}

/****Invoice section********/

.top-header {
    background: var(--theme-color)!important;
}

.ADMdtp-box .daysNames span, .ADMdtp-box footer .today {
    color: var(--theme-color)!important;
}

.editable-click, a.editable-click {
    color: var(--theme-color)!important;
    border-color: var(--theme-color)!important;
}

.ADMdtpDays>span>span.today:after{
  border-bottom: 0.7em solid var(--theme-color)!important;
}

.dtp-ig .closeIcon {
     background: var(--theme-color)!important;}

.prd-page ul li{
    background: var(--theme-color)!important;
}

.prd-page ul li.active {
    background: var(--hover-color)!important;
}

.countbtn a{
     color: var(--theme-color)!important;
}

.our_segment .btn, .qty_btn button{
    background: var(--theme-color)!important;
}

.auto-complete-container ul.auto-complete-results li.auto-complete-item:hover {
    background: var(--theme-color)!important;
}

/*******Pos Section************/

.cart-detail .button, .ctrl__button, .button--large {
    background: var(--theme-color)!important;
}

.datalist li.list-item.active{
    background: var(--theme-color);
}

.cart-detail .discount-s .discout-btn{
    color: var(--theme-color)!important;
}

.cart-detail .cart-list .list-item .right{
    color: var(--theme-color)!important;
}

.toolbar-button--material{
     color: var(--theme-color)!important;
}

.payment-type .card .radio-button--material{
     color: var(--theme-color)!important;
}

#internalGiftModal h4 {
   background: var(--theme-color)!important;
}

.qty-sec select, .put{
    border-color: var(--theme-color)!important; 
}

:checked+.tabbar--top-border__button{
    border-color: var(--theme-color)!important; 
}

.subscription-detail h4{background: none !important;}
.subscription-detail

.search-bar .search-input{
    box-shadow: 0px 0px 5px var(--theme-color)!important;
}

:checked+.tabbar__button {
     color: var(--theme-color)!important;
}

:checked+.segment__button {
    background: var(--theme-color)!important;
    color: #fff !important;
}

.segment__button, .button--outline{
     color: var(--theme-color)!important;
     border-color: var(--theme-color)!important; 
     background: none !important;
}

.copy-icon i, .cancelicon, span.remove2 a {
    color: var(--theme-color)!important;
}

.transaction-history .inner-transaction-history .list-item__title, .alert-dialog-button{
    color: var(--theme-color)!important;
}

.button--material{
    background: var(--theme-color)!important;
}

.grid-block.num-calc span a:hover {
     background: var(--theme-color)!important;
     color: #fff !important;
}

.ADMdtp-box footer .calTypeContainer p, .ADMdtp-box footer .timeSelectIcon{
     color: var(--theme-color)!important;
     fill: var(--theme-color)!important;
}

.page__content .button {
    background: var(--theme-color);
}

.lock-screen-n {
    background: var(--theme-color) !important;
    height: 100vh;
}

.lock-screen-n:hover{
    color: #fff!important;
}

.lock-screen{
     background: var(--theme-color) !important;
}

.lock-screen-n .grid-block.num-calc span a{
    color: var(--theme-color)!important;
}

.lock-screen-n .grid-block.num-calc span a:hover {
    color: #fff !important;
}

.lock-screen-n .grid-block span {
    border: 1px solid #ecdaf7;
}
.lock-screen-n .button{
    background: #fff !important;
}

.lock-screen-n .numberinput{
    background: var(--theme-color) !important;
}

/***************/

#termsModalBody a{
    color: var(--theme-color)!important;
}

.actionbox{
     color: var(--theme-color)!important;
}

.ADMdtpDays span span:not(.disable):hover {
    background: var(--theme-color) !important;
}

.auto_scroll a{
    color: var(--theme-color)!important;
}

#termsModal .modal-title{
    color: #fff;
}

.api_contect a{
     color: var(--theme-color)!important;
}

#gridContainer .delete_img {
    border: none;
}

.top-bar .navbar-brand img {
    width: auto;
    height: 35px;
    margin-right: 10px;
}