/*  ========================================================================================================  */
/*  HTML5 Styles | Toolbox JS Class                                                                           */
/*  --------------------------------------------------------------------------------------------------------  */
div.Toolbox { position:relative;width:calc( 100% - 40px );height:auto;display:inline-flex;flex:0 1 auto; }
div.Toolbox > div.toolLayer { z-index:1280;position:fixed;top:64px;left:0;width:40px;height:auto;display:inline-flex;flex:0 1 auto;flex-direction:column;background-color:transparent; }
div.Toolbox > div.boxLayer { z-index:256;position:relative;top:0;left:40px;display:inline-flex;width:auto;height:auto;flex:1 1 auto;align-items:flex-start;justify-content:flex-start;flex-direction:row;background-color:#A7A7A7;color:#FFFFFF;border-style:solid;border-color:#FFFFFF;border-width:0; }
/*  --------------------------------------------------------------------------------------------------------  */
div.Toolbox > div.toolLayer > div.toolButton { position:relative;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;font-family:FontAwesome;font-size:18px;line-height:38px;background-color:#212121;color:#FFFFFF;border-style:solid;border-color:#FFFFFF;border-width:0 1px 1px 1px;cursor:pointer; }
div.Toolbox > div.toolLayer > div.toolButton.active, div.Toolbox > div.toolLayer > div.toolButton:hover { background-color:#006F00;color:#FFFFFF; }
div.Toolbox > div.toolLayer > div.toolButton.inactive { background-color:#A7A7A7;color:#FFFFFF;cursor:default; }
/*  --------------------------------------------------------------------------------------------------------  */
div.Toolbox > div.boxLayer > div.inner-title { margin:0;padding:0;display:inline-flex;flex:0 0 auto;width:24px;height:100%;background-color:#212121;overflow:hidden; }
div.Toolbox > div.boxLayer > div.inner-title > h1 { margin:0;padding:0;position:relative;top:0;left:0;width:100%;height:calc( 100% - 71px - 1rem );display:inline-flex;flex:0 0 auto;justify-content:center;align-content:center;align-items:center;font-size:14px;font-weight:600;writing-mode:vertical-rl;text-transform:uppercase;text-orientation:upright;text-align:center;line-height:24px;white-space:nowrap;letter-spacing:1px;background:none;color:#FFFFFF;text-shadow: 0 0 2px #FFFFFF; }
div.Toolbox > div.boxLayer > div.inner-content { margin:0 0 0 1px;padding:0;position:relative;top:0;left:0;width:calc( 100% - 1px );height:auto;display:inline-flex;flex:1 1 auto;background-color:#A7A7A7; }
/*  --------------------------------------------------------------------------------------------------------  */


/*  ========================================================================================================  */
/*  HTML5 Styles | Listing JS Class                                                                           */
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing { margin:0;padding:0;position:relative;top:0;left:0;width:100%;display:table;table-layout:fixed;border-collapse:initial;border-spacing:0;background-color:transparent;overflow-x:hidden;border:none; }
table.Listing.hidden { display:none; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > thead { z-index:272;position:relative; }
table.Listing > tbody { z-index:256; }
table.Listing > tfoot { z-index:272;position:relative; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > colgroup col { width:auto; }
table.Listing > colgroup col.puce { width:22px; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > thead tr { display:table-row;overflow:hidden; }
table.Listing > thead tr > th { margin:0;padding:0; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > thead tr:nth-child(1) { display:table-row;overflow:visible; }
table.Listing > thead tr:nth-child(1).hidden { display:none; }
table.Listing > thead tr:nth-child(1) > th { height:22px;background-color:#212121;line-height:20px;overflow:visible;border-style:solid;border-color:#EDEDED;border-width:0 0 1px 0; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar { margin:0;padding:0;width:100%;height:100%;display:inline-flex;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;background-color:#212121;color:#EDEDED;text-shadow:0 0 1px #EDEDED; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.reload { width:21px;height:22px;text-align:center;justify-content:center;cursor:pointer;border-style:solid;border-color:#EDEDED;border-width:0 1px 0 0; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.reload::before { padding:0 5px;font-size:12px;font-weight:300;line-height:22px;color:#EDEDED;font-family:FontAwesome;content:"\F021"; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.searchFields { width:auto;height:22px;padding:0 1px;text-align:left;justify-content:center;border-style:solid;border-color:#EDEDED;border-width:0 1px 0 0;overflow:visible !important; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.searchFields::before { padding:0 5px;font-size:12px;font-weight:300;line-height:22px;color:#EDEDED;font-family:FontAwesome;content:"\F0B0"; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.searchFields > select { margin:0;padding:0;position:relative;top:1px;display:inline-flex;height:20px;font-size:12px;line-height:16px;background-color:#212121;color:#EDEDED;border:none;outline:none; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.searchCaption { width:auto;height:22px;text-align:left;border-style:solid;border-color:#EDEDED;border-width:0 1px 0 0;overflow:hidden; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.searchCaption::before { padding:0 5px;font-size:11px;font-weight:300;line-height:22px;color:#EDEDED;font-family:FontAwesome;content:"\F002"; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.searchCaption > input[type="text"] { margin:1px 1px;padding:0 2px 0 0;width:192px;height:20px;outline:0;display:inline-flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;font-size:11px;font-weight:400;line-height:18px;background-color:transparent;color:#EDEDED;border:none;overflow:hidden !important; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.searchCaption > input[type="text"]::placeholder { color:#EDEDED; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.reset { width:22px;justify-content:center;cursor:pointer;border-style:solid;border-color:#EDEDED;border-width:0 1px 0 0; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.reset::before { padding:0 4px;font-size:12px;font-weight:300;line-height:22px;color:#EDEDED;font-family:FontAwesome;content:"\F00D"; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.validate { width:22px;justify-content:center;cursor:pointer;border-style:solid;border-color:#EDEDED;border-width:0 1px 0 0; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.validate::before { padding:0 4px;font-size:12px;font-weight:300;line-height:22px;color:#EDEDED;font-family:FontAwesome;content:"\F00C"; }
table.Listing > thead tr:nth-child(1) > th > div.filterBar > div.activesOnly { margin-left:auto;order:4;width:22px;height:22px;padding:0;font-size:12px;font-weight:300;line-height:20px;color:#EDEDED;font-family:FontAwesome;text-align:center;justify-content:center;cursor:pointer;border-style:solid;border-color:#EDEDED;border-width:0 0 0 1px; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > thead tr:nth-child(2) > th { height:22px;font-size:15px;font-weight:400;line-height:22px;background-color:#212121;color:#EDEDED;text-shadow:0 0 1px #EDEDED;border-style:solid;border-color:#FFFFFF;border-width:0 1px 1px 0;overflow:hidden;cursor:default; }
table.Listing > thead tr:nth-child(2) > th:last-of-type {border-width:0 0 1px 0;}
table.Listing > thead tr:nth-child(2) > th.sort {background-color:#6E6E6E;}
table.Listing > thead tr:nth-child(2) > th.puce {width:22px;height:22px;font-family:FontAwesome;font-size:12px;line-height:22px;color:#EDEDED;text-shadow:0 0 1px #EDEDED;}
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > tbody > tr:nth-child(even) td { background-color:#DADADA; }
table.Listing > tbody > tr:nth-child(odd) td { background-color:#AFAFAF; }
table.Listing > tbody > tr:hover > td,
table.Listing > tbody > tr:hover > td.puce,
table.Listing > tbody > tr:hover td > div,
table.Listing > tbody > tr.selected > td,
table.Listing > tbody > tr.selected > td.puce,
table.Listing > tbody > tr.selected > td > div { background-color:#006F00DA;color:#FFFFFF; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > tbody tr.unwrap td { overflow:visible;text-overflow:initial;white-space:normal;vertical-align:top; }
table.Listing > tbody tr.unwrap td > div { height:auto;font-size:14px;font-weight:400;line-height:22px;overflow:visible;text-overflow:initial;white-space:pre-line; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > tbody td { position:relative;top:0;margin:0;padding:0 2px;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:inherit;color:#212121;cursor:default;border-style:solid;border-color:#FFFFFF;border-width:0 1px 1px 0;border-collapse:collapse; }
table.Listing > tbody td:last-of-type { border-width:0 0 1px 0; }
table.Listing > tbody td[dbfield="PkId"] { text-align:center; }
table.Listing > tbody td.empty { background-color:transparent !important;color:#FFFFFF !important;text-align:center;overflow:visible;text-overflow:initial;white-space:initial; }
table.Listing > tbody td.puce { padding:0;width:22px;height:22px;font-family:FontAwesome;text-align:center;font-size:12px;color:#000000;cursor:default; }
table.Listing > tbody td.puce[data-db-actif="hidden"] { padding:0;width:22px;height:22px;font-family:FontAwesome;text-align:center;font-size:12px;color:transparent !important;cursor:default; }
table.Listing > tbody td.puce[data-db-actif="static"] { padding:0;width:22px;height:22px;font-family:FontAwesome;text-align:center;font-size:12px;color:#000000;cursor:default; }
table.Listing > tbody td.puce[data-db-actif="active"] { padding:0;width:22px;height:22px;font-family:FontAwesome;text-align:center;font-size:12px;color:#000000;cursor:pointer; }
table.Listing > tbody td.wrap { padding:0;width:22px;height:auto;font-family:FontAwesome;vertical-align:top;text-align:center;font-size:12px;color:#000000;cursor:pointer; }
table.Listing > tbody td > div { height:22px;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > tfoot > th { margin:0;padding:0;width:100%;height:20px;background-color:#212121;color:#FFFFFF; }
table.Listing > tfoot > th > div { position:relative;top:0;margin:0;padding:0;width:100%;height:20px;display:inline-flex;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;background-color:#212121;color:#FFFFFF; }
table.Listing > tfoot > th > div > div:nth-child(1) { position:relative;top:0;left:0;margin:1px 1px 1px 1px;padding:0 0 0 1px;width:auto;height:18px;display:inline-flex;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;font-size:12px;font-weight:300;line-height:18px;background-color:#212121;color:#FFFFFF;border:none; }
table.Listing > tfoot > th > div > select { margin:1px;padding:0;position:relative;top:0;display:inline-flex;height:18px;font-size:12px;line-height:14px;background-color:#EDEDED;color:#212121;border:none;outline:none; }
table.Listing > tfoot > th > div > select:first-of-type { margin-right:0; }
/*  --------------------------------------------------------------------------------------------------------  */
table.Listing > colgroup col.wrap {width:22px;}
table.Listing > colgroup col[data-db-field="Actif"] {width:22px;}
table.Listing > colgroup col[data-db-field="PkId"] {width:4rem;}
table.Listing > colgroup col[data-db-field="FkMagasin"] {width:12rem;}
table.Listing > colgroup col[data-db-field="Utilisateur"] {width:16rem;}
table.Listing > colgroup col[data-db-field="Courriel"] {width:20rem;}
table.Listing > colgroup col[data-db-field="Groupe"] {width:8rem;}
table.Listing > colgroup col[data-db-field="No"] {width:12rem;}
table.Listing > colgroup col[data-db-field="NoManufacturier"] {width:12rem;}
table.Listing > colgroup col[data-db-field="Nom"] {width:12rem;}
table.Listing > colgroup col[data-db-field="Description"] {width:24rem;}
table.Listing > colgroup col[data-db-field="Commentaires"] {width:auto;}
table.Listing > colgroup col[data-db-field="Min"] {width:6rem;}
table.Listing > colgroup col[data-db-field="Max"] {width:6rem;}
table.Listing > colgroup col[data-db-field="QtyHand"] {width:6rem;}
table.Listing > colgroup col[data-db-field="QtyOrder"] {width:6rem;}
table.Listing > colgroup col[data-db-field="FkUser"] {width:8rem;}
table.Listing > colgroup col[data-db-field="Operation"] {width:8rem;}
table.Listing > colgroup col[data-db-field="Date"] {width:12rem;}
/*  --------------------------------------------------------------------------------------------------------  */


/*  ========================================================================================================  */
/*  HTML5 Styles | Dialog JS Class                                                                            */
/*  --------------------------------------------------------------------------------------------------------  */
div.Holder {
    z-index:2048;position:fixed;left:0;top:0;width:100%;height:100%;
    display:none;background-color:#FAFAFAA7;
}
div.Holder.Active { display:block; }
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog {

    /*
     *  Navbar Height = 22px
     *  Content Height Minimal = 36px
     *  Buttons Height = 26px
     */

    z-index:2052;position:fixed;left:50%;top:96px;
    width:480px;margin-left:-240px;
    height:auto;min-height:84px;max-height:calc( 100vh - 96px - 22px - 32px );

    display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;
    justify-content:flex-start;align-items:flex-start;

    border:2px solid #006F00;
    background-color:#FAFAFA;
    overflow-x:hidden;
    overflow-y:hidden;

}
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog > div.Navbar {
    margin:1px 1px 0 1px;padding:0;
    position:relative;top:0;left:0;
    width:calc( 100% - 2px );height:20px;
    display:inline-flex;flex:0 0 auto;
    background-color:#006F00;box-shadow:0 0 2px 0 inset #FAFAFA;
}
div.Dialog > div.Navbar > div.Title {
    margin:1px 0 1px 1px;padding:0 2px;
    position:relative;top:0;left:0;width:auto;height:18px;
    display:inline-flex;flex:1 1 auto;
    font-size:12px;font-weight:400;line-height:18px;text-shadow:0 0 1px #FAFAFA;
    background-color:#006F00;color:#FAFAFA;
}
div.Dialog > div.Navbar > div.Buttons {
    margin:1px;padding:0;position:relative;top:0;left:0;width:18px;height:18px;
    display:inline-flex;flex:0 0 auto;
    background-color:transparent;border:none;cursor:pointer;
}
div.Dialog > div.Navbar > div.Buttons.Close::before {
    margin:0;padding:0;position:absolute;top:0;left:0;width:18px;height:18px;
    display:inline-flex;flex:0 0 auto;justify-content:center;
    font-family:"FontAwesome";font-size:12px;line-height:18px;
    content:"\F00D";color:#FAFAFA;
}
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog > div.Content {
    margin:1px;padding:1px 0;
    position:relative;top:0;left:0;
    width:calc( 100% - 2px );
    height:auto;min-height:32px;
    display:inline-flex;flex:1 1 auto;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;
    background-color:#FAFAFA;border-style:solid;border-color:#006F00;border-width:1px 0;
    overflow-x:hidden;overflow-y:auto;
}
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog > div.Content > div.Notify {
    position:relative;top:0;left:0;width:100%;height:auto;
    display:inline-flex;flex:1 1 auto;justify-content:center;align-items:center;
    font-size:13px;line-height:14px;
    background-color:#FAFAFA;border:none;
}
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog > div.Content > div.Prompt {
    position:relative;top:0;left:0;width:100%;min-height:32px;
    display:inline-flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-items:center;
    font-size:13px;line-height:14px;
    background-color:#FAFAFA;border:none;
}
div.Prompt > label {
    position:relative;top:0;left:0;width:calc( 100% - 2rem );height:18px;
    margin:0.5rem 0 0 0;
    display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;
}
div.Prompt > input {
    position:relative;top:0;left:0;width:calc( 100% - 2rem );height:18px;
    margin:0.5rem 0;
    display:inline-flex;flex:0 0 auto;
    border-style:solid;border-color:#006F00;border-width:1px;
    outline:none;
}
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog > div.Content > div.Custom {
    position:relative;top:0;left:0;width:100%;height:auto;
    display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;
    justify-content:flex-start;align-items:flex-start;
    font-size:13px;line-height:14px;
    background-color:#FAFAFA;border:none;
}
div.Dialog > div.Content > div.Custom > div:nth-child(1) {
    position:relative;width:100%;height:auto;
    display:inline-flex;flex:0 0 auto;flex-direction:column;background-color:#FAFAFA;flex-wrap:nowrap;
}
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog > div.Buttons {
    margin:0 1px 1px 1px;padding:0;position:relative;top:0;left:0;width:calc( 100% - 2px );height:24px;
    display:inline-flex;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;
    background-color:#006F00;box-shadow:0 0 2px 0 inset #FAFAFA;
}
div.Dialog > div.Buttons > div.Button {
    margin:1px 1px 1px 0;padding:0;position:relative;top:0;left:0;height:20px;
    display:inline-flex;flex:1 1 auto;justify-content:center;justify-items:center;
    font-size:14px;font-weight:400;line-height:20px;text-shadow:0 0 0 #FAFAFA;
    background-color:#006F00;border-style:solid;border-color:#FAFAFA;border-width:1px;border-radius:0;
    background-image:linear-gradient(to top, #006F00 20%, #FAFAFA4A, #006F00);
    box-shadow:inset 0 0 0 1px #006F00,
    inset 1px -1px 0px 0px #FAFAFA7A,
    inset -1px 1px 0px 0px #FAFAFA7A;
    color:#FAFAFA;cursor:pointer;outline:none;
}
div.Dialog > div.Buttons > div.Button:first-of-type {
    margin:1px;
}
div.Dialog > div.Buttons > div.Button:focus {
    background-image:linear-gradient(to top, #006F00 20%, #2121214A, #006F00);
    box-shadow:inset 0 0 4px 1px #006F00,
    inset 1px -1px 1px 0 #2121217A,
    inset -1px 1px 1px 0 #2121217A;
}
/*  --------------------------------------------------------------------------------------------------------  */
div.Dialog > div.Content:has(table.Listing) {overflow-x:auto;}
div.Dialog > div.Content table.Listing > colgroup col[data-db-field="Commentaires"] {min-width:12rem;}








div#multiValues fieldset {
    margin:4px 6px;padding:0.25rem;display:inline-flex;flex:1 1 auto;flex-wrap:wrap;
}
div#multiValues fieldset:first-of-type {
    margin:4px 6px 0 6px;
}
div#multiValues fieldset > legend {
    color:#212121;font-weight:700;
}
div#multiValues fieldset > label:has(+input) {
    position:relative;width:calc( 50% - 5px );height:1.5rem;
    margin:4px 0;padding:0 0 0 2px;display:inline-flex;flex:1 1 auto;
    background-color:#FAFAFA;color:#212121;line-height:1.5rem;
    border-style:solid;border-color:#006F00;border-width:1px 1px 1px 1px;
}
div#multiValues fieldset > label + input {
    position:relative;width:calc( 50% - 5px );height:1.5rem;
    margin:4px 0;padding:0 2px;display:inline-flex;flex:1 1 auto;
    background-color:#FAFAFA;outline:none;color:#212121;
    border-style:solid;border-color:#006F00;border-width:1px 1px 1px 0;
}




















table.codeTable {

    position:relative;top:0;left:0;margin:0;padding:0;width:100%;
    display:table;background-color:#EDEDED;border:none;
    table-layout:fixed;border-collapse:initial;border-spacing:0;overflow-x:hidden;

}

table.codeTable > colgroup col{width:auto;}
table.codeTable > colgroup col[Field="Label"]{width:20rem;}
table.codeTable > colgroup col[Field="C"]{width:19px;}
table.codeTable > colgroup col[Field="W"]{width:19px;}
table.codeTable > colgroup col[Field="R"]{width:19px;}
table.codeTable > colgroup col[Field="D"]{width:19px;}
table.codeTable > colgroup col[Field="S"]{width:19px;}
table.codeTable > colgroup col[Field="Description"]{width:auto;}

table.codeTable > thead {height:16px;background-color:#212121;}
table.codeTable > thead th {
    height:16px;color:#EDEDED;font-size:14px;font-weight:400;line-height:16px;
    border-style:solid;border-color:#EDEDED;border-width:0 1px 1px 0;
}
table.codeTable > thead th:last-of-type {
    border-width:0 0 1px 0;
}


table.codeTable > tbody {}
table.codeTable > tbody tr[cType="ZONE"] {background-color:#323232;}
table.codeTable > tbody tr[cType="ZONE"] td:first-of-type {padding-left:4px;}

table.codeTable > tbody tr[cType="LEV"] {background-color:#6A6A6A;}
table.codeTable > tbody tr[cType="LEV"] td:first-of-type {padding-left:16px;}

table.codeTable > tbody tr[cType="SUB"] {background-color:#8A8A8A;}
table.codeTable > tbody tr[cType="SUB"] td:first-of-type {padding-left:24px;}

table.codeTable > tbody tr[cType="SHOP"] {background-color:#4A4A4A;}
table.codeTable > tbody tr[cType="SHOP"] td:first-of-type {padding-left:4px;}

table.codeTable > tbody tr:last-of-type td {border-width:0 1px 0 0;}
table.codeTable > tbody tr:last-of-type td:last-of-type {border-width:0 0 0 0;}

table.codeTable > tbody td {
    margin:0;padding:0;height:18px;color:#EDEDED;font-size:14px;font-weight:400;line-height:18px;
    border-style:solid;border-color:#EDEDED;border-width:0 1px 1px 0;
}
table.codeTable > tbody td:last-of-type {
    padding-left:4px;
    border-width:0 0 1px 0;
}





table.codeTable > tbody td.opp > div {
    margin:2px;padding:0;
    width:14px;height:14px;
    display:block;
    background-color:#EDEDED;border:none;
}


table.codeTable > tbody td.opp > div > div {
    margin:0;padding:0;
    width:10px;height:10px;
    display:block;position:relative;top:2px;left:2px;
    background-color:#EDEDED;border:none;
}
table.codeTable > tbody td.opp > div.checked > div {
    background-color:#212121 !important;
}


div.docControl { margin:0;padding:0;position:relative;top:0;left:0;width:100%;height:22px;display:inline-flex;flex:0 0 auto;background-color:#A7A7A7; }
div.docControl > div.docInput {position:relative;top:0;left:0;width:auto;height:28px;display:inline-flex;flex:1 1 auto;justify-content:center;align-items:center;align-content:stretch;line-height:28px;font-size:15px;font-weight:500;text-shadow:0 0 1px #EDEDED;background-color:#006F00;color:#FAFAFA;cursor:pointer;border:1px inset #212121;box-shadow:inset 0 0 2px 1px #FAFAFA;}