.bg-primary {
        background: #65289F;
        /* #8406C8; */
    }

    .bg-secondary {
        background: #E9CCFF !important;
    }

    .bg-hover {
        background: #8406C8;
    }

    .txt-primary {
        color: #510084 !important;
    }

    .txt-violet {
        color: #8406C8;
    }

    .bg-purple {
        background-color: #280659;
    }

    .progress_spinner {
        border-bottom: 40px solid #8406C8;
        border-top: 40px solid #8406C8;
        border-left: 40px solid #FFFFFF;
        border-right: 40px solid #FFFFFF;
    }

    #titlebar label {
        color: #8406C8;
    }

    input[type=file]:focus,
    input[type=file]:hover,
    input[type=text]:focus,
    input[type=password]:focus,
    input[type=text]:hover,
    input[type=password]:hover {
        border: 1px solid #8406C8;
        box-shadow: 0 0 1px 1px #8406C875;
    }

    select:focus,
    select:hover {
        border: 1px solid #8406C8;
        box-shadow: 0 0 1px 1px #8406C875;
    }

    select option:checked,
    select option:hover {
        box-shadow: 0 0 10px 100px #8406C8 inset;
        /* color: #fff; */
    }

    textarea:focus,
    textarea:focus,
    textarea:hover,
    textarea:hover {
        border: 1px solid #8406C8;
    }

    button,
    input[type=button],
    input[type=submit] {
        border-color: #4a2f8c #482e89 #3c2672 !important;
        background: -webkit-linear-gradient(top, #6B00D7 0%, #280659 100%) !important;
        background: -moz-linear-gradient(top, #6B00D7 0%, #280659 100%) !important;
        background: -o-linear-gradient(top, #6B00D7 0%, #280659 100%) !important;
        background: linear-gradient(to bottom, #6B00D7 0%, #280659 100%) !important;
    }

    button:focus,
    button:hover,
    input[type=button]:focus,
    input[type=button]:hover,
    input[type=submit]:focus,
    input[type=submit]:hover {
        border-color: #280659;
        box-shadow: 0 0 2px 2px #6B00D775;
        color: #F79501 !important;
    }

    button:active,
    input[type=button]:active,
    input[type=submit]:active {
        color: #F79501 !important;
        background: -webkit-linear-gradient(top, #280659 0%, #6B00D7 100%) !important;
        background: -moz-linear-gradient(top, #280659 0%, #6B00D7 100%) !important;
        background: -o-linear-gradient(top, #280659 0%, #6B00D7 100%) !important;
        background: linear-gradient(to bottom, #280659 0%, #6B00D7 100%) !important;
    }

    input[type="checkbox"]:not(:checked)+label:after,
    input[type="checkbox"]:checked+label:after {
        color: #8406C8;
    }

    input[type="radio"]:not(:checked)+label:after,
    input[type="radio"]:checked+label:after {
        color: #8406C8;
    }

    input[type="checkbox"]:focus+label:before {
        border: 1px solid #8406C8;
        box-shadow: 0 0 1px 1px #8406C8;
    }

    input[type="checkbox"]:checked:focus+label:before,
    input[type="checkbox"]:not(:checked):focus+label:before {
        border: 1px solid #8406C8;
        box-shadow: 0 0 1px 1px #8406C8;
    }

    input[type="radio"]:focus+label:before {
        border: 1px solid #8406C8;
        box-shadow: 0 0 1px 1px #8406C8;
    }

    input[type="radio"]:checked:focus+label:before,
    input[type="radio"]:not(:checked):focus+label:before {
        border: 1px solid #8406C8;
        box-shadow: 0 0 1px 1px #8406C8;
    }

    .img-icon {
        border: 2px solid #510084;
    }

    .drop-box-second:after {
        color: #510084;
    }
    .drop-box-third {
    	background: #51008410 !important;
    }
    .drop-box-second-child{
        top: 55px !important;
    }

    .drop-box-second:hover:after {
        color: #F79501;
    }

    .drop-box-third:after {
        color: #510084;
    }

    .drop-box-third:hover:after {
        color: #F79501;
    }

    ul.menu-list {
        /* border-bottom: 10px solid #510084; */
        background: #51008410;
    }

    /* ul.menu-list li {
        border-left: 1px solid #510084;
        border-right: 1px solid #510084;
        border-top: 1px solid #8406C8;
        background: #51008410;
    } */

    ul.menu-list li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        /* border-top: 6px solid #510084 !important; */
    }

    ul.menu-list li:hover {
        background: #510084 !important;
        color: #F79501;
    }

    ul.menu-list li:hover {
        background: #510084 !important;
        color: #F79501;
    }

    ul.menu-list li:hover>a,
    ul.menu-list li:hover>a span {
        color: #F79501;
    }

    ul.menu-list li:hover>.shortcut {
        color: #F79501;
    }

    ul.menu-list a,
    ul.menu-list span {
        color: #510084;
    }

    ul.menu-list li.drop-box-third:hover{
        background: #51008410 !important;
        color: #ffffff;
    }
    
    .drop-box-child{
        border-bottom: 10px solid #510084;
        border-top: 6px solid #510084 !important;
    }
    .drop-box-third-child>ul.menu-list li {
        background: #51008410;
        color: #ffffff;
    }

    .nav-tabs .shortcut {
        color: #51008460;
    }

    .nav-tabs .tab {
        background: #9438E1;
        color: #ffffff;
        border: 1px solid #280C49;
        background: -webkit-linear-gradient(top, #9438E1 0%, #280C49 100%) !important;
        background: -moz-linear-gradient(top, #9438E1 0%, #280C49 100%) !important;
        background: -o-linear-gradient(top, #9438E1 0%, #280C49 100%) !important;
        background: linear-gradient(to bottom, #9438E1 0%, #280C49 100%) !important;
    }

    .nav-tabs .tab.active,
    .nav-tabs .tab:hover {
        color: #F79501;
        background: #510084;
    }

    .nav-tabs .tab:hover>a {
        color: #F79501;
    }

    .nav-tabs .tab:hover .drop-box.tab:after {
        color: #F79501;
    }

    .tab-box-tabs .box-tabs .tab {
        border-bottom: 1px solid #510084;
    }

    .tab-box-tabs .box-tabs .tab.active,
    .tab-box-tabs .box-tabs .tab:hover {
        color: #510084;
        background: #ffffff;
        border-left: 5px solid #510084;
        border-top: 2px solid #510084;
        border-right: 1px solid #510084;
        border-bottom: 1px solid #ffffff;
    }

    .tab-box .tab-box-body {
        border: 1px solid #510084;
    }

    .pagination ul li {
        color: #8406C8 !important;
        border: 2px solid #8406C8 !important;
    }

    .pagination .active {
        background: #8406C8 !important;
        box-shadow: 0 0 3px #ff3b6b;
    }

    .pagination a {
        color: #8406C8 !important;
    }

    .dot3:after {
        color: #8406C8;
    }

    div.info_box div.tooltip_icon:hover {
        background-color: #6B00D7 !important;
        border: 1px solid #8406C8;
        box-shadow: 0 0 1px 1px #8406C875;
    }

    .mioffline a {
        color: #3399ff;
    }

    #loader {
        background: #5aa6d81a;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: #8406C8;
        color: #ffffff;
    }

    .milkbg {
        background: #8406C8 url(../../images/milk_bg.png) repeat-x;
    }

    .milkbg img {
        filter: drop-shadow(3px 3px 1px #00000050);
    }

    #offline {
        background: #5aa6d81a;
    }

    .mi_autocomplete_input:hover,
    .mi_dateSuggestions_input:hover {
        background-image: linear-gradient(to right, #8406C8, #8406C8), linear-gradient(to right, #8406C8, #8406C8), linear-gradient(to right, #8406C8, #8406C8), linear-gradient(to right, #8406C8, #8406C8);
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #8406C8;
    }

    .ms-options-wrap>button:hover {
        border: 1px solid #8406C8 !important;
        box-shadow: 0 0 1px 1px #8406C875;
    }

    .toolicons {
        background: #510084;
    }

    .sidenav {
        background-color: #65289F;
    }

    nav li {
        background-color: #65289F;
    }

    ul.nav li span,
    .farmer_milk_collection span,
    .milk_pur_tooltip span {
        background-color: #8406c8;
    }

    ul.nav li span::after {
        border-color: transparent #65289F transparent transparent;
    }

    .msg_info span:after {
        color: #65289F;
    }

    .msg_info:hover .sms_info {
        border: 1px solid #65289F;
    }

    ul.nav li:hover i.icon,
    ul.nav li:hover .remove_sidemenu,
    .farmer_milk_collection:hover a i {
        color: #FFFFFF60 !important;
        color: #280C49;
    }

    ul.nav li:hover span,
    .farmer_milk_collection:hover span {
        color: #FFF !important;
        color: #280C49;
    }

    .leftside_edit {
        background-color: #280C49;
    }

    ul.nav li:hover .quick-icon {
   background-color: #FFFFFF60 !important;
        background-color: #280C49;
        border: 1px solid #280C49;
    }

    .quick-icon, .sidenav .scroll_arrow {
        color: #65289F;
    }

    .farmer_milk_collection {
        background-color: #65289F !important;
    }

    .farmer_milk_collection span::before {
        border-color: transparent transparent transparent #65289F;
    }

    .milk_pur_tooltip span::after {
        border-color: #65289F transparent transparent transparent;
    }

    .vowels>li {
        border: 1px solid #65289F40;
    }

    .border-primary {
        border: 1px solid #65289F;
    }

    .shadow-lrdark {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, 0.1) inset;
    }

    .shadow-lrdark:before,
    .shadow-lrdark:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
        top: 15px;
        bottom: 7px;
        left: 0;
        right: 0;
        -moz-border-radius: 100px / 8px;
        border-radius: 100px / 8px;
    }

    .shadow-lrdark:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }

    .present {
        background-color: #65289F !important;
    }

    .accordion-list .panel {
        border: 1px solid #E9CCFF;
    }

    .pos-sticky.bg-white+tr {
        border-top: 1px solid #8406C8 !important;
    }

    .msg-box {
        background-color: rgba(133, 127, 114, 0.4);
    }

    #show_login_password {
        color: #E9CCFF !important;
    }
    
    
    
ul.nav li .submenu{
    visibility: hidden;
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    background-color: #8406C8;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.8);
    transition: all 0.25s linear;
    margin-top: 5px;
    z-index: 99;
}

.submenu ul
{
    list-style: none;
    background: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
    margin-top: 0px;
}


ul.nav li .submenu ul::after 
{
    border-color: transparent #8406C8 transparent transparent
}

ul.nav li .submenu{
    left: 55px;
}

ul.nav li .submenu ul::after{
       right: 100%;
}

.submenu li a .quick-icon{
    background-color: #FFF !important;
}


ul.nav li .submenu li ,ul.nav li .submenu ul
{
     background: none !important;
     border:none !important;
}


ul.nav li .submenu ul li img:hover 
{
   border-color: #ffffff;
   background: #FFFFFF60;
   color: #222260;
   box-shadow: 0px 0px 20px 0px #8b8bb725;
}

ul.nav li .submenu ul li:hover  .quick-icon 
{
   border-color: #ffffff;
   background: rgba(202, 213, 227, 0.70);
   color: #222260;
   box-shadow: 0px 0px 20px 0px #8b8bb725;
}

.submenu li p
{
   background-color:rgb(159 70 207);
   color:rgb(255 255 255 / 80%) !important;
}

.submenu li p::after
{
      border-color: transparent  transparent rgb(159 70 207) transparent
}

.submenu_icon
{
    border-bottom: 5px solid white !important;
}

 ul.nav li img{
    filter:brightness(0) invert(1);
 }