/* KINGS DIY IN-HOUSE APPS, UPDATE 2025: STYLING ELEMENTS FOR SPECIAL ORDERS LOG */




/*******************************/
/* PRIMARY CONTROLS AND PANELS */
/*******************************/


/* OPTION TAB ARRAY ADAPTATIONS AND COLOURING */

@media screen {
    .option_array           {width: 650px;}
    
    .opt_tab {
        width:              216px;
        min-height:         35px;
        margin-right:       -3px;
        margin-bottom:      2px;
    }
    
    #ot_search {
        border-color:       #90e0f0;
        background-color:   #c0ecf4;
    }
    #ot_addnew {
        border-color:       #90b8ff;
        background-color:   #c0e0ff;
    }
    #ot_alllog {
        border-color:       #a890ff;/*7860c0;*/
        background-color:   #e0c0ff;
    }
    #ot_supppo {
        border-color:       #e0a080;/*c09060;*/
        background-color:   #ffe0c0;
    }
    #ot_suppin {
        border-color:       #c0c060;
        background-color:   #ffffb0;
    }
    #ot_phcall {
        border-color:       #c8e080;
        background-color:   #e4ffb0;
    }
    #ot_mkcoll {
        border-color:       #78c060;
        background-color:   #e0ffc0;
    }
    #ot_review {
        border-color:       #60c090;
        background-color:   #c8ffd8;
    }
    #ot_devlog {
        border-color:       #909090;
        background-color:   #d0d0d0;
    }
}


/* MODE-SPECIFIC INTERFACE COLOURING */

.appchrome_search       {background-color: #c0ecf4;}
.appchrome_addnew       {background-color: #c0e0ff;}
.appchrome_alllog       {background-color: #e0c0ff;}
.appchrome_supppo       {background-color: #ffe0c0;}
.appchrome_suppin       {background-color: #ffffb0;}
.appchrome_phcall       {background-color: #e4ffb0;}
.appchrome_mkcoll       {background-color: #e0ffc0;}
.appchrome_review       {background-color: #c8ffd8;}
.appchrome_devlog       {background-color: #d0d0d0;}


/* PRIMARY OPERATION PANELS */

.corepanel              {margin-top: 15px;}




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


/* MISCELLANEOUS INFO READOUT ELEMENTS */

.asstidmissing          {font-style: italic;}

.paystatustab {
    width:              85px;
    float:              right;
    border-radius:      8px;
    height:             21px;
    margin-bottom:      5px;
    padding:            5px;
    text-align:         right;
    font-weight:        bold;
}

.paystatusno {
 /*   border:             1px solid #c09090;*/
    background-color:   #fff0e0;
    color:              #c00000;
}
.paystatusyes {
 /*   border:             1px solid #90c090;*/
    background-color:   #f4ffec;
    color:              #009000;
}


/* QUICK UPDATE BAR: STRUCTURAL */

.ord_tile_status .popout_host   {padding: 7px 3px 6px;}




/*************************/
/* STATUS BUTTON COLOURS */
/*************************/


.streq {
    border:             2px solid #c00000;
    background-color:   #ffc0c0;
}

.stprobnp {
    border:             2px solid #c06000;
    background-color:   #ffe0c0;
}

.stprobph {
    border:             2px solid #c09000;
    background-color:   #fff0c0;
}

.stonord {
    border:             2px solid #c0c000;
    background-color:   #ffffc0;
}

.starrnp {
    border:             2px solid #60c000;
    background-color:   #e0ffc0;
}

.starrph {
    border:             2px solid #00c000;
    background-color:   #c0ffc0;
}

.stcoll {
    border:             2px solid #00c090;
    background-color:   #c0fff0;
}

.stcanc {
    border:             2px solid #606060;
    background-color:   #e0e0e0;
}

.statscroller           {width: 30px;}