/* KINGS DIY IN-HOUSE APPS, UPDATE 2025: STYLING ELEMENTS FOR INDEX PAGE */




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


/* OPTION TAB ARRAY ADAPTATIONS AND COLOURING */

@media screen {
    a:hover, a:active       {text-decoration: none;}
    
    .opt_tab {
        width:              200px;
        min-height:         35px;
        margin-right:       5px;
        font-size:          12pt;
    }
    
    .ot_ncur:hover, .ot_curr    {width: 198px;}
    .ot_ncur:hover .ot_inner    {background-color: rgba(255, 255, 255, 0.85);}
    
    #ot_cleanerhire {
        border-color:       #d0b070;
        background-color:   #fff0b8;
    }
    #ot_shedscribe {
        border-color:       #c0c060;
        background-color:   #ffffb0;
    }
    #ot_sheetcut {
        border-color:       #e0a080;
        background-color:   #ffe0c0;
    }
    #ot_specialorders {
        border-color:       #60c090;
        background-color:   #c0ffe0;
    }
    #ot_staffhours {
        border-color:       #90b8ff;
        background-color:   #c0e0ff;
    }
    #ot_websitemanagement {
        border-color:       #a890ff;
        background-color:   #e0c0ff;
    }
    #ot_bugreport {
        border-color:       #c8e080;
        background-color:   #e4ffb0;
    }

    .ot_inner {
        padding:            10px;
        text-align:         center;
    }
    .ot_ncur:hover .ot_inner {
        padding:            9px;
        font-weight:        bold;
    }
                            
    .ot_appicon {
        max-width:          128px;
        margin-bottom:      5px;
    }
}