.bg-primary {
        background: #2A9DF4;
        /* #2A9DF4; */
    }

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

    .bg-hover {
        background: #2A9DF4;
    }

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

    .txt-violet {
        color: #2A9DF4;
    }

    .bg-purple {
        background-color: #0078D3;
    }

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

    #titlebar label {
        color: #2A9DF4;
    }

    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 #0078D3;
        box-shadow: 0 0 1px 1px #0078D375;
    }

    select:focus,
    select:hover {
        border: 1px solid #0078D3;
        box-shadow: 0 0 1px 1px #0078D375;
    }

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

    textarea:focus,
    textarea:focus,
    textarea:hover,
    textarea:hover {
        border: 1px solid #0078D3;
    }

    button,
    input[type=button],
    input[type=submit] {
        border-color: #0078D3 #0078D3 #0078D3 !important;
        background: -webkit-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
        background: -moz-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
        background: -o-linear-gradient(top, #2A9DF4 0%, #0078D3 100%) !important;
        background: linear-gradient(to bottom, #2A9DF4 0%, #0078D3 100%) !important;
    }

    button:focus,
    button:hover,
    input[type=button]:focus,
    input[type=button]:hover,
    input[type=submit]:focus,
    input[type=submit]:hover {
        border-color: #0078D3;
        box-shadow: 0 0 2px 2px #2A9DF475 !important;
        color: #FFFFFF !important;
    }

    button:active,
    input[type=button]:active,
    input[type=submit]:active {
        color: #FFFFFF !important;
        background: -webkit-linear-gradient(top, #0078D3 0%, #2A9DF4 100%) !important;
        background: -moz-linear-gradient(top, #0078D3 0%, #2A9DF4 100%) !important;
        background: -o-linear-gradient(top, #0078D3 0%, #2A9DF4 100%) !important;
        background: linear-gradient(to bottom, #0078D3 0%, #2A9DF4 100%) !important;
    }

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

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

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

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

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

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

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

    .drop-box-second:after {
        color: #0078D3;
    }

  
    .drop-box-second:hover:after,
    .drop-box-second.active:after {
        color: #FFFFFF;
    }

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

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

    ul.support-menu li,
    .mi-actions li{
        border-left: 1px solid #0078D3;
        border-right: 1px solid #0078D3;
        border-top: 1px solid #2A9DF4;
        background: #0078D310;
    }

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

    ul.menu-list li:hover,
    li.drop-box-second.active {
        background: #0078D3 !important;
        color: #FFFFFF;
    }

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

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

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

    ul.menu-list li.drop-box-third:hover{
        background: none !important;
        color: #ffffff;
    }
    
    .drop-box-child, .mi_milk_purchase_summary,
    .mi-actions, .mi-submenu{
        border-bottom: 10px solid #0078D3;
        border-top: 6px solid #0078D3 !important;
    }
    
    .drop-box-third-child>ul.menu-list li {
        background: #0078D310;
        color: #ffffff;
    }

    .nav-tabs .shortcut {
        color: #0078D360;
    }

    .nav-tabs .tab {
        background: #0078D3;
        color: #ffffff;
        border: 1px solid #0060A8;
        background: -webkit-linear-gradient(top, #2A9DF4 0%, #0060A8 100%) !important;
        background: -moz-linear-gradient(top, #2A9DF4 0%, #0060A8 100%) !important;
        background: -o-linear-gradient(top, #2A9DF4 0%, #0060A8 100%) !important;
        background: linear-gradient(to bottom, #2A9DF4 0%, #0060A8 100%) !important;
    }

    .nav-tabs .tab.active,
    .nav-tabs .tab:hover {
        color: #FFFFFF;
        background: #0060A8;
    }

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

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

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

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

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

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

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

    .pagination a {
        color: #2A9DF4 !important;
    }

    .dot3:after {
        color: #2A9DF4;
    }

    div.info_box div.tooltip_icon:hover {
        background-color: #2A9DF4 !important;
        border: 1px solid #2A9DF4;
        box-shadow: 0 0 1px 1px #2A9DF475;
    }

    .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: #2A9DF4;
        color: #ffffff;
    }

    .milkbg {
        background: #2A9DF4 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, #0078D3, #0078D3), linear-gradient(to right, #0078D3, #0078D3), linear-gradient(to right, #0078D3, #0078D3), linear-gradient(to right, #0078D3, #0078D3);
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #0078D3;
    }

    .ms-options-wrap>button:hover {
        border: 1px solid #0078D3 !important;
        box-shadow: 0 0 1px 1px #0078D375;
    }

    .toolicons {
        background: #0078D3;
    }

    .sidenav {
        background-color: #2A9DF4;
    }

    nav li {
        background-color: #2A9DF4;
    }

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

    ul.nav li span::after {
        border-color: transparent #2A9DF4 transparent transparent;
    }

    .msg_info span:after {
        color: #2A9DF4;
    }

    .msg_info:hover .sms_info {
        border: 1px solid #2A9DF4;
    }

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

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

    .leftside_edit {
        background-color: #0060A8;
    }

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

    /* .quick-icon, .sidenav .scroll_arrow {
        color: #2A9DF4;
    } */

    .farmer_milk_collection {
        background-color: #2A9DF4 !important;
    }

    .farmer_milk_collection span::before {
        border-color: transparent transparent transparent #2A9DF4;
    }

    .milk_pur_tooltip span::after {
        border-color: #2A9DF4 transparent transparent transparent;
    }

    .vowels>li {
        border: 1px solid #2A9DF440;
    }

    .border-primary {
        border: 1px solid #2A9DF4;
    }

    .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: #2A9DF4 !important;
    }

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

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

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


    #show_login_password {
        color: #2A9DF4 !important;
    }
    
    
ul.nav li .submenu{
    visibility: hidden;
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    background-color: #2A9DF4;
    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  #2A9DF4 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(101 181 241);
    color: white !important;

}

.submenu li p::after
{
      border-color: transparent  transparent rgb(101 181 241) transparent
}

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

.mi_milk_purchase_summary .tab:hover {
    color: #2A9DF4;
    /* border-left: 1px solid #2A9DF4;
    border-bottom: 2px solid #2A9DF4;
    border-right: 1px solid #2A9DF4; */
}


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

.drop-box:hover .height_cls{
    min-height: 100px;
}

.drop-box-child .mi-submenu, .drop-box-second:hover .mi-submenu{
    min-height: 100px !important;
    width: 0px;
}