.required:after {
    content:" *";
    color: red;
}

table.sortable thead tr {
    cursor: pointer;
}

#showNav {
    font-size: x-large;
}

.fs-small {
    font-size: small;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.display-textbox {
    padding: 0.3rem 0.75rem;
    background: rgba(240, 240, 240, 0.8);
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
}

.mss-color {
    color: #fe6501;
}

.bg-mss {
    background-color: #fe6501;
}

.btn-gray {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.bg-light-gray {
    background: rgba(240, 240, 240, 0.8) !important;
}

.bg-public-holiday {
    background-color: #fd04f8;
}

.bg-surplus {
    background-color: #0000fe;
}

.bg-no-shortfall {
    background-color: #83b16f;
    /* #93c37f */
}

.hide-Xscroll {
    overflow-x: hidden !important;
}

.pointer {
    cursor: pointer;
}

.fw-4 {
    font-weight: 400;
}

.fw-5 {
    font-weight: 500;
}

.bold {
    font-weight: bold;
}

.modal .row div:first-child{
    text-align: right !important;
}

@media only screen and (max-width: 1200px) {
    .select-wrapper+label.active {
        top: 0.55rem !important;
    }
}

.bg-gray {
    /* bootstrap secondary color */
    background-color: #6c757d !important;
    /* background-color: #6c7074 !important; */
}

.modal-header {
    background-color: #EA6D26;
    color: white;
    text-transform: uppercase;
    /* background-color: #FFE8D3; */
}

.modal-header > .close {
    color: white !important;
    opacity: 0.75;
}

.tdy-tbl-cell {
    border-left: 1.3px solid gray !important;
    border-right: 1.2px solid gray !important;
}

.tbl-sub-header {
    text-transform: uppercase;
    font-weight: 400;
    background-color: #6c757d;
    color: #fff;
    padding: 0.5rem 1rem !important;
}
@media (max-width: 991px) {
    .tbl-sub-header {
        font-size: 14px;
    }
}

/* for small screen-size */
@media (max-width: 1200px) {
    .md-form {
        margin: 0.5rem auto;
    }

    .max12-pl-0 {
        padding-left: 0 !important;
    }

    .max12-pr-0 {
        padding-right: 0 !important;
    }

    .max12-pt-0 {
        padding-top: 0 !important;
    }

    .max12-pb-0 {
        padding-bottom: 0 !important;
    }

    .max12-ml-0 {
        margin-left: 0 !important;
    }

    .max12-mr-0 {
        margin-right: 0 !important;
    }

    .max12-mt-0 {
        margin-top: 0 !important;
    }

    .max12-mb-0 {
        margin-bottom: 0 !important;
    }

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

    .top-border-radius-15 {
        border-radius: 15px 15px 0 0;
    }
}