/*=====================================
 COLTS Navigator Menu 444
 Copyright (c) 1998-2025 Avantix, LLC
=======================================*/
/*-------------------------------------
  Menu Container and Headers
  -------------------------------------*/
.newmenudiv {
    background-color: transparent;    
    border-radius: 7px;
    display: inline-block;
    float: left;
    max-width: 50vw;
    margin-left: 2px;
    overflow-y: auto;
    width: 22em;
}
.newmenuhead {
    background-color: transparent; /* #EEE !important;*/
    border-radius: 5px;
    cursor:default !important;
    display: inline-block;
    font-size: 1.25em;
    margin: 0.5em 0em;
    min-height: 3em;
    padding-top: 0.5em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.newmenuspacer {
    background-color: transparent; /* #EEE !important;*/
    border-radius: 5px;
    cursor:default !important;
    font-weight: bold;
    height: 1em;
}
.newmenutabcontainer {
    background-color: #FFF;
    border-left: 1em solid #FFF;
    border-right: 1em solid #FFF;
    border-radius: 7px;
    /*margin-top:6px;*/
    padding-bottom: 4px;
}
/*--------------------------
  Toolbar
  --------------------------*/
.newmenudivtb {
    background-color: #FFF;
    cursor: pointer;
    height: 2.5em;
    padding: 6px 0px 2px;
}
.newmenudivtb span {
    /*background-color: #FFF;*/
    /*border: 1px solid #EEE;*/
}
.newmenudivtb.closed {
    height: 2.25em;
    padding-top: 0.75em;
}
.newmenudivtb.closed span {
    background-color: #CCC;
}
.newmenutbtitle {
    padding-top: 0.5em;
    text-align:center;
    text-transform: uppercase;
}
/*.newmenudivtb span.expando {
    color:#666;
    font-weight: normal !important;
    padding:4px 8px 4px 0px;
    text-transform: uppercase;
    vertical-align: text-bottom;
}
.newmenudivtb span.expando:after {
    content: "Show";
}
.newmenudivtb span.expando.open:after {
    content: "Hide";
}*/
/*-------------------------------------
  Main Menu Options Table
  -------------------------------------*/
.newmenutab {
    background-color: transparent;
    border-collapse: collapse;
    border-radius: 0px;
    border-spacing: 0px 0px;
    text-align: left;
    width: 100%;
}
.newmenutab td {
    background-color: #FFF;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #DDD;
    border-spacing: 1px 0px;    
    cursor: pointer;
    height: 2.5em;
    padding-top: 2px;
    padding-bottom: 0px;
    white-space: nowrap;
}
.newmenutab td:first-child {
    width: 1.75em;
}
/*.newmenutab tr:first-child td:first-child {
    border-top-color: #FFF;
}
.newmenutab tr:first-child td:nth-child(2) {
    border-top-color: #FFF;
}
.newmenutab tr:first-child td:nth-child(3) {
    border-top-color: #FFF;
}*/
.newmenutab tr:last-child td:first-child {
    border-bottom-color: #FFF !important;
}
.newmenutab tr:last-child td:nth-last-child(2) {
    border-bottom-color: #FFF !important;
    min-width: 150px;
}
.newmenutab tr:last-child td:last-child {
    border-bottom-color: #FFF !important;
}
.newmenutab td.newmenuselected {
    background-color: #EEE;
    color: #06F;
    /*font-weight: bold;*/
}
/*-------------------------------------
  Menu Sub-Options
  -------------------------------------*/
#menusubdiv {
    background-color: transparent;    
    display:inline-block;
    float:left;
    /*overflow-y:auto;*/
    /*padding-top: 6px;*/
}
#menusubdivhdr {
    border-radius: 7px 7px 0px 0px;
    margin: 0em 0em 0em 0.5em;
    width: 97.85%;
}
#menusubdivhdr td:first-child {
    text-align: left;
    width: 50%;
}
#subdivcmdrow td {
    /*border-bottom: 1px solid #DDD;*/
    color: #06F !important;
    cursor: pointer;
    height: 2.5em;
    padding: 4px 1em 4px 1em;
    text-align: center;
    text-transform: uppercase;
}
#subdivcmdrow td:first-child:before {
    content: "Show\00A0List";
}
#subdivcmdrow td:nth-child(2) {
    width: 50%;
    text-align: right;
}
#subdivcmdrow td:nth-child(2):before {
    content: "Settings";
}
#subdivcmdrow td:not(:last-child) {
    /*border-right: 1px solid #DDD;*/
}
#menusubtabdiv {
    background-color: transparent;    
    overflow-y: auto;
    overflow-x: hidden;
}
#menusubtab {
    background-color: transparent;
    /*border:5px solid #FFF;*/
    border-collapse: collapse;
    border-spacing: 0px 0px;
    margin: 0em 0em 0em 0.5em;
    text-align:left;
    width: 98.75%;
}
#menusubtab tr {
    display:none;
}
#menusubtab td {
    background-color: #FFF;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #DDD;
    cursor: pointer;
    height: 2.5em;
    padding-top:2px;
}
#menusubtab td:first-child {
    width:3em;
}
#menusubtab td:last-child {
    width:2em;
}
#menusubtab td:last-child:after {
    content: '\3009';
    color: #AAA;
    font-weight: bold;
    text-shadow: 1px 0px #AAA;
}
#menusubtab td.noafter:last-child:after {
    content: none;
    cursor: default;
}
#menusubtab td.newmenuselected {
    background-color: #EEE;
    color: #06F;
    font-weight: bold;
}
.newmenuhelptext {
    color:#888 !important;
    font-size:0.925em;
    font-style:italic;
    font-weight: normal !important;
    line-height: 1em;
    padding-top: 2px;
    text-transform: none;
}
.menusubtitle {
    color: #666;
    cursor: default !important;
    font-weight: bold;
}
.newmenuhead span {
    color: #06F;
}
/*-------------------------------------
  Pick List
  -------------------------------------*/
#menupicklistdiv {
    display:none;
    float:left;
    margin: 0em 0.25em 1.25em 0.5em;
    /*padding-top: 6px;*/
}
#menupicklist {
    width: 100%;
}
#menupicklist span {
    display: inline-block;
    white-space: nowrap;
}
#menupicklist.altrow > tbody > tr:nth-child(odd) td {
    background-color: #FFF;
}
#menupicklist.altrow > tbody > tr:nth-child(even) td {
    background-color: #F0F6FF !important;
}
#menupicklist td {
  padding: 4px;
}
#menupicklist td.menupicklistselected {
    background-color: #FFFFE7;
}
#menupicklist td.deleted {
    color: #C00;
    background-color: #CCC;
}
#menupicklist tfoot td {
    background-color: #EEE;
    color: #06F;
    text-align: center;
}
.menupicklistrownum {
    color: #DDD;
    font-style: italic;
    float: right;
    font-weight: normal;
}
.menupicklistlbl {
    color: #777;
    font-style: italic;
}
.menupicklistlbl.lbl1 {
    display: none;
}
.picklisthelptext {
    color: #F70;
    background-color: #FFF;
    border-top: 1px solid #DDD;
    font-style: italic;
    font-weight: bold;
    margin-left: 2em;
    text-align: center;
    text-transform: uppercase;
}
#picklistposmsg {
    color: #666 !important;
}
#picklistfiltercountmsg {
    color: #F90;
}
#menupicklisthdr {
    border-radius: 7px 7px 0px 0px;
    padding: 0px;
}
.menupicklistcmds {
    background-color: #FFF;
    border-radius: 7px 7px 0px 0px;
    width: 100%;
}
.cmdrow td {
    /*border-bottom: 1px solid #DDD;*/
    /*color: #FF0 !important;*/
    color: #06F !important;
    cursor: pointer;
    line-height: 2.5em;
    padding: 4px 0px;
    text-align: center;
    text-transform: uppercase;
}
#cmdrow td:first-child {
    padding-left: 1em;
    width: 15%;
}
#cmdrow td:first-child:after {
    content: "Show\00A0Options";
}
#cmdrow td:nth-child(2) {
    cursor: default;
}
#cmdrow td:nth-child(2):before {
    color: #666 !important;
    content: "Rows\00A0";
}
#cmdrow td:last-child {
    padding-right: 1em;
    text-align: right;
    width: 15%;
}
#cmdrow td:last-child:after {
    content: "Settings";
}
#cmdrow td:nth-last-child(2) {
    width: 30%;
}
#cmdrow td:nth-last-child(2):before {
    /*color: #FFF;*/
    content: "Filter:\00A0";
}
/*-------------------------------------
  Restrictions Box
  -------------------------------------*/
.newmenusearchbox {
    background-color: #EEE;
    border: 2px solid #999;
    border-radius: 3px;
    color: #AAA;
    display: inline-block;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 15em;
}
#menurestrictionsdiv {
    background-color:#FFF;
    border-radius:5px;
    box-shadow: 00px 00px 30px #999999;
    display: none;
    padding: 0em 1em;
    position:absolute;
    z-index:200;
}
#menurestrictionstitle:after {
    content: "Selection List Filters";
}
#menurestrictionstab tr:last-child td {
    border-bottom-width: 0px;
}
#menurestrictionstab td:last-child {
    padding-left: 5px;
}
input.menurestrictiontxtbox {
    height: 1.5em;
    margin: 0.5em;
    width: 15em;
}
select.menurestrictiontxtbox {
    height: 1.5em;
    margin: 0.5em;
}
#menurestrictionscmd td {
    border-top: 1px solid #DDD;
    color: #06F !important;
    cursor: pointer;
    /*font-size: 0.75em;*/
    padding: 8px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 33%;
}
#menurestrictionscmd td:nth-child(-n+2) {
    border-right: 1px solid #DDD;
}
/*-------------------------------------
    Pick List Config
---------------------------------------*/
#picklistconfigdiv {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 00px 00px 30px #999999;
    display: none;
    padding: 0em 1em;
    position: absolute;
    width: 56em;
    z-index: 600;
}
#picklistconfigtitle:after {
    content: "Selection List Settings";
}
#picklistconfigtab td:first-child {
    width: 42px;
}
#picklistconfigcmd td {
    border-top: 1px solid #DDD;
    color: #06F !important;
    cursor: pointer;
    /*font-size: 0.75em;*/
    padding: 8px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
#picklistconfigcmd td:last-child {
    border-left: 1px solid #DDD;
}
.picklistconfigbutton {
    background-color:#AAA;
    border-radius:3px;
    color:#FFF;
    cursor: pointer;
    display: inline-block;
    height: 2em;
    padding-top: 0.67em;
    text-align:center;
    width:10em;
}
.picklistconfigbutton.sel {
    background-color:#06C;
}
/*-------------------------------------
  Command Text
  -------------------------------------*/
.newmenucmd {
    color: #06F !important;
    cursor: pointer;
    font-weight: normal !important;
    margin-left: 4px;
    margin-right: 4px;
    text-transform: uppercase;
    white-space: nowrap;
}
.newmenucmd cmdnotactive {
    color: #FFF !important;
    cursor: default;
}
/*-------------------------------------
  ICONS and GRAPHICS
  -------------------------------------*/
.expando {
    color:#666 !important;
    font-weight: normal !important;
    text-align:center;
    /*vertical-align: text-bottom;*/
    width: 3em;
}
.expando:after {
    content: "\25BC";/*this is the down-arrowhead; shown when element is in "closed" state*/
}
.expando.open:after {
    content: "\25B2";/*this is the up-arrowhead; shown when element is in "open" state*/
}
.favorito { /**/
    color: #DDD !important;
    font-weight: normal !important;
    /*height: 1em;*/
    padding-bottom: 8px;
    text-align:center;
    /*vertical-align: text-bottom;*/
    width: 3em;
}
.favorito:before {
    content: "\2606"; /*outline star*/
    font-size: 24px;
}
.favorito.favsel {
    color: gold !important;
}
.favoritosolid {
    color: gold !important;
    font-size: 24px;
    /*font-weight: normal !important;*/
    height: 1em;
    /*text-align:center;*/
    vertical-align: sub;
    /*width: 3em;*/
}
.favoritosolid:before {
    content: "\2605" !important; /*solid star*/
}
.newmenutab td.newmenuselected.favorito {
    color: #DDD;
}
.newmenuico {
    border-radius: 6px;
    color: #FFF;
    font-weight: normal !important;
    margin: 0px 4px;
    padding: 7px 4px 6px 4px;
    text-align: center;
    width: 2.2em !important;
}
/*-----------------------------------
    MEDIA QUERIES
-------------------------------------*/
/* Landscape phone to portrait tablet */
@media (max-width: 1024px) {
    #entiremenuwrapper {
        border: none;
    }
    #menusubtab td {
        height: 1em;
    }
    .newmenuhead {
        margin: 0px;
    }
}
@media (max-width: 767px) {
    .cmdrow td, #subdivcmdrow td {
        font-size: 0.75em;
    }
    #Colsfromdiv, #Colstodiv, #Sortfromdiv, #Sorttodiv {
        height: 10em !important;
    }
    #picklistconfigdiv {
        width: 54em;
    }
    .picklistconfigbutton {
        width: 7em;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .cmdrow td, #subdivcmdrow td {
        font-size: 0.75em;
    }
    #Colsfromdiv, #Colstodiv, #Sortfromdiv, #Sorttodiv {
        height: 10em !important;
    }
    #picklistconfigdiv {
        width: 54em;
    }
    .picklistconfigbutton {
        width: 7em;
    }
}