#renderbox {
    display:block;
    position:fixed;
    top:1;
    bottom:10;
    left:0;
    right:0;
    padding:4px;
    background:white;
    color:rgb(97, 152, 191);
}

.renderbox .standardsbox {
    position:absolute;
    bottom:10;
    left:8%;
    width:84%;
    height:610px;
    background:white;
    padding:2px;
    z-index:35;
    border:3px inset;
    display:none;
}
/*
.renderbox .render_selects {
    position:absolute;
    top:0;
    right:14%;
    width:45%;
    padding:10px;
    height:36px;
}
*/
#renderbox .rworkbox {
    position:relative;
    top:40px;
    padding:8px;
    width:calc(100% - 54px);
    height:calc(100% - 40px);
}
.renderbox .fas { font-size:150%;}

.renderbox .dcs_block {
    padding:8px;
    position:absolute;
    top:60;
    bottom:20;
    width:calc(100% - 68px);
    height:calc(100% - 130px);
    border:3px outset;
    background:white;
    border-radius: 12px;
}
.renderbox .dcs_block label { font-weight:bold;margin-right:0.3em; }
.dcs_block input {
    padding:2px;
    text-align:center;
    border-radius:5px;
    font-size:17px;
    color:gray;
    border-radius:5px;
}
/*

.renderbox .right {
    position:absolute;
    right:7px;
}
*/
.renderbox .button_row {
    display:none;
    position:absolute;
    bottom:78px;
    left:20%;
    right:20%;
    text-align:center;
    vertical-align:middle;
}
.renderbox .button_row button{
    font-size:1.1em;
    font-weight:bold;
    padding:4px 18px 4px 18px;
    margin-right:1em;
}

.renderbox .flexbox {
    display:inline-block;
    max-height:calc(68% - 5px);
    max-height:calc(95% - 5px);
    width:100%;
    min-height:180px;
    z-index:20;
    overflow-x:hidden;
    overflow-y:auto;
}

.renderbox .item-cell { 
    float:left;
    margin-left:.2.5em;
    width:auto;
    margin-bottom:15px;
    vertical-align:baseline;
}
.renderbox .blank { 
    width:calc(100% - 0px);
    display:inline-block;
    height:2px;
}

.renderbox .item-cell input{ 
    margin-left:0.25em;
    vertical-align:baseline;
}

.renderbox .item-cell input[type=radio]{ 
    padding:4px;
    margin-right:0.7em;
    vertical-align:baseline;
}
.renderbox .item-cell input[type=radio]:last-child{ 
    padding-top:6px;
    margin-right:0.6em;
    margin-left:0.5em;
    vertical-align:middle;
}

.item-cell {position:relative;}
.renderbox .item-cell input.advocate { display:none;}

.renderbox .render_fields fieldset {display:none;}


.dcs fieldset.nonframe {
    position:relative;
    top:-12;
    margin-top:0px;
    width:auto;
    border-radius:4px;
    border:1px solid;
    padding:0px 6px 0px 6px;
    min-height:70;
    margin-right:0.5em;
    margin-left:0.5em;
    display:inline-block;
}

.dcs fieldset.fullframe {
    position:relative;
    top:-12;
    margin-top:12px;
    width:calc(100% - 30px);
    border-radius:4px;
    border:1px solid;
    padding:0px 6px 0px 6px;
    min-height:70;
    margin-right:0.5em;
    margin-left:0.5em;
    display:inline-block;
}

.renderbox .custombox {
    width:calc(100% - 31px);
    min-height:20%;
    max-height:calc(100% - 31px);
    overflow-x:hidden;
    overflow-y:auto;
}

.dcs legend {
   margin:auto;
}
.renderbox .disabledbox {
    padding:2px;
    max-height:56px;
    overflow-x:hidden;
    overflow-y:auto;
}
.renderbox .timeout {
    margin-top:12px;
}
.renderbox .disabledbox .inactive{
    max-width:130px;
}

.flexitem {
    float:left;
    height:auto;
    margin:6px 0.4em 0px 0.2em;
    padding:4px;
    max-height:42px;
}
.renderbox .active { background:#f6f6f6;box-shadow:0 0 3px #5897fb;z-index:25;border-radius:5px; }
.renderbox .inactive { background:#ffffff; border:0px solid gray;box-shadow:0;outline:0;z-index:1; }


#renderbox .rs_row2 {
    position:relative;
    display:block;
    height:48px;
    width:100%;
    float:left;
    border:0px solid white;
}
#renderbox .returnb {
    display:inline-block;
    background:rgb(97, 152, 191);
    color:white;
    width:2.4em;
    height:36px;
}
#renderbox .render_attributes {
    display:inline-block;
    float:left;
    position:relative;
    margin-left:4em;
    height:36px;
}

#renderbox .render_selects {
    display:inline-block;
    display:none;
    float:left;
    margin:5px 1em 15px 1em;
    width:auto;
    height:36px;
}

#renderbox .render_format {
    position:absolute;
    display:inline-block;
    float:left;
    width:230px;
    height:36px;
    padding:15px 0px 10px 1em;
}

#renderbox .render_add {
    position:absolute;
    display:inline-block;
    float:right;
    top:0;
    right:0px;
    width:35px;
    height:36px;
    padding:7px;
    font-size:1.4em;
}

#renderbox .render_tables {
    position:absolute;
    top:50;
    left:0;
    width:calc(100% - 40px);
    height:calc(100% - 124px);
}

#renderbox fieldset.frame {
    position:relative;
    top:10;
    min-height:50px;
    height:auto;
    width:calc(100% - 12px);
    max-height:calc(100% - 25px);
    /*
    padding:15px 6px 6px 6px;
    */
    border-radius:8px;
    margin-bottom:12px;
}

.renderbox .render_selects select{
    margin-left:1.9em;
    margin-top:0.6em;
    width:180px;
}

.renderbox .render_selects .select2{
    margin-left:0.4em;
    margin-right:0.4em;
    margin-top:0.4em;
    width:180px;
}

.renderbox .render_tables .table_border {
    margin-top:8px;
    border:1px solid rgb(97, 152, 191);
    padding:2px;
}
.renderbox .render_tables .render_headers {
    table-layout:fixed;
    width:100%;
    height:35px;
    background:rgb(97, 152, 191);
    color:white;
}

.renderbox .render_tables .render_data {
    table-layout:fixed;
    width:100%;
    margin-top:-4;
    border:1px solid ;
    background:white;
    color:rgb(97, 152, 191);
}

.renderbox .render_data .activerow td{
    background:#F5F5F5;
}

.renderbox .render_data :not(tr .activerow) td{
    background:white;
}

.renderbox .render_tables .table1 tr .name1 { max-width:130px;margin:0px 8px 0px 8px; }
.renderbox .render_tables .table1 tr .label { width:140px; }
.renderbox .render_tables tr .inactive .required  { width:60px;background:#ffffff; }
.renderbox .render_tables tr .active .required  { width:60px;background:#f6f6f6; }
.renderbox .render_tables .table2 tr .min_len { width:30px; }
.renderbox .render_tables .table2 tr .unit { width:120px; }
.renderbox .render_tables .table1 tr .size1 { width:30px; }
.renderbox .render_tables .table2 tr .format { width:100px; }
.renderbox .render_tables .table2 tr .app { width:180px; }
.renderbox .render_tables .table2 tr .listapp { width:180px; }

.renderbox .render_tables .table2 tr td select { width:99%; }

.renderbox .render_tables tr td { 
   text-align:center;
}

.renderbox .render_tables table {
    width:auto;
    max-height:42px;
    font-size:.8em;
    font-weight:normal;
}

.renderbox .render_tables th {
    width:auto;
    font-size:.75em;
    font-weight:bold;
}

.expanded {
    background:white;
    position:absolute;
    height:auto;
    padding:12px;
    z-index:25;
    border:1px solid gray;
}
.expanded .workbx{
    font-size:150%;
    margin:auto;
    margin-top:20px;
    height:190px;
    width:100%;
}
#renderbox .expanded .exit{
    position:absolute;
    top:5px;
    right:12px;
    width:14px;
    font-size:1.2em;
}
.expanded .workbx .flexitem{
    max-height:none;
    min-width:800px;
    height:auto;
}
.expanded .workbx .flexitem .select2{
    font-size:.8em;
}

.renderbox .flexitem .table1 { width:100%;margin-bottom:15px;}
.renderbox .flexitem .table2 { margin-top:15px;}
.renderbox .flexitem .table3 { width:100%;margin-top:15px;}
.renderbox .flexitem .table4 { width:100%;margin-top:15px;}
.renderbox .flexitem .table4 textarea { width:calc(100% - 6px);height:100px;}

.renderbox .dcsbutton_wrapper {height:34px}
.render_tables .dcsbutton_wrapper table {height:100%;width:100%;font-size:1.2em;};
.render_tables .dcsbutton_wrapper table tr td .return { width:36px};
.render_tables .dcsbutton_wrapper table tr .addnote { width:46px};
.render_tables .dcsbutton_wrapper table tr .notes { width:46px};
.render_tables .dcsbutton_wrapper table tr .spacer { width:36%};
.render_tables .dcsbutton_wrapper table tr .save { width:36px};

.renderbox .render_controls table th { font-size:0.8em; }
.renderbox .render_controls table td { font-size:0.8em;vertical-align:top; }
.renderbox .render_controls .controlbox { margin-top:12px;height:70px;width:100%;}
.renderbox .render_controls .controlbox .fieldlist {
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
}
.renderbox .render_controls .controlbox .fieldlist .fieldname{
    float:left;
    border:3px outset ;
    padding:2px 8px 2px 8px;
    margin-left:0.8em;
    margin-top:8px;
}
.renderbox .render_controls .fieldname{
    float:left;
    border:1px outset ;
    padding:1px 8px 1px 8px;
    background:'beige';
    margin-left:1em;
    margin-top:1px;
}

.unitchoice {display:inline-block;z-index:5;}
.unitchoice select {min-width:55px;}

#screencreate {
   margin:6px 0px 0px 6px;
   width:calc(100% - 40px);
   height:calc(100% - 79px);
   padding:18px;
}
#screencreate .baselabel {
    font-style:bold;
    font-size:120%;
    color:inherit;
}
#screencreate .screenlabel { 
    font-style:bold;
    font-size:120%;
    color:inherit;
}

#screencreate .screenwb { 
    margin-top:8px;
    width:calc(100% - 24px);
    height:calc(100% - 40px);
    padding:20px;
border:1px solid black;
}
#screencreate label { 
    float:left;
    vertical-align:top;
}
#screencreate input { 
    margin-top:5px;
    margin-left:.4em;
    width:10em;
}
#screencreate .textfield { 
    width:calc(100% - 10em);
    margin-left:1em;
    vertical-align:bottom;
}

.ranges {margin:0px;padding-top:0;}
.ranges .fieldnames {margin:auto;width:900px;display:block;height:37px;}
.ranges .fieldnames table { text-align:center;}
.ranges .fieldnames select,.select2 { width:100%;}
.ranges .fieldnames table td:nth-child(4) label { font-weigth:bold;}
.ranges .fieldnames table td:nth-child(4) input { margin-left:0.2em;margin-right:1.9em;width:40px;}
.ranges .fieldnames table td:nth-child(5) { width:300px;}
.ranges table { width:100%;margin-top:30px;margin-bottom:12px;}
.ranges button { font-size:1.2em;margin-left:2em; }

.ranges .rangecalcs{ width:100%;height:calc(100% - 135px);display:block;overflow-y:auto;}
.ranges .rangebuttons{ width:100%;min-height:40px;display:block;margin-top:8px;}
.ranges .rangeheaders{ width:100%;display:block;margin-top:4px;}

.ranges .rangeheaders table {font-weight:bold;table-layout:fixed;}
.ranges .rangecalcs table {font-weight:bold;table-layout:fixed;margin-left:0;}

.ranges .rangeheaders table td span:nth-child(2) {margin-left:3em;}
.ranges .rangeheaders table td span:nth-child(3) {margin-left:3em;}

.ranges .rangeheaders table td:nth-child(1) { width:300px;text-align:center;}
.ranges .rangecalcs table td:nth-child(1) { width:300px;}
.ranges .rangecalcs table td:nth-child(1) input { width:100%;}

.ranges .rangeheaders table td:nth-child(2) { width:24%;}
.ranges .rangecalcs table td:nth-child(2) { width:24%;}

.ranges .rangeheaders table td:nth-child(3) { width:24%;}
.ranges .rangecalcs table td:nth-child(3) { width:24%;}

.ranges .rangeheaders table td:nth-child(4) { width:24%;}
.ranges .rangecalcs table td:nth-child(4) { width:24%;}

.ranges .rangeheaders table td:nth-child(5) { width:50px;text-align:center;}
.ranges .rangecalcs table td:nth-child(5) { width:50px;text-align:center;}
.ranges .rangecalcs select{ width:100%;}

.ranges .rangecalcs table td:nth-child(2) input[name='nmin'] { margin-left:7em;width:50px;}
.ranges .rangecalcs table td:nth-child(2) input[name='nmax'] { margin-left:2em;width:50px;}

.ranges .rangecalcs table td:nth-child(3) input[name='amin'] { margin-left:6em;width:50px;}
.ranges .rangecalcs table td:nth-child(3) input[name='amax'] { margin-left:2em;width:50px;}

.ranges .rangecalcs table td:nth-child(4) input[name='mmin'] { margin-left:8em;width:50px;}
.ranges .rangecalcs table td:nth-child(4) input[name='mmax'] { margin-left:2em;width:50px;}

.ranges .inactive { 
    background:white;
    color:black;
}
.ranges .active { 
    background:beige;
    color:black;
    box-shadow:0;
    border-radius:0px;
}
.transbox .transbuttons { 
    position:absolute;
    bottom:40px;
    left:0;
    width:100%;
    text-align:center;
}
.transbox .transbuttons button{
    font-size:1.1em;
    font-weight:bold;
    padding:4px 18px 4px 18px;
    margin-right:1em;
}


#screencreate .bbox { 
    float:left;
    margin-right:3em;
    margin-bottom:2px;
    display:inline-block;
    box-shadow:0;
    padding:12px;
}

.renderbox .standardsbox .sbox {
    width:calc(100%);
    height:calc(100%);
}

.sbox .stable{
    width:calc(100%);
    height:40px;
}

.sbox .stable label{
   margin-right:2em;
   margin-left:1em;
}

.sbox .tabsbox{
    width:calc(100% - 9px);
    height:calc(100% - 84px);
    border:1px solid ;
}

.sbox .dcsbox1 {
    width:calc(100% - 3px);
    height:calc(100% - 115px);
    border:1px solid;
    display:none;
}

.sbox .ui-tabs-anchor{
    padding: .2em 2em;
}

.sbox .ui-tabs-nav{
    background:white;
}

.sbox .button_row2{
    position:absolute;
    bottom:6px;
    left:0px;
    width:calc(95%);
    height:30px;
    display:inline-block;
}

.sbox .button_row2 button{
    margin:3px 2em;
    font-size:14px;
    width:110px;
    font-weight:bold;
    padding: 2px 4px;
}

.sbox .stable .buttons {
    width:10%;
    display:inline-block;
    background:white;
}

.sbox .stable .tabs {
    display:none;
    width:90%;
}

.sbox .fa-times {
    font-size:100%;
    position:absolute;
    top:10px;
    right:20px;
}

.sbox .btable{
    width:calc(100%);
    height:40px;
}

.sbox .btable .spacer {
    width:85%;
}

.sbox .btable td {
    text-align:center;
}

.sbox .btable button:nth-child(1) {
    display:none;
}

.sbox .tablebox {
    position:absolute;
    top:71;
    left:8px;
    right:5px;
    height:117px;
    height:calc(100% - 74px);
    font-size:98%;
    overflow:auto;
}

.sbox .tablist_tble {
    table-layout:fixed;
    height:auto;
    width:100%;
}

.sbox .tablist_tble_nocat {
    table-layout:fixed;
    height:auto;
    width:100%;
}

.sbox .handle {
    padding:3px;
    margin:4px;
    font-size:85%;
    text-align:center;
    border:3px outset;
}

.sbox table tr { border-bottom: 0.1pt inset gray; }

.sbox .cat_tble tr td:nth-child(1) { width:20%;}
.sbox .cat_tble tr th:nth-child(1) { width:20%;}
.sbox .cat_tble tr td:nth-child(2) { width:35%;}
.sbox .cat_tble tr th:nth-child(2) { width:35%;}
.sbox .cat_tble tr td:nth-child(3) { width:35%;}
.sbox .cat_tble tr th:nth-child(3) { width:35%;}
.sbox .cat_tble tr td:nth-child(4) { width:10%;}
.sbox .cat_tble tr th:nth-child(4) { width:10%;}

.sbox .nocat tr td:nth-child(1) { width:20%;}
.sbox .nocat tr th:nth-child(1) { width:20%;}
.sbox .nocat tr td:nth-child(2) { width:40%;}
.sbox .nocat tr th:nth-child(2) { width:40%;}
.sbox .nocat tr td:nth-child(3) { width:40%;}
.sbox .nocat tr th:nth-child(3) { width:40%;}

.sbox .header_tble {
    position:absolute;
    top:30;
    left:0;
    width:calc(100%);
    height:40px;
}

.sbox .header_tble_nocat {
    position:absolute;
    top:30;
    left:0;
    width:calc(100%);
    height:40px;
}

.sbox select { width:160px; }
.sbox .tableinfo { width:220px;}

#screencreate .active {background:#f6f6f6;box-shadow:0 0 3px #5897fb;z-index:25;border-radius:5px;}
#screencreate .inactive {background:#ffffff; border:0px solid gray;box-shadow:0;outline:0;z-index:1;}