/* KINGS DIY IN-HOUSE APPS, UPDATE 2025: SHARED STYLING ELEMENTS FOR ORDER/HIRE INFO BARS */




/***********************************************/
/* ORDER TILE STRUCTURE & COLOURS, VERSION 2.5 */
/***********************************************/


/* ORDER ID TAB */

.dt_num_streq {
    border-right:       1px solid #c00000;
    background-color:   #ff8080;
    color:              #400000;
}

.dt_num_stprobnp {
    border-right:       1px solid #c06000;
    background-color:   #ffc080;
    color:              #402000;
}

.dt_num_stprobph {
    border-right:       1px solid #c09000;
    background-color:   #ffe080;
    color:              #403000;
}

.dt_num_stonord {
    border-right:       1px solid #c0c000;
    background-color:   #ffff80;
    color:              #404000;
}

.dt_num_starrnp {
    border-right:       1px solid #60c000;
    background-color:   #c0ff80;
    color:              #204000;
}

.dt_num_starrph {
    border-right:       1px solid #00c000;
    background-color:   #80ff80;
    color:              #004000;
}

.dt_num_stcoll {
    border-right:       1px solid #00c090;
    background-color:   #80ffe0;
    color:              #004030;
}

.dt_num_stcanc {
    border-right:       1px solid #606060;
    background-color:   #c0c0c0;
    color:              #303030;
}


/* QUICK UPDATE BAR: STATUS CHROMA */

.otqu_streq             {background-color: #ffc0c0;}
.otqu_stprobnp          {background-color: #ffe0c0;}
.otqu_stprobph          {background-color: #fff0c0;}
.otqu_stonord           {background-color: #ffffc0;}
.otqu_starrnp           {background-color: #e0ffc0;}
.otqu_starrph           {background-color: #c0ffc0;}
.otqu_stcoll            {background-color: #c0fff0;}
.otqu_stcanc            {background-color: #e0e0e0;}


/* UPDATED BAR IDENTIFIER */

.freshlyupdated {
    margin-left:        8px;
    border:             1px solid #009060;
    border-bottom:      0;
    width:              300px;
    background-color:   #e0ffc0;
    padding:            8px;
    font-size:          14pt;
    font-weight:        bold;
    color:              #003020;
}