:root {
    /* --theme-1-color: #6c1e69;
    --theme-2-color: #7fc02c;
    --theme-3-color: #367fa9; */
    --theme-1-color: #023E8A;
    --theme-2-color: #212A37;
    --theme-3-color: #4F5B62;
    --theme-4-color: #132754;
    --theme-5-color: #0096C7;
    --theme-white-color: #ffffff;
}

.login-logo, .register-logo {
    font-size: 30px !important;
}

.bg-green-arc {
    background-color: var(--theme-3-color) !important;
    color: white !important;
}

.bg-purple-arc {
    background-color: var(--theme-1-color) !important;
    color: white !important;
}

.label_gray {
    color: var(--theme-3-color) !important;
}

.btn {
    margin-left: 5px;
}

.btn-primary {
    background-color: #03045e !important;
    border-color: #040525 !important;
}

.btn-success {
    background-color: #58BC82 !important;
    border-color: #429464 !important;
}

.btn-info {
    background-color: #023e8a !important;
    border-color: #0b2d58 !important;
}

.btn-danger {
    background-color: #A8201A !important;
    border-color: #8d130c !important;
}

.btn-warning {
    background-color: #EC9A29 !important;
    border-color: #d3881f !important;
}

.btn-print-unit {
    background-color: #03045e !important;
    border-color: #03045e !important;
    color: #ffffff !important;
    font-weight: bold;
}

.btn-print-pallet {
    background-color: #4F5B62 !important;
    border-color: #4F5B62 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.btn-quarantine {
    background-color: #0077b6 !important;
    border-color: #0077b6 !important;
    color: #ffffff !important;
    font-weight: bold;
}


.btn-hold {
    background-color: #d3d305 !important;
    border-color: #d3d305 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.btn-approve {
    background-color: #a7c957 !important;
    border-color: #a7c957 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.btn-recall {
    background-color: #720026 !important;
    border-color: #720026 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.btn-reject {
    background-color: #dd1c1a !important;
    border-color: #dd1c1a !important;
    color: #ffffff !important;
    font-weight: bold;
}

.btn-release {
    background-color: #ff8fab !important;
    border-color: #ff8fab !important;
    color: #ffffff !important;
    font-weight: bold;
}

.btn-ship {
    background-color: #2c6e49 !important;
    border-color: #2c6e49 !important;
    color: #ffffff !important;
    font-weight: bold;
}



.alert-success {
    border-color: #58BC82 !important;
}

.alert-danger, .alert-error {
    border-color: #A8201A !important;
}

.alert-warning {
    border-color: #EC9A29 !important;
}

.alert-info {
    border-color: #023e8a !important;
}

.nowrap{
    white-space: nowrap !important; 
    word-break: keep-all;
}

.btn{
    margin: 5px 5px 0px 0px;
}

.prelinewrap{
    word-spacing: normal !important;
    word-break: break-all  !important;
    white-space-collapse: collapse !important;
    word-wrap: break-word  !important;
    text-wrap: auto !important;
    white-space: collapse balance  !important;    
    line-break: loose  !important;
    text-orientation: sideways  !important;
    text-align: start !important;
}