.span1 {
      width: 40px;
}

.span2 {
      width: 100px;
}

.span3 {
      width: 160px;
}

.span4 {
      width: 220px;
}

.span5 {
      width: 280px;
}

.span6 {
      width: 340px;
}

.span7 {
      width: 400px;
}

.span8 {
      width: 460px;
}

.span9 {
      width: 520px;
}

.span10 {
      width: 580px;
}

.span11 {
      width: 640px;
}

.span12 {
      width: 700px;
}

.span13 {
      width: 760px;
}

.span14 {
      width: 820px;
}

.span15 {
      width: 880px;
}

.span16 {
      width: 940px;
}

.span17 {
      width: 1000px;
}

.span18 {
      width: 1060px;
}

.span19 {
      width: 1120px;
}

.span20 {
      width: 1180px;
}

.span21 {
      width: 1240px;
}

.span22 {
      width: 1300px;
}

.span23 {
      width: 1360px;
}

.span24 {
      width: 1420px;
}

.field {
      margin-top: 10px;
}

.sun-editor {
      margin-left: 200px;
}

.form-label {
      font-weight: bold;
      width: 180px;
      text-align: right;
      display: inline-block;
}

.dynamic-text {
      margin-left: 20px;
}

.dialog-top {
      position: fixed;
      z-index: 10001 !important;
      width: 90% !important;
      height: 80% !important;
}

.small-button {
      height: 20px;
}

.medium-button {
      height: 25px;
}

.medium-button-icon {
      top: 1.6em !important;
}

.medium-button>span {
      font-size: 80%;
}

.small-button>span {
      height: 20px;
      font-size: 70%;
      padding: 0.3em 1em;
      font-weight: bold;
}

form .input {
      margin-left: 24px;
}

.formIndent {
      padding-left: 220px;
}

input[type=text] {
      margin-right: 5px;
}

form .input-text {
      margin: 8px 0px 0px 150px;
      line-height: 1.1em;
}

.tablesorter-header {
      color: black;
      font-weight: bold;
}

.jqplot-table-legend {
      width: 50px;
}

textarea {
      color: #000;
}

sup {
      font-size: 50%;
      top: -0.6em;
}

.required {
      font-weight: bold;
      float: right;
}

.label-div {
      float: left;
      margin-top: 5px;
}

.label-div-picklist {
      float: left;
      margin-top: 5px;
      margin-right: 20px;
}

input.upper {
      text-transform: uppercase;
}

input.capitalize {
      text-transform: capitalize;
}

.initcap {
      text-transform: capitalize;
}

.right {
      text-align: right;
       float: right;
       margin-bottom:10px !important;
}

.left {
      text-align: left;
      float:left ;
      margin-bottom:10px;
}

.center {
      align-items: center;
}

.centerDiv {
      min-height: 150px;
      min-width: 150px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      display: table-cell;
      vertical-align: middle
}

table.radio label {
      text-align: left;
      float: none;
      cursor: pointer;
}

.filter {
      margin-right: 20px;
}

.filter label {
      width: auto;
      float: none;
}



.subhead h3 {
      color: #6B6B62;
      line-height: 33px;
}

.subhead h3:hover {
      color: #49493E;
}

.subhead a:hover {
      text-decoration: none;
}


.alwaysbold, .alwaysbold p {
      font-weight: bold;
}

.highlight {
      background-color: #FDF5D9;
}

.spanGreen {
      color: green
}

.spanRed {
      color: red
}

.spanLtGray {
      color: #999999
}

form {
      margin-bottom: 0px;
}

ul.input-list li {
      margin-bottom: 5px;
}

.actions {
      margin-top: 20px;
      margin-left: 20px;
      border-top: 0px;
      background-color: inherit;
      padding-bottom: 20px;
}

.inputs-list label {
      cursor: pointer;
}

html {
      position: relative;
      min-height: 100%;
}

body {
      cursor: default;
}

.centered-text {
      text-align: left
}

#container3 {
      float: left;
      width: 100%;
      overflow: hidden;
      position: relative;
}

#container2 {
      float: left;
      width: 100%;
      position: relative;
      right: 30%;
      border-right: 2px solid #005978;
}

#container1 {
      float: left;
      width: 100%;
      position: relative;
      right: 40%;
      border-right: 2px solid #005978;
}

#col1 {
      float: left;
      width: 26%;
      position: relative;
      left: 72%;
      overflow: hidden;
}

#col2 {
      float: left;
      width: 36%;
      position: relative;
      left: 76%;
      overflow: hidden;
}

#col3 {
      float: left;
      width: 26%;
      position: relative;
      left: 80%;
      overflow: hidden;
}

#container-3column-3 {
      float: left;
      width: 100%;
      overflow: hidden;
      position: relative;
}

#container-3column-2 {
      float: left;
      width: 100%;
      position: relative;
      right: 30%;
      border-right: 1px solid #005978;
}

#container-3column-1 {
      float: left;
      width: 100%;
      position: relative;
      right: 40%;
      border-right: 1px solid #005978;
}

#col-3column-1 {
      float: left;
      width: 26%;
      position: relative;
      left: 72%;
      overflow: hidden;
}

#col-3column-2 {
      float: left;
      width: 36%;
      position: relative;
      left: 76%;
      overflow: hidden;
}

#col-3column-3 {
      float: left;
      width: 26%;
      position: relative;
      left: 80%;
      overflow: hidden;
}

#container-2column-2 {
      float: left;
      width: 100%;
      position: relative;
      right: 50%;
}

#container-2column-1 {
      float: left;
      width: 100%;
      position: relative;
}

#col-2column-1 {
      float: left;
      width: 50%;
      position: relative;
      left: 50%;
      overflow: hidden;
}

#col-2column-2 {
      float: left;
      width: 50%;
      position: relative;
      left: 50%;
      overflow: hidden;
}

.wrap {
      width: 100%;
      overflow: auto;
      height: 100%;
}

.fleft {
      float: left;
      width: 50%;
}

.fright {
      float: right;
      width: 50%;
}

.btn-disabled {
      pointer-events: none;
}

.textarea2, .textarea3 {
      height: 4.5em;
}

.textarea4, .textarea5 {
      height: 7.5em;
}

.textarea6, .textarea7 {
      height: 10.5em;
}

.textarea8, .textarea9 {
      height: 13.5em;
}

.textarea10 .textarea11 {
      height: 16.5em;
}

.textarea12, .textarea13 {
      height: 19.5em;
}

.textarea14, .textarea15 {
      height: 22.5em;
}

.textarea16, .textarea17 {
      height: 25.5em;
}

.textarea18, .textarea19 {
      height: 28.5em;
}

.textarea20 {
      height: 31.5em;
}

.hidden {
      display: none;
}

input, select, .uneditable-input {
      height: 27px;
}

.height50 {
      height: 50px;
}

.height100 {
      height: 100px;
}

.height150 {
      height: 150px;
}

.height200 {
      height: 200px;
}

h2 {
      color: var(--h2-font-color);
      padding-top: 10px;

}

h3 {
      color: var(--h3-font-color);
      padding-top: 10px;
}

h4 {
      color: var(--h3-font-color);
}