.wrap-login100 {
    background: -webkit-linear-gradient(top, #ffffff73 101px,#262a65a1 178px);
    background: -o-linear-gradient(top, #ffffff73 101px,#262a65a1 178px);
    background: -moz-linear-gradient(top, #ffffff73 101px,#262a65a1 178px);
    background: linear-gradient(to bottom, #ffffff73 101px,#262a65a1 178px);
}

.login100-form-title {
    margin-top: 10px;
}

.heading {
    color: #262A65  !important;
}

.noticboard-modal .message-box h5 {
    background: #262A65 ;
}

.message-header::after {
    border-top: 20px solid #262A65 ;
}

.blue-border-btn {
    border: 1px solid #262A65 ;
    /*color: #ffffff;
    background-color: black;*/
}

.btn-outline-saavi:hover {
    color: #fff;
    background-color: #262A65 ;
    border-color: #262A65 ;
}

.new-modal h4.modal-title {
    color: #262A65 ;
}

.header {
    background: white;
    height: 80px;
}

.iconColor {
    color: #262A65  !important;
}

.blue-border-btn:hover {
    background: #262A65 ;
}

.content .nav-tabs .active a {
    background: #262A65 ;
}

.content .nav-tabs li a:hover, .content .nav-tabs li a:focus {
    background: #262A65 ;
}

.content .nav-tabs {
    border-top: 1px solid #262A65 ;
    border-bottom: 1px solid #262A65 ;
}

.content .detail-col .detail-bar .blue-border-btn {
    border: 1px solid #262A65 ;
}

.blue-border-btn:hover {
    background: #262A65 ;
}

.navigation-bar .media {
    background: #262A65 ;
}

.navigation-bar .navigation .mani-nav li a:before {
    background: #262A65 ;
}

.navigation-small .mani-nav li a:before {
    background: #262A65 ;
}

.he /*ader .brand img {
    width: auto;
}*/
.header .brand {
    margin: 4px 0 4px 60px;
}

.blue {
    color: #262A65 ;
}

.checkout.innerpage .order-detail-list .list li input[type="text"] {
    border: 1px solid #262A65 ;
    color: #262A65 ;
}

.checkout.innerpage .custom-checkbox [type="checkbox"]:not(:checked) + label::before,
.checkout.innerpage .custom-checkbox [type="checkbox"]:checked + label::before {
    border: 1.2px solid #262A65 ;
}

.checkout.innerpage .left-check-sec {
    bottom: 15px;
}

.tg th {
    background-color: #a3cde8;
}

.tg tr th {
    color: #fff !important;
    background-color: #262A65  !important;
    color: #fff !important;
    border: 1px solid #262A65 ;
}

.qty-clr {
    background-color: #262A65 ;
    padding: 6.5px 14px 12px 9px;
    border-radius: 3px 0px 0px 3px;
    color: white;
}

.d-flex {
    display: flex !important;
}

.vb > .vb-dragger > .vb-dragger-styler {
    background-color: #262A65 ;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
    background-color: #262A65 ;
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
    background-color: #262A65 ;
}

select {
    text-align-last: center;
    -webkit-appearance: menulist;
    /*webkit browsers */
    -moz-appearance: menulist;
    /*Firefox */
    appearance: menulist;
    /* modern browsers */
    border-radius: 0;
}

.header .cart .detail-cart {
    background: #262A65 ;
}

.selectWidth {
    height: 38px;
    border: 1px solid #262A65  !important;
    border-radius: 4px;
    color: #262A65  !important;
}

.selectBg {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjOGYxZTU4MS0wMDA0LTQzYzQtYTUyZi1iYjdkYmJjZDY2N2EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUI4MUM1NEI0MkU5MTFFODlENTVGNzY4QkUyRDE1RjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUI4MUM1NEE0MkU5MTFFODlENTVGNzY4QkUyRDE1RjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVCRjlBNTdBRTFBNjExRTdCOTkzOEQ2NTM4RDk5RTFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVCRjlBNTdCRTFBNjExRTdCOTkzOEQ2NTM4RDk5RTFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ds/FSQAAARpJREFUeNpiVHCa/IyBgWEbEKcwkAHu781B4Ss6T2EFUktYgMRLIE4G4ndAXMZAAQAaygikrgKxKhOQMATiFiAuBeIpFBgqDqQegQwF4jAWqHgtEP+H0t/IdPkZIJYBYg9g8OxkQZKoA2IFqMsZoTSxrj0FNdQLZChIjAVNTRwQcwBxCRAzA3ERATN5gIbuBdKmQBwDNHQ7TIIFi+IwIG6E+gAUBwU4DOUF4odALAjEPkBDtyJLsuDQVI8UPL9whPkJqKGeQEN3oEuy4PEmyHA9HGF+Goi1oGG6A5tmFgJhGAjEc6FhDnL5HCBeDcTGQBwPxNtxaWQhItJBmecJNFiqoGIeQLwTnyYmIlMUKFj6gfgfMYaCAECAAQCOckCrdBveqQAAAABJRU5ErkJggg==) right 6px center/12px no-repeat;
}

.borderTop {
    border-top: solid 7px #262A65 ;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.theme--light.v-icon {
    color: #000 !important;
}

.new-modal .left-check-sec {
    float: left !important;
    text-align: center;
    width: auto !important;
    margin: 6px 0 0 37px ;
}

.new-modal .check-label-box.select-comment-lft-sec {
    float: left;
    width: 65%;
    text-align: left;
    padding-left: 26px;
}

.new-modal .select-comment-btn-sec {
    /*float: left;*/
    padding-top: 10px;
    width: 29%;
}

textarea::-webkit-input-placeholder {
    font-style: italic;
}

input::-webkit-input-placeholder {
    font-style: italic;
}

.cartWidth {
    width: 90px;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #262A65 ;
    border-radius: 8px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #262A65 ;
        width: 12px;
    }

.lastUom {
    color: #4800ff !important;
}

.defUomClass {
    color: #262A65 ;
}

ul.delPickup {
    list-style-type: none;
    text-align: center !important;
}

    ul.delPickup li {
        display: inline-block;
    }

    ul.delPickup input[type="checkbox"][id^="cb"] {
        display: none;
    }

    ul.delPickup label {
        border: 1px solid #fff;
        padding: 10px;
        display: block;
        position: relative;
        margin: 10px;
        cursor: pointer;
    }

        ul.delPickup label:before {
            background-color: white;
            color: white;
            content: " ";
            display: block;
            border-radius: 50%;
            border: 1px solid grey;
            position: absolute;
            top: -5px;
            left: -5px;
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 28px;
            transition-duration: 0.4s;
            transform: scale(0);
        }

        ul.delPickup label img {
            height: 100px;
            width: 100px;
            transition-duration: 0.2s;
            transform-origin: 50% 50%;
            filter: grayscale(1);
        }

    ul.delPickup :checked + label {
        border-color: #ddd;
        border-radius: 60px;
    }

        ul.delPickup :checked + label:before {
            content: "✓";
            background-color: #0db70d;
            transform: scale(1);
            top: 5px;
        }

        ul.delPickup :checked + label img {
            transform: scale(0.9);
            /*box-shadow: 0 0 5px #333;*/
            z-index: -1;
            filter: none !important;
        }

.bgGreen {
    background-color: lightgreen;
    color: black !important;
    margin-bottom: 1.5px;
}

    .bgGreen.red {
        background-color: #f37d7d;
    }

.bgDisabled {
    background-color: #dddddd;
    margin-bottom: 1.5px;
}

.calLegend {
    background-color: lightgreen;
    padding: 9px 16px !important;
    margin: 0 4px 0 0;
    border-radius: 5px;
}

    .calLegend.sold {
        background-color: #f37d7d;
    }

    .calLegend.dsbld {
        background-color: #ded8d8;
    }
    .calLegend.holiday {
        background-color: orange;
    }

.m-b-20 {
    margin-bottom: 20px !important;
}

.addrSelection .v-label {
    color: black !important;
}

.addrSelection .v-icon {
    color: black !important;
}

.theme--light.v-label {
    color: #cbc6c6;
    font-weight: 300;
}

.error--text {
    color: #f68989 !important;
}

.v-messages__message {
    color: #f68989 !important;
    caret-color: #f68989 !important;
}

.theme--light.v-sheet {
    /*border-top: 7px solid black !important;*/
    border-radius: 8px 8px !important;
}

.bTop {
    border-top: 7px solid black !important;
}

.bgRed {
    background-color: #f37d7d !important;
    color: black !important;
    margin-bottom: 1.5px;
}

.bgOrange {
    background-color: orange !important;
    color: black !important;
    margin-bottom: 1.5px;
}


.grid-top-bar {
    /*display: flex !important;*/
    padding: 15px 30px !important;
    background-color: #f5f5f5 !important;
}

    .grid-top-bar i {
        cursor: pointer !important;
    }

    .grid-top-bar span {
        color: #000 !important;
        font-size: 25px !important;
        text-transform: uppercase !important;
    }
.ml-20 {
    margin-left: 20px;
}
.ml-10 {
    margin-left: 10px;
}

.m-0 {
    margin: 0px;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.w-100 {
    width: 100%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-both {
    clear: both;
}

.ml-20 {
    margin-left: 20px;
}

.ml-10 {
    margin-left: 10px;
}

.m-0 {
    margin: 0px;
}

.mt-20 {
    margin-top: 20px;
}

.text-center {
    text-align: center;
}


/*Styles regarding sales rep screen*/
.justify-content-flex-end {
    justify-content: flex-end;
}

.innerpage .order-detail-list .grid-view.title-bar {
    background-color: #000;
}

    .innerpage .order-detail-list .grid-view.title-bar ul.list li {
        color: #fff;
        font-weight: normal;
        line-height: 44px;
    }

.grid-cart {
    height: 70vh;
    display: flex;
    flex-direction: column;
}

    .grid-cart .order-detail-list {
        margin-bottom: auto;
    }

.grid-content .cartWidth {
    width: 72px;
}

.grid-content .selectWidth {
    width: 68px !important;
    font-size: 17px;
}

.grid-cart .bottom-col textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    margin-top: 20px;
}

.grid-select-date .date {
    border: 1px solid #ccc;
    padding: 10px;
}

.promocode {
    width: 116px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px;
    text-align: center;
}

.content .bottom-col .blue-border-btn {
    display: inline;
    margin-top: 20px;
    margin-left: auto;
    float: right;
}

{
    width: 100%;
    float: left;
}

.grid-second-bar select {
    border: 1px solid #ccc;
    padding: 5px 35px 5px 7px !important;
}

.grid-second-bar .search {
    border: 1px solid #ccc;
    float: left;
    padding: 5px;
    width: 100%;
}

    .grid-second-bar .search input {
        width: 88%;
    }

.dropdown-grid {
    position: relative;
}

    .dropdown-grid:before {
        content: "";
        position: absolute;
        right: 10px;
        top: 40%;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #828282;
    }

/*#cartMain {
    width: 100%;
}*/

#cartMain .owl-nav {
    display: none;
}

@media (min-width: 1401px) {
    .mobile-view.grid-content {
        display: none;
    }
}

@media (max-width: 1400px) {
    .innerpage .order-detail-list .list li {
        font-size: 17px !important;
    }

    .desktop-view {
        display: none;
    }

    .d-sm-none {
        display: none;
    }
}

@media (max-width: 991px) {
    .content .main-content.main-grid {
        padding-top: 0px;
    }

    .innerpage .order-detail-list .grid-view .list {
        overflow: inherit;
    }
}

@media (max-width: 767px) {
    .title-bar.grid-view.second-grid {
        display: none;
    }

    .owl-item .item .grid-cart .order-detail-list {
        overflow: inherit;
    }

    .grid-second-bar .search {
        margin-top: 20px;
    }

    .innerpage .order-detail-list .grid-view.title-bar ul.list li {
        text-transform: capitalize;
        font-size: 15px;
    }
}