.toolPanel {
    position: relative;
}
.toolPanel p {
    width: 100%;
}
.toolPanel blockquote {
    width: 80%;
    padding: 5px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    margin: 1.00em 0 0 0;
    font-weight: normal;
}
.toolPanel blockquote h1 {
    color: #FF6600;
    font-size: 1.35em;
    line-height: 1.35;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel blockquote h2 {
    color: #FF6600;
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1.35;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel blockquote h2 b {
    color: #FF6600;
    background-color: #F0F0F0;
    font-size: 1.25em;
    padding: 1px 8px;
    border-radius: 8px;
}
.toolPanel blockquote p {
    font-size: 1.00em;
    margin: 0.50em 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel blockquote ol {
    list-style-type: decimal;
    font-size: 1.00em;
    margin: 0.50em 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel blockquote ol li {
    margin: 0.50em 0 0 2.00em;
    padding: 0 0 0 0;
}

.toolPanel .observation_data_form {
    border: 2px solid #010A65;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
    margin-top: 20px;
}
.toolPanel .groupForm {
    border: 2px solid #010A65;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 1.00em;
}

.toolPanel table {
    width: 100%;
}
.toolPanel td,.toolPanel th {
    background-color: #FFFFFF;
    padding: 10px;
    width: auto;
    border-bottom: 0px solid #CCCCCC;
    vertical-align: top;
}

.toolPanel td h2 {
    color: #FF6600;
    margin: 0 0 0.50em 0;
    padding: 0;
}
.toolPanel td b.groupNumber {
    float: left;
    font-size: 1.25em;
    padding: 2px 4px;
    margin: 0 0.50em 0.0em 0;
    color: #FFFFFF;
    background-color: #FF6600;
    position: relative;
    bottom: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.toolPanel .observation_data_form b.groupNumber {
    display: none;
}

.toolPanel .dualHeader td h2 {
    margin: 0 0 0 0;
}
.toolPanel td p {
    width: auto;
}

.toolPanel td.header {
    padding: 10px;
    width: auto;
    vertical-align: top;
}
.toolPanel td.header div {
    margin-top: 0.00em;
}
.toolPanel td.header h2 {
    color: #FF6600;
    margin: 0 0 0.50em 0;
    padding: 0 10px;
    width: auto;
}
.toolPanel td.header p {
    margin: 0.50em 0 0 0;
}

.toolPanel .dataGroupNav {
    background-color: #FFFFFF;
    padding: 10px;
    margin: 0 0 0 0;
    position: relative;
    overflow: auto;
}
.toolPanel .dataGroupNav a, .toolPanel .dataGroupNav strong {
    float: left;
    margin-right: 10px;
    padding: 8px;
    border: 1px solid #666666;
    font-weight: bold;
    text-decoration: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.toolPanel .dataGroupNav a:hover {
    background-color: #FFFF00;
}
.toolPanel .dataGroupNav a.current, .toolPanel .dataGroupNav strong.current {
    background-color: #666666;
    border-color: #CCCCCC;
    color: #FFFFFF;
}

.toolPanel .dataGroupNav b {
    float: left;
    margin-right: 10px;
    padding: 5px 10px;
    background-color: #F0F0F0;
    border: 1px solid #FCFCFC;
    text-decoration: none;
    position: relative;
    top: 4px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.toolPanel .control {
    border: 0px solid #666666;
    padding: 10px;
    margin: 0 0 0.00em 0;
    text-align: center;
}
.toolPanel .preamble {
    border: 4px solid #FF6600;
    background-color: #FFFFFF;
    padding: 10px;
    margin: 1.00em 0 1.00em 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.toolPanel .preamble h2 {
    margin: 0 0 0.50em 0;
    color: #FF6600;
}

.toolPanel .toggleMultiForm {
    padding: 5px 10px;
    margin: 0 0 0 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.toolPanel .toggleMultiForm h2 {
    color: #FF6600;
    font-size: 1.25em;
    line-height: 1.35;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleMultiForm p {
    margin: 0.50em 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleMultiForm p.formLabel {
    color: #666666;
    font-size: 0.80em;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleMultiForm em {
    float: right;
    font-style: normal;
    display: none;
}

.toolPanel .toggleSingleForm {
    padding: 5px 10px;
    margin: 0 0 0 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.toolPanel .toggleSingleForm h2 {
    color: #FF6600;
    font-size: 1.25em;
    line-height: 1.35;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleSingleForm p {
    margin: 0.50em 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleSingleForm p.formLabel {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleSingleForm em {
    float: right;
    font-style: normal;
    display: none;
}

.toolPanel .staticSimpleForm {
    padding: 5px 10px;
    margin: 20px 0 0 0;
}
.toolPanel .staticSimpleForm h2 {
    color: #FF6600;
    font-size: 1.25em;
    line-height: 1.35;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel .staticSimpleForm p {
    margin: 0.50em 0;
    padding: 0 0 0 0;
}

.toolPanel .toggleFormSection {
    padding: 0px;
    margin: 20px 0 0 0;
}
.toolPanel .toggleFormSection ~ tr {
    display: none;
}
.toolPanel .formSection.keep-open tr {
}


.toolPanel .formSectionHeader {
    padding: 5px 10px;
    border: 1px solid #666666;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.toolPanel .toggleFormSection h2 {
    color: #FF6600;
    font-size: 1.25em;
    line-height: 1.35;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleFormSection p {
    margin: 0.50em 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleFormSection p.formLabel {
    color: #666666;
    font-size: 0.80em;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}
.toolPanel .toggleFormSection em {
    float: right;
    font-style: normal;
}

.toolPanel .dataDisplayForm {
    padding: 5px 10px;
    margin: 20px 0 0 0;
}

.toolPanel .hideForm {
    display: block;
    margin-top: 1.00em;
}
.toolPanel .staticSimpleForm .hideForm {
    display: none;
}

.toolPanel .xTallBox {
    box-sizing: border-box;
    font: inherit;
    line-height: 1.25;
    width: 100%;
    height: 14em;
}

.toolPanel input.longInput {
    margin-left: 1.00em;
    width: 40.0em;
}
.toolPanel input.numInput {
    width: 2.0em;
}
.toolPanel select.promptText {
    font: inherit;
    line-height: 1.25;
    width: 100%;
}

.toolPanel .scoreDesc td {
    border-color: #666666;
    border-style: solid;
}
.toolPanel .scoreDescFirst td {
    border-width: 1px 0 1px 0;
    text-align: center;
}
.toolPanel .scoreDescLast td {
    border-width: 1px 0 1px 0;
    text-align: center;
}

.toolPanel .scoreDescFirst td.first {
    border-left-width: 1px;
}
.toolPanel .scoreDescLast td.first {
    border-left-width: 1px;
}
.toolPanel .scoreDescFirst td.middle {
    border-left-width: 1px;
    border-right-width: 1px;
}
.toolPanel .scoreDescLast td.middle {
    border-left-width: 1px;
    border-right-width: 1px;
}
.toolPanel .scoreDescFirst td.last {
    border-right-width: 1px;
}
.toolPanel .scoreDescLast td.last {
    border-right-width: 1px;
}

.toolPanel .scoreDescFirst td.title {
    text-align: left;
    font-size: 1.25em;
}

.toolPanel .scoreData td {
    border-color: #666666;
    border-style: solid;
    border-width: 1px 1px 1px 0;
}
.toolPanel .scoreData td.title {
    border-left: none;
    vertical-align: middle;
    width: 65%;
}
.toolPanel .scoreData td.option {
    vertical-align: middle;
    text-align: center;
}
.toolPanel .scoreData td.last {
}

.toolPanel .scoreDesc p {
    margin: 0 0;
}
.toolPanel .scoreDescFirst b {
    display: block;
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

.toolPanel .itemsList {
}

.toolPanel .itemsInline {
    overflow: auto;
}
.toolPanel .itemsInline li {
    float: left;
    margin-right: 2.00em;
    padding: 5px;
    border: 1px solid #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.toolPanel .itemsInline li.dateField {
    float: left;
    margin-right: 2.00em;
    padding: 5px;
    border: 1px solid #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.toolPanel .itemsList li.dateField {
    padding: 5px;
    border: 1px solid #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.toolPanel .itemsList li.dateField b {
}
.toolPanel .itemsList li.dateField input {
    text-align: center;
    padding: 5px;
    width: 6.0em;
}

.toolPanel .itemsInline li.dateField b {
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
.toolPanel .itemsInline li.dateField input {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 5px;
    width: 6.0em;
}

.counterPanel {
    width: auto;
    height: auto;
    position: relative;
    overflow: auto;
}
.counterPanel li {
    background-color: #E0E0E0;
    padding: 4px;
    float: left;
    width: 160px;
    margin-right: 4px;
    overflow: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.counterPanelReport li {
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
    padding: 4px;
    width: 158px;
    height: 4.00em;
}
.counterPanelInline li {
    float: none;
    width: auto;
    height: auto;
}

.counterPanel span {
    display: block;
    height: 5.00em;
    line-height: 1.25;
    cursor: default;
}
.counterPanel .clicker {
    overflow: auto;
    margin-bottom: 0.50em;
    line-height: 3.00;
}
.counterPanel .clicker button, .counterPanel .clicker input.numInput {
    font-family: inherit;
    padding: 0;
    margin: 0;
}
.counterPanel .clicker input.numInput {
    font-size: 1.50em;
    padding-left: 4px;
    height: 1.80em;
}
.counterPanel .clicker button.upCount {
    font-size: 1.50em;
    height: 2.00em;
    width: 2.50em;
}
.counterPanel .clicker button.downCount {
    font-size: 1.50em;
    height: 2.00em;
    width: 1.50em;
    margin-left: 20px;
}

.timerPanel {
}
.timerPanel button {
    margin: 0 0 0 0;
    font-size: 1.50em;
    height: 2.10em;
}
.timerPanel input.timerInput {
    font-size: 1.50em;
    padding-left: 4px;
    height: 1.80em;
}

.optionsPanel {
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
}

.optionsPanel li {
    padding: 4px;
    float: left;
    width: 220px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.optionsPanelReport li {
    border: 1px solid #E0E0E0;
    padding: 4px;
    width: 215px;
    height: 4.00em;
}

.optionsPanel3Blocks li {
    padding: 4px;
    float: left;
    width: 290px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.optionsPanel2Blocks li {
    padding: 4px;
    float: left;
    width: 440px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.optionsPanelInline li {
    float: none;
    width: auto;
    height: auto;
}

.checkBoxGroup.optionsPanel li {
    background-color: #E0E0E0;
    padding: 4px;
    float: left;
    width: 162px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkBoxGroup.optionsPanel3Blocks li {
    padding: 4px;
    float: left;
    width: 220px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkBoxGroup.optionsPanel2Blocks li {
    padding: 4px;
    float: left;
    width: 335px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkBoxGroup.optionsPanelInline li {
    float: none;
    width: auto;
    height: auto;
}
/* added */
.checkBoxGroup.optionsPanelInline .optionsPanelbg {
    background-color: #FFFFFF;
}

.checkBoxGroup.optionsPanel.optionsPanelReport li {
    background-color: #FFFFFF;
    padding: 4px;
    float: left;
    width: 215px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkBoxGroup.optionsPanel3Blocks.optionsPanelReport li {
    padding: 4px;
    float: left;
    width: 290px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkBoxGroup.optionsPanel2Blocks.optionsPanelReport li {
    padding: 4px;
    float: left;
    width: 440px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkBoxGroup.optionsPanelInline.optionsPanelReport li {
    float: none;
    width: auto;
    height: auto;
}

.radioButtonGroup.optionsPanel li {
    background-color: #E0E0E0;
    padding: 4px;
    float: left;
    width: 158px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.radioButtonGroup.optionsPanel3Blocks li {
    padding: 4px;
    float: left;
    width: 220px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.radioButtonGroup.optionsPanel2Blocks li {
    padding: 4px;
    float: left;
    width: 335px;
    height: 3.50em;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.radioButtonGroup.optionsPanelInline li {
    float: none;
    width: auto;
    height: auto;
}

.optionsPanel .controls {
    float: left;
    width: 20px;
    margin-right: 10px;
}
.optionsPanel .controls input {
    display: block;
    margin: 0 0 0 1px;
    width: 15px;
    height: 20px;
    text-align: center;
}
.optionsPanel li .helpClick {
    display: block;
    width: 15px;
    height: 20px;
    line-height:  1.5;
    margin: 5px 0 0 0;
    color: #FF6600;
    background-color: #FFFFFF;
    border: 1px solid #FF6600;
    cursor: help;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.optionsPanel li .helpText {
    display: none;
}

.scalesPanel {
    border: 1px solid #FFFFFF;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
}
.scalesPanelHighlight .scalesPanel {
    border: 1px solid #D7D7D7;
}
.scalesPanel li {
}
.scalesPanel li .controlWrap {
}
.scalesPanel li .helpClick {
    float: right;
    width: 15px;
    height: 20px;
    line-height:  1.5;
    margin: 5px 0 0 0;
    color: #FF6600;
    background-color: #FFFFFF;
    border-color: #FF6600;
    cursor: help;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.scalesPanel li .helpText {
    clear: both;
    display: none;
}

.helpWindow {
    z-index: 1000;
    position: absolute;
    margin: 1.00em 0 0 1.00em;
    border: 5px solid #FF6600;
    background-color: #FFFFFF;
    padding: 20px;
    width: 600px;
    margin-right: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: none;
}
.helpWindow b {
}
.helpWindow .label {
    display: block;
    color: #FF6600;
    font-size: 1.10em;
}
.helpWindow .helpText {
    line-height: 1.50;
    margin-top: 1.00em;
}
.toolPanel .helpText ul {
}
.toolPanel .helpText ul li {
    margin-left: 2.00em;
    list-style-type: disc;
}

.helpWindow .helpText em {
}
.helpWindow .closeClick {
    font-size: 1.25em;
    color: #FF6600;
    float: right;
    position: relative;
    top: -10px;
    right: -10px;
}

.toolPanel li .helpText {
    display: none;
}
.toolPanel p.uploadEvidence {
    float: right;
    font-size: 2.00em;
    line-height:  1.0;
    margin: 0 5px 0 5px;
    color: #00a69c;;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
}
.toolPanel p.uploadEvidence:hover {
    color: #0f756f;
}
.toolPanel p.helpOpenClick {
    float: right;
    font-size: 2.00em;
    width: 30px;
    height: 40px;
    line-height:  1.5;
    margin: 0 5px 0 5px;
    color: #FF6600;
    background-color: #FFFFFF;
    border: 2px solid #FF6600;
    cursor: help;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.scalesPanelHighlight .helpOpenClick {
    color: #D7D7D7;
    border-color: #D7D7D7;
}

.scoreData .helpOpenClick {
    float: right;
    font-size: 1.00em;
    width: 15px;
    height: 20px;
    line-height:  1.50;
    margin: 5px 0 0 5px;
    color: #FF6600;
    background-color: #FFFFFF;
    border: 1px solid #FF6600;
    cursor: help;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.scoreData p {
    margin: 0 0;
}
.scoreData .helpText {
    margin-top: 1.00em;
    display: none;
}

#loading {
    display: block;
    position: fixed;
    top: 10%;
    left: 30%;
    width: 40%;
    padding: 10px;
    background-color: #FFFFFF;
    border: 10px solid #CCCCCC;
    z-index: 1000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#loading .closeButton {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 10px solid #CCCCCC;
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #666666;
    font-weight: bold;
    font-size: 1.25em;
}
#loading .closeButton:hover {
    background-color: #FFFF00;
    color: #000000;
}

#loading h1 {
    margin: 0 0 10px 0;
    color: #E9640D;
    font-weight: normal;
    font-size: 2.00em;
}
#loading h1:only-child {
    margin: 40px 0;
    text-align: center;
}
#loading p {
    font-size: 1.0em;
    line-height: 30px;
    margin: 0;
    padding: 0px;
    position: relative;
}
#loading i {
    font-size: 20px;
    color: #006600;
    position: absolute;
    top: 50%;
    margin-left: 10px;
    margin-top: -10px;
}
#loading em {
    display: inline-block;
    font-style: normal;
    width: 2.00em;
    text-align: right;
}

.toolPanel ul {
}
.toolPanel li {
    line-height: 1.50;
    cursor: pointer;
}
.toolPanel .highLight {
    background-color: yellow;
}
.toolPanel tr.highLight td {
    background-color: yellow;
}
.toolPanel li input {
}
.toolPanel li em {
    font-weight: bold;
    font-style: normal;
}

.toggleInfoPanel h2 {
    margin: 0;
    padding: 5px;
}
.toggleInfoPanel h2.highLight {
    color: #000000;
    background-color: yellow;
}

.namePanel {
    display: table;
    width: auto;
    padding: 5px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    margin-top: 1.00em;
    overflow: auto;
}
.namePanel h2 {
    margin: 0.25em 0;
    color: #FF6600;
}
.namePanel p {
    margin: 0;
}
.namePanel p em {
    display: none;
}

.namePanel .namePanel-msg {
    border: 1px solid blue;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0;
    background-color: white;
    display: flex;
}
.namePanel .namePanel-msg h2 {
    margin: 0 10px 0 0;
    white-space: nowrap;
}
.namePanel .namePanel-msg button.button {
    margin: 0;
    white-space: nowrap;
}
.namePanel .namePanel-msg span {
    margin: 0 10px;
    white-space: nowrap;
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
}
.namePanel .namePanel-msg span b {
    color: red;
}

.clonePanel {
    margin: 2.00em 0 0 0;
    background-color: #FFFFFF;
    width: 90%;
}
.clonePanel h2 {
    margin: 0 0 0 0;
}
.clonePanel p {
    margin: 0.50em 0 0 0;
}
.clonePanel select {
    margin: 2.00em 0 0 0;
}

.finalizePanel {
    width: 80%;
    border: 1px solid #FF6600;
    background-color: #FFFFFF;
    padding: 10px 5px;
    margin-top: 2.00em;
    overflow: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.finalizePanel h2 {
    color: #FF6600;
}
.finalizePanel .button {
    margin: 0 0 0 0;
}
.unfinalizePanel {
    float: right;
}
.unfinalizePanel .unfinalize_this_observation {
    border: 2px solid #FF6600;
    background-color: #F6F6F6;
    padding: 10px 5px;
    font-weight: bold;
    color: #FF6600;
}

.menuPanel, .progressSummaryPanel {
    border: 2px solid #FF6600;
    background-color: #FFFFFF;
    padding: 10px;
    margin-top: 0.00em;
    margin-bottom: 2.00em;
    overflow: hidden;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.menuPanel table {
    border: 0px solid #F0F0F0;
    margin: 0 auto;
    width: 100%;
}
.menuPanel caption {
    background-color: #FF6600;
    color: #FFFFFF;
    padding: 10px;
    font-size: 1.50em;
}
.menuPanel th {
    font-size: 1.25em;
    background-color: #F0F0F0;
    color: #333333;
    padding: 10px 5px;
    width: 50%;
    text-align: center;
    line-height: 1.75;
}
.menuPanel .th-clone {
    font-size: 1.25em;
    background-color: #F0F0F0;
    color: #333333;
    padding: 10px 5px;
    width: calc(100% + 9px);
    text-align: center;
    line-height: 1.75;
    position: relative;
    left: -5px;
    font-weight: bold;
    box-sizing: border-box;
}
.menuPanel th b {
    font-weight: normal;
    font-size: 0.90em;
    background-color: #FFFFFF;
    padding: 2px;
    margin-right: 5px;
}
.menuPanel td {
    padding: 5px;
    width: 50%;
    vertical-align: top;
}
.menuPanel.menuAdminPanel th, .menuPanel.menuAdminPanel td {
    width: 25%;
    border-left: 1px solid #FF6600;
}
.menuPanel.menuAdminPanel th:first-child, .menuPanel.menuAdminPanel td:first-child {
    border-left: none;
}
.menuPanel th.col1 {
    border-right: 1px solid #FF6600;
}
.menuPanel td.col1 {
    border-right: 1px solid #FF6600;
}

.menuPanel ul.nav {
    margin: 1.00em 0 2.00em 0;
}
.menuPanel ul.nav li {
    padding: 12px 0px;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
}
.menuPanel ul.nav a {
    display: block;
    padding: 5px 10px;
    color: black;
    background-color: white;
}
.menuPanel ul.nav a:hover {
    color: white;
    background-color: gray;
}
.menuPanel li span {
    padding-left: 10px;
}

.menuPanel ul.nav a.inlineBoxy {
    display: inline-block;
    padding: 5px 10px;
    color: blue;
    background-color: white;
}
.menuPanel ul.nav a.inlineBoxy:hover {
    color: white;
    background-color: gray;
}

.menuPanel ul.nav.inline-block-boxy {
    float: left;
    width: 49%;
}
.menuPanel ul.nav.inline-block-boxy  a {
    display: inline-block;
    padding: 5px 10px;
    color: blue;
    background-color: white;
}
.menuPanel ul.nav.inline-block-boxy a:hover {
    color: white;
    background-color: gray;
}
.menuPanel h2 {
    color: #757575;
    font-weight: normal;
    font-size: 1.50em;
    margin: 0.00em 0 0.50em 0;
}
.menuPanel h3 {
    color: black;
    margin: 0;
}
.menuPanel.singleColumn th {
    text-align: left;
}

.menuPanel .plainHorizontal th,.menuPanel .plainHorizontal td {
    width: auto;
    font-size: 1.00em;
}
.menuPanel .plainHorizontal th {
    vertical-align: top;
}
.menuPanel .plainHorizontal td {
    vertical-align: middle;
    text-align: center;
}
.menuPanel .plainHorizontal td.left-justify {
    text-align: left;
}

.progressSummaryPanel {
    border: 2px solid #FF6600;
    background-color: #FFFFFF;
    padding: 10px;
    margin-top: 0.00em;
    margin-bottom: 2.00em;
    overflow: auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.progressSummaryPanel .pageTitle {
    background-color: #FF6600;
    color: #FFFFFF;
    padding: 10px;
    font-size: 1.50em;
    font-weight: normal;
}
.progressSummaryPanel .plainHorizontal {
}
.progressSummaryPanel .table-caption {
    background-color: #F0F0F0;
    font-weight: bold;
    font-size: 1.25em;
    padding: 0.5em;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    margin: 2.00em 0 0 0;
}

.deleteObservationPanel {
    width: 80%;
    border: 1px solid #FF0000;
    background-color: #FFFFFF;
    padding: 10px 5px;
    margin-top: 2.00em;
    overflow: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.deleteObservationPanel h2 {
    color: #FF0000;
}
.deleteObservationPanel .button {
    margin: 0 0 0 0;
}

.enableWorkflowPanel {
    width: 80%;
    border: 1px solid #0000FF;
    background-color: #FFFFFF;
    padding: 10px 5px;
    margin-top: 2.00em;
    overflow: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.enableWorkflowPanel h2 {
    color: #0000FF;
}
.enableWorkflowPanel .button {
    margin: 0 0 0 0;
}
.enableWorkflowPanel .plainHorizontal td h3 {
    padding: 5px 0px;
    margin: 0;
    color: #0000FF;
    font-size: 1.50em;
}
.enableWorkflowPanel .plainHorizontal td h4 {
    margin: 0.25em 0;
}
.enableWorkflowPanel .plainHorizontal td h3.task-order {
    background-color: lightgray;
    border-radius: 10px;
    padding: 5px 10px;
}
.enableWorkflowPanel .toggleInfoPanelInner h2 {
    display: inline-block;
    padding: 0 10px 0 0;
    margin: 0;
    color: #666666;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size: 1.00em;
}
.enableWorkflowPanel .toggleInfoPanelInner h2 i {
    font-size: 150%;
    font-weight: normal;
    color: #0000FF;
    color: rgba(0,0,255,0.8);
    vertical-align: middle;
    display: inline-block;
    padding: 5px 10px;
    background-color: lightgray;
    border-radius: 10px;
}
.approval i {
    font-size: 150%;
    font-weight: normal;
    color: darkgreen;
    vertical-align: middle;
}
.unapproval i {
    font-size: 150%;
    font-weight: normal;
    color: red;
    vertical-align: middle;
}
.inline-date {
    overflow: auto;
}

.plainHorizontal.workflow-status-panel {
    width: auto;
}
.plainHorizontal.workflow-status-panel td {
    vertical-align: middle;
    text-align: center;
}
.plainHorizontal.workflow-status-panel td.left-justify {
    text-align: left;
}

.workflow-status-panel td {
    white-space: nowrap;
}
.workflow-status-panel .approval {
    /* float: left; */
    margin-right: 5px;
}
.workflow-status-panel .unapproval {
    /* float: left; */
    margin-right: 5px;
}
.workflow-status-panel.removed {
    opacity: 0.5;
}
.workflow-status-panel ~ .remove_observation_workflow_item_form {
    display: block;
}
.workflow-status-panel.removed ~ .remove_observation_workflow_item_form {
    display: none;
}
.workflow-status-panel ~ .unremove_observation_workflow_item_form {
    display: none;
}
.workflow-status-panel.removed ~ .unremove_observation_workflow_item_form {
    display: block;
}

.workflow-panel.button {
    margin: 0 0 0 2.0em;
    padding: 1px;
    border: 1px solid black;
    background-color: #EEEEEE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    color: black;
}
.workflow-panel.button:hover {
    background-color: #FFFFFF;
    color: black;
}
.remove_observation_workflow_item_form .workflow-panel.button {
    background-color: white;
}
.unremove_observation_workflow_item_form .workflow-panel.button {
    background-color: yellow;
}

.workflow-display-panel {

}
.workflow-display-panel h2 {
    margin-top: 2.00em;
    padding: 10px;
    color: #333333;
    font-size: 1.5em;
    background-color: #F0F0F0;
    border-radius: 10px;
    display: inline-block;
}
.workflow-display-panel h2:first-child {
    margin-top: 1.00em;
}
.workflow-display-panel table {
    margin: 0;
}


.enableWorkflowPanel .toggleInfoPanelInner > div {
    margin-top: 0.50em;
}

.customDatePanel {
    background-color: #F0F0F0;
    padding: 10px;
    margin-top: 2.00em;
    border-radius: 10px;
}
.form_parameter_panel .customDatePanel h2 {
    display: block;
    color: #F2711D;
    margin-bottom: 1.0em;
}
.customDatePanel p {
    display: inline-block;
    margin-right: 1.00em;
    vertical-align: top;
    width: 50%;
}

.toolPanel .neboSigPanel {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 10px;
    margin-top: 0.00em;
    overflow: auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: auto;
}
.toolPanel .neboSigPanel p {
    margin: 0 0 2.00em 0;
    line-height: 1.50;
    overflow: auto;
}
.toolPanel .neboSigPanel p.noteBene {
    font-size: 1.25em;
}
.toolPanel .neboSigPanel p.tallLine {
    line-height: 3.00em;
}

.toolPanel .neboSigPanel b {
    font-size: 1.00em;
    font-weight: bold;
    color: #000000;
    text-transform: none
}

.toolPanel .neboSigPanel b.label {
    float: left;
    width: 25%;
    text-align: right;
    margin-right: 1.00em;
}
.toolPanel .neboSigPanel b.underscored {
    float: left;
    border-bottom: 1px solid black;
    width: 70%;
}
.toolPanel .neboSigPanel b.styleInitials {
    float: left;
    border: 1px solid #000000;
    height: 2.00em;
    width: 6.00em;
    margin-right: 1.00em;
}
.toolPanel .neboSigPanel b.styleNumber {
    border: 1px solid #000000;
    padding: 0.50em;
    margin-left: 0.0em;
}

.toolPanel .basicSigPanel {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 10px;
    margin-top: 2.00em;
    overflow: auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.toolPanel .basicSigPanel td {
    vertical-align: top;
    width: 33%;
}
.toolPanel .basicSigPanel td.label {
    width: 1%;
}
.toolPanel .basicSigPanel td.name {
    width: 50%;
}
.toolPanel .basicSigPanel td.date {
    width: 1%;
}
.toolPanel .basicSigPanel p {
    margin: 0 0 2.00em 0;
    line-height: 1.50;
    overflow: auto;
}
.toolPanel .basicSigPanel table b {
    display: block;
    margin: 0.50em 0 0 0;
}
.toolPanel .basicSigPanel table p {
    margin: 3.00em 0 0 0;
    border-top: 1px solid black;
    line-height: 1.50;
    text-align: center;
}
.toolPanel .basicSigPanel table p.name {
    width: 100%;
}
.toolPanel .basicSigPanel table p.date {
    width: 100%;
    min-width: 7em;
}

.toolPanel .noBorder {
    border: none;
}


.saveDataControls {
    overflow: auto;
}
.saveDataControls .button.show-observation-workflow {
    float: none;
    display:  block;
    width: 100%;
    padding: 25px 15px 10px 15px;
    border: 2px solid #010A65;
    font-family: inherit;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.35;
    text-align: left;
    color: #FF6600;
    background-color: #FFFFFF;
    margin: 1.0em 0 0 0;
    border-radius: 15px;
    position: relative;
}
.saveDataControls .button.show-observation-workflow:before {
    content: "Click To Show";
    position: absolute;
    top: 10px;
    left: 11px;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
.saveDataControls .button.show-observation-workflow.highLight {
    background-color: #FFFF00;
}

.saveDataControls .button {
    float: right;
    width: auto;
    padding: 5px 15px;
    border: 2px solid #010A65;
    color: #010A65;
    background-color: #FFFFFF;
    margin: 1.0em 0 0 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 1.00em;
    font-weight: bold;
}
.saveDataControls button.highLight {
    background-color: #FFFF00;
}
.saveDataControls h5 {
    float: left;
    width: auto;
    padding: 0px 20px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFFFFF;
    margin: 1.0em 0 0 0;
    font-size: 1.00em;
    font-weight: bold;
    text-align: center;
    line-height: 2.00;
}
.saveDataControls h5 span {
    vertical-align: middle;
}
.saveDataControls h5 b {
    vertical-align: middle;
    font-size: 1.50em;
    color: black;
}

/* For Tools Admin - Tool Profile Attribute Panel */
.toolAttribute {
    border: 1px solid #D8D8D8;
    padding: 5px;
    overflow: auto;
    margin: 2.00em 0;
    width: 95%;
    background-color: #FFFFFF;
    line-height:  1.50;
}
.toolAttribute .wording {
    overflow: auto;
    margin: 0 0 1.00em 0;
    float: left;
    width: 58%;
}
.toolAttribute .brief {
    margin: 0 0 1.00em 0;
    height: 8.00em;
}
.toolAttribute p.brief {
    height: auto;
}
.toolAttribute .shortBox {
    height: 4.00em;
}
.toolAttribute .customScale {
    overflow: auto;
    margin: 0 0 1.00em 0;
    float: left;
    width: auto;
    border: 1px solid #F0F0F0;
    padding: 5px;
    clear: both;
}
.toolAttribute .customScale h2 {
    margin: 0 0 1.00em 0;
    width: auto;
}
.toolAttribute .customScale p {
    width: auto;
}
.toolAttribute .customScale p b {
    float: left;
    margin-right: 5px;
}

.toolAttribute .customScale.cleanTab {
    width: 90%;
}
.toolAttribute .customScale.cleanTab p {
    overflow: auto;
}
.toolAttribute .customScale.cleanTab p b {
    float: left;
    text-align: right;
    margin-right: 5px;
    width: 15em;
    height: 4.0em;
}
.toolAttribute .customScale.cleanTab input {
    width: 40em;
}

.toolAttribute .customField {
    overflow: auto;
    margin: 0 0 1.00em 0;
    width: auto;
    border: 1px solid #F0F0F0;
    padding: 5px;
    clear: both;
}
.toolAttribute .customField h2 {
    margin: 0 0 1.00em 0;
    width: auto;
}
.toolAttribute .customField p {
    width: auto;
}
.toolAttribute .customField p b {
    display: inline-block;
    margin-right: 5px;
}
.toolAttribute .customField input.name {
    width: 50%;
}

.toolAttribute .customScale textarea {
    display: inline;
    /* height: 8.0em; */
}
.toolAttribute .customScale .xTallBox {
    display: inline;
    width: 120%;
    height: 20.0em;
}

.toolAttribute .label {
    background-color: #CCCCCC;
    padding: 5px;
    margin-bottom: 5px;
}

.toolAttribute .order {
    margin: 0.50em 0 0 0;
}
.toolAttribute .level {
    margin: 0.50em 0 0 0;
}
.toolAttribute .level b {
    display: inline-block;
    margin-bottom: 5px;
}
.toolAttribute .level em {
    display: inline-block;
    margin-left: 10px;
}

.toolAttribute .aside {
    border: 1px solid #D8D8D8;
    padding: 5px;
    overflow: auto;
    margin-bottom: 0.00em;
    margin-left: 5px;
    width: 38%;
    float: left;
}
.toolAttribute .control {
    clear: both;
}

.toolAttribute input.shortInput {
    width: 5.00em;
}
.toolAttribute input.medInput {
    width: 10.00em;
}
.toolAttribute input.longInput {
    width: 40.00em;
}

.toolAttribute textarea {
    display: block;
    width: 98%;
}

#create_tool_attribute_form {
    border: 1px solid #D8D8D8;
    padding: 5px;
    margin: 2.00em 0;
    width: 95%;
    background-color: #FFFFFF;
    line-height:  1.50;
}


.plotLinks {
    margin-bottom: 0.50em;
    padding: 0px;
    border: 2px solid #999999;
    background-color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.plotLinks h3 {
    margin: 0 0 0 0;
    padding: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.plotLinks h3.hover {
    color: #FFFFFF;
    background-color: #F39022;
}

.plotLinks b.openCloseArrow {
    float: right;
    width: 1.00em;
    height: 1.00em;
    position: relative;
    bottom: 4px;
    color: #FFFFFF;
    background-color: #999999;
    padding: 4px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;


    border-radius: 50%;
}


.plotLinks ul {
    margin-left: 2.00em;
}
.plotLinks ul li {
    margin: 0.50em;
}
.plotLinks table {
    margin: 10px 0 10px 2.00em;
}
.plotLinks table th {
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    text-align: left;
}
.plotLinks table td {
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    text-align: left;
}
.plotLinks table tr.odd th, .plotLinks table tr.odd td {
    background-color: #F0F0F0;
}

.panel8031.customScale input.avg-weight {
    width: 50px;
}
.panel8031.customScale p b {
    float: none;
    margin: 0 5px;
}

.panel85010 {
    overflow: auto;
}
.panel85010 .cols {
    float: left;
    box-sizing: border-box;
    border-top: 1px solid #F0F0F0;
    margin-top: 10px;
    padding-top: 5px;
}
.panel85010 .col1 {
    width: 55%;
    border-right: 1px solid #F0F0F0;
    padding-right: 10px;
}
.panel85010 .col2 {
    padding-left: 10px;
    width: 45%;
}
.panel85010 .tally-panel {
    clear: both;
    margin-top: 1.00em;
}
.panel85010 .cols p {
    margin: 0.50em 0;
    padding-left: 10px;
}
.panel85010 .cols .em_license {
}
.panel85010 .cols .hdr_standard {
    margin-top: 1.00em;
}
.panel85010 .cols .em_standard {
    margin: 0.25em 0 0.25em 1.00em;
}
.panel85010 .cols .em_standard b {
    font-weight: normal;
}
.panel85010 .cols .em_rating {
    border-top: 1px solid #666666;
    margin-top: 0.35em;
    padding: 0.35em 10px;
    background-color: #F0F0F0;
}
.panel85010.panel85015 .col1 {
    width: 60%;
    border-right: none;
    float: none;
}

.panel85010.panel85020 {
    overflow: visible;
}
.panel85010.panel85020 .col1 {
    width: 65%;
    border-right: none;
    float: none;
}
.panel85010.panel85020 .tally-panel {
    margin-top: 2.50em;
}

.panel85090 {
}
.promptCommentPair span {
    display: inline-block;
    margin-right: 5px;
}
.promptCommentPair .guidance {
}
.promptCommentPair .xTallBox {
    box-sizing: border-box;
    font: inherit;
    line-height: 1.25;
    width: 100%;
    height: 14em;
}
.hide {
    display: none !important;
}
.unhide {
    display: block !important;
}

.d-none {
    display: none !important;
}

.toolPreviewer .toolPanel [disabled]{
    background-color: #CCCCCC;
    color: #F0F0F0;
}

.debug-info {
    margin-bottom: 1.0em;
    padding: 5px;
    background-color: #F0F0F0;
}
.debug-info pre {
    margin-left: 10px;
}

.debug-info h2 {
    color: #666666;
}