/*
//hiero: Optional visual refresh for the operator home page.
Rollback: remove the operator_refresh.css include from home.php or empty this file.
This file must only change presentation; keep page behavior in PHP/JS unchanged.
*/
html,
body
        {
        background:#ffffff;
        }
#hoofd,
#hoofd2
        {
        background:#ffffff;
        /* //hiero: #hoofd2 moet visueel wit blijven zoals de bestaande pagina. */
        }
#hoofd2
        {
        padding-top:18px;
        }
#service_workflow
        {
        background:#ffffff;
        border:1px solid #d9dee6;
        border-radius:8px;
        box-shadow:0 8px 24px rgba(22, 34, 51, 0.10);
        padding:12px 14px;
        }
#workflow
        {
        /* //hiero: Workflow-kaders visueel losmaken met lichtgrijze achtergrond en slagschaduw. */
        background:#efefef;
        border:1px solid #c3cad4;
        border-radius:6px;
        box-shadow:0 2px 5px rgba(24, 36, 52, 0.24);
        /* //hiero: Breedte workflow-vensters terug naar originele CSS; versmalde override verwijderd. */
        margin:3px auto 5px auto;
        }
#browsable.scrollable
        {
        /* //hiero: Rechts volgende workflowpagina blijven verbergen, maar verticale workflow-schaduw ruimte geven. */
        background:#ffffff;
        overflow-x:hidden;
        overflow-y:visible;
        padding:1px 0 3px 0;
        }
#workflow_nav,
#workflow_nav_bol
        {
        width:90%;
        }
#workflow_nav_bol
        {
        /* //hiero: Paginapuntjes onder de workflow-kaders houden, niet door het onderste kader heen. */
        margin:-122px auto 0 auto;
        bottom:-105px;
        }
#workflow_nav_bol a
        {
        border-radius:50%;
        box-shadow:0 1px 3px rgba(0, 0, 0, 0.18);
        }
#workflow_nav_prec_next_left,
#workflow_nav_prec_next_right
        {
        background:#c90000;
        box-shadow:0 6px 14px rgba(0, 0, 0, 0.18);
        }
.workflow_onscreen_checker
        {
        border-radius:8px;
        }
.button_design,
.button_design_xcc,
.button_design_saas
        {
        border-radius:6px;
        border:1px solid #c4cad2;
        box-shadow:none;
        min-height:20px;
        transition:background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
        }
.button_design:hover,
.button_design_xcc:hover,
.button_design_saas:hover
        {
        box-shadow:0 2px 7px rgba(0, 0, 0, 0.16);
        }
.button_design_auto
        {
        border-radius:50%;
        box-shadow:0 3px 8px rgba(0, 0, 0, 0.22), inset 0 0 0 4px rgb(108, 175, 61);
        transition:box-shadow 120ms ease, transform 120ms ease;
        }
.button_design_auto:hover
        {
        transform:translateY(-1px);
        box-shadow:0 5px 12px rgba(0, 0, 0, 0.25), inset 0 0 0 4px rgb(108, 175, 61);
        }
.tbody_border,
.tbody_border tr td,
.td_top_border,
.td_bottom_border,
.td_left_border,
.td_right_border,
.td_left_right_border
        {
        border-color:#d8dde5;
        }
.NoBorder,
.NoBorder tr,
.NoBorder tr td:last-child,
.NoBorder tr td:first-child
        {
        border:none;
        }
#chat-button
        {
        /* //hiero: Kleine subtiele slagschaduw onder ColorChat zonder verdere knopstyling te wijzigen. */
        box-shadow:0 2px 6px rgba(0, 0, 0, 0.32);
        }













#overlay_Upload_error,
#overlay_show_project,
#overlay_security,
#overlay
        {
        /* //hiero: Apple overlay schaduw donkerder maken zonder overlay-werking te wijzigen. */
        -moz-box-shadow:0 0 12px 1px #505050;
        -webkit-box-shadow:0 0 12px 1px #505050;
        box-shadow:0 0 12px 1px #505050;
        }
table.Workflow_Database
        {
        /* //hiero: Workflow database tabel wit houden binnen de lichtgrijze workflow-kaart en subtiel losmaken. */
        background:#ffffff;
        box-shadow:0 2px 5px rgba(24, 36, 52, 0.18);
        /* //hiero: Vaste tabelbreedte voorkomt dat lange projectteksten de workflow-kolommen oprekken. */
        table-layout:fixed;
        /* //hiero: Tabel iets smaller houden zodat de grijze workflow-rand rechts zichtbaar blijft. */
        width:calc(100% - 8px);
        }
table.Workflow_Database tr,
table.Workflow_Database td
        {
        background:#ffffff;
        }
table.Workflow_Database td
        {
        /* //hiero: Lange workflowteksten afkappen zodat er geen horizontale scrollbar ontstaat. */
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        }
table.Workflow_Database td:nth-child(1)
        {
        /* //hiero: Kolomverdeling teruggezet naar de oorspronkelijke workflow-weergave. */
        width:70px;
        }
table.Workflow_Database td:nth-child(2)
        {
        /* //hiero: Naamkolom weer breder maken zoals in de oude workflow-tabel. */
        width:80px;
        }
table.Workflow_Database td:nth-child(3)
        {
        /* //hiero: Typekolom compact houden en alleen lange teksten afkappen. */
        width:92px;
        }
table.Workflow_Database td:nth-child(4)
        {
        /* //hiero: Lege workflowkolom terug naar de oude verhouding. */
        width:52px;
        }
table.Workflow_Database td:nth-child(5)
        {
        /* //hiero: Actiekolom ruim houden zodat knoppen zoals Download en Gestopt passen. */
        width:100px;
        }
table.Workflow_Database .button_design
        {
        /* //hiero: Workflow-knoppen binnen hun cel houden zonder de kolomverdeling te veranderen. */
        box-sizing:border-box;
        margin-right:0;
        max-width:100%;
        min-width:0;
        padding-left:6px;
        padding-right:6px;
        width:100%;
        }
#footer
        {
        /* //hiero: Footer iets lager zetten op de operator home pagina zonder theme-CSS aan te passen. */
        margin-top:12px;
        }