/*
 |--------------------------------------------------------------------------
 | Custom
 |--------------------------------------------------------------------------
 */
.border-5center {
    display: block;
    width: 100%;
    position: relative;
}

    .border-5center:before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: white;
    }

.border-center {
    display: inline;
    position: relative;
}

    .border-center span {
        color: rgb(14, 64, 106);
        font-weight: 700;
        background-color: white;
        padding: 3px;
    }

.user_icon {
    color: white;
    font-size: 20px;
    font-family: "Calibri", Tahoma, serif;
    font-weight: 700;
    height: 45px;
}

    .user_icon span {
        padding: 10px;
    }

    .user_icon.temp {
        background-color: #7B84A1;
    }

    .user_icon.hmc {
        background-color: #00ADEF;
    }

    .user_icon.customer {
        background-color: #007BFF;
    }

.login-width {
    width: 29.8507462687%;
    padding: 0 5px;
    margin: 0 6px;
}

.home-box {
    margin: 0px 50px;
}

.box-hmc {
    background: #0E406A !important;
}

.color-hmc {
    background: rgb(14,64,106,0.5) !important;
    border-radius: 0.375rem;
}

    .color-hmc.report-box:before {
        background: rgb(14,64,106,0.5) !important;
    }

.icon-home {
    width: 64px !important;
    height: 64px !important;
}

.inProgressBox {
    background-color: #ff9800;
    padding: 3px 10px;
    border-radius: 50px;
    color: white;
}

.CompleteBox {
    background-color: #00BA34;
    padding: 3px 10px;
    border-radius: 50px;
    color: white;
}

.CancelBox {
    background-color: #FF0000;
    padding: 3px 10px;
    border-radius: 50px;
    color: white;
}

.input-state-1 {
    background-color: #FFF1C2;
}

.state--b-blue {
    border-color: #0E406A !important;
    border-width: 0.15rem;
}

.input-group > .input-group-text:first-child, .input-group > .form-control:first-child.input-state-1 {
    border-radius: 0.25rem !important;
}

.search .search__input.input-state-1 {
    width: 100%;
    background-color: #FFF1C2;
}

.search .search__icon.input-group-text {
    z-index: 9999;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.btn-border-none {
    border: none !important;
    box-shadow: none !important;
}

.bg-red-50 {
    background-color: rgb(254 242 242);
}

.bg-red-200 {
    background-color: rgb(254 202 202);
}

.text-red-500 {
    color: rgb(239 68 68);
}

.bg-blue-500 {
    background-color: #0E406A;
}

.table-more {
    box-shadow: none
}

    .table-more td,
    .table-more.table-report:not(.table-report--bordered):not(.table-report--tabulator) th {
        box-shadow: none !important;
        white-space: normal;
        text-wrap: balance;
        vertical-align: text-top;
        padding: 1rem !important;
    }

    .table-more.table-report:not(.table-report--bordered):not(.table-report--tabulator) {
        border-spacing: 0 !important;
    }

.table-customer.table th,
.table-customer.table td {
    max-width: auto !important;
    white-space: normal;
    text-wrap: balance;
}

.t-status-1 {
    display: block;
}

.t-status-2 {
    display: none !important;
}

.w-200 {
    width: 200px !important;
}

.qtime-bg-gray {
    background-color: #D9DBE4;
}

.qtime-bg-cyan {
    background-color: #00ADEF;
}

.qtime-bg-sky {
    background-color: #B8E5FA;
}

.qtime-bg-blue {
    background-color: #0E406A;
}

.qtime-bg-rose {
    background-color: #FF3333;
}

.QtimeBox-complete {
    background-color: #0E406A;
    padding: 3px 10px;
    border-radius: 50px;
    color: white;
}

.QtimeBox-HMCbook {
    background-color: #00ADEF;
    padding: 3px 10px;
    border-radius: 50px;
    color: white;
}

.QtimeBox-CSbook {
    background-color: #B8E5FA;
    padding: 3px 10px;
    border-radius: 50px;
    color: white;
}