@charset "UTF-8";

.loginsidebg {
    background-image: url(/assets/media/bg/veg.jpg);
    background-size: 130%;
}

.logintop {
    background-color: white;
    padding: 0 0;
}

.successMessage {
    BORDER: 1px solid #48da48;
    padding: 15px;
    border-radius: 4px;
    color: #48da48;
    margin-bottom: 10px;
}

.errorMessage {
    border: 1px solid #ff6f6f;
    padding: 15px;
    border-radius: 4px;
    color: #ff6f6f;
    margin-bottom: 10px;
}

.warningMessage {
    border: 1px solid #ffc107;
    padding: 15px;
    border-radius: 4px;
    color: #ffc107;
    margin-bottom: 10px;
}

.noticeMessage {
    border: 1px solid #55aaff;
    padding: 15px;
    border-radius: 4px;
    color: #55aaff;
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTable td,
.dataTables_wrapper .dataTable th {
    padding: 0.5rem !important;
}

.invoicedetails.table td,
.invoicedetails.table th {
    padding: 0.40rem 0.10rem !important;
    vertical-align: middle;
}

.invoicedetails.table th {
    color: #a6a6a6;
}

.invoicedetails.table tbody td,
.invoicedetails.table th {
    font-size: 10px;
}

.invoicedetails.table td {
    padding-left: 0.40rem !important;
    padding-right: 0.40rem !important;
}

.invoicedetails.table td .checkbox {
    margin: 0;
}

.invoicedetails.table td .checkbox span {
    border: 1px solid #aeaeae;
}

.orderdetails .card.card-custom > .card-body {
    padding: .5rem 2.25rem !important;
}

tr.isDontDeduct, .dontdeduct {
    background-color: #feff00 !important;
    color: black;
}

.badge-light-success {
    color: #50cd89;
    background-color: #e8fff3;
}

@media (max-width: 767.98px) {
    #fullCalendar > .card-header:not(.flex-nowrap) {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        font-size: 12px !important;
    }
}

#fullCalendar .card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    min-height: 70px !important;
    padding: 0 2.25rem !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

#fullCalendar .card-header .card-title, .card .card-header .card-title .card-label {
    font-weight: bold !important;
}

.fc {
    display: flex;
    flex-direction: column;
    font-size: 1em;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
}

.todo-indicator {
    position: absolute;
    width: 4px;
    height: 60%;
    border-radius: 0.3rem;
    left: 0.225rem;
    top: 20%;
    opacity: .6;
    transition: opacity .2s
}

#customerKeys div label + label {
    margin-left: 15px;
}

@media (max-width: 720px) {
    .fc .fc-header-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .fc-toolbar .fc-header-toolbar {
        display: flex !important;
    }

    .fc-left {
        order: 2 !important;
    }

    .fc-center {
        order: 1 !important;
        font-weight: bold !important;
    }

    .fc-right {
        order: 3 !important;
    }

    .fc-unthemed .fc-toolbar h2 {
        font-weight: bold;
        font-size: 1.5rem !important;
    }

    #login_logo img {
        max-height: 60px !important;
    }

    .login-form {
        padding: 20px;
    }

    .login-form input {
        padding: 15px !important;
    }

    .login.login-2 .content .content-img {
        min-height: 280px !important;
    }

    #kt_login_forgot {
        font-size: 10px !important;
    }

    .login_submitButton input {
        padding: 10px !important;
    }

    .fc-unthemed th.fc-day-header {
        font-size: 0.8rem !important;
        color: black !important;
    }

    a.fc-more {
        font-size: 0.7rem !important;
    }

    .fc .fc-view-harness {
        flex-grow: 1;
        position: relative;
    }
}

.fc-unthemed .fc-toolbar h2 {
    font-weight: bold;
}

.fc-unthemed .fc-event-dot.fc-start .fc-content:before, .fc-unthemed .fc-event.fc-start .fc-content:before {
    background: none !important;
}

.fc-unthemed .fc-event:not(.fc-event-custom) .fc-content, .fc-unthemed .fc-event-dot .fc-content {
    padding: .25rem .25rem .25rem .45rem !important;
    font-size: 8px !important;
}

.fc-event-custom {
    .fc-content {
        padding: 0 !important;

        .fc-event-custom-title {
            font-weight: bold;
            color: white;
            background-color: #3788d8;
            padding: 4px;
            border-radius: calc(.42rem - 1px) calc(.42rem - 1px) 0 0;
        }

        .fc-event-custom-detail {
            font-weight: bold;
            margin-top: 2px;
            padding: 4px;
            color: #0c0e1a;

            &.fc-event-custom-detail-SatnamSingh {
                background-color: #f50001;
            }
        }
    }

    &.fc-event-outline-danger {
        border-color: #f50001;

        .fc-event-custom-title {
            background-color: #f50001;
        }
    }

    &.fc-event-outline-success {
        border-color: #0bb783;

        .fc-event-custom-title {
            background-color: #0bb783;
        }
    }

    &.fc-event-outline-primary {
        border-color: #34A56F;

        .fc-event-custom-title {
            background-color: #34A56F;
        }
    }

    &.fc-event-outline-secondary {
        border-color: #4f4f4f;

        .fc-event-custom-title {
            background-color: #4f4f4f;
        }
    }

    &.fc-event-outline-info {
        border-color: #00bfff;

        .fc-event-custom-title {
            background-color: #00bfff;
        }
    }
}

.fc-title {
    font-size: .9rem !important;
}

.fc-button {
    text-transform: uppercase !important;
}

.fc-tooltip {
    z-index: 9999;
    top: 461px;
    left: 1066px;
    display: none;
    padding: 4px;
    border-top: 1px solid #0c0e1a;
    color: #0c0e1a;
}

/* Events Colors */
.fc-event-dot {
    border: 4px solid var(--_event-dot-border-color, #3788d8) !important;
    border-radius: 4px;
    box-sizing: content-box;
    height: 0;
    margin: 0 4px;
    width: 0;

    &.fc-event-primary-dot {
        --_event-dot-border-color: #3788d8 !important;
    }

    &.fc-event-secondary-dot {
        --_event-dot-border-color: #4f4f4f !important;
    }

    &.fc-event-info-dot {
        --_event-dot-border-color: #00bfff !important;
    }

    &.fc-event-success-dot {
        --_event-dot-border-color: #0bb783 !important;
    }

    &.fc-event-warning-dot {
        --_event-dot-border-color: #fbb800 !important;
    }

    &.fc-event-danger-dot {
        --_event-dot-border-color: #f50001 !important;
    }
}

.fc-event-solid-light-green {
    background: #9cee2d !important;
    color: white !important
}

.fc-event-solid-danger {
    background: #f50001 !important;
    color: white !important
}

.fc-event-outline-danger {
    border: 1px solid #f50001 !important;
    color: #f50001 !important;
}

.fc-event-solid-success {
    background: #0bb783 !important;
    color: white !important
}

.fc-event-outline-success {
    border: 1px solid #0bb783 !important;
    color: #0bb783 !important;
}

.fc-event-solid-pink {
    background: #ee07b5 !important;
    color: white !important
}

.fc-event-solid-sky-blue {
    background: #00e4ee !important;
    color: white !important
}

.fc-event-solid-cyan {
    background: #08eec7 !important;
    color: white !important
}

.fc-event-solid-navy-blue {
    background: #0100ee !important;
    color: white !important
}

.fc-event-solid-violet {
    background: #b310ee !important;
    color: white !important
}

.fc-event-solid-purple {
    background: #8d22ee !important;
    color: white !important
}

.fc-event-solid-gold {
    background: #b7ae46 !important;
    color: white !important
}

.fc-event-solid-cyan-light {
    background: #00e4ee !important;
    color: white !important
}

.fc-event-solid-pink-1 {
    background: #ee0087 !important;
    color: white !important
}

.fc-event-solid-dark-green {
    background: #334f25 !important;
    color: white !important
}

.fc-event-solid-medium-green {
    background: #00ee9a !important;
    color: white !important
}

.fc-event-solid-DanielleMassam {
    background: #ee9f84 !important;
    color: white !important
}

.fc-event-solid-AsimShahzad {
    background: #d197ee !important;
    color: white !important
}

.fc-event-solid-UsamaSyed {
    background: #46ee98 !important;
    color: white !important
}

.fc-event-solid-primary {
    background: #17abee !important;
    color: white !important
}

.fc-event-solid-KateMeredith {
    background: #DE3163 !important;
    color: white !important
}

.fc-event-solid-BillyJosiah {
    background: #808000 !important;
    color: white !important
}

.fc-event-solid-grey {
    background: #616D7E !important;
    color: white !important
}

.fc-event-solid-dark-blue {
    background: #000080 !important;
    color: white !important
}

.fc-event-solid-ArslanMalik {
    background: #368BC1 !important;
    color: white !important
}

.fc-event-solid-HamzaSohail {
    background: #A0CFEC !important;
    color: white !important
}

.fc-event-solid-MayaAlam {
    background: #ADD8E6 !important;
    color: white !important
}

.fc-event-solid-ReshmaKrishnan {
    background: #00FFFF !important;
    color: white !important
}

.fc-event-solid-RiyaRajput {
    background: #66CDAA !important;
    color: white !important
}

.fc-event-solid-RanjitSingh {
    background: #033E3E !important;
    color: white !important
}

.profitNull span {
    color: orange !important;
}

.form-check-input {
    width: 2rem !important;
    height: 2rem !important;
}

.table-items-center thead tr th, .table-items-center tbody tr td {
    text-align: center;
}

#eventActionBtns .badge {
    cursor: pointer;
}

.nowraptable thead {
    white-space: nowrap;
}

.nowrap {
    white-space: nowrap;
}

.changedSalePrice span {
    color: #f64e60 !important;
}

table.table-vm td {
    vertical-align: middle;
}

tr.customerSalePrice {
    background: #6293eb !important;
}

tr.customerSalePrice td, tr.customerSalePrice td span {
    color: white !important;
}

tr.zeroProfit {
    background: #ff9439 !important;
}

tr.zeroProfit td, tr.zeroProfit td span {
    color: white !important;
}

tr.negativeProfit {
    background: #b52827 !important;
}

tr.isMissingItem {
    background: #2fd40a !important;
}

tr.negativeProfit td,
tr.negativeProfit td span,
tr.negativeProfit td i,
tr.isMissingItem td,
tr.isMissingItem td span,
tr.isMissingItem td i {
    color: white !important;
}

.card-toolbar span.hellospan {
    float: left;
    padding-left: 20px;
    font-size: 18px;
}

.checkbox.checkbox-xl > span {
    height: 35px;
    width: auto;
    aspect-ratio: 1;
}

.checkbox.checkbox-xl > span:after {
    width: 10px;
    height: 20px;
    border-width: 0px 3px 3px 0 !important;
    margin-top: -8px;
}

table.table-vm td {
    vertical-align: middle;
}

.delivery-list-sub-header td {
    color: #0bb783;
    font-weight: bold;
}

.required {
    color: #ff0000 !important;
}

.pointer-event-none {
    pointer-events: none;
}

table.table-sm td,
table.table-sm th {
    font-size: 10px !important;
}

table.negativeStockTable {
    thead tr th {
        font-size: 11px !important;
        padding: 10px !important;
    }

    tbody tr:first-child th {
        font-size: 11px !important;
        padding: 7px !important;
        background-color: #f9f9f9;
        color: #099f72;
    }
}

.status-dot {
    width: 20px;
    height: 20px;
    background: radial-gradient(circle at 40% 40%, #ff4c4c, #d80000);
    border-radius: 50%;
    position: relative;
}

.status-dot::before {
    content: "";
    position: absolute;
    top: 15%;
    left: 15%;
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%);
    border-radius: 50%;
    transform: rotate(-45deg);
}