/*
//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;
        }


/* //hiero: Volledige ColorChat-knopstijl rechtstreeks overgenomen uit website_default_expert.css. */
/* Badge-stijling ColorChat */ 
#chat-button {
        position: fixed;
        bottom: 45px;
        right: 45px;
        background-color: rgb(204, 0, 0);
        color: white;
        /* padding: 10px 15px; */
        /* border-radius: 25px; */
        /* //hiero: ColorChat als ronde 44px knop tonen en het FA7-icoon exact centreren. */
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        box-sizing: border-box;
        border-radius: 50%;
        cursor: pointer;
        z-index: 9999;
        /* //hiero: De ronde ColorChat-knop een duidelijk zichtbare slagschaduw geven. */
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.38);
        /* //hiero: Oude zwarte operatorrand uitschakelen zodat de knop exact als de Expert-knop wordt getoond. */
        border: none;
        }

#chat-button .fa-comment-dots {
        /* //hiero: Het FA7 comment-dots icoon groter tonen binnen de ronde chatknop. */
        font-size: 22px;
        line-height: 1;
        /* //hiero: Het chat-icoon dezelfde handcursor geven als de klikbare ronde knop erachter. */
        cursor: pointer;
        }
  #chat-button .badge { /* //29-07-25 */
        position: absolute;
        top: -6px;
        right: -6px;
        /* background: rgb(255, 0, 0); */
        /* color: white; */
        /* //hiero: Foutbadge wit tonen met een rode omlijning en een rood uitroepteken. */
        background: #ffffff;
        color: #c90000;
        border: 2px solid #c90000;
        box-sizing: border-box;
        font-weight: bold;
        width: 20px;
        height: 20px;
        font-size: 14px;
        /* line-height: 20px; */
        /* //hiero: Het rode uitroepteken binnen de badge exact centreren. */
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        border-radius: 50%;
        cursor: pointer;
        text-align: center;
        pointer-events: auto;
        }
#chatbox.colorchat_box {
        /* //hiero: Chatbox rechts boven de ronde knop uitlijnen en dezelfde panelstijl geven als de nieuwe Expert-layout. */
        position: fixed;
        right: 30px;
        bottom: 100px;
        width: 300px;
        height: 430px;
        box-sizing: border-box;
        /* overflow: hidden; */
        /* //hiero: InfoBox moet links buiten de chatbox zichtbaar kunnen openen. */
        overflow: visible;
        background: #efefef;
        border: 1px solid #c3cad4;
        border-radius: 8px;
        box-shadow: 0 5px 16px rgba(24, 36, 52, 0.28);
        z-index: 9999;
        }

#chatbox .colorchat_header {
        /* //hiero: Rustige compacte chatheader met vaste uitlijning voor titel en acties. */
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 42px;
        padding: 6px 8px 6px 12px;
        box-sizing: border-box;
        background: rgb(204, 0, 0);
        color: #ffffff;
        border-radius: 7px 7px 0 0;
        }

#chatbox .colorchat_header_title,
#chatbox .colorchat_header_actions {
        display: flex;
        align-items: center;
        gap: 6px;
        }

#chatbox .colorchat_header_title {
        font-size: 12px;
        font-weight: bold;
        }

#chatbox .colorchat_header_button {
        /* //hiero: Headeracties als gelijk uitgelijnde ronde icoonknoppen tonen. */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border: 1px solid rgba(255, 255, 255, 0.72);
        border-radius: 50%;
        color: #ffffff;
        /* //hiero: Ronde headerknop als positioneringsanker gebruiken om het FA7-icoon exact te centreren. */
        position: relative;
        padding: 0;
        line-height: 1;
        cursor: pointer;
        }

#chatbox #infoIcon.colorchat_header_button {
        /* //hiero: Info-knop een volledig witte ronde rand en een witte losse i geven. */
        border-color: #ffffff;
        color: #ffffff;
        }
#chatbox .colorchat_header_button:hover {
        background: rgba(255, 255, 255, 0.16);
        border-color: #ffffff;
        }

#chatbox .colorchat_header_button .fa-solid {
        /* //hiero: FA7-glyph onafhankelijk van de tekstbaseline exact in het midden van de ronde knop plaatsen. */
        position: absolute;
        top: 53%;
        left: 49%;
        display: block;
        width: 14px;
        height: 14px;
        font-size: 13px;
        line-height: 14px;
        text-align: center;
        transform: translate(-50%, -50%);
        cursor: pointer;
        }

#chatbox .colorchat_messages {
        /* //hiero: Berichten een rustige witte leesruimte geven binnen het grijze chatpaneel. */
        height: 328px;
        padding: 12px;
        box-sizing: border-box;
        overflow-y: auto;
        background: #ffffff;
        border-bottom: 1px solid #d5dae1;
        font-size: 13px;
        line-height: 1.4;
        }

#chatbox .colorchat_input_row {
        display: flex;
        align-items: center;
        gap: 8px;
        height: 58px;
        padding: 10px;
        box-sizing: border-box;
        }

#chatbox .colorchat_input {
        /* //hiero: Chatinvoer laten aansluiten op de compacte invoervelden van de nieuwe layout. */
        flex: 1;
        min-width: 0;
        height: 34px;
        padding: 0 10px;
        box-sizing: border-box;
        border: 1px solid #b9c1cc;
        border-radius: 4px;
        background: #ffffff;
        color: #20252b;
        font-size: 13px;
        outline: none;
        }

#chatbox .colorchat_input:focus {
        border-color: #7d8997;
        box-shadow: 0 0 0 2px rgba(125, 137, 151, 0.16);
        }

#chatbox .colorchat_send_button {
        /* //hiero: Verzenden als vaste ronde rode FA7-icoonknop tonen zonder layoutverschuiving. */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        padding: 0;
        box-sizing: border-box;
        border: 1px solid #a90000;
        border-radius: 50%;
        /* //hiero: Ronde verzendknop als positioneringsanker gebruiken voor exacte icooncentrering. */
        position: relative;
        background: rgb(204, 0, 0);
        color: #ffffff;
        cursor: pointer;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

#chatbox .colorchat_send_button:hover {
        background: #b80000;
        }

#chatbox .colorchat_send_button .fa-solid {
        /* //hiero: Paper-plane glyph exact in het midden van de ronde verzendknop plaatsen. */
        position: absolute;
        top: 54%;
        left: 47%;
        display: block;
        width: 16px;
        height: 16px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        transform: translate(-50%, -50%);
        cursor: pointer;
        }

#chatbox #infoBox {
        /* //hiero: Informatiepaneel visueel laten aansluiten op het vernieuwde chatpaneel. */
        border-color: #c3cad4 !important;
        border-radius: 6px !important;
        box-shadow: 0 4px 12px rgba(24, 36, 52, 0.24) !important;
        font-size: 12px;
        line-height: 1.4;
        }

@media (max-width: 600px) {
        #chatbox.colorchat_box {
                right: 12px;
                bottom: 94px;
                width: calc(100vw - 24px);
                max-width: 340px;
                }
        }

/* //hiero: Alle gedeelde operator-overlays gebruiken de nieuwe ronde FA7-closeknop in plaats van close2.png. */
.apple_overlay > .close {
        display: flex; /* //hiero: X in alle operator-closecirkels horizontaal en verticaal centreren. */
        align-items: center;
        justify-content: center;
        right: -12px;
        top: -12px;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border: 1px solid #9aa7b5;
        border-radius: 50%;
        background: #ffffff !important;
        background-image: none !important;
        color: #2f3a46;
        cursor: pointer;
        box-shadow: 0 2px 6px rgba(32, 43, 56, 0.25);
        font-size: 0;
        text-align: center;
}
.apple_overlay > .close::before {
        content: "\f00d";
        display: block;
        font-family: "Font Awesome 7 Free";
        font-size: 13px;
        font-weight: 900;
        line-height: 1; /* //hiero: Flex bepaalt de centrering; geen afwijkende tekstregel-hoogte meer. */
}
.apple_overlay > .close:hover {
        border-color: #6f7d8c;
        background: #e5e8ec !important;
        color: #17212b;
}
/* //hiero: Gebruikersmenu compact en consistent vormgeven zonder de bestaande OEM-headerpositie te overschrijven. */
#User.user_menu {
        min-width: 185px;
        color: #2f3a46;
        font: 13px Arial, Helvetica, sans-serif;
        cursor: default;
        z-index: 10020;
}
#User.user_menu_oem_2 {
        position: relative;
}
#User .user_menu_trigger {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 32px;
        padding: 0 10px;
        box-sizing: border-box;
        border: 1px solid #c3cad4;
        border-radius: 5px;
        background: #efefef; /* //hiero: Zichtbare gebruikersknop dezelfde grijze achtergrond geven als de nieuwe vensters. */
        box-shadow: 0 2px 5px rgba(32, 43, 56, 0.16);
        cursor: pointer;
}
#User .user_menu_trigger > .fa-circle-user {
        flex: 0 0 auto;
        color: #596675;
        font-size: 16px;
}
#User .user_menu_name {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        color: #2f3a46;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
}
#User .user_menu_chevron {
        flex: 0 0 auto;
        color: #6c7784;
        font-size: 10px;
        transition: transform 120ms ease;
}
#User:hover .user_menu_chevron {
        transform: rotate(180deg);
}
#User #drop.user_menu_dropdown {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        min-width: 185px;
        padding: 6px;
        box-sizing: border-box;
        border: 1px solid #c3cad4;
        border-radius: 0 0 6px 6px;
        background: #ffffff;
        box-shadow: 0 5px 14px rgba(32, 43, 56, 0.22);
        z-index: 10021;
}
#User .user_menu_form {
        margin: 0;
        padding: 0;
}
#User .user_menu_form + .user_menu_form {
        margin-top: 5px;
}
#User .user_menu_action.button_design {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
        border: 1px solid transparent;
        border-radius: 4px;
        background: #f2f3f5;
        color: #303943;
        font: 12px Arial, Helvetica, sans-serif;
        text-align: left;
        cursor: pointer;
}
#User .user_menu_action.button_design:hover {
        border-color: #c3cad4;
        background: #e6e9ed;
}
#User .user_menu_action .fa-solid {
        width: 16px;
        color: #596675;
        text-align: center;
}
/* //hiero: Gebruikersmenu compacter maken en op OEM 2 boven de rode scheidingslijn centreren. */
#User.user_menu {
        min-width: 165px;
        font-size: 12px;
}
/* //hiero: OEM 2-menu onder de rode lijn zetten; JavaScript lijnt de rechterrand met het workflowvenster uit. */
#User.user_menu_oem_2 {
        position: absolute;
        top: 75px; /* //hiero: Gebruikersmenu op verzoek op 75px plaatsen. */
        right: auto;
        bottom: auto;
        left: 0; /* //hiero: JavaScript lijnt deze fallbackpositie uit op de rechterrand van #service_workflow. */
        float: none;
}
#User .user_menu_trigger {
        gap: 6px;
        min-height: 27px;
        padding: 0 8px;
}
#User .user_menu_trigger > .fa-circle-user {
        font-size: 14px;
}
#User .user_menu_name {
        text-align: center;
}
#User #drop.user_menu_dropdown {
        min-width: 165px;
        padding: 5px;
}
#User .user_menu_action.button_design {
        gap: 6px;
        height: 27px;
        padding: 0 8px;
        font-size: 11px;
}
/* //hiero: Operator en Expert dezelfde paginabasis geven zodat body en footer niet verspringen bij omschakelen. */
html {
        overflow-y: auto; /* //hiero: Scrollbar alleen tonen wanneer de pagina werkelijk hoger is dan het venster. */
        scrollbar-gutter: auto; /* //hiero: Geen witte gereserveerde strook tonen wanneer er geen scrollbar aanwezig is. */
}
html,
body {
        width: 100%;
        height: 100%;
        background: #ffffff;
}
body {
        color: #575757;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10.5px;
        line-height: 1.22;
}
#hoofd2 {
        box-sizing: border-box;
        width: 95%;
        min-width: 1300px;
        max-width: 1300px;
        height: 740px;
        margin: -40px auto 0;
        padding-top: 18px;
}
#footer {
        width: 100%;
        height: 12px; /* //hiero: OEM operator- en Expert-footer exact dezelfde hoogte geven. */
        margin-top: 12px;
        box-sizing: border-box;
}
#Copyright_position {
        top: 12px;
        min-width: 1300px;
        max-width: 1300px;
        box-sizing: border-box;
}
/* //hiero: Dezelfde volledige PNG-achtergrond als home_service.php uitsluitend via operator_refresh.css activeren. */
html {
        min-width: 1300px;
        min-height: 100%;
        background-color: #f7f8fa;
        background-image: url('../images/background_xcc.png?v=2026072901'); /* //hiero: Dezelfde vaste PNG ook op html tonen zodat onder de body geen grijs vlak verschijnt. */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-attachment: fixed;
}
body {
        min-width: 1300px;
        min-height: 100%;
        background-color: #f7f8fa;
        background-image: url('../images/background_xcc.png?v=2026072803');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-attachment: fixed;
}
/* //hiero: Oude effen Operator-paginavlakken transparant maken zodat de PNG overal zichtbaar blijft. */
#pageheader,
#pagecenter,
#hoofd2,
#footer,
#Copyright_position,
#Copyright {
        background-color: transparent;
}
#pageheader {
        height: 96px; /* //hiero: Zelfde compacte headerhoogte als home_service.php. */
}
/* //hiero: Rode headerlijn los van de PNG horizontaal en op een vaste verticale positie tekenen. */
#pageheader::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: min(calc(100% - 20px), calc(50% + 600px));
        height: 3px;
        background: linear-gradient(to right, #d00000 0%, #d00000 calc(100% - 90px), rgba(208, 0, 0, 0) 100%);
        pointer-events: none;
        z-index: 1;
}#hoofd2 {
        box-sizing: border-box;
        width: 95%;
        min-width: 1300px;
        max-width: 1300px;
        height: 790px;
        margin: -30px auto 0;
        padding-top: 18px;
        border-top: 0; /* //hiero: Rode lijn komt uit background_xcc.png en mag niet dubbel worden getekend. */
}
/* //hiero: Operator-logo's exact gelijk plaatsen aan de actuele Expert-header. */
#logo-left {
        top: -47px;
        left: 18px;
        width: 220px;
        height: 52px;
        background-size: 205px auto;
}
#logo-right {
        top: -40px;
        left: 255px;
        width: calc(100% - 273px);
        height: 48px;
        margin-left: 0;
        color: #000000;
        font-size: 30px;
        line-height: 44px;
}
/* //hiero: Operator-usermenu dezelfde verticale positie geven als het Expert-usermenu. */
#User.user_menu_oem_2 {
        top: 35px;
}
/* //hiero: Chatknop qua positie en icoongrootte gelijkmaken aan home_service.php. */
#chat-button.colorchat_button {
        right: 25px;
        bottom: 25px;
}
#chat-button.colorchat_button .fa-comment-dots {
        font-size: 24px;
}
/* //hiero: Chatvenster dezelfde vaste aansluiting boven de chatknop geven als home_service.php. */
#chatbox.colorchat_box {
        right: 20px;
        bottom: 80px;
}
/* //hiero: Footer en copyright exact op de actuele Expert-posities zetten. */
#footer {
        margin-top: 10px;
}
#Copyright_position {
        top: -2px;
}
#Copyright {
        color: #30363d;
}
/* //hiero: Het volledige operator-workflowvenster iets omlaag plaatsen zonder de interne workflowposities te wijzigen. */
#workflow_overview {
        margin: 12px auto 0;
}
/* //hiero: XeikonColorControl horizontaal in het midden van de operatorheader plaatsen; usermenu blijft apart rechts uitgelijnd. */
#logo-right {
        left: 0;
        width: 100%;
        text-align: center;
}
/* //hiero: Gecentreerde XeikonColorControl-headertekst iets groter tonen met behoud van verticale uitlijning. */
#logo-right {
        font-size: 45px; /* //hiero: XeikonColorControl op verzoek op 45px tonen. */
        line-height: 48px;
}
/* //hiero: Serverchecktabel compact en op beide pagina's identiek tonen, los van de grote Workflow_Database-tabellen. */
#servercheck_popup {
        width:max-content;
        max-width:calc(100% - 120px);
        box-sizing:border-box;
        /* //hiero: Servercheck-popup laten aansluiten op de nieuwe site met afgeronde hoeken en subtiele slagschaduw. */
        padding:4px;
        border:1px solid #c3cad4 !important;
        border-radius:7px;
        background:#ffffff;
        box-shadow:0 3px 10px rgba(24, 36, 52, 0.20);
        overflow:hidden;
}
#servercheck_popup table.Servercheck_Database {
        width:auto;
        margin:0;
        border:0;
        border-collapse:collapse;
        table-layout:auto;
        background:#ffffff;
        box-shadow:none;
}
#servercheck_popup table.Servercheck_Database td {
        padding:2px 5px;
        border:1px solid #c0c0c0;
        background:#ffffff;
        text-align:left;
        white-space:nowrap;
}

/* //hiero: Operator automated settings gebruikt de kaartopbouw van het expertmenu; inhoud, IDs en events blijven operator-specifiek. */
#overlay.workflow_auto_settings_overlay
{
        box-sizing:border-box;
        width:auto;
        max-width:calc(100vw - 48px);
        padding:0 !important;
        border:1px solid #b9c1cc;
        border-radius:8px !important;
        /* background:#f4f5f7 !important; */ /* //hiero: Oude grijze operator-overlayachtergrond behouden als referentie. */
        background:#ffffff !important; /* //hiero: Workflow Auto Settings dezelfde witte overlayachtergrond geven als de expertpagina. */
        box-shadow:0 12px 32px rgba(32,43,56,0.38),0 3px 10px rgba(32,43,56,0.22) !important;
        color:#27313d;
        overflow:visible;
}
#overlay.workflow_auto_settings_overlay > .overlay
{
        box-sizing:border-box;
        width:auto !important;
        height:auto !important;
        padding:15px !important;
        border-radius:7px;
        /* background:#f4f5f7 !important; */ /* //hiero: Oude grijze operator-overlayachtergrond behouden als referentie. */
        background:#ffffff !important; /* //hiero: Workflow Auto Settings dezelfde witte overlayachtergrond geven als de expertpagina. */
        overflow:hidden;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings
{
        box-sizing:border-box;
        width:500px !important;
        min-width:420px !important;
        min-height:0 !important;
        max-height:calc(100vh - 100px) !important;
        padding:0 8px 8px 0;
        background:transparent;
        overflow:auto;
        scrollbar-color:#aeb7c2 #eef0f3;
        scrollbar-width:thin;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table
{
        width:100% !important;
        margin:0;
        border-spacing:0 !important;
        table-layout:auto;
        font-size:10.5px;
        line-height:1.125;
}
/* //hiero: Alleen het standaardoverzicht verbreden zodat Associated Media Groups zonder horizontale scrollbar past. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings.workflow_auto_operator_overview
{
        /* width:560px !important; */ /* //hiero: Oude operatorbreedte behouden als referentie. */
        /* min-width:560px !important; */
        width:510px !important; /* //hiero: Operator-overview verkleinen naar de gevraagde breedte. */
        min-width:510px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_associated_media_card .apg_icc_scroll > table
{
        box-sizing:border-box;
        width:100% !important;
        min-width:0 !important;
}
/* //hiero: De Associated Media Groups- en VerifyQueue-pencils compact en gelijk gecentreerd binnen de rechterbovenhoek van hun header plaatsen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_associated_media_card > tr:first-child > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .Verifyqueue_settings_operator > tr:first-child > td
{
        height:28px !important; /* //hiero: VerifyQueue- en Associated Media-header iets verhogen voor de 22px editknop. */
        min-height:28px !important;
        vertical-align:middle !important;
        position:relative;
        padding-right:34px !important;
        padding-left:34px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_associated_media_card #Edit_workflow_auto_media_settings_operator,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .Verifyqueue_settings_operator #Edit_VerifyQueue_Auto_settings_operator
{
        position:absolute !important;
        /* top:1px !important; */ /* //hiero: Oude positie behouden als referentie. */
        top:2px !important; /* //hiero: Editknop optisch centreren in de verhoogde header. */
        right:1px !important;
        width:22px;
        height:22px;
        margin:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings td
{
        box-sizing:border-box;
        padding:1px 8px;
        vertical-align:middle;
}
/* //hiero: De operatorheader als dezelfde volledig afgeronde grijze headerkaart tonen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_operator_main_header
{
        height:32px !important;
        padding:0 8px;
        border:1px solid #cbd2db;
        border-radius:5px;
        background:#e3e7ec !important;
        color:#25313e;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_operator_main_header b
{
        font-size:13px !important;
        font-weight:600;
        line-height:30px;
}
/* //hiero: Exact dezelfde 8px sectieafstand als tussen de expertkaarten gebruiken. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_top_spacing > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_spacing > tr > td
{
        height:8px !important;
        min-height:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        line-height:0 !important;
}
/* //hiero: Oude gradientcel vervangen door de expert-wrapper met een hoofdkaart en rechter zijkolom. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview
{
        background:transparent !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview > tr > .auto_functions_layout_cell
{
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        white-space:normal;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns
{
        display:grid;
        grid-template-columns:minmax(0,2fr) minmax(0,1fr);
        align-items:start;
        gap:8px;
        width:100%;
        max-width:100%;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_side
{
        display:flex;
        flex-direction:column;
        gap:8px;
        min-width:0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_card,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_side
{
        min-width:0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder
{
        box-sizing:border-box;
        float:none !important;
        width:100%;
        margin:0 !important;
        border:1px solid #cbd2db !important;
        border-collapse:separate;
        border-spacing:0;
        border-radius:5px;
        background:#ffffff;
        overflow:hidden;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder tr
{
        height:24px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder td
{
        padding-top:1px;
        padding-bottom:1px;
        border:0;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder .aws_titel
{
        height:26px !important;
        padding:4px 10px;
        border-bottom:1px solid #cbd2db;
        background:#e3e7ec !important;
        color:#263442;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder .aws_titel b
{
        font-size:10.5px;
        font-weight:600;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview table.NoBorder .aws_text
{
        box-sizing:border-box;
        width:34px !important;
        padding-right:2px;
        padding-left:9px;
        text-align:left;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview table.NoBorder .aws_text_checkbox
{
        padding-right:10px;
        padding-left:2px;
        color:#34404d;
        white-space:normal;
}
/* //hiero: Alleen de Density Status- en Mode-regel iets losmaken van de kaartheader. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_density_mode_row
{
        height:28px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_density_mode_row > td
{
        padding-top:4px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_legacy_inner_spacing,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview > tr > td[style*="height:5px"]
{
        display:none !important;
        height:0 !important;
        padding:0 !important;
}
/* //hiero: Alle overige operatorsecties als dezelfde volledig gesloten expertkaarten tonen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .tbody_border:not(.auto_functions_overview)
{
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:first-child > td
{
        height:24px;
        padding:2px 9px;
        border-top:1px solid #cbd2db;
        border-bottom:1px solid #cbd2db;
        background:#e3e7ec !important;
        color:#263442;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:first-child > td:first-child
{
        border-left:1px solid #cbd2db;
        border-top-left-radius:5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:first-child > td:last-child
{
        border-right:1px solid #cbd2db;
        border-top-right-radius:5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:not(:first-child) > td
{
        min-height:24px;
        padding-top:2px;
        padding-bottom:2px;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr > td:first-child
{
        border-left:1px solid #cbd2db;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr > td:last-child
{
        border-right:1px solid #cbd2db;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:last-child > td
{
        padding-bottom:7px;
        border-bottom:1px solid #cbd2db;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:last-child > td:first-child
{
        border-bottom-left-radius:5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:last-child > td:last-child
{
        border-bottom-right-radius:5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.tbody_border:not(.auto_functions_overview) > tr:first-child b
{
        font-size:10.5px;
        font-weight:600;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .aws_titel
{
        color:#263442;
}
/* //hiero: Profile Media exact dezelfde grijze kop, rand en ronde bovenhoeken geven als Density check. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_media_profile_title
{
        box-sizing:border-box;
        height:24px !important;
        padding:3px 9px !important;
        border:1px solid #cbd2db !important;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        background:#e3e7ec !important;
        color:#263442;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_media_profile_title b
{
        font-size:10.5px;
        font-weight:600;
        line-height:1.2;
}
/* //hiero: De geladen medialijst en toevoegacties gelijk aan de expertpagina binnen de witte kaart uitlijnen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_unassigned_media_card .offline_media_list_content
{
        padding-right:0 !important;
        background:#ffffff !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_unassigned_media_card .offline_media_list_table
{
        border-spacing:0 2px;
        background:#ffffff;
}
/* //hiero: Oude tbody_border-regels mogen geen grijs kader rond iedere loaded-mediaregel tekenen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_unassigned_media_card .offline_media_list_table tr > td
{
        border:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_unassigned_media_card .offline_media_add_actions
{
        box-sizing:border-box;
        padding-right:12px !important;
        text-align:right !important;
        white-space:nowrap;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_unassigned_media_card .offline_media_add_actions #add_media_to_offline_media_group_button_operator
{
        display:inline-block;
        float:none !important;
        width:96px;
        min-width:96px;
        margin:0;
}
/* //hiero: De Create Media Group-header dezelfde kleur, maat en afgeronde bovenhoeken geven als de andere kaarten. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_header
{
        height:24px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_header > td
{
        box-sizing:border-box;
        height:24px !important;
        padding:3px 9px !important;
        border-top:1px solid #cbd2db !important;
        border-bottom:1px solid #cbd2db !important;
        background:#e3e7ec !important;
        color:#263442;
        vertical-align:middle !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_header > td:first-child
{
        border-left:1px solid #cbd2db !important;
        border-top-left-radius:5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_header > td:last-child
{
        border-right:1px solid #cbd2db !important;
        border-top-right-radius:5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_header b
{
        font-size:10.5px;
        font-weight:600;
        line-height:1.2;
}
/* //hiero: De Create Media Group-inhoud wit maken en de kaart met één afgeronde onderrand afsluiten. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_card
{
        background:#ffffff !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_card > tr:not(:first-child) > td
{
        background:#ffffff !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .workflow_auto_offline_media_group_card > tr:last-child > td
{
        border-bottom:1px solid #cbd2db !important;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px;
}
/* //hiero: De aparte dynamische rijgroep als één volledig witte en gesloten kaart laten renderen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_card
{
        background:#ffffff !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_card > tr:not(:first-child) > td
{
        background:#ffffff !important;
}
/* //hiero: Het dynamische Change Media Group-venster conform de expertkaart opmaken en volledig sluiten. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_spacing > td
{
        height:8px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        line-height:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_title
{
        box-sizing:border-box;
        height:24px !important;
        padding:3px 9px !important;
        border:1px solid #cbd2db !important;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        background:#e3e7ec !important;
        color:#263442;
        vertical-align:middle !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_title b
{
        font-size:10.5px;
        font-weight:600;
        line-height:1.2;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > td
{
        box-sizing:border-box;
        height:30px !important;
        padding-top:4px;
        padding-bottom:4px;
        border-color:#cbd2db;
        background:#ffffff !important;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > .edit_offline_media_name
{
        padding-left:12px !important;
        border-left:1px solid #cbd2db !important;
        color:#263442;
        font-weight:600;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_select_cell
{
        padding-right:8px;
        padding-left:8px;
        background:#ffffff !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content #offline_media_group
{
        min-width:90px;
        height:21px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_actions
{
        padding-right:0 !important;
        border-right:1px solid #cbd2db !important;
        background:#ffffff !important;
        text-align:right !important;
        white-space:nowrap;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_button_group
{
        box-sizing:border-box;
        width:100%;
        padding-right:12px;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:8px;
        white-space:nowrap;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_actions #edit_media_to_offline_media_group_button_operator,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_actions #delete_media_to_offline_media_group_button_operator
{
        display:inline-block;
        float:none !important;
        box-sizing:border-box;
        width:96px;
        min-width:96px;
        height:21px;
        margin:0;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_bottom > td
{
        box-sizing:border-box;
        height:6px !important;
        padding:0 !important;
        border-right:1px solid #cbd2db !important;
        border-bottom:1px solid #cbd2db !important;
        border-left:1px solid #cbd2db !important;
        border-bottom-right-radius:5px !important;
        border-bottom-left-radius:5px !important;
        background:#ffffff !important;
}
/* //hiero: Bestaande lege tabelrijen alleen als uniforme 8px afstand tonen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody:not(.tbody_border) > tr > td[style*="height:5px"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody:not(.tbody_border) > tr > td[style*="height: 5px"]
{
        height:8px !important;
        min-height:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        line-height:0 !important;
}
/* //hiero: Invoer en dropdowns volgen exact de compacte afgeronde expertstijl. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input:not([type]),
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="text"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="number"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="password"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings select,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings textarea
{
        box-sizing:border-box;
        min-height:22px;
        height:22px;
        padding:1px 22px 1px 6px;
        border:1px solid #b8c0ca;
        border-radius:4px;
        background:#ffffff;
        color:#26313d;
        font:10.5px Arial,Helvetica,sans-serif;
        text-overflow:ellipsis;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input:not([type]),
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="text"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="number"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="password"]
{
        padding-right:6px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input:focus,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings select:focus,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings textarea:focus
{
        border-color:#68798b;
        outline:2px solid rgba(104,121,139,0.18);
        outline-offset:0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input:disabled,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings select:disabled,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings textarea:disabled
{
        background:#eceff2;
        color:#8a939d;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="checkbox"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings input[type="radio"]
{
        width:auto;
        height:auto;
        margin:0 5px 0 0;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings #Verify_min_procent,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings #Verify_min_autofix
{
        width:30px !important;
        min-width:30px;
        padding-right:4px;
        padding-left:4px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .button_design
{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        min-width:96px;
        min-height:22px;
        height:22px;
        padding:1px 8px;
        border:1px solid #aeb7c2;
        border-radius:5px;
        background:#ffffff;
        color:#26313d;
        box-shadow:0 1px 2px rgba(32,43,56,0.08);
        font:10.5px Trebuchet MS,Arial,sans-serif;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .button_design:hover
{
        border-color:#8794a2;
        background:#e5e8ec;
        color:#17212b;
}
/* //hiero: Interactieve FA7-iconen houden dezelfde omkaderde actiestijl als op de expertpagina. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings i.xcc_fa_action
{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        width:24px;
        height:24px;
        margin:1px 2px;
        padding:0;
        border:1px solid #b9c3cf;
        border-radius:4px;
        background:#ffffff;
        color:#365a76;
        box-shadow:0 1px 2px rgba(32,43,56,0.10);
        font-size:12px;
        line-height:1;
        vertical-align:middle;
        cursor:pointer;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings i.xcc_fa_action:hover
{
        border-color:#8794a2;
        background:#e7ebef;
        color:#17212b;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings i.xcc_fa_action.fa-trash-can
{
        color:#c90000;
}
/* //hiero: Dezelfde ronde FA7-closeknop als het ongewijzigde expertmenu gebruiken. */
#overlay.workflow_auto_settings_overlay > .close
{
        display:flex;
        align-items:center;
        justify-content:center;
        right:-12px;
        top:-12px;
        width:24px;
        height:24px;
        margin:0;
        border:1px solid #9da8b4;
        border-radius:50%;
        background:#ffffff !important;
        background-image:none !important;
        color:#394858;
        box-shadow:0 1px 3px rgba(32,43,56,0.18);
        font-size:0;
        text-align:center;
}
#overlay.workflow_auto_settings_overlay > .close::before
{
        content:"\f00d";
        display:block;
        font-family:"Font Awesome 7 Free";
        font-size:13px;
        font-weight:900;
        line-height:1;
}
#overlay.workflow_auto_settings_overlay > .close:hover
{
        border-color:#6f7d8c;
        background:#e5e8ec !important;
        color:#17212b;
}
@media (max-width:620px)
{
        #overlay.workflow_auto_settings_overlay #Workflow_Auto_settings
        {
                width:calc(100vw - 80px) !important;
                min-width:0 !important;
        }
        #overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns
        {
                grid-template-columns:minmax(0,1fr);
        }
}
/* //hiero: Operator Verify Queue-overzicht dezelfde compacte kaartopbouw geven als service, maar met eigen operatorclasses. */
#overlay.workflow_auto_settings_overlay:has(#Workflow_Auto_settings .vqmg_overview_card)
{
        box-sizing:border-box;
        width:500px !important;
        max-width:calc(100vw - 48px);
}
#overlay.workflow_auto_settings_overlay:has(#Workflow_Auto_settings .vqmg_overview_card) > .overlay,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.vqmg_overview_card)
{
        box-sizing:border-box;
        width:100% !important;
        min-width:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.edit_vqmg_spacing > tr > td
{
        height:8px !important;
        min-height:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        line-height:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_content
{
        padding:8px !important;
        background:#ffffff !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_list
{
        box-sizing:border-box;
        width:100%;
        max-height:230px;
        overflow-x:hidden;
        overflow-y:auto;
        border:1px solid #cbd2db;
        border-radius:5px;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table
{
        width:100% !important;
        table-layout:fixed;
        border:0;
        border-collapse:collapse;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table col.vqmg_status_column,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table col.vqmg_device_link_column
{
        width:32px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table .vqmg_status_cell
{
        padding-right:3px !important;
        padding-left:3px !important;
        text-align:center;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table .vqmg_device_link_cell
{
        padding-right:4px !important;
        padding-left:4px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table td
{
        box-sizing:border-box;
        height:22px;
        padding:3px 6px !important;
        border-right:0;
        border-bottom:1px solid #e3e7ec;
        border-left:0;
        background:#ffffff;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table tr:last-child td
{
        border-bottom:0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table .vqmg_group_header
{
        height:24px;
        padding:4px 8px !important;
        border-bottom:1px solid #cbd2db;
        background:#e3e7ec !important;
        text-align:center;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table td:has(> .Edit_VQMG_button_operator.xcc_fa_action)
{
        white-space:nowrap;
        text-align:right;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table .Edit_VQMG_button_operator.xcc_fa_action,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_table .Delete_VQMG_button_operator.xcc_fa_action
{
        margin:1px 2px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_card .edit_vqmg_footer
{
        box-sizing:border-box;
        height:38px !important;
        padding:8px 10px !important;
        border-bottom:1px solid #cbd2db;
        border-bottom-right-radius:5px;
        border-bottom-left-radius:5px;
        background:#ffffff !important;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_overview_card .edit_vqmg_footer .button_design
{
        top:auto !important;
        min-width:96px;
        margin-top:0;
        margin-bottom:0;
}
/* //hiero: Operator Add VQMG-formulier apart dezelfde compacte indeling geven als de servicevariant. */
#overlay.workflow_auto_settings_overlay:has(#Workflow_Auto_settings .add_verifyqueue_mediagroup)
{
        box-sizing:border-box;
        width:500px !important;
        max-width:calc(100vw - 48px);
}
#overlay.workflow_auto_settings_overlay:has(#Workflow_Auto_settings .add_verifyqueue_mediagroup) > .overlay,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.add_verifyqueue_mediagroup)
{
        box-sizing:border-box;
        width:100% !important;
        min-width:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.add_vqmg_spacing > tr > td
{
        height:8px !important;
        min-height:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        line-height:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .add_verifyqueue_mediagroup > tr:not(:first-child):not(.add_vqmg_footer_row):not(.vqmg_obsolete_empty_row) > td
{
        box-sizing:border-box;
        height:24px !important;
        min-height:0 !important;
        padding-top:2px !important;
        padding-bottom:2px !important;
        background:#ffffff !important;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .add_verifyqueue_mediagroup .aws_text
{
        padding-right:8px !important;
        padding-left:10px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .add_verifyqueue_mediagroup .awesome-select-box
{
        box-sizing:border-box;
        width:180px !important;
        height:22px;
        border:1px solid #b8c0ca;
        border-radius:4px;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .add_verifyqueue_mediagroup .UL_VQMG_qc_settings
{
        box-sizing:border-box;
        display:block;
        width:calc(100% - 16px);
        height:auto !important;
        max-height:190px !important;
        margin:4px 8px 6px !important;
        padding:4px 6px;
        overflow-x:hidden;
        overflow-y:auto;
        border:1px solid #cbd2db;
        border-radius:5px;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .add_verifyqueue_mediagroup .UL_VQMG_qc_settings li
{
        min-height:22px;
        margin:0;
        padding:1px 2px;
        line-height:20px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .add_vqmg_footer_row > td
{
        box-sizing:border-box;
        height:38px !important;
        padding:8px 10px !important;
        border-bottom:1px solid #cbd2db;
        border-bottom-right-radius:5px;
        border-bottom-left-radius:5px;
        background:#ffffff !important;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .add_vqmg_footer_row .button_design
{
        top:auto !important;
        float:right !important;
        width:96px;
        min-width:96px;
        margin:0 0 0 6px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_obsolete_empty_row
{
        display:none !important;
}
/* //hiero: Operator Edit VQMG-formulier apart dezelfde compacte indeling geven als de servicevariant. */
#overlay.workflow_auto_settings_overlay:has(#Workflow_Auto_settings .vqmg_edit_form)
{
        box-sizing:border-box;
        width:500px !important;
        max-width:calc(100vw - 48px);
}
#overlay.workflow_auto_settings_overlay:has(#Workflow_Auto_settings .vqmg_edit_form) > .overlay,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.vqmg_edit_form)
{
        box-sizing:border-box;
        width:100% !important;
        min-width:0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_edit_form > tr:not(:first-child):not(.vqmg_edit_footer_row):not(.vqmg_obsolete_empty_row) > td
{
        box-sizing:border-box;
        height:24px !important;
        min-height:0 !important;
        padding-top:2px !important;
        padding-bottom:2px !important;
        background:#ffffff !important;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_edit_form .aws_text
{
        padding-right:8px !important;
        padding-left:10px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_edit_form .awesome-select-box
{
        box-sizing:border-box;
        width:180px !important;
        height:22px;
        border:1px solid #b8c0ca;
        border-radius:4px;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_edit_form .UL_VQMG_qc_settings
{
        box-sizing:border-box;
        display:block;
        width:calc(100% - 16px);
        height:auto !important;
        max-height:190px !important;
        margin:4px 8px 6px !important;
        padding:4px 6px;
        overflow-x:hidden;
        overflow-y:auto;
        border:1px solid #cbd2db;
        border-radius:5px;
        background:#ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_edit_form .UL_VQMG_qc_settings li
{
        min-height:22px;
        margin:0;
        padding:1px 2px;
        line-height:20px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_edit_footer_row > td
{
        box-sizing:border-box;
        height:38px !important;
        padding:8px 10px !important;
        border-bottom:1px solid #cbd2db;
        border-bottom-right-radius:5px;
        border-bottom-left-radius:5px;
        background:#ffffff !important;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .vqmg_edit_footer_row .button_design
{
        top:auto !important;
        float:right !important;
        width:96px;
        min-width:96px;
        margin:0 0 0 6px;
}
/* //hiero: Operator Sync Media als één wit statusvenster tonen, apart van de expert-CSS. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .sync_media_status_row
{
        height:132px !important;
        border:0 !important;
        background:#ffffff !important;
        box-shadow:none !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .sync_media_status_row > td
{
        padding:0 !important;
        border:0 !important;
        background:#ffffff !important;
        box-shadow:none !important;
        vertical-align:middle;
}
/* //hiero: Operator Sync Media dezelfde automatische 420px-minimumbreedte geven als de expertpagina. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.sync_media_status_row)
{
        width:auto !important;
        min-width:420px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.sync_media_status_row),
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.sync_media_status_row) > table
{
        border:0 !important;
        background:#ffffff !important;
        box-shadow:none !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .sync_media_status_card
{
        box-sizing:border-box;
        width:auto;
        margin:0 auto;
        padding:18px 24px;
        border:0;
        border-radius:0;
        border-spacing:0;
        background:transparent;
        box-shadow:none;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .sync_media_status_card td
{
        padding:3px 6px;
        text-align:center;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .sync_media_status_icon
{
        display:inline-block;
        color:#344556;
        font-size:22px;
        line-height:22px;
        text-align:center;
        vertical-align:middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .sync_media_status_error
{
        color:#d60000;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .sync_media_status_text td
{
        padding-top:8px;
        color:#263442;
        font-weight:600;
}

/* //hiero: Operator edit_media krijgt apart exact dezelfde expert-CSS; operatorfuncties blijven via eigen ids uitbreidbaar. */
/* //hiero: Post-sync edit_media-weergave conform de afgeronde compacte layout uitlijnen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.edit_media_layout_marker > tr > td {
        height: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .tbody_border {
        background: #ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .td_left_right_border,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .td_left_border,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .td_right_border {
        border-color: #cbd2db;
        background: #ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .td_top_border.aws_titel:first-child {
        border-top-left-radius: 5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr > .td_top_border.aws_titel:last-child,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr > .td_top_border.aws_titel[colspan="6"] {
        border-top-right-radius: 5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .tr_bottom_border > td:first-child,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .td_bottom_border:first-child {
        border-bottom-left-radius: 5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .tr_bottom_border > td:last-child,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .td_bottom_border:last-child {
        border-bottom-right-radius: 5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #group_media_tbody > tr > td {
        padding-top: 2px;
        padding-bottom: 2px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #add_media_group,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #manage_media_group {
        border: 1px solid #b8c0ca;
        border-radius: 4px;
        background: #ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_footer {
        box-sizing: border-box;
        height: 40px !important;
        padding: 8px 10px !important;
        vertical-align: middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_footer .button_design {
        top: auto !important;
        margin-top: 0;
        margin-bottom: 0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_footer #Edit_VerifyQueue_Auto_settings_operator {
        float: left !important;
        margin-left: 0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_footer #Save_Media_Auto_settings_operator,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_footer #Edit_workflow_auto_media_settings_operator_PL {
        float: right !important;
        margin-right: 0;
        margin-left: 6px;
}
/* //hiero: Profile Media en Create new Media Group visueel als complete compacte kaarten afwerken. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .aws_titel.td_left_right_border,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .aws_titel.td_left_border,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .aws_titel.td_right_border {
        background: #e3e7ec;
        color: #263442;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr > .aws_titel.td_left_right_border[colspan="6"] {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .tr_bottom_border > .td_left_right_border.td_bottom_border {
        height: 5px !important;
        padding: 0 !important;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: #ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #group_media_tbody hr {
        height: 0;
        margin: 5px 0;
        border: 0;
        border-top: 1px solid #d3d8df;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr:has(#add_media_group),
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr:has(#manage_media_group) {
        height: 26px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr:has(#add_media_group) > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr:has(#manage_media_group) > td {
        padding-top: 2px;
        padding-bottom: 2px;
        vertical-align: middle !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr:has(#add_media_group) > td:first-child,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr:has(#manage_media_group) > td:first-child {
        width: 110px !important;
        padding-left: 12px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #add_media_group,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #manage_media_group {
        width: 120px !important;
        height: 21px !important;
        margin: 0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #add_media_group_button {
        float: right;
        min-width: 96px;
        margin: 0 10px 0 6px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #edit_media_group_button,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #delete_media_group_button {
        height: 21px;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
}
/* //hiero: Profile Media-kop exact gelijk aan andere sectietitels en kader onderaan afronden. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_title {
        box-sizing: border-box;
        height: 24px !important;
        padding: 3px 9px !important;
        border: 1px solid #cbd2db !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #e3e7ec !important;
        color: #263442;
        vertical-align: middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_title b {
        font-size: 10.5px;
        font-weight: 600;
        line-height: 1.2;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) tr > td.td_left_right_border > hr {
        display: none;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_bottom > td {
        height: 6px !important;
        padding: 0 !important;
        border-right: 1px solid #cbd2db !important;
        border-bottom: 1px solid #cbd2db !important;
        border-left: 1px solid #cbd2db !important;
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        background: #ffffff !important;
        overflow: hidden;
}
/* //hiero: Table-cells negeren hier border-radius; onderrand daarom binnen de cel afgerond tekenen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_bottom > td {
        position: relative;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: visible;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_bottom > td::after {
        content: "";
        position: absolute;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        border-right: 1px solid #cbd2db;
        border-bottom: 1px solid #cbd2db;
        border-left: 1px solid #cbd2db;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background: #ffffff;
        pointer-events: none;
}
/* //hiero: Create new Media Group gelijk maken aan Profile Media met kopruimte en afgeronde kaart. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_spacing > td {
        height: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_title,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_title_end {
        box-sizing: border-box;
        height: 24px !important;
        padding: 3px 9px !important;
        border-top: 1px solid #cbd2db !important;
        border-bottom: 1px solid #cbd2db !important;
        background: #e3e7ec !important;
        color: #263442;
        vertical-align: middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_title {
        border-left: 1px solid #cbd2db !important;
        border-top-left-radius: 5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_title_end {
        border-right: 1px solid #cbd2db !important;
        border-top-right-radius: 5px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_title b {
        font-size: 10.5px;
        font-weight: 600;
        line-height: 1.2;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_bottom > td {
        position: relative;
        height: 6px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_group_bottom > td::after {
        content: "";
        position: absolute;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        border-right: 1px solid #cbd2db;
        border-bottom: 1px solid #cbd2db;
        border-left: 1px solid #cbd2db;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background: #ffffff;
        pointer-events: none;
}
/* //hiero: Veldcellen lichtgrijs maken en Add dichter tegen de rechterzijde uitlijnen. */

#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) #add_media_group_button {
        margin-right: 2px;
}
/* //hiero: Veldcellen expliciet wit maken omdat de omringende tabelachtergrond grijs doorschijnt. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) td:has(> #add_media_group),
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) td:has(> #manage_media_group) {
        background: #ffffff !important;
}
/* //hiero: Change Media Group-subvenster conform de overige witte afgeronde kaarten opmaken. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_spacing > td {
        height: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_title {
        box-sizing: border-box;
        height: 24px !important;
        padding: 3px 9px !important;
        border: 1px solid #cbd2db !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #e3e7ec !important;
        color: #263442;
        vertical-align: middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_title b {
        font-size: 10.5px;
        font-weight: 600;
        line-height: 1.2;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > td {
        height: 30px !important;
        padding-top: 4px;
        padding-bottom: 4px;
        border-color: #cbd2db;
        background: #ffffff !important;
        vertical-align: middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > td:first-child {
        padding-left: 12px !important;
        color: #263442;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content #offline_media_group {
        min-width: 90px;
        height: 21px;
        border: 1px solid #b8c0ca;
        border-radius: 4px;
        background: #ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content .button_design {
        float: none !important;
        height: 21px;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_bottom > td {
        position: relative;
        height: 6px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_bottom > td::after {
        content: "";
        position: absolute;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        border-right: 1px solid #cbd2db;
        border-bottom: 1px solid #cbd2db;
        border-left: 1px solid #cbd2db;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background: #ffffff;
        pointer-events: none;
}
/* //hiero: Change Media Group-inhoud expliciet wit en Edit/Delete gelijk rechts uitlijnen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > .edit_offline_media_name,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > .edit_offline_media_select_cell,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > .edit_offline_media_actions {
        background: #ffffff !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_name {
        padding-left: 12px !important;
        font-weight: 600;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_select_cell {
        padding-right: 8px;
        padding-left: 8px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_actions {
        /* //hiero: Rechterrand Delete uitlijnen met Add in het kader eronder. */
        padding-right: 18px !important;
        text-align: right !important;
        white-space: nowrap;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_actions #edit_media_to_offline_media_group_button_operator,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_actions #delete_media_to_offline_media_group_button_operator {
        display: inline-block;
        box-sizing: border-box;
        width: 96px;
        min-width: 96px;
        height: 21px;
        margin: 0;
        vertical-align: middle;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_actions #delete_media_to_offline_media_group_button_operator {
        margin-left: 8px;
}
/* //hiero: Ruimte tussen Automated Control Settings en de eerste Density check-kaart. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_media_top_spacing > td {
        height: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
}

/* //hiero: Profile Media met echte celranden afsluiten; het pseudo-element werd door de tabel niet zichtbaar getekend. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_bottom > td {
        box-sizing: border-box;
        border-right: 1px solid #cbd2db !important;
        border-bottom: 1px solid #cbd2db !important;
        border-left: 1px solid #cbd2db !important;
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        background: #ffffff !important;
        overflow: hidden;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_bottom > td::after {
        display: none;
}

/* //hiero: Inset kaderlijn voorkomt dat het tabelmodel de Profile Media-onderrand weglaat. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings:has(.edit_media_layout_marker) .edit_media_profile_bottom > td {
        height: 8px !important;
        line-height: 0 !important;
        box-shadow: inset 1px 0 #cbd2db, inset -1px 0 #cbd2db, inset 0 -1px #cbd2db !important;
}

/* //hiero: Drie compacte kaarten voor Auto Functions, Result Messages en Job Handling. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_top_spacing > td {
        height: 8px !important; padding: 0 !important; border: 0 !important; background: transparent !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns {
        grid-template-columns: minmax(440px, 2fr) minmax(220px, 1fr); gap: 12px;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_side {
        display: flex; flex-direction: column; gap: 8px; min-width: 0;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder {
        box-sizing: border-box; float: none !important; width: 100%; margin: 0 !important; border: 1px solid #cbd2db !important; border-collapse: separate; border-spacing: 0; border-radius: 5px; background: #ffffff; overflow: hidden;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder tr {
        height: 24px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder td {
        padding-top: 1px; padding-bottom: 1px; background: #ffffff;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder .aws_titel {
        height: 26px !important; padding: 4px 10px; border-bottom: 1px solid #cbd2db; background: #e3e7ec !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns table.NoBorder select {
        min-height: 22px; height: 22px;
}

/* //hiero: Nieuwe driekaderindeling binnen de oorspronkelijke breedte van het Auto Settings-venster houden. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns {
        width: 500px;
        max-width: 100%;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_card,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_side {
        min-width: 0;
}

/* //hiero: Hold for okay-checkbox iets losmaken van de voorafgaande tekst. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .af_Visual_hold_for_okay {
        margin-left: 6px;
}

/* //hiero: Workflow-order binnenpaneel zelf afronden omdat de buiten-overlay zichtbaar moet overlopen voor de closeknop. */
#overlay.workflow_order_overlay .div_workflow_order {
        border-radius: 8px;
        overflow: hidden;
}
#overlay.workflow_order_overlay .workflow_order_header {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
}
#overlay.workflow_order_overlay .workflow_order_footer {
        min-height: 44px;
        padding: 8px 12px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
}
/* //hiero: Footerknoppen gelijkmaken aan de compacte button_design-knoppen elders op de Expert-pagina. */
#overlay.workflow_order_overlay .workflow_order_footer .button_design {
        min-width: 100px;
        height: 22px;
        padding: 0 12px;
        border: 1px solid lightgray;
        border-radius: 5px;
        background: #ffffff;
        font: 13px Trebuchet MS;
}
#overlay.workflow_order_overlay .workflow_order_icon_button {
        border-radius: 4px;
        background: #efefef;
}

/* //hiero: Oude rode actieve Save-stijl behouden als referentie.
#overlay.workflow_order_overlay .workflow_order_footer .Save_workflow_order.workflow_order_save_active {
        border-color: #a90000;
        background: rgb(204, 0, 0);
        color: #ffffff;
}
*/
/* //hiero: Actieve Save-knop licht houden en alleen de tekst donkerder maken. */
#overlay.workflow_order_overlay .workflow_order_footer .Save_workflow_order.workflow_order_save_active {
        border-color: lightgray;
        background: #ffffff;
        color: #20252b;
}


/* //hiero: Dynamische Change Media Group-kaart volledig sluiten en acties uitlijnen met Show all media. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > .edit_offline_media_name {
        border-left: 1px solid #cbd2db !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_content > .edit_offline_media_actions {
        padding-right: 0 !important;
        border-right: 1px solid #cbd2db !important;
        box-shadow: inset -1px 0 #cbd2db !important; /* //hiero: Rechter kaartlijn zichtbaar houden binnen het tabelmodel. */
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_button_group {
        position: relative;
        right: 12px; /* //hiero: Edit en Delete als groep links uitlijnen met Show all media. */
        display: flex;
        align-items: center;
        justify-content: flex-end;
        white-space: nowrap;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_bottom > td {
        height: 6px !important;
        border-right: 1px solid #cbd2db !important;
        border-bottom: 1px solid #cbd2db !important;
        border-left: 1px solid #cbd2db !important;
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        background: #ffffff !important;
        box-shadow: inset 1px 0 #cbd2db, inset -1px 0 #cbd2db, inset 0 -1px #cbd2db !important; /* //hiero: Volledige onder- en zijrand binnen de afsluitcel tekenen. */
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_bottom > td::after {
        display: none !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_media_list_spacing > td {
        height: 12px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
}
/* //hiero: Alle externe kaartafstanden binnen Workflow Auto Settings consequent op 8px zetten. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody:not(.tbody_border) > tr > td[style*="height:5px"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody:not(.tbody_border) > tr > td[style*="height: 5px"],
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.verify_queue_spacing > tr > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.edit_vqmg_spacing > tr > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.add_vqmg_spacing > tr > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_media_group_spacing > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_offline_media_spacing > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_media_top_spacing > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_top_spacing > td,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings > table > tbody.task_scheduler_top_spacing > tr > td, /* //hiero: Task Scheduler krijgt dezelfde 8px bovenruimte als de overige Auto Settings-kaarten. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .edit_media_list_spacing > td {
        height: 8px !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        line-height: 0 !important;
}
/* //hiero: Task Scheduler-dropdown even hoog maken als de vernieuwde plusknop en beide acties duidelijk scheiden. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings #Taskshedules_value,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .Taskshedules_edit_name { /* //hiero: Scheduler-invoerveld exact dezelfde hoogte en actieruimte geven als de dropdown. */
        box-sizing: border-box;
        height: 24px !important;
        min-height: 24px !important;
        margin-right: 8px !important;
        vertical-align: middle;
}
/* //hiero: Ook de tussenruimte tussen Auto Functions, Result Messages en Job Handling op 8px houden. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_columns,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_side,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_overview .auto_functions_side_column {
        gap: 8px !important;
}
/* //hiero: Add Media-knoppen rechts gelijk uitlijnen met de Edit/Delete-acties. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .offline_media_list_content {
        padding-right: 0 !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .offline_media_list_table {
        /* border-spacing: 0; */
        border-spacing: 0 2px; /* //hiero: Oorspronkelijke verticale rijruimte herstellen zonder de rechteruitlijning te wijzigen. */
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .offline_media_add_actions {
        box-sizing: border-box;
        padding-right: 12px !important;
        text-align: right !important;
        white-space: nowrap;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .offline_media_add_actions #add_media_to_offline_media_group_button_operator {
        display: inline-block;
        float: none !important;
        width: 96px;
        min-width: 96px;
        margin: 0;
}
/* //hiero: Baseline- en Density-resetknoppen op dezelfde rechterlijn als de overige media-acties plaatsen. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .reset_baseline_actions {
        padding-right: 12px !important;
        text-align: right !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .reset_density_inline_action {
        display: inline-flex; /* //hiero: Density-reset binnen de media-grouprij rechts uitlijnen. */
        align-items: center;
        float: right;
        padding-right: 3px !important;
        white-space: nowrap;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .reset_baseline_actions .button_design {
        float: none !important;
        margin-right: 0;
        margin-left: 0;
}

/* //hiero: Operator Density check-selects dezelfde compacte breedte geven als op expert, zodat Mode niet afbreekt. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_card .auto_functions_density_controls {
        white-space: nowrap !important; /* //hiero: Status en Mode op dezelfde regel houden zoals op expert. */
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_card #af_Base_size {
        /* width: 56px !important; min-width: 56px !important; */ /* //hiero: Oude breedte liet door de algemene select-padding te weinig leesruimte over. */
        width: 58px !important;
        min-width: 58px !important;
        margin-right: 6px !important;
}
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_card #af_Intent_size {
        /* width: 66px !important; min-width: 66px !important; */ /* //hiero: Oude breedte kapte rel/abs af. */
        width: 70px !important;
        min-width: 70px !important;
        margin-right: 0 !important;
}
/* //hiero: Algemene operator-padding en ellipsis hier beperken, zodat T/E en rel/abs volledig leesbaar blijven. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_card #af_Base_size,
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_card #af_Intent_size {
        padding: 1px 18px 1px 5px !important;
        font: inherit !important;
        font-size: 11px !important;
        text-overflow: clip !important;
}
/* //hiero: Tekst in de percentagevelden dezelfde leesbare grootte geven als de expertvelden. */
#overlay.workflow_auto_settings_overlay #Workflow_Auto_settings .auto_functions_card input:not([type="checkbox"]):not([type="radio"]) {
        font: inherit !important;
        font-size: 11px !important;
}