/* override the page width setting so we can be a bit responsive */
div.page
{
    max-width: 960px !important;
    width: auto !important;
}
select.lookup, div.lookup
{
    display: none;
    position: absolute;
    z-index: 1000;
}

div.lookup
{
    border: 1px #000000 solid;
    border-radius: 3px;
    padding: 4px;
    background-color: #ffff00;  
}
#name-maker .fa-check-circle, #name-maker .fa-close
{
    cursor: pointer;
}

.sec-head 
{
    background-color: #0c4499;
    color: #ffffff;
    padding: 8px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 8px;
}
.sec-head:first-child
{
    margin-top: 0px;
}
.section 
{
    border-top: none;
    border-left: 1px #0c4499 solid;
    border-right: 1px #0c4499 solid;
    border-bottom: 1px #0c4499 solid;
    xxpadding: 8px;
    xxmargin-bottom: 8px;
}
span.ctl-wrap 
{
    display: inline-block;
    float: left;
    margin-right: 8px;
}
span.ctl-wrap.bm
{
    margin-bottom: 8px;
}
span.ctl-wrap > label
{
    font-weight: bold;
    display: inline-block;
    text-transform:capitalize;
}
span.ctl-wrap > label.fixed
{
    width: 50px;
}
span.ctl-wrap > label.wide
{
    width: 100px;
}
span.ctl-wrap > label.wider
{
    width: 150px;
}
    
label.section-head
{
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    display: block;
}

span.ctl-wrap > input[type="text"]
{
    width: 150px;
    vertical-align: top;
}
div.row, div.alt-row 
{
    padding: 4px 4px;
    clear: both;
}
.alt-row
{
    background-color: silver;
}
div.row > span.ctl-wrap:last-child, div.alt-row  > span.ctl-wrap:last-child
{
    clear: right;
}
table.rpt 
{
    cell-spacing: 0px;
    border-collapse: collapse;
}
table.rpt th
{
    text-align: center;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: smaller;
}
table.rpt td > input[type="text"]
{
    width: 99%;
}
table.rpt td
{
    border: 1px #565656 solid;
    border-collapse: collapse !important;
    cell-spacing: 0px;
}
    
.multi-line
{
    width: 700px !important;
}
textarea.multi-line
{
    height: 50px;
}
    
.fa.fa-search
{
    cursor: pointer;
}
    
#def_search
{
    xxdisplay: none;
    margin: 8px 0px;
}
#def_search_res
{
    display: none;
}
table.search-res { width: 100%; border-collapse: collapse; }
table.search-res th,table.search-res td 
{
    font-size: .9em !important;
    border-bottom: 1px #565656 solid;     
    border-top: 1px #565656 solid;    
}
table.search-res th
{
    background-color: silver !important;
}
    
#span-print
{
    display: none; position: absolute; padding: 4px; background-color: #ffffff; width: 190px; border: 1px gray solid;
}
#div-action-btn
{
    background-color: Gray; padding: 4px; text-align: center; color: #ffffff; font-weight: bold; cursor: pointer;
}
#div-actions
{
    width: 200px; position: relative; margin-top: 4px;
}