:root {
    --errorDarkRed: #AA1022;
    --defaultBlue: #2B3486;
    --defaultBG: #F4F2FF;
    --defaultGray: #f3f3f3;
    --draft: #be0c1b
}


.WholeSale * {
    /*letter-spacing: 0.3px !important;*/
}
.WholeSale {font-size:14px}

    .WholeSale a{ color: #2B3486
}
/*
@font-face {
    font-family: "neue-haas-grotesk-display";
    src: url("/Assets/BlackBird/Fonts/NeueHaasDisplayRoman.woff2") format("woff2"), url("/Assets/BlackBird/Fonts/NeueHaasDisplayRoman.woff") format("woff"), url("assets/NeueHaasDisplayRoman.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

*/


.WholeSale h1 {
    font-family: "neue-haas-grotesk-display";
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    padding: 82px 0;
    margin: 0;
}

@media (max-width: 767px) {
    .WholeSale h1 {
        font-size: 75px;
    }
}

.WholeSale h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    margin: 0;
}

.WholeSale h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}

.WholeSale h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

.WholeSale h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}


.WholeSale h6 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.w-login

.WholeSale {letter-spacing:0.5px; overflow:hidden}
    .WholeSale .bdr {
        padding: 5px;
        border: 2px solid #000
    }


.WholeSale div[data-zonecontainername='Container_Wide 2'] {
    padding-left: 20px;
    padding-right: 20px;
}

    .WholeSale .carousel-inner .carousel-item img {
        width: 100vw;
    }

    .WholeSale .carousel-caption.text-start {
        top: 0;
        position: absolute;
        align-content: center;
    }
    .WholeSale .carousel-caption-text a {text-decoration:none; font-weight:bold !important}

    .WholeSale .carousel-caption-text {
        text-align: left !important
    }
@media (min-width: 1321px) {
    .WholeSale div[data-zonecontainername='Container_Wide 1'] img.fullSize {
        width: 100%
    }

    .WholeSale div[data-zonecontainername='Container_Wide 2'], .wide_2_container {
        max-width: unset;
        float: left !important
    }
}


.WholeSale .containedWidthColumn {
    max-width: 650px;
    width: 100%;
    margin: auto;
}

.WholeSale .btn {transition:all 0.2s}
.WholeSale input.formDefault {
    padding: 8px 12px;
    background-color: #fff !important
}
.WholeSale input.error {
    outline: var(--errorDarkRed);
    outline-style: auto;
}
.WholeSale input:-webkit-autofill,
.WholeSale input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.WholeSale .loginSubmit, .WholeSale .btn-submit {
    color: #fff;
    background: #000;
    text-align: center;
    padding: 8px 12px
}
.loginSubmit input, .btn-generic {
    width: 100%;
    background: transparent;
    color: #fff;
    outline: none;
    box-shadow: none;
    border: 0;
}
.WholeSale .errorValidation {
    color: #fff;
    background-color: var(--errorDarkRed);
    text-align: center;
    padding: 8px 12px
}
.WholeSale .loginSubmit:hover, .WholeSale .btn-submit:hover {
    background: #666
}
.WholeSale .btn-black, .btn-black {
    background: #000;
    color: #fff
}
    .WholeSale .btn-black:hover {
        background:var(--defaultBlue)
    }

.btn-red {
    background:var(--errorDarkRed);
    color:#fff

}

.WholeSale .callout {
    background: var(--defaultBG);
    display: flow-root;
}

.WholeSale .ro div.formDefault {
    border: 0;
    pointer-events: none;
    padding: 8px 12px;
    background-color: var(--defaultGray) !important;
}
/*
.ro input.formDefault:-webkit-autofill, .ro input.formDefault:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--defaultGray) inset;
    border:0
}*/


.WholeSale .seperator:before {
    content: "";
    height: 1px;
    width: 150vw;
    background: #C6C6C6;
    display: block;
    position: absolute;
    left: -50vw;
}

.WholeSale .seperator:after {
    content: "";
    height: 1px;
    width: 150vw;
    background: #C6C6C6;
    display: block;
    position: absolute;
    left: -50vw;
}


.WholeSale .seperator:before {
    top: 0
}

.WholeSale .seperator:after {
    bottom: 0
}


.WholeSale table.styled-table tr {
    border: 0;
    position: relative
}

    .WholeSale table.styled-table tr th {
        padding: 10px 5px
    }

    .WholeSale table.styled-table tr td {
        padding: 20px 5px
    }

.WholeSale table.styled-table tbody tr td:nth-child(2) {
    padding-right: 35px
}

@media (max-width: 991px) {
    .WholeSale table.styled-table tbody tr {
        border-bottom: 1px solid #ccc
    }

    .WholeSale .overflow-x {
        overflow-x: auto
    }
    .WholeSale > .container-md {
        padding: 0 20px !important
    }
}

@media (min-width: 992px) {
    .WholeSale table.styled-table tbody tr:after, .WholeSale table.styled-table tr:after {
        content: "";
        height: 1px;
        width: 150vw;
        background: #C6C6C6;
        display: block;
        position: absolute;
        left: -50vw;
        bottom: 0
    }
}

.WholeSale .status-invoiceNo, .WholeSale .status-past-due, .WholeSale .status-paid, .WholeSale .status-draft,.WholeSale .reversed {
    padding: 8px 12px;
    color: #fff;
    display: inline-block;
    max-width: 140px;
    width: 100%;
    text-align: center;
}
.WholeSale .reversed {
    color: #000
}.WholeSale .status-invoiceNo {
        background: #000
    }

.WholeSale .status-past-due {
    background: var(--errorDarkRed)
}

.WholeSale .status-paid {
    background: var(--defaultBlue)
}
.WholeSale .status-draft {
    background: var(--defaultGray);
    color:#000
}

.WholeSale .input-group-text.bg-light.d-block {
    background-color: transparent !important;
    border: 0;
}

.WholeSale .datepicker input {
    border: 0 !important
}

select.daypicker {
    height: 40px;
    min-width: 150px;
    padding-left: 10px;
    border: 0 !important;
    outline: none !important;
}
   

    .WholeSale .bdr {
        padding: 5px;
        border: 1px solid #000
    }
.fc-dayGrid-view .fc-body .fc-row {
    min-height: 12rem !important;
}

.fc-row .fc-bg{
    z-index: unset !important;
}

td.fc-past a:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.69641 10.2949L5.57141 6.13867L1.41516 10.2949C1.22766 10.4824 0.915161 10.4824 0.696411 10.2949C0.508911 10.0762 0.508911 9.76367 0.696411 9.57617L4.85266 5.41992L0.696411 1.29492C0.508911 1.10742 0.508911 0.794922 0.696411 0.576172C0.915161 0.388672 1.22766 0.388672 1.41516 0.576172L5.57141 4.73242L9.69641 0.576172C9.88391 0.388672 10.1964 0.388672 10.4152 0.576172C10.6027 0.794922 10.6027 1.10742 10.4152 1.29492L6.25891 5.41992L10.4152 9.57617C10.6027 9.76367 10.6027 10.0762 10.4152 10.2949C10.1964 10.4824 9.88391 10.4824 9.69641 10.2949Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    width:10px; height:10px
}
td.fc-past:not(.fc-other-month)  {
    background: #ddd;
   

}
div.fc-past * {
    pointer-events: none
}
div.fc-past .fc-event-container {
    opacity: 0.4
}


.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
    text-align: center;
/*    vertical-align: middle !important;
*/    height: auto;
}
    .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td
    .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
        padding:2px 5px
    }
.fc-row.fc-rigid .fc-content-skeleton {
    height: 100%
}

.fc-row table {height:100%;}
.fc-time {display:none}col-2 col-md-1 text-center p-2 mb-3

.fc-unthemed td.fc-today {
    background: #f3f3f3 !important;
}

.fc-today .fc-day-number {
    color: #fff;
}
.fc-widget-content.fc-past:not(.fc-other-month), .fc-widget-content.fc-today:not(.fc-other-month) {
    position: relative
}
.fc-dayGridMonth-view .fc-day-top.fc-thu.fc-today {
    /*border-top: 0*/
}
    .fc-widget-content.fc-past:not(.fc-other-month):before, .fc-widget-content.fc-today:not(.fc-other-month):before {
        content: "";
        position: absolute;
        left: calc(50% - 5px);
        top: calc(50% - 10px);
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.69641 10.2949L5.57141 6.13867L1.41516 10.2949C1.22766 10.4824 0.915161 10.4824 0.696411 10.2949C0.508911 10.0762 0.508911 9.76367 0.696411 9.57617L4.85266 5.41992L0.696411 1.29492C0.508911 1.10742 0.508911 0.794922 0.696411 0.576172C0.915161 0.388672 1.22766 0.388672 1.41516 0.576172L5.57141 4.73242L9.69641 0.576172C9.88391 0.388672 10.1964 0.388672 10.4152 0.576172C10.6027 0.794922 10.6027 1.10742 10.4152 1.29492L6.25891 5.41992L10.4152 9.57617C10.6027 9.76367 10.6027 10.0762 10.4152 10.2949C10.1964 10.4824 9.88391 10.4824 9.69641 10.2949Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
        width: 10px;
        height: 10px
    }

.fc-day-top.fc-today {
    display: flex;
    justify-content: center;
}

.fc-unthemed td.fc-today {
    background: #f3f3f3 !important;
}

.fc-today .fc-day-number {
    background: #2B3486;
    padding: 2px;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
}


/*DATATABLE*/
.fc-content-skeleton .fa-plus{
    border: 1px solid black;
    padding: 10px;
}

.hasEvent td{
    vertical-align: middle;
}

/*.calendar-order.draft{
    border: 1px dashed black;
}*/

.calendar-order.confirmed {
    background: #2B3486;
}

.table.dataTable thead th, table.dataTable tfoot th {
    white-space: nowrap
}

.fc-button-primary:disabled{
    display: none;
}

.calendar-order.standing-order-false.see-more-order{
    cursor: pointer;
}

.styled-table {
    //table-layout: fixed !important;
    word-wrap: break-word;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {text-align:left}

.tabContantDraft div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active, div.dt-container .dt-paging .dt-paging-button {
    color: #fff !important
}

    .tabContantDraft div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
        background: #fff !important;
        color: #000 !important
    }
.dt-container.dt-empty-footer .dt-layout-row .dt-layout-cell.dt-layout-end {
    justify-content: space-around;
    margin: auto;
    /* clear: both; */
    width: 100%;
}

.dt-container.dt-empty-footer .dt-layout-row:last-child {
    flex-direction:column
}

.dt-paging-button.current {
    background: #fff !important
}

    .s-f:before {
        content: "\f002";
        font-family: "Font Awesome 6 Pro";
        padding-left: 10px
    }

.dt-length, .dt-search {
    display: none !important
}


div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
    justify-content: center
}

div.dt-container div.dt-layout-row {display:block}


div.dt-container .dt-paging .dt-paging-button:hover {
    background:#dfdfdf !important;
    color:#333 !important
}
.helper-text {
    color:#666; font-size:12px
}



/*spinner*/

.lds-ring {
    /* change color here */
    color: #1c4c5b;
    color: var(--defaultBlue)
}

.lds-ring,
.lds-ring div {
    box-sizing: border-box;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 27px;
    height: 22px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 15px;
        height: 15px;
        margin: 8px;
        border: 2px solid currentColor;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: currentColor transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.product-icon {
    width: 44px;
    height: 44px;
    border: 1px solid #000;
    border-radius: 50%;
    overflow: hidden;
    align-content: center;
    display: flex;
    object-fit: contain;
    position: relative;
}




/* calendar item */

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
    border-color:#000 !important
}
.fc-day.fc-widget-content.fc-other-month.fc-past {
    background-color:#ddd
}

.fc-day.fc-widget-content.fc-past, .fc-unthemed td.fc-today {
    background-color: #f3f3f3
}


.calendar-order {
    background-color: #e9e9e9;
    border: #000 1px solid;
    margin-bottom: 5px;
}

    .calendar-order.confirmed {
        color: #fff;
    }



.calendar-order.sale::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: '\f023'; /* Replace with the Unicode of your icon */
    float: right;
    padding: 2px;
    color:#000
}
    .calendar-order.draft::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: '\f31c'; /* Replace with the Unicode of your icon */
        float: right;
        padding: 2px;
        position: absolute;
        right: 0;
        top: 0;
        color: #000
    }


    .calendar-order.standing-order-false::before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: '\f4d0'; /* Replace with the Unicode of your icon */
        float: left;
        padding: 2px;
        color: #000
    }
    .calendar-order.standing-order-true::before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: '\f363'; /* Replace with the Unicode of your icon */
        content: '\f021';
        float: left;
        padding: 2px;
        position: absolute;
        left: 0;
        top: 0;
        color:#000
    }

    .calendar-order.standing-order-false.sale::before, .calendar-order.standing-order-false.sale::after {
        color: #fff !important;
    }

    .calendar-order.sale::after {
        position: absolute;
        top: 0;
        right:0
    }

  


.calendar-order {
    position: relative; /* For positioning ::before and ::after */        
    transition: background-color 0.3s ease;
}

.calendar-order:hover {
        background-color: #e0e0e0;
}
    .calendar-order.standing-order-false:hover:before, .calendar-order.standing-order-false:hover:after {
        color: #000 !important
    }
        .form-control {
    font-size: 14px
}
.dt-layout-cell.dt-layout-end {
margin-top:15px
}

.WholeSale .form-input {
    padding: 8px 12px;
    background-color: var(--defaultGray) !important;
}

.WholeSale .validation-error {
    color: var(--errorDarkRed)
}
.local-alert {
   background:#2B3486;
   color:#fff;
   text-align:center;

   font-size:14px
}
.announcement-close .btn-close {
    width: unset;
    height: unset;
    background-color: #fff
}
.announcement-content svg {
    margin-top: -3px;
    margin-right: 5px
}
#navbar-content .captionTrigger {
    margin-top: 3px;
    width: 50px;
    height: 50px;
}
    #navbar-content .captionTrigger img {
        width: 100%
    }
.navbar .captionTrigger img:hover {
    background-size: cover;
}
.bttn i {margin-right:10px}

/*.profile .profile-contact a {
    color: #0d6efd;
}*/

.mw-login {
    max-width: 464px !important
}
.WholeSale .pad-btn {
    padding:8px 12px
}

.WholeSaleHeader .navbar-nav .btn.btn-secondary {
    background-color: transparent !important;
    border: 1px solid #fff;
    color: #fff
}

.WholeSaleHeader nav .active a.bttn {
    background: #2B3486;
    color: white;
}


.WholeSale .mw-54 {
    max-width: 40px;
    padding: 0 5px;
}
.WholeSale .mw-unset {
    max-width: unset
}

.WholeSale .fa.fa-refresh {margin-right:5px}


.title-dt, .title-m {
    width: calc(100% - 40px);
    margin: auto;
    word-wrap: break-word;
    margin-top: 2px;
}

.title-m {display:none}

@media (max-width: 767px) {
    .title-dt {display:none}
    .title-m {
        display: block;
        width: 100%;
        
    }
    .standing-order-false .title-m {
        margin-top: 25px;
        background: #fff;
        color: #000;
    }
    .standing-order-true .title-m {
        margin-top: 25px;
        background: #fff;
    }

    .fc-dayGrid-view .fc-body .fc-row {
        min-height: 13.5rem !important;
    }

    .fw-bg {
        left: 175px
    }

    .fc-disabled-day .date-reason {
        display: none !important;
    }

}
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
    padding: 5px !important;
}
/*.WholeSale .form-control {border:0}
.WholeSale .carousel {margin-bottom:0*/
#calendar-container {
    min-width: 360px
}
.calendar-order {padding:2px}
.calendar-order.draft, .see-more-order {
    border: dashed 2px #000; /*optional*/
    border-style: dashed;
    border-image: url("/Assets/BlackBird/Images/wLdVc.png") 2 round;
    border-image-source: url("/Assets/BlackBird/Images/LKclP.png");
}

.calendar-order.draft:not(.confirmed) {
    border: dashed 2px #000; /*optional*/
    border-style: dashed;
    border-image: url("/Assets/BlackBird/Images/wLdVc.png") 2 round;
    border-image-source: url("/Assets/BlackBird/Images/LKclP.png");
    background-color: #e9e9e9 !important;
    color: #2B3486 !important;
}

.standing-order-false:before, .standing-order-false:after {
    color: #2B3486 !important;
    color: #000 !important;
}

.standing-order-false, .sale.standing-order-true {
    background: #2B3486;
    color: #fff
}
    .standing-order-false:before, .standing-order-false:after, .sale.standing-order-true:before, .sale.standing-order-true:after {
        color: #fff
    }

    .standing-order-false:hover, .standing-order-false:hover:before, .standing-order-false:hover:after, .sale.standing-order-true:hover, .sale.standing-order-true:hover:before, .sale.standing-order-true:hover:after {
        color: #000 !important;
    }
    .sale.standing-order-true:hover {
        background-color: #e9e9e9;
    }
        .see-more-order {
            background-color: #e9e9e9;
            color: #2B3486;
        }
    .see-more-order:before {
        color: #2B3486;
    }
    .WholeSaleHeader .pre_navbar {
        display: none !important
    }
.WholeSale .fc-content-skeleton table {
    height: 100% !important
}


.WholeSale input,
.WholeSale input::placeholder, .WholeSale input::-webkit-input-placeholder {
    font-size: 16px;
}

.WholeSale  ::placeholder {
    overflow: visible;
}
.WholeSale  .date-reason {
    font-weight: bold
}
.WholeSale  a.btn-solid-black {
    color: #fff
}
.WholeSale .fc-day-header, .WholeSale .fc-widget-header {
    border: 0 !important;
    padding: 20px 0
}
.fc-day-top.fc-today {
    border:0;
    border-top:1px solid #000
}

.WholeSale #calendar .fc-view-container {
    background-color: #fff;
    -webkit-box-shadow: none);
    box-shadow: none;
}
.fc-today-button.fc-button.fc-button-primary {
    display:none !important
}

.WholeSale .form-select {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.28125 5.71875L1.28125 1.71875C1 1.4375 0.90625 1 1.0625 0.625C1.21875 0.25 1.59375 0 2 0H10C10.4062 0 10.75 0.25 10.9062 0.625C11.0625 1 10.9688 1.4375 10.6875 1.71875L6.6875 5.71875C6.3125 6.125 5.65625 6.125 5.28125 5.71875Z' fill='black'/%3E%3C/svg%3E%0A");
}

/*table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > td.dt-ordering-asc, table.dataTable thead > tr > td.dt-ordering-desc {
    padding-left:15px
}*/

.dt-column-order {
    right: unset;
    left: 0;
    position: relative !important;
    display: inline;
    margin-right: 15px;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align:left !important
}

.v-pipe-start:before {
    content: "";
    position: absolute;
    display: inline-block;
    /* color: red; */
    width: 2px;
    height: 26px;
    z-index: 9999;
    top: 9px;
    right: -2px;
    background: #000;
}

.date-range-filter {
    border: 0
}

@media (max-width: 650px) {
    .WholeSale .loginSubmit, .WholeSale .btn-submit {
        width: 100%
    }
    .loginSubmit:before {float:none !important}
}

.orderstatus-notAvailable {background:#000 !important; color:#fff !important}
@media (max-width: 991px) {
    .carousel {
        margin-bottom:0 !important
    }
    .fw-bg, .orderTab {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        position: relative !important;
        left: 0 !important;
    }
        .fw-bg > .container-lg{
            padding-left: 15px !important
        }
        .orderTab > .container {
            padding-left:30px
        }
            .pl-5 {padding-left: 67px}
}

.custom-modal .modal-header {
    background:#000;
    color:#fff !important;
    
}
    .custom-modal .modal-header h5 {
        font-size: 14px !important
    }
    .custom-modal .modal-header .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H29V29H1V1Z' fill='black'/%3E%3Cpath d='M1 1H29V29H1V1Z' stroke='white'/%3E%3Cpath d='M19.6875 11.7188L16.4062 15L19.6875 18.3125C20.0938 18.6875 20.0938 19.3438 19.6875 19.7188C19.3125 20.125 18.6562 20.125 18.2812 19.7188L15 16.4375L11.6875 19.7188C11.3125 20.125 10.6562 20.125 10.2812 19.7188C9.875 19.3438 9.875 18.6875 10.2812 18.3125L13.5625 15L10.2812 11.7188C9.875 11.3438 9.875 10.6875 10.2812 10.3125C10.6562 9.90625 11.3125 9.90625 11.6875 10.3125L15 13.5938L18.2812 10.3125C18.6562 9.90625 19.3125 9.90625 19.6875 10.3125C20.0938 10.6875 20.0938 11.3438 19.6875 11.7188Z' fill='white'/%3E%3C/svg%3E%0A");
        opacity: 1 !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        border-radius: 0 !important;
    }

.modal-footer {
    display: unset;
}

.fc-unthemed .fc-disabled-day {
    border-color: #333 !important;
}

.WholeSale div.dt-container .dt-paging .dt-paging-button:hover {
    background: #fff !important;
    color: #000 !important
}
.dt-paging-button.next, .dt-paging-button.previous {
    font-size: 18px
}

.WholeSale .dt-paging-button.disabled {
    pointer-events: none
}

.ppp hr {margin-left:-8px; background:#000}

.order-controls.sm-btn button.btn {padding:14px 12px !important}

.dropdown-item.active, .dropdown-item:active {
    color: #000 !important;
    text-decoration: none;
    background-color: #fff;
}

.WholeSaleHeader .announcement-close {
    display: none
}

#calendar-container .fc-day-header.fc-widget-header {text-transform:uppercase}


.fs-16 {
    font-size: 16px
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    max-width: 1320px !important;
}

.order-review .btn {
    font-size: 16px
}

.btn:not(.btn-link):not(.dropdown-toggle):not(.saveasdraft ):not(.discardorder):not(.deleteOrder ):not(#editorderdraft) {border:0 !important}

.form-control {
    border-color: transparent
}

.fc .fc-row .fc-content-skeleton thead td {
padding-top:20px !important
}