html, body{
    /*background-color:#F2F6FF;*/
    font-family: "Georgia";
    font-size: 11px!important;
    margin:0px;
    padding:0px;
    -webkit-text-size-adjust: 100%;
}
.submenu{
    /*border: 1px solid #BB0A21;*/
    /*border: 1px solid #2196F3;*/
    /*background-color: lightyellow;*/
}
.menuHead{
    /*background-color: #BB0A21;*/
    /*background-color: #2196F3;*/
    color: black;
    /*border-top: 1px solid lightgray!important;*/
}
.bentSubmenu{
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.3em;
    color: #BB0A21!important;
}
.bentSubmenuSelected{
    background-color: cadetblue!important;
    color: white!important;
}
.bentSubmenu:hover{
    background-color: powderblue!important;
    color:#BB0A21!important;
}
table, textArea,.textBoxes, input{
    font-size: 11px;
    margin-bottom: 0.5em;
}

#header_link{
    font-size: 12px;
}

#header_link{
    padding	: 0.3em;
    background-color: #eee;
    border-radius : 0.3em;
    border-width : 1px;
    border-style : groove;
    border-color : whitesmoke;
}

.sectionSeparator{
    /*
    color: #4D4D4D;
    background-color: lightgray;
    */
    color:cadetblue;
    background-color: aliceblue;
    border-radius: 0.3em;
    margin-bottom: 0.5em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 2px;
    padding-left: 1em;
}

.label{
    color: gray;
    font-size: 13px;
    display: block;
}

.minimalistTable_printer tbody{
    font-size: x-small;
}

.minimalistTable, .minimalistTable_printer, .minimalistTable_printer_micro{
    table-layout: auto;
    margin: 0em;
    width: 100%;
    font-size: 11px;
    font-family: Trebuchet MS;
    border-collapse: collapse;
    color: #4D4D4D;
    clear: both;
    border-color: white;
    border-style: solid;
    border-width: 1px;
}

.minimalistTable td{
    padding: 10px;
}

td{
    padding: 5px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

.minimalistTable_printer tbody td, .minimalistTable_printer_micro tbody td{
    /*padding: 0em;*/
    height: 25px;
    padding-right: 1em;
    vertical-align: middle;
    /*
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #63cbfe;
    */
}

.minimalistTable_printer_micro td{
    height: 20px;
}

.minimalistTable tbody tr:nth-child(2n+2), .minimalistTable_printer tbody tr:nth-child(2n+2), .minimalistTable_printer_micro tbody tr:nth-child(2n+2) {
    /*background-color: #F2F2F2;*/
    background-color: #F8F8F8;
}

.minimalistTable thead tr, .minimalistTable_printer thead tr, .minimalistTable_printer_micro thead tr{
    border-radius: 0.3em;
    background-color: wheat;
}
.minimalistTable thead tr:hover, .minimalistTable_printer thead tr:hover{
    background-color: wheat;
}
.minimalistTable thead td, .minimalistTable_printer_micro thead td{
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-color: #63cbfe;
    border-bottom-style: none;
    /*background-color: wheat;*/
    text-align: center;
}

.minimalistTable_printer thead td, .minimalistTable_printer_micro thead tr{
    /* padding: 1em;*/
    height: 25px;
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
}

.minimalistTable tbody tr[id=selected_row]{
    background-color: #ccffcc;
}

/*.minimalistTable tr:hover, .minimalistTable tbody tr:nth-child(2n+2):hover, .minimalistTable_printer tr:hover{*/
.minimalistTable tr:hover, .minimalistTable tbody tr:hover, .minimalistTable_printer tr:hover{
    background-color: #bdf1fe;
}
.minimalistTable tfoot td, .minimalistTable_printer tfoot td, .minimalistTable_printer_micro tfoot td{
    background-color: wheat;
    font-weight: bold;
    border-top-width: 1px;
    border-top-color: #63cbfe;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #63cbfe;
    border-bottom-style: solid;
    vertical-align: middle;
}

.minimalistTable_printer tfoot td, .minimalistTable_printer_micro td{
    font-weight: normal;
}

.minimalistTable_printer tfoot tr, .minimalistTable_printer_micro tfoot tr{
    height: 30px;
}

.ghostTable{
    font-size: small;
}

.dataTables_filter, .dataTables_paginate{
    float: right;
    margin: 1em;
    margin-right: 2em;
}

.dataTables_length, .dataTables_info{
    float: left;
    margin: 1em;
}

ataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333333 !important;
    border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333333 !important;
    border: 1px solid #cacaca;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, white 0%, gainsboro 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, white 0%, gainsboro 100%);
    /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #585858 0%, #111111 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #585858 0%, #111111 100%);
    /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    box-shadow: inset 0 0 3px #111;
}

.blueyText{
    color: grey;
}

.engravedText {
    color: #3B5957;
    text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
}

.divWithContent{
    border-radius: 0.3em;
    background-color: white;
    margin-right: 0px;
    background-color: white;
    padding: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
    margin: 1em;
    margin-right: 0em;
    color: #4D4D4D;
    font-family: sans-serif;
    line-height: 1.5;
    overflow: hidden;
    /*box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);*/
    border: 1px solid darkgray;
}

@media only screen and (max-width: 800px) {
    .divCollapseOnMobile1 {
        height: 40px; /* Hides the div completely */
    }
}

.divWithNoBackground{
    border-radius: 0.3em;
    margin-right: 0px;
    padding: 0.5em;
    margin: 1em;
    color: 4D4D4D;
    font-family: sans-serif;
    line-height: 1.5;
    /*font-size: small;*/
    overflow: hidden;
}

.divWithContent_printer, .divWithTable_printer{
    background-color: white;
    padding: 0.5em;
    margin: 1em;
    color: #4D4D4D;
    font-family: sans-serif;
    line-height: 1.5;
    /*font-size: small;*/
    overflow: hidden;
}

.divWithTable{
    /*box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);*/
    background-color: white;
    border-radius: 0.3em;
    margin: 1em;
    margin-right: 0px;
    /*margin-bottom: 2em;*/
    /*color: 4D4D4D;*/
    font-family: sans-serif;
    line-height: 1.5;
    /*font-size: small;*/
    overflow: scroll;
    margin-top: 1em;
    border: 1px solid darkgray;
}

.divWithNoBackground, .divWithContent a, .divWithTable a, .minimalistTable a{
    color: royalblue;
    text-decoration: none;
}

panelLabel, .panelLabel{
    color: cadetblue;
}

.w3-quarter1{
    width: 25%;
}

.flexContainter{
    display: flex;
}

.flexContainterColumn{
    display: flex;
    flex-direction: column;
}

.w3-row1{
    flex-grow: 1;
}

.w3-threequarter1{
    flex-grow: 1;
}

li{
    margin-left: -2em;
}
/*ol{
    //margin-left: -2em;
}*/

.td_empty{
    background-color:  #eee;
}

/*Everything with a square border*/
.roundedPanel, .buttons, .textArea, input{
    border-radius: 0.2em;
    border-style: solid;
    border-width: 1px;
}

/*Everything that requires padding*/
.roundedPanel{
    padding: 0.5em;
    border-radius: 0.2em;
    margin: 1px;
    background-color: wheat;
}
.roundedPanel a{
    color: brown;
}

/*Everything that requires a shadow*/
.sectionShadowedBackground{
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}

/*Everything that requires the standard background color*/
.sectionShadowedBackground{
    background-color:#F2F6FF;
}

/*Blue dotted border*/
combobox1 {
    color: #555;
    font-family: sans-serif;
    overflow: auto;
    overflow-y: auto;
    overflow-wrap: break-word;
    font-weight: lighter;
    /*padding:6px 6px 6px 6px;
    -moz-border-radius:6px 6px 6px 6px;*/
    padding:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    width: 100%;
    font-size: 11px;
    border-radius: 0.3em;
    border: 1px #a9dbf4 solid;
    background-color: lemonchiffon;
    margin-bottom: 0.5em;
    min-height: 25px
}

select, .select{
    color: #555;
    border-radius: 0.3em;
    border-width: 0px;
    border-bottom-width: thin;
    border-style: solid;
    border-color: #a9dbf4;
    margin-bottom: 1em!important;
    /*width: 170px;*/
    width: 100%;
    border: 1px #a9dbf4 solid;
    background-color: ghostwhite!important;
    min-height: 25px;
    padding: 3px 3px 3px 3px;
    overflow-wrap: break-word;
}

/***** Jan 12, 2023: To cater for DataTables #entries*/
select[aria-controls]{
    width: auto;
}

.nav{
    background: -webkit-gradient(linear, left top, left bottom, from(#63cbfe), to(#359dd1));
    background: -moz-linear-gradient(top,  #63cbfe,  #359dd1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63cbfe', endColorstr='#359dd1');
    height: 40px;
    border-spacing: 0;
    border-width: 0;
    padding-right: 20px;
}

.nav a{
    color:#dae5fd;
    /*font-size: 12px;*/
    text-decoration: none;
}


.nav a:hover{
    color:#dae5fd;
    /*font-size: 12px;*/
    text-decoration: underline;
}


.nav a:active{
    color:#dae5fd;
    /*font-size: 12px;*/
    text-decoration: none;
}

.site_title{
    background: #000000;
    border-radius:0px 6px 6px 0px;
    height:100%;

}

.textArea{
    font-family: Verdana;
    /*font-size: small;*/
    color: #666666;
    width:400px;
    max-width: 90%;
    height: 100px;
    border-width: thin;
    border-style: solid;
    border-color: #a9dbf4;
    text-align: left;
    padding: .5em 2em .55em;
    padding:6px 6px 6px 6px;
    -moz-border-radius:6px 6px 6px 6px;
    margin-bottom: 1em;
}
.hasError{
    padding: 0.5em;
    border-style: solid;
    border-width: 1px;
    border-color: red;
    text-align: center;
    font-family: Verdana;
    /*font-size: small;*/
    background-color: #cc0000;
    text-shadow: 0 1px 0px #F75D59;
    color: #ffcccc;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.hasNotice{
    padding: 0.5em;
    border-style: solid;
    border-width: 1px;
    border-color: #00ff11;
    text-align: center;
    font-family: Verdana;
    /*font-size: small;*/
    background-color: #57E964;
    color: #006600;
    text-shadow: 0 1px 0px #66FF33;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.hasInfo{
    padding: 0.5em;
    border-style: solid;
    border-width: 1px;
    border-color: #69fff4;
    text-align: center;
    font-family: Verdana;
    /*font-size: small;*/
    background-color: #2196f3;
    text-shadow: 0 1px 0px #487bf3;
    color: #69fff4;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.bodyText{
    font-family: "Verdana";
    font-size: 10px;
    color: #333333;
}
.excelTables{

}
.excelHeaderRow{
    background-color: #003366;
    color: #ccffff;
    font-weight: bold;
    text-align: center;
}
.excelOddRow{
    background-color: #99ccff;
}
.excelEvenRow{
    background-color: #ffffff;
}
.sectionBackground, .sectionShadowedBackground{
    font-family: "Arial";
    /*font-size: small;*/
    color: #222222;
    width: 100%;
    padding: 1em;
    padding-top: 0;
    margin-bottom: 2em;
    height: auto;
    text-align:center;
}

.sectionColumn{
    margin-left: 2em;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
}

.tables, .excelTables {
    font-family: "Arial";
    font-size: small;
    color: #222222;
}
.tablesNoBorder {
    font-family: verdana;
    /*font-size: small;*/
    position: relative;
    top: 3px;
    color: #333333;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}
.topicTitle {
    font-family: Verdana;
    /*font-size: small;*/
    font-variant: small-caps;
    color: #333333;
    font-weight: bold;
}
.tableTitle {
    color: chocolate;
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0.01em 16px;
}
.tableSubTitle {
    font-family: "Georgia";
    text-transform: uppercase;
    color: #def6fe;
    text-align: center;
    /*font-size: 12;*/
    background-color: #00CCFF;
    border: thin solid #def6fe;
    text-align: center;
    -moz-border-radius: .5em;
    height: 2em;
    padding: 0.3em;
    height: auto;
    -moz-border-radius: .5em;
    -webkit-box-shadow: 0 px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.tableSubTitle a{
    color: #def6fe;
    width: 94%;
}
.cssForms{
    padding: 0px;
    margin: 0px;
    margin-bottom: 4px;
    margin-right: 4px;
}
.fieldTitle {
    font-family: "Verdana";
    /*font-size: 12px;*/
    color: #333333;
    text-align: center;
    vertical-align: top;
    border-radius: .4em;
    background-color: #00ccff;
    padding: 0.5em;
    margin: 2px;
    font-weight: bold;
}

/*Everything textboxes*/
.textBoxes, input[type=text], input[type=number], input[type=password], input[type=date], input[type=file]{
    font-family: sans-serif;
    font-weight: lighter;
    /*font-size: 12px;*/
    color: #666666;
    text-align: left;
    border-radius: 0.3em;
    background-color: ghostwhite;
    border: 1px solid darkgray;
    width: 100%;
    padding: 7px;
    margin-bottom: 0.5em;
    height: 25px;
}
input[type=file]{
    padding:0;
}
.listTitle{
    background: -webkit-gradient(linear, left top, left bottom, from(#63cbfe), to(#359dd1));
    background: -moz-linear-gradient(top,  #63cbfe,  #359dd1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63cbfe', endColorstr='#359dd1');
    height: 30px;
    border-spacing: 0;
    border-width: 0;
    padding-right: 20px;

    padding:6px 6px 6px 6px;
    -moz-border-radius:6px 6px 6px 6px;
    border-radius:6px 6px 6px 6px;

    font-family: verdana;
    /*font-size: 12px;*/
    font-weight:bold;
}
.listTitle2, .listTitleClickable, .panel_title{
    background-color: wheat;
    border-spacing: 0;
    border-width: 0;
    padding-right: 20px;
    text-align: center;

    padding:6px;
    margin: -0.5em;
    margin-left: 0em;
    margin-right: -2em;
    margin-bottom: 1em;

    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    box-shadow: -2px 2px 2px 0px #ddd;
}

.subTitle{
    color: chocolate;
}
.listTitleClickable{
    color: dodgerblue;
}
.w3-row{
    padding-right: 1em;
}
.w3-quarter{
    padding-left: 0.5em;
}
.notices {
    font-family: verdana;
    /*font-size: small;*/
    font-weight: bold;
    text-align: center;
    border: none;
    position: relative;
    top: 20px;
    color: #309120;
    background-color: palegreen;
    padding: 0.6em;
    border-radius: 0.3em;
}
.tags{
    padding:			1px 2px;
    font-size:			0.9em;
    color:				#038782;
}
.tagsField{
    background-color: #FFFFFF;
    border-radius: .3em;
    -moz-border-radius: .3em;
    opacity: 0.8;
}
.errors{
    font-family: verdana;
    /*font-size: small;*/
    border: none;
    border-radius: 0.3em;
    padding: 0.5em;
    background-color: #ffcccc;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 20px;
    color: #f31c1c;
}
.thumbup{

    background-color: #e2fed6;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 2px #41A317;
    line-height: 2;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.thumbdown{
    background-color: #fed9d6;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 2px #f80707;
    line-height: 2;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.generalcomment{
    background-color: #EEEEEE;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 2px #AAAAAA;
    line-height: 2;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.solution{
    background-color: #def6fe;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 2px #14a6e9;
    line-height: 2;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.companyresponse{
    background-color: #fef5dd;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 2px #fbc805;
    line-height: 2;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.gotissuezRight{
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    padding-right: 3px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-top: 7px;
    border-right-color: #10eff5;
    border-left-color: #10eff5;
    border-bottom-color: #10eff5;
    border-top-color: #10eff5;
    font-family: verdana;
    font-size: small;
}
.gotissuezLeft{
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    padding-right: 3px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-top: 7px;
    border-right-color: #10eff5;
    border-left-color: #10eff5;
    border-bottom-color: #10eff5;
    border-top-color: #10eff5;
    font-family: verdana;
    font-size: small;
}
.selectedThumb{
    color: #ffd500;
    font: 14px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: .3em 2em .3em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);


    border: solid 1px #118425;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#63cbfe), to(#359dd1));
    background: -moz-linear-gradient(top,  #63cbfe,  #359dd1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63cbfe', endColorstr='#359dd1');
}
.unselectedOption{
    color: #ffd500;
    color: #ffd500;
    font: 14px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: .3em 2em .3em;
    text-shadow: 0 1px 1px #ffffff;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);


    border: solid 1px #ffd500;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fef3bd));
    background: -moz-linear-gradient(top,  #ffffff,  #fef3bd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fef3bd');
}
.selectedOption{
    color: #118425;
    font: 14px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: .3em 2em .3em;
    text-shadow: 0 1px 1px #ffffff;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);


    border: solid 1px #118425;
    background: #07bd2b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#07bd2b));
    background: -moz-linear-gradient(top,  #ffffff,  #07bd2b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#07bd2b');
}
.unselectedThumb{
    color: #ffd500;
    font: 14px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: .3em 2em .3em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);


    border: solid 1px #ffd500;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fef3bd));
    background: -moz-linear-gradient(top,  #ffffff,  #fef3bd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fef3bd');
}
.buttons, .buttons_frozen, .buttons_selected, input[type=submit], button {
    color: #F2F6FF;
    /*font: 14px/100% Arial, Helvetica, sans-serif;*/
    padding: 6px;
    text-align: center;
    border-radius: 4px;
    background-color: darkslategray;
    /*box-shadow: 2px 2px 1px rgba(0,0,0,.2);*/
    width: 100%;
    /*margin-top: 1em;*/
    margin-bottom: 0.5em;
    border:none;
    height: 30px
}
input[type=checkbox], input[type = radio]{
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 4px;
    margin-top: 4px;
}

.buttons_frozen {
    color: wheat;
    background: #666;
}
.buttons_selected{
    color: greenyellow;
    background: #07bd2b;
}
.buttons2 {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #134475) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #134475 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#134475');
    background-color:#79bbff;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    /*font-size:15px;*/
    font-weight:bold;
    font-style:normal;
    height:40px;
    line-height:40px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #528ecc;
}
.buttons2:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #134475), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #134475 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#134475', endColorstr='#79bbff');
    background-color:#134475;
}
.buttons2:active {
    position:relative;
    top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
.buttonDelete{
    background-color: red;
    border-radius: .5em;
}

.buttons:hover, input[type=submit]:hover{
    color: greenyellow;
    /*
    color:#00ccff;
    background: -webkit-gradient(linear, left top, left bottom, from(#14347b), to(#0a0f1a));
    background: -moz-linear-gradient(top,  #14347b,  #0a0f1a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14347b', endColorstr='#0a0f1a');
    */
}

.buttons:active, input[type=submit]:active{
    color:#00ccff;
    background: -webkit-gradient(linear, left top, left bottom, from(#071638), to(#0a0f1a));
    background: -moz-linear-gradient(top,  #071638,  #0a0f1a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#071638', endColorstr='#0a0f1a');
}

.listOfRegistered, .divListCenter, .divListLeft, .divListRight, .divBelow{
    margin: 0.5em;
    /*font-size: small;*/
}
.listOfRegistered{
    float: left;
}
.divListRight{
    float: right;
}
.divListCenter{
    float: left;
    position: relative;
    left: 50%;
}
.divBelow{
    margin-bottom: 2em;
}
.divListLeft{
    float: left;
}
.boldBlue{
    /*font-size: small;*/
    font-weight: bold;
    color: #359dd1;
}

body {
    /*background: #ededed;*/
    margin: 0;
    padding: 0;
}

#menu_wrap {
    position: relative;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-right: 0px;
    width: 100%;
    height: 40px;
    list-style-type: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.button a, input[button] {
    cursor: pointer;
    text-align: center;
    font-family: sans-serif;
    /*font-size: small;*/
    font-weight: lighter;
    position: relative;
    min-width: 50px;
    height: 20px;
    float: left;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.button:first-child a {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-topleft-radius: 4px;
    -moz-border-bottomleft-radius: 4px;
    border-top-left-radius: 4;
    border-bottom-left-radius: 4px;
}

.Gray,.Gray .button a {
    color: #e9e9e9;
    background: #888888;
    border-right: solid 1px #575757;
    background: -moz-linear-gradient(top, #888888 0%, #575757 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#575757));
    background: -webkit-linear-gradient(top, #888888 0%,#575757 100%);
    background: -o-linear-gradient(top, #888888 0%,#575757 100%);
    background: -ms-linear-gradient(top, #888888 0%,#575757 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#575757',GradientType=0 );
    background: linear-gradient(top, #888888 0%,#575757 100%);
}

.Gray .button a:hover,.Gray .button a:focus {
    background: #757575;
    background: -moz-linear-gradient(top, #757575 0%, #4b4b4b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#4b4b4b));
    background: -webkit-linear-gradient(top, #757575 0%,#4b4b4b 100%);
    background: -o-linear-gradient(top, #757575 0%,#4b4b4b 100%);
    background: -ms-linear-gradient(top, #757575 0%,#4b4b4b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#4b4b4b',GradientType=0 );
    background: linear-gradient(top, #757575 0%,#4b4b4b 100%);
}

.Gray .button a:active{
    color: #afafaf;
    background: #575757;
    background: -moz-linear-gradient(top, #575757 0%, #888888 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#888888));
    background: -webkit-linear-gradient(top, #575757 0%,#888888 100%);
    background: -o-linear-gradient(top, #575757 0%,#888888 100%);
    background: -ms-linear-gradient(top, #575757 0%,#888888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#888888',GradientType=0 );
    background: linear-gradient(top, #575757 0%,#888888 100%);
}

#active_link{
    color: #00ff11;
}

.button:last-child a {
    float: left;
    border: none;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.puffy_div{
    padding-top: 0.7em;
    height: 2em;
}

.popup{
    display: none;
    position: fixed;
    /*border: 3px solid #f1f1f1;*/
    border: 3px solid wheat;
    z-index: 9;
    /*top: 50%*/
    top: 50px;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
    transform: translate(-50%);
    width: 90%;
    max-width: 600px;
    background-color: gray;
    padding-right: 1em;
    border-radius: 1em;
    box-shadow: 10px 10px 10px 0px darkgrey;
}

.popupButton{
    padding: 5px;
    border-radius: 5px;
    border: 1px solid orange;
    background-color: orange;
    color: white;
    width: 90%;
    margin-bottom: 1em;
}

.popupPrompt{
    padding: 10px;
    border: 1px solid gray;
    margin-bottom: 0.5em;
}

.closeButton{
    position: fixed;
    right: 3px;
    top: 3px;
    text-align: center;
    border-radius: 2em;
    height: 35px;
    width: 35px;
    padding: 9px;
    background-color: red;
    color: greenyellow;
    font-weight: bold;
}

.collapsedPanel{
    height: 38px;
}

form{
    margin: 0;
}

.tooltip {
    position: relative;
    display: inline-block
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Dropdown Menus */
.menuItem {
    background-color: white;
    font-size: 12px;
    border: none;
    text-decoration: none;
    display: block;
    width: auto;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dropdown {
    position: relative;
    display: inline-block;
    float: left;
    width: 175px;
    border-right: 1px solid gray;
    border-radius: 2px;
}

.dropdown-content {
    display: none;
    position: fixed;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 80px;
    font-size: 12px;
}

.dropdown-content a, .dropdown-contentSm a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    z-index: 4;
}

.dropdown-content a:hover {
    color: limegreen;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .menuItem {
    color:limegreen;
}

.dropdownSm {
    position: relative;
    clear:both;
    width: 175px;
    border-right: 1px solid gray;
    border-radius: 2px;
}

.dropdown-contentSm {
    display: none;
    position: fixed;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 80px;
    font-size: 12px;
    margin-left: 170px;
    padding: 5px 5px;
}

/* Dropdown Content (Hidden by Default) */
.sysCombobox {
    display: none;
    position: absolute;
    background-color: #f5fff2;
    min-width: 250px;
    border: 1px solid #ddd;
    z-index: 1;
    margin-top: -11px;
    margin-left: 0px;
}

/* Links inside the dropdown */
.sysCombobox label {
    color: black;
    padding: 5px 8px;
    text-decoration: none;
    display: block;
    font-size: 11px;
}

/* Change color of dropdown links on hover */
.sysCombobox label:hover {
    background-color: #f1f1f1
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display:block!important;
}

.hide {
    display:none!important;
}

.divAlert{
    background-color: white;
    border: 1px solid orange;
    margin-bottom: 1em;
    padding: 0.5em;
    text-align: center;
    border-radius: 0.5em;
    color: orange
}

/* Standardization of Theme from Dec 22, 2023*/
.panel_container{
    width: 100%;
}
.panel_title{
    clear: both;
    margin-top: 1em;
    margin-right: 0;
    margin-left: 1em;
}
.panel_row{
    clear: both;
}
.panel_left{
    float: left;
    width: 100%;
    flex-grow: 1;
}
.panel_right{
    padding-right: 1em;
    flex-grow: 1;
}
.w3-quarter{
    padding-left: 0;
}

@media (min-width: 601px)  {
    .panel_left{
        width: 250px;
        /*position: fixed;*/
    }

    .panel_container{
        display: flex;
    }

    .panel_right{
        /*margin-left: 250px;*/
    }

    .listTitle2{
        font-weight: normal;
    }
}

@media (min-width: 1200px)  {
    .listTitle2{
        font-weight: bold;
    }

    .panel_left{
        width: 300px;
        flex: 0 0 300px;
    }

    .panel_right{
        /*margin-left: 300px;*/
    }
}

.tdTitle{
    color: cadetblue;
}



.sideMenuBlock{
    padding-left: 0;
    border: 1px solid cadetblue;
    border-radius: 5px;
}

.sideMenuItem, .sideMenuSubItem{
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
    color: black!important;
}

.sideMenuItemSelected{
    background-color: cadetblue;
    color: white!important;
}

.sideMenuItem:hover, .sideMenuSubItem:hover{
    background-color: #ddd;
}

.sideMenuSubItem{
    box-shadow: 0px 1px 0px 0px #eee;
    margin-left: 30px;
    color: #BB0A21!important;
    width: 200px
}

.sideMenuSubItem a{
    ;
}

.sideMenuSubItemSelected{
    color: limegreen!important;
}

/* Tabs */
.tabHeader{
    background-color: #bbb;
    height: 40px;
    /*margin-top: -10px;*/
    margin-left: -15px;
    margin-right: -15px;
}

.tabTitle{
    color: black;
    padding: 1em;
    display: block;
    float: left;
    background-color: #eee;
    height: 100%;
    font-size: 11px;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}

.taskTab{
    background-color: white;
    display: block;
}

.tabSection{
    padding-left: 0px;
    padding-right: 25px;
}

.tabSectionTitle{
    color: darkorange;
    display: block;
    /*font-size: 10px;*/
    border-bottom: 1px solid darkorange;
    margin-bottom: 1em;
    margin-top: 1em;
}

.tabHeader:hover{
    color: limegreen;
}

.tabTitleSelected{
    /*border-bottom: 4px solid limegreen;*/
    color: limegreen;
    background-color: white;
}

.closeButton{
    position: fixed;
    right: 3px;
    top: 3px;
    text-align: center;
    border-radius: 2em;
    height: 35px;
    width: 35px;
    padding: 9px;
    background-color: red;
    color: greenyellow;
    font-weight: bold;
}

.a4{
    width:210mm;
    /*height: 297mm;*/
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
}