/**
 * Style sheet that define styles that are common to all InstaScreen skins
 * Note: Each skin should include this style sheet as its starting point
 */
div.options-close {
  height: 0;
  background-color: #FFFFFF;
}

div.options-open {
  border: 0;
  background-color: #FFFFD8;
  padding: 5px;
  padding-left: 15px;
}

.product-close {
  margin-top: 0;
  margin-bottom: 0;
}

.product-open {
  width: 90%;
  margin-left: 24px;
  margin-top: 3px;
  margin-bottom: 10px;
}

.text-muted-extra {
  color: #ccc;
}

#selectRecordsTR div.action-button {
  display: inline-flex;
}

#selectRecordsTR div.action-button span.button-option-back {
  padding-top: 2px;
}

#selectRecordsTR div.action-button img {
  vertical-align: bottom;
}

div.search-results {
  visibility: hidden;
  border: 1px solid #D8D8D8;
  background-color: #F8F8F8;
  padding-left: 3px;
}

#resultsRecords tr.break,
#resultsRecords tr.break td {
    border: none;
    height: 0;
    padding: 0;
    line-height: 1px;
}

#editor-main tr.break,
#editor-main tr.break td {
  display: none;
}

#editor-main table {
  border-spacing: 2px;
}

#editor-main .no-table-spacing table,
#editor-main table.no-table-spacing,
#editor-area .no-table-spacing table,
#editor-area table.no-table-spacing {
  border-spacing: 0;
  margin-bottom: 10pt;
}

#editor-area * table:not(.action-button, #selectRecordsTR) {
  width: 100% !important;
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}


#search-editor-title-row {
  margin-top: -20px;
  margin-bottom: 1.5rem;
}

#dispatchingInformationSection {
  overflow: visible;
}

div.gray-box {
  background-color: #F0F0F0;
}

table.gray-box {
  margin: 10px;
  margin-left: 20px;
  margin-right: 30px;
}

div.crumb-start, div.crumb-end, td.crumb-normal {
  color: #FFFFFF;
  background-color: #FFC062;
  padding: 5px 0 5px 0;
  font-size: 11px;
}

div.crumb-active, td.crumb-active {
  background-color: #FF9900;
  font-weight: bold;
}

#order-crumb {
  position: relative;
  padding-bottom: 10px;
}

#order-notes {
  position: relative;
  padding-bottom: 15px;
}

div.order-notes {
  position: relative;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

#order-form {
  position: relative;
  width: 760px;
  min-height: 320px;
}

#order-options {
  position: relative;
  width: 760px;
  height: 40px;
  text-align: right;
  padding-top: 5px;
  padding-right: 5px;
  border-top: 1px solid #C8C8C8;
}

#form-tabs {
  position: absolute;
  padding-right: 15px;
  width: 760px;
}

#form-sub-tabs,
#form-sub-tabs-1,
#form-sub-tabs-2 {
  position: absolute;
  height: 24px;
  z-index: 300;
  padding-right: 20px;
}

#form-main {
  position: relative;
  top: 22px;
  width: 760px;
  height: 380px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #C8C8C8;
}

#form-main-advsrch {
  position: absolute;
  top: 22px;
  width: 760px;
  height: 380px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #C8C8C8;
}

#form-main-advsrch .form-label {
  padding-left: 2px;
}

#form-main-open {
  position: absolute;
  top: 22px;
  width: 760px;
  z-index: 100;
  border-top: 1px solid #D8D8D8;
}

#form-sub,
#form-sub-1,
#form-sub-2 {
  position: relative;
  top: 22px;
  z-index: 100;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #C8C8C8;
}

#form-options {
  position: relative;
  top: 22px;
  width: 760px;
  height: 40px;
  padding-top: 5px;
  text-align: right;
}

#form-options-advsrch {
  position: absolute;
  top: 380px;
  width: 760px;
  height: 40px;
  text-align: right;
  margin-top: 5px;
  padding-right: 15px;
}

#form-sub-options,
#form-sub-options-1,
#form-sub-options-2 {
  position: relative;
  top: 15px;
  text-align: right;
  margin-top: 10px;
  padding-right: 10px;
}

#form-line-bottom {
  position: relative;
  border-bottom: 1px solid #C8C8C8;
  z-index: 100;
}

#tab-1,
#tab-2,
#tab-3,
#tab-4,
#tab-5 {
  position: relative;
  float: right;
  width: 144px;
  margin: 0 5px;
  padding: 5px 0 2px;
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  z-index: 90;
}

#tabs-1,
#tabs-2,
#tabs-3,
#tabs-4,
#tabs-5,
#tabs-6,
#tabs-7,
#tabs-8,
#tabs-9,
#tabs-10,
#tabs-11,
#tabs-12 {
  position: relative;
  float: right;
  width: 108px;
  margin: 0 5px;
  padding: 5px 0 2px;
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  z-index: 90;
}

.tab-normal {
  color: #A8A8A8;
  background-image: url(/_images/normal_tab.gif);
  cursor: pointer;
}

.tab-high {
  color: #FFFFFF;
  background-color: #CCCCCC;
  cursor: pointer;
}

.tab-active {
  background-image: url(/_images/active_tab.gif);
  border-bottom: 2px solid #FFFFFF;
}

.tab-active-small {
  background-image: url(/_images/active_tab_small.gif);
  border-bottom: 2px solid #FFFFFF;
}

.tab-footer-small {
  font-size: 10px;
  color: darkgrey;
}

.small-pad-left {
  padding-left: 15px;
}

.form-header {
  font-size: 13px;
  font-weight: bold;
}

.form-header-back {
  background-image: url(/_images/dot.gif);
  height: 1px;
}

.form-header-right {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
}

.form-data {
  position: absolute;
  width: 740px;
  margin: 20px;
  margin-top: 15px;
}

.form-data-sub {
  position: absolute;
  margin-top: 15px;
}

.form-list-x-small {
  /* position:relative; */
  width: 100%;
  height: 80px;
  overflow: auto;
  overflow-x: hidden;
}

.form-list-small {
  /* position:relative; */
  width: 100%;
  height: 110px;
  overflow: auto;
  overflow-x: hidden;
}

.form-list-med {
  /* position:relative; */
  width: 100%;
  height: 275px;
  overflow: auto;
  overflow-x: hidden;
}

.form-list-large {
  /* position:relative; */
  width: 100%;
  height: 330px;
  overflow: auto;
  overflow-x: hidden;
}

.form-list-custom {
  /* position:relative; */
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}

.show-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}

.form-div-close {
  position: absolute;
  width: 17px;
  height: 17px;
  z-index: 400;
}

.form-div-titlebar {
  position: absolute;
  border-bottom: 1px solid #8F8666;
  border-right: 1px solid #B5B596;
  border-top: 1px solid #D7D7A7;
  background-color: #96967D;
  line-height: 17px;
  z-index: 301;
  color: #5C5642;
}

.form-div-titlebar p {
  padding-top: 2px;
  padding-left: 11px;
  font-size: 11px;
  font-weight: bold;
}

.form-div form {
  padding: 15px;
}

.form-div {
  position: absolute;
  border: 1px solid #8F8666;
  border-right: 1px solid #96967D;
  border-bottom: 1px solid #96967D;
  background-color: #FFFFFF;
  z-index: 300;
}

.form-div-ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.form-div-li {
  margin: 1px;
  padding-bottom: 1px;
  border: 1px solid #D7D7A7;
  background-color: #FFFFD8;
}

.form-div-li-checked {
  margin: 1px;
  padding-bottom: 1px;
  border: 1px solid #DFC184;
  background-color: #FFDC96;
}

a.form-div-close {
  background-color: #8F8666;
}

a.form-div-close:hover {
  background-color: #5C5642;
}

.form-div-alert {
  position: absolute;
  z-index: 400;
  padding: 15px;
  color: #333333;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  border: 1px solid #8F8666;
  border-right: 1px solid #96967D;
  border-bottom: 1px solid #96967D;
  background-color: #FFFFFF;
}

.form-div-questions {
  overflow: auto;
  overflow-x: hidden;
}

.form-div-questions .fixed-custom  p,
.form-div-questions .fixed-custom div {
  display: inline-block;
  color: #333;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
}

/* Style for the Search Assignment form */
#assign {
  position: fixed;
}
/* Style for the Search Assignment form */
#assign-body {
  position: fixed;
}

.form-column {
  float: left;
}

.form-column-right {
  float: right;
}

.form-column-clear {
  clear: both;
}

.column-1,
.column-2 {
  width: 345px;
}

.form-column>table {
  margin: 3px;
}

.form-column>table.background-report-table {
  margin: 0;
}

.form-ins {
  font-size: 11px;
  font-weight: normal;
  padding: 0;
}

a.form-ins:link,
a.form-ins:hover,
a.form-ins:visited {
  color: #333333;
}

.form-section-label {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
}

.tazworks-only {
  /* Green is #40B660 */
  /* Blue is #333399 */
  color: #CC7A00;
}

.form-text {
  font: 11px Roboto,sans-serif;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding-left: 5px;
  padding-top: 3px;
}

.form-text-right {
  font: 11px Roboto,sans-serif;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  padding-left: 5px;
  padding-top: 3px;
}

.form-value {
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  color: #5C5642;
  text-align: left;
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 4px;
}

label[for^=results] {
  font-weight: bold;
  display: inline;
}

.form-label {
  font: 11px Roboto,sans-serif;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  padding-right: 5px;
  padding-top: 5px;
}

.form-label.form-label-left {
  text-align: left;
  padding-left: 1rem;
}

.form-label-left.form-label-indented {
  padding-left: 2rem;
}

form #order-form .form-label {
  text-align:left;
}

.pointer {
  cursor: pointer;
}

a.form-label {
  font: 11px Roboto,sans-serif;
  text-align: left;
  vertical-align: text-top;
  padding: 0;
  padding-left: 5px;
}

.form-label-normal {
  color: #333333;
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding-right: 10px;
}

.form-label-active {
  color: #333333;
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding-right: 10px;
  cursor: pointer;
}

.form-label-inactive {
  color: #A8A8A8;
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding-right: 10px;
}

.label-active {
  font-weight: bold;
  cursor: pointer;
}

.label-inactive {
  color: #A8A8A8;
  font-weight: bold;
}

.form-underline {
  border-bottom: 1px solid #333333;
}

.form-input {
  font: 12px Roboto,sans-serif;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  margin: 4px 0 0 0;
  resize: none;
}

.form-input-error {
  font: 12px Roboto,sans-serif;
  border: 1px dashed #000000;
  background-color: #FFFFA0;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-input-code {
  font: 12px Courier New;
  border: 1px dashed orange;
  background-color: #FFFFA0;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-input-small {
  font: 11px Roboto,sans-serif;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-input-small-error {
  font: 11px Roboto,sans-serif;
  border: 1px dashed #000000;
  background-color: #FFFFA0;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-dynamic-width{
  font: 12px Roboto,sans-serif;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select {
  font: 12px Roboto,sans-serif;
  width: 150px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-short {
  font: 12px Roboto,sans-serif;
  width: 40px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-med {
  font: 12px Roboto,sans-serif;
  width: 90px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-xmed {
  font: 12px Roboto,sans-serif;
  width: 110px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-long {
  font: 12px Roboto,sans-serif;
  width: 190px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-xlong {
  font: 12px Roboto,sans-serif;
  width: 230px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-xlong-small {
  font: 11px Roboto,sans-serif;
  width: 230px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-select-xxlong {
  font: 12px Roboto,sans-serif;
  width: 300px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.form-error {
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  color: #FF0000;
  vertical-align: top;
  padding-top: 3px;
}

.form-success {
  font: 11px Roboto,sans-serif;
  font-weight: bold;
  color: #336600;
  vertical-align: top;
  padding-top: 3px;
}

.active {
  color: #333333;
  text-decoration: none;
}

.inactive {
  color: #A8A8A8;
}

.skin-theme-selector {
  margin: 10px 0 0 5px;
  width: 140px;
  float: left;
  font-size: 1.1rem;
}

/********************************************************************
 * WORKSPACE STYLES (workspace lists and fixed size lists)
 */
table.fixed {
  table-layout: fixed;
  width: 760px;
}

th {
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color: #5C5642;
  background-color: #96967D;
  border-bottom: 1px solid #8F8666;
  border-top: 1px solid #D7D7A7;
  height: 22px;
}

th.tooltip {
  width: 26px;
  filter: alpha(opacity=100);
  opacity: inherit;
  display: table-cell;
  position: relative;
  line-height: 1;
  z-index: 1;
}

th.checkbox {
  width: 20px;
  display: table-cell;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}

th.scrollbar {
  width: 20px;
  padding: 0;
}

th.row {
  padding: 0;
  padding-left: 5px;
  padding-right: 10px;
}

th.row-right {
  text-align: right;
  padding: 0;
  padding-left: 5px;
  padding-right: 10px;
}

th.row-center {
  text-align: center;
  padding: 0;
  padding-left: 5px;
  padding-right: 10px;
}

div.row-vertical {
  text-align: right;
  vertical-align: text-bottom;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  overflow: visible;
  width: 20px;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform:none;
   /* IE8+ */
  -ms-writing-mode: tb-rl;
  /* IE7 and below */
  *writing-mode: tb-rl;
}


span.row-vertical {
  text-align: right;
  vertical-align: text-bottom;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  overflow: visible;
  width: 20px;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform:none;
   /* IE8+ */
  -ms-writing-mode: tb-rl;
  /* IE7 and below */
  *writing-mode: tb-rl;
}

.drug-result-row {
  font-weight: bold;
}


#product-utilization-report div.row-vertical {
  display: inline-block;
}

th.row-vertical {
  text-align: left;
  vertical-align: text-bottom;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  border-top: 1px solid #8F8666;
  border-bottom: 1px solid #D7D7A7;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform:none;
   /* IE8+ */
  -ms-writing-mode: tb-rl;
  /* IE7 and below */
  *writing-mode: tb-rl;
}

th.row a,
th.fixed a,
th.fixed-xshort a,
th.fixed-short a,
th.fixed-long a,
th.fixed-xlong a,
th.fixed-xxlong a,
th.fixed-xxxlong a,
th.fixed-xxxxlong a,
th.fixed-xxxxxlong a,
th.fixed-custom a {
  text-decoration: none;
  color: #5C5642;
}

th.fixed-custom {
  padding: 0;
}

/* NOTE: should total up to 760px for any fixed table */
th.fixed {
  width: 76px;
}

th.fixed-xshort {
  width: 31px;
}

th.fixed-short {
  width:62px;
}

th.fixed-medium {
  width:80px;
}

th.fixed-long {
  width:90px;
}

th.fixed-xlong {
  width:104px;
}

th.fixed-xxlong {
  width:120px;
}

th.fixed-xxxlong {
  width:136px;
}

th.fixed-xxxxlong {
  width:176px;
}

th.fixed-xxxxxlong {
  width:232px;
}

tr.row-high {
  background-color:#FFFFD8;
}

tr.report-row-high {
  background-color:#EEEEEE;
}

td.col {
  font-size:11px;
  padding:4px;
  padding-left:5px;
  padding-right:10px;
  border-bottom:1px solid #D7D7A7;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

td.col-text {
  font-size:11px;
}

td.col-text-right {
  font-size:11px;
  text-align:right;
  padding:4px;
  padding-left:5px;
  padding-right:10px;
  border-bottom:1px solid #D7D7A7;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

td.tooltip {
  width:26px;
  border-bottom:1px solid #D7D7A7;
  filter: alpha(opacity=100);
  opacity: inherit;
  display: table-cell;
  position: relative;
  line-height: 1;
  z-index: 1;
}

td.tooltip-col {
  padding-left:5px;
  border-bottom:1px solid #D7D7A7;
}

td.checkbox {
  display: table-cell;
  width:20px;
  border-bottom:1px solid #D7D7A7;
  margin-bottom:0;
  margin-top: 0;
  padding-left: 0;
}

td.checkbox input[type="checkbox"],
th.checkbox input[type="checkbox"] {
  float: none;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 0;
  margin-left: 3px;
  position: relative;
}

td.checkbox-col {
  border-bottom:1px solid #D7D7A7;
}

td.col-scroll {
  padding:0;
  border-bottom:1px solid #D7D7A7;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

td.col-selection {
  padding:0;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.foot, div.foot {
  height:4px;
  font-size:0;
  background-color:#96967D;
  border-bottom:1px solid #8F8666;
}

td.mixed-case {
  text-transform:none;
}

td.not-fixed {
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

/* NOTE: should total up to 700px for any fixed table */
td.fixed {
  width:76px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-xshort {
  width:31px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-short {
  width:62px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

/* For font-awesome icons in the td */
td.fixed-short i {
  font-size:1.4rem;
}

td.fixed-medium {
  width:80px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-long {
  width:90px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-xlong {
  width:104px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-xxlong {
  width:120px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-xxxlong {
  width:136px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-xxxxlong {
  width:176px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-xxxxxlong {
  width:232px;
  height:22px;
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

td.fixed-custom {
  font-size:11px;
  border-bottom:1px solid #D7D7A7;
}

div.fixed a,
div.fixed-short a,
div.fixed-long a,
div.fixed-xlong a,
div.fixed-xxlong a,
div.fixed-xxxlong a,
div.fixed-xxxxlong a {
  color:#333333;
}

div.fixed {
  width:62px;
  overflow:hidden;
  white-space:nowrap;
}

div.fixed-short {
  width:48px;
  overflow:hidden;
  white-space:nowrap;
}

div.fixed-long {
  width:76px;
  overflow:hidden;
  white-space:nowrap;
}

div.fixed-xlong {
  width:90px;
  overflow:hidden;
  white-space:nowrap;
}

div.fixed-xxlong {
  width:106px;
  overflow:hidden;
  white-space:nowrap;
}

div.fixed-xxxlong {
  width:122px;
  overflow:hidden;
  white-space:nowrap;
}

div.fixed-xxxxlong {
  width:162px;
  overflow:hidden;
  white-space:nowrap;
}

div.fixed-custom {
  overflow:hidden;
  white-space:nowrap;
}

th.fixed-allow-wrap,
td.fixed-allow-wrap,
div.fixed-allow-wrap {
  white-space: normal;
  overflow: visible;
}

div.fixed-pct {
  width:95%;
  overflow:hidden;
  white-space:nowrap;
}

div.dt {
  overflow:hidden;
  white-space:nowrap;
}


#rolodex-search-body {
  padding: 4px;
}


.in-focus {
  background-color: #EEE;
}

#managed-by-section.in-focus {
  margin-top: 0.5rem;
  padding: 5px;
}

#managed-by-section.in-focus input,
#managed-by-section.in-focus a {
  disabled: true;
}

#managed-by-section.in-focus #managed-by-input-section {
  opacity: 0.5;
}

/********************************************************************
 * AUTOCOMPLETE (styles that control automated text field completion)
 */
div.dynamic-dropdown {
  position:relative;
}

div.autocomplete {
  position:absolute;
  top:22px;
  left:0;
  width:240px;
  font:11px Roboto,sans-serif;
  background-color:#F8F8F8;
  border:1px solid #D8D8D8;
  margin:0;
  padding:0;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

div.autocomplete ul li.selected {
  background-color: #FFB;
}

/********************************************************************
 * DROPDOWN MENUS (styles that control dynamic lists dropdown menus)
 */
div.menu {
  position:absolute;
  display:none;
  z-index:500;
}

div.menu ul {
  background-color:#FFFFFF;
  border:1px solid #C8C8C8;
  font:11px Roboto,sans-serif;
  list-style-type:none;
  margin:0;
  padding:6px;
  padding-top:4px;
  padding-bottom:2px;
}

div.menu li {
  margin-bottom:2px;
}

div.menu li.menu-group {
  color:#999999;
  border-left:1px solid #FFFFFF;
  border-bottom:1px solid #D8D8D8;
  margin-bottom:5px;
}

div.menu li a {
  width:100%;
  display:block;
  color:#333333;
  text-decoration:none;
  border:1px solid #FFFFFF;
}

div.menu li a:hover {
  background-color:#E8E8E8;
  border:1px solid #D8D8D8;
  text-decoration:underline;
}

/********************************************************************
 * ENTITY LISTS (styles that define model object entity tables)
 */
.list-table {
  width:760px;
  min-height:310px;
  height:auto !important;
  height:310px;
  background-color:#DFC184;
}

.list-head {
  color:#FFFFFF;
  font-weight:bold;
  padding:5px 5px 5px 10px;
  margin:5px 0 5px 5px;
  background-color:#BD8D5E;
}

.list-head-end {
  color:#FFFFFF;
  font-weight:bold;
  padding:5px 5px 5px 10px;
  margin:5px;
  background-color:#BD8D5E;
}

.list-cell {
  padding:5px;
  padding-left:12px;
  font-size:11px;
  line-height:13px;
  vertical-align:top;
}

.list-cell-selected {
  padding:5px;
  padding-left:12px;
  font-size:11px;
  line-height:13px;
  font-weight:bold;
  vertical-align:top;
}

.list-row {
  color:#000000;
  background-color:#DFC184;
}

.list-row-selected {
  background-color:#FFF8DC;
}

.list-row-high {
  background-color:#FFDC96;
  cursor:pointer;
}

.list-row a, .list-row-selected a, .list-row-high a {
  color:#000000;
}

.list-message {
  background-color:#DFC184;
  width:520px;
}

.list-message-options {
  padding:5px;
  width:500px;
}

.list-message-head {
  font-weight:bold;
  margin:5px;
  padding:5px;
  color:#FFFFFF;
  background-color:#BD8D5E;
}

.list-message-text {
  font:11px Roboto,sans-serif;
  font-weight:bold;
  color:#333333;
  padding:20px;
  padding-top:5px;
}

.list-page {
  color:#000000;
  margin-left:2px;
  margin-right:2px;
}

.list-page-selected {
  color:#CC6600;
  font-weight:bold;
  border:1px solid #CC6600;
  padding-left:4px;
  padding-right:4px;
}

.list-options {
  width:750px;
  padding:5px;
}

.list-options-left {
  width:750px;
  text-align:left;
  padding:5px;
}

.border-top {
  border-top:1px solid #D8D8D8;
}

#list-message-exception {
  font:0.85em monospace;
  color:#333333;
  display:none;
  visibility:hidden;
}

/********************************************************************
 * SPACING & JUSTIFICATION (more common area styles)
 */
.no-pad {
  padding:0;
  vertical-align:middle;
}

.small-pad {
  padding:5px;
}

.small-pad-top {
  padding-top:5px;
}

.small-pad-bottom {
  padding-bottom:5px;
}

.small-pad-right {
  padding-right:5px;
}

.med-pad {
  padding:15px;
}

.med-pad-top {
  padding-top:15px;
}

.med-pad-bottom {
  padding-bottom:15px;
}

.med-pad-left {
  padding-left:15px;
}

.med-pad-right {
  padding-right:15px;
}

.large-pad {
  padding:30px;
}

.large-pad-top {
  padding-top:30px;
}

.upper {
  text-transform:uppercase;
}

.justify {
  text-align:justify;
}

.left {
  text-align:left;
}

.right {
  text-align:right;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.strike {
  text-decoration: line-through;
}

.unavailableItem :not(.showItem), .unavailableCounty :not(.showItem){
  text-decoration: line-through;
  opacity: .5;
}

.invalidItem {
  opacity: .6;
}

.allowOverride .fa-exclamation-circle {
  color: #bbaa00;
}

/********************************************************************
 * BUTTON STYLES (styles that define various form buttons)
 */
.button {
  border: 3px double #888888;
  border-top-color: #C8C8C8;
  border-left-color: #C8C8C8;
  padding: .25em;
  padding-left: .5em;
  padding-right: .5em;
  font: 75% Roboto,sans-serif;
  font-weight :bold;
  background-color: #FFFFFF;
  background-image: url(/_images/button_back.gif);
  background-repeat: repeat-x;
}

.button-fixed {
  width: 90px;
  border: 3px double #888888;
  border-top-color: #C8C8C8;
  border-left-color: #C8C8C8;
  padding: .25em;
  padding-left: 0;
  padding-right: 0;
  font: 75% Roboto,sans-serif;
  font-weight: bold;
  background-color: #F8F8F8;
  background-image: url(/_images/button_back.gif);
  background-repeat: repeat-x;
}

.button-fixed-long {
  width: 120px;
  border: 3px double #888888;
  border-top-color: #C8C8C8;
  border-left-color: #C8C8C8;
  padding: .25em;
  padding-left: 1.6em;
  padding-right: 1.6em;
  font: 75% Roboto,sans-serif;
  font-weight: bold;
  background-color: #F8F8F8;
  background-image: url(/_images/button_back.gif);
  background-repeat: repeat-x;
}

.button-list {
  width: 70px;
  border: 3px double #888888;
  border-top-color: #C8C8C8;
  border-left-color: #C8C8C8;
  padding: .25em;
  padding-left: 0;
  padding-right: 0;
  font: 75% Roboto,sans-serif;
  font-weight: bold;
  background-color: #FFFFFF;
  background-image: url(/_images/button_back.gif);
  background-repeat: repeat-x;
}

.button-list-dynamic {
  border: 3px double #888888;
  border-top-color: #C8C8C8;
  border-left-color: #C8C8C8;
  padding: .25em;
  font: 75% Roboto,sans-serif;
  font-weight: bold;
  background-color: #FFFFFF;
  background-image: url(/_images/button_back.gif);
  background-repeat: repeat-x;
}

.button-table-row-control,
.fa.button-table-row-control {
  background: none;
  border: none;
  font-size: 1.3rem;
}

table.action-button {
  border-spacing: 0 !important;
}

table.action-button img {
  vertical-align: bottom;
}

a.button-option, div.button-option {
  color: #333333;
  font: 11px Roboto,sans-serif;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
}

.button-option-back {
  background-image: url(/_images/option_back.gif);
  background-repeat: repeat-x;
  line-height: 1;
}

.button-option-select {
  color: #333333;
  font: 11px Roboto,sans-serif;
}

/********************************************************************
 * EDITOR STYLES (styles used by the search editor and print report)
 */
.editor-main {
  position: relative;
  width: 672px;
}

.editor-column-1,.editor-column-2 {
  width: 50%;
}

#editor-area {
  position: relative;
  width: 722px;
  min-height: 520px;
  padding: 25px;
  padding-top: 20px;
}

#editor-area img.applicantPhoto,
#resultsRecords img.applicantPhoto {
  max-width: 150px;
  max-height: 190px;
  display: block;
  float: right;
  margin-right: 10px;
}

#print-area {
  /* Set box-sizing to border-box to ensure that padding and border are included in the width
  rather than added to it. This should help prevent padding and margin settings from causing
  the page to be shifted to the right, pushing text out of the browser window and
  cutting text off the right side of the page when converting to pdf. */
  box-sizing: border-box; 
  position: relative;
}

table.dataTable.table > tbody > tr.table-group-header > td {
  vertical-align: middle;
}

.table > tbody > tr.table-group-header:not(:first-child) > td {
  border-top-color: #fff;
  border-top-width: 10px;
}


.drug-queue-no-matches {
  color: #999;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

.list-box {
  float: left;
  margin-right: 1rem;
  margin-bottom: 2rem;
}


.chart-menu {
  width: 100%;
  font-size: .9rem;
  margin-bottom: 5px;
}


.management-report-filters label {
  clear: left;
}


.report-chart {
  float: left;
  margin-right: 1rem;
  margin-bottom: 2rem;
  max-height: 470px;
}


.report-chart h4 {
  margin: 0;
  text-align: center;
}

.report-chart.no-data h4 {
  margin: 10px 0;
}


.large-chart-title {
  font-size: 1.6rem;
}


.report-chart.no-data {
  min-height: 4rem;
  min-width: 17rem;
  max-width: 17rem;
}


.pie-chart {
  max-width: 240px;
}


.report-chart .panel-body {
  padding: 0 5px 5px 5px;
}

.pie-chart canvas {
  width: 200px;
  height: 200px;
}

.bar-chart canvas {
  width: 100%;
  max-width: 810px;
  height: 410px;
  max-height: 410px;
}


div.trend-chart .panel-body .tau-chart__layout {
  min-width: 600px;
  height: 250px;
}


/* Tau Charts Legend */
.report-chart .graphical-report__legend__item {
  padding: 11px 20px 0 40px;
}

ul.pie-legend {
  list-style-type: none;
}

ul.pie-legend li {
  margin-bottom: 4px;
  padding-right: 30px;
}

.chart-legend-right ul {
  max-width: 190px;
}

.chart-legend-right ul.pie-legend li {
  padding-right: 5px;
}

ul.pie-legend li:hover {
  cursor: pointer;
}

.chart-legend-right {
  min-width: 400px;
  max-width: 407px;
  min-height: 250px;
  max-height: 250px;
}

.chart-legend-right .panel-body {
  padding-top: 10px;
  padding-left: 10px;
}


.chart-legend-right li {
  max-width: 16em;
}

.chart-legend-right .chart-legend-label {
  display: inline-block;
  vertical-align: top;
}

.chart-legend-right .chart-legend-value {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}

.chart-legend-right canvas {
  min-width: 160px;
  max-width: 160px;
  min-height: 160px;
  max-height: 160px;
}

.chart-legend-right.pie-small canvas {
  min-width: 125px;
  max-width: 125px;
  min-height: 125px;
  max-height: 125px;
}

.chart-legend-right .pie-legend {
  float: right;
}

.chart-legend-wide {
  min-width: 446px;
  max-width: 453px;
  max-height: 350px;
}

.chart-legend-wide ul {
  max-width: 236px;
}

.legend-dot {
  border-top: solid 1px;
  border-right: solid 8px;
  border-bottom: solid 1px;
  border-left: solid 8px;
  margin-right: 5px;
  margin-left: -22px;
  vertical-align: top;
}

ul.pie-legend li.deselected {
  opacity: 0.5;
}

li.deselected .legend-dot {
  border-top: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 1px;
  padding-right: 14px;
  margin-right: 5px;
  vertical-align: top;
}


.report-chart .graphical-report__layout {
  box-sizing: border-box;
  height: 410px !important;
  padding-bottom: 10px;
  margin-bottom: 5px;
}


#add-vendor-chart-btn-group .dropdown-menu,
.dropdown-menu-medium {
  min-width: 20rem;
}

#add-vendor-chart-btn-group .dropdown-menu,
.dropdown-menu-medium-large {
  min-width: 25rem;
}

.dropdown-menu-large {
  min-width: 30rem;
}

.datatable-control-btn-group > ul {
  padding: 10px 20px;
}

.datatable-control-btn-group > ul > li {
  padding-top: 0;
  padding-bottom: 0;
}

.datatable-control-btn-group > ul > li a {
  padding: 0;
}

.dropdown-menu > li > a.add-pie-chart,
.dropdown-menu > li > a.add-bar-chart,
.dropdown-menu > li > a.add-line-chart,
.dropdown-menu > li > a.add-trend-chart {
  display: inline-block;
  padding: 0 3px;
}

.dropdown-menu > li > a.add-line-chart,
.dropdown-menu > li > a.add-trend-chart {
  display: inline-block;
  padding: 0 3px;
}

.dataTables_wrapper {
  margin-bottom: 2rem;
}

.dataTables_wrapper label {
  margin-top: 0;
}


.dataTables_length .form-control {
  width: auto;
}

.dataTable th.colspan span {
  border-bottom: 1px inset;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding-bottom: 5px;
}

table.dataTable thead th.sorting_disabled {
  cursor: auto;
}

table.dataTable thead th.vertical-header,
.vertical-header {
  vertical-align: bottom;
  height: 13rem;
}


table.dataTable thead th.vertical-header-xl,
.vertical-header-xl {
  vertical-align: bottom;
  height: 30rem;
}


table.dataTable.med-spacing thead th {
  padding-left: 5px;
  padding-right: 10px;
}

table.dataTable.med-spacing tbody td {
  padding-left: 5px;
  padding-right: 10px;
}


table.dataTable.table > tbody > tr > td.nowrap,
table.datatable.table > tbody > tr > td.nowrap,
td.nowrap {
  white-space: nowrap;
}

table.dataTable > thead > tr > th.money,
.money {
  text-align: right;
}


table.dataTable > thead > tr > th.tat {
  text-align: center;
}

table.dataTable > thead > tr > th.tat.header-right {
  text-align: right;
}

.tat {
  text-align: right;
}

table.dataTable > thead > tr > th.number,
.number {
  text-align: right;
}


table.dataTable.table > tbody > tr > td.child-row {
  padding-left: 2em;
}


.caption-footer {
  caption-side: bottom;
  text-align: left;
  font-weight: bold;
  padding: 8px 5px;
}

.details-control {
  padding-top: 0;
  padding-bottom: 0;
}


.details-control:after {
  cursor: pointer;
  content: "\f150";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  font-size: 1.4rem;
  top: 0;
  margin-bottom: 0;
  z-index: 1;
}

.details-control-open:after {
  content: "\f150";
}


.details-control-closed:after {
  content: "\f152";
}

.report-table {
  border-left:1px solid black;
  width:100%;
}

#report-table-current-status td:not(:first-child) {
  text-align: center;
}

.report-cell {
  border-bottom:1px solid black;
  border-right:1px solid black;
  padding:1px 10px 1px 5px;
  vertical-align:top;
}

.report-red,
.report-red p,
.report-red p font {
  color:#FF0000;
}

.report-photo {
  vertical-align:top;
  text-align:right;
}

.report-photo div {
  background-color:#fdfdfd;
  outline:1px dotted #f0f0f0;
  display:inline-block;
  height:160px;
  min-width:120px;
  line-height:160px;
  text-align:center;
  vertical-align:middle;
  font-family:'Roboto Condensed','Roboto',sans-serif;
  font-size:7.5pt;
}

.report-photo div img {
  height:160px;
}

.report-label {
  width:85px;
  color:black;
  font-family:'Roboto Condensed','Roboto',sans-serif;
  font-size:7.5pt;
  vertical-align:top;
  text-transform:uppercase;
}

.report-label-value{
  vertical-align:top;
}

.report-value td {
  vertical-align:top;
  font-size:7.5pt;
}

.report-label-wide {
  width:120px;
  vertical-align:top;
}

.report-label-narrow {
  width:100px;
  color:black;
  font-family:'Roboto Condensed','Roboto',sans-serif;
  font-size:7.5pt;
  vertical-align:top;
  text-transform:uppercase
}

.report-label-nowidth {
  color:black;
  font-family:'Roboto Condensed',sans-serif;
  font-size:7.5pt;
  vertical-align:top;
  text-transform:uppercase;
}

.reportBodyPreviewDiv {
  min-height: 18px;
  border:none;
  padding:1px;
}

.reportBodyEditDiv {
  min-height: 18px;
  border:solid black 1px;
  cursor:text;
  padding:0;
}

.reportBodyEditTD {
  width:245px;
  vertical-align:top;
}

.reportBodyEditTDSmall {
  width:100px;
  vertical-align:top;
}

.reportBodyEditWideTD {
  width:579px;
  vertical-align:top;
}

.reportBodyEditExWideTD {
  width:666px;
  vertical-align:top;
}

.reportBodyTDNoOverflow {
  width:245px;
  overflow:hidden;
  white-space:nowrap;
}

.background-report-clear-wrap {
  clear: both;
  height: 0;
}

.editable-div-spacing {
  margin: 2px 4px;
}

.editable-div-spacing table {
  margin: 0 -2px;
  border-collapse: collapse;
}

.editable-div-spacing td {
  padding: 2px;
}

.background-report-table {
  border-collapse: collapse;
  width: 100%;
  page-break-inside: auto;
}

.background-report-table.background-report-table-spacing {
  border-spacing: 4px;
  border-collapse: separate;
}

.background-report-table td {
  padding: 0;
}

.background-report-table.background-report-table-striped td {
  padding: 0 4px;
}

.reportsection {
  background-color: black;
  color: white;
  font-family: Roboto,sans-serif;
  font-size: 11pt;
  font-weight: bold;
  border-bottom: black solid 2px;
  border-top: black solid 2px;
  padding: 3px;
  text-align: center;
}

h2.report-header,
h3.report-header,
h4.report-header,
h5.report-header,
.report-primary-header,
.report-secondary-header,
.report-tertiary-header,
.report-quaternary-header,
.report-secondary-header th {
  font-family: Roboto,sans-serif;
  font-weight: bold;
  margin: 0 0 2px 0;
  border-top: solid 1px;
  border-bottom: solid 1px;
}

h2.report-header,
h3.report-header,
h4.report-header,
h5.report-header
 {
  clear: both;
  width: 100%;
  text-align: center;
}

h2.report-header {
  font-size: 1.46667rem;
  padding: 7px 0;
}

h3.report-header {
  font-size: 1.2rem;
  padding: 7px 0 5px 0;
}

.report-secondary-header {
  font-size: 1.2rem;
  padding: 2px 0;
}

h4.report-header,
h5.report-header
 {
  font-size: 1.2rem;
  padding: 5px 0 3px 0;
}

.reportsubsection {
  background-color: #D3D3D3;
  color: black;
  font-family: Roboto,sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  border-bottom: black solid 1px;
  border-top: black solid 1px;
  margin-top: 1px;
}

.chart-panel > h3 {
  margin-bottom: 0;
}

.report-section-body {
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.reportsubsectionscorecardpro h2,
.reportsubsectionscorecardpro .h2,
.reportsubsectionscorecardpro h3,
.reportsubsectionscorecardpro .h3 {
  font-size: 9pt;
  line-height: 22px;
  margin: 0;
}

.reportsubsectionscorecardpro h2 {
  padding-left: 5px;
}

.report-page-break {
  page-break-before: always;
  display: none;
}

.report-attachment-image {
  width:100%;
}
  
@page {
  size: letter;
}

@media print {

  html, body {
    margin: 0pt;
    min-width: auto;
    min-height: auto;
  }
  
  .editor-main {
    margin: 0pt;
    width: 504pt;
    min-width: auto;
    min-height: auto;
  }
  
  #print-area {
    width: 504pt;
    margin: 36pt auto;
    min-width: auto;
    min-height: auto;
  }

  .report-page-break {
    display: block;
    page-break-before: always;
    break-before: always;
  }

  .report-attachment-image {
    width: 100%;
    display:block;
  }
  
  .attachment-header {
    display: block;
    padding-top:100mm;
    page-break-before: always;
    break-before: always;
    page-break-after: always;
    break-after: always;
  }

  .attachment-header > .report-header {
    border: 0px;
    color: #000000;
    background-color: #FFFFFF;
    font-size: 20px;
  }

  #print-area * table:not(.action-button) {
    width: 100% !important;
  }

  h2.report-header,
  h3.report-header,
  h4.report-header,
  h5.report-header {
    page-break-after: avoid;
    break-after: avoid;
  }
}

#consumer-rights-body p,
#consumer-rights-body ul li {
  font-family: "Times New Roman", serif, Roboto, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

table.small-arial td { 
  font-family:'Arial'; 
  font-size:xx-small; 
  padding:4px 
}

.line-item {
  border-bottom: solid 1px #E6E6E6;
  position: relative;
}

.reportsubsectionrow .note {
  font-size: 7.5pt;
}

.reportsubsectionrow.nest1 td {
  background-color: #DDD;
  border-top: 0;
}

.reportsubsectionrow.nest2 td {
  background-color: #E3E3E3;
  border-top: 0;
}

.no-table-spacing .reportsubsectionrow,
.no-table-spacing .reportsubsection {
  border: 0;
}

.no-table-spacing table td,
table.no-table-spacing td {
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left : 3px;
}

.ordered-list-item:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.ordered-list-item:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.ordered-list-item.depth1:before {
  content: counter(ol1, lower-alpha) ") ";
  counter-increment: ol1;
}

.ordered-list-item.depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}

.ordered-list-item.depth3:before {
  content: counter(ol3, upper-alpha) ". ";
  counter-increment: ol3;
}

.ordered-list-item.depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4;
}

.list.depth0:first-child {
  counter-reset: ol0;
}

.list.depth1:first-child {
  counter-reset: ol1;
}

.list.depth2:first-child {
  counter-reset: ol2;
}

.list.depth3:first-child {
  counter-reset: ol3;
}

.list.depth4:first-child {
  counter-reset: ol4;
}

/**
* Style the California disclosure in the view report page
*/
.california-disclaimer,
.california-disclaimer td {
  font-size: 16px;
  font-weight: bold;
  font-family: "Times New Roman", Georgia, serif;
}

td.california-disclaimer-disclaimer {
  font-weight: normal;
  padding-bottom: 1.5rem;
}

.tradeheader {
  color:black;
  font-family:'Roboto Condensed',sans-serif;
  font-size:8pt;
  font-weight:bold;
  height:20px;
}


.drug-result-hit {
  font-weight: bold;
}

/* used by the report layout tool */
.sortList {
  border-top:1px solid #8F8666;
}

.sectionHead {
  padding-left:12px;
  background-color:#8F8666;
  color:#FFFFFF;
  font-size:13px;
  font-weight:bold;
  border-top:2px solid #8F8666;
  border-bottom:2px solid #8F8666;
}

.sectionitem, .cat_sectionitem, .info_sectionitem {
  padding-left:12px;
  color:#5C5642;
  font-size:11px;
  text-align:left;
  border-bottom:1px solid #8F8666;
}

.sectionitem {
  background-color:white;
}

.cat_sectionitem {
  background-color:#D9D9B7;
}

.info_sectionitem {
  background-color:#96967D;
}

.lineitem, .cat_lineitem, .info_lineitem {
  padding-left:36px;
  color:#5C5642;
  font-size:11px;
  text-align:left;
  border-bottom:1px solid #8F8666;
}

.lineitem {
  background-color:#D7D7A7;
}

.cat_lineitem {
  background-color:#96967D;
}

.info_lineitem {
  background-color:#96967D;
}

.sectionTable,
.sectionTR,
.sectionTD1,
.sectionTD2,
.sectionTD3,
.itemTable,
.itemTR,
.itemTD1,
.itemTD2,
.itemTD3 {
  background-color:inherit;
  font:inherit;
  padding:0;
  border:0;
  margin:0;
  font-size:11px;
  text-align:left;
}

.sectionTable {
  width:inherit;
}

.sectionTR {
  width:inherit;
}

.sectionTDTitle {
  cursor:move;
  width:424px;
}

.sectionTDCheckBox {
  text-align:center;
  cursor:default;
  width:100px;
}

.itemTable {
  width:inherit;
}

.itemTR {
  width:inherit;
}

.itemTDTitle {
  cursor:move;
  width:400px;
}

.itemTDCheckBox {
  text-align:center;
  cursor:default;
  width:100px;
}

.sectionHeadTable {
  background-color:inherit;
  font:inherit;
  padding:0;
  border:0;
  margin:0;
  font-size:13px;
  font-weight:bold;
  text-align:left;
}

.sectionHeadTR {
  font-size:13px;
  font-weight:bold;
  width:inherit;
}

.sectionHeadTDTitle {
  font-size:13px;
  font-weight:bold;
  width:424px;
}

.sectionHeadTDCheckBox {
  font-size:13px;
  font-weight:bold;
  text-align:center;
  width:100px;
}

.reportBodyEditDiv:after {
  clear: both;
  height: 0;
  font-size: 0;
  display: block;
  visibility: hidden;
}

/* used by the search editor to format records coming from XGW2 */
DIV.rec {
  margin-left:15px;
  margin-bottom:5px;
}

div.rec:after {
  content: " ";
  clear: both;
  height: 0;
  font-size: 0;
  display: block;
  visibility: hidden;
}

SPAN.data {
  margin-left:5px;
  display: table-cell;
  width: 69%;
  height: 18px;
}

SPAN.reportlabel {
  font-size:10pt;
  width:30%;           /* triggers IE hasLayout */
  display:inline-block;  /* firefox */
  float: left;
  clear: left;
}

/* overrides for professional reference search */
.professional-reference SPAN.data {
  width: 59%;
}

.professional-reference SPAN.reportlabel {
  width: 40%;
}

.professional-reference DIV.rec {
  margin-left: 0px; 
}

/* Copy .reportlabel just without a defined width */
SPAN.reportlabelNoWidth {
  font-size:10pt;
  display:inline-block;  /* firefox */
  float: left;
  clear: both;
}

DIV.seRow {
  clear: both;
}

SPAN.seReportLabel {
  float: left;
  width: 140px;
  text-align: right;
  font-size:10pt;
  font-weight:bold;
}

SPAN.seData {
  display: table-cell;
  width: 510px;
  text-align: left;
}


.se-pretext {
  display: block;
  clear: left;
  height: auto;
  width: 100%;
}


.se-pretext pre {
  white-space: pre-wrap;
  word-break: normal;
}

/********************************************************************
 * SKIN COLORS (for color scheme display)
 */
.color-bold {
  color: #5C5642;
  font-weight: bold;
}

.color-scheme {
  width: 500px;
  display: block;
  margin: 15px;
  margin-left: 0;
}

.color-outer {
  float: left;
  border: 1px solid #CCC;
  padding: 1px;
  margin: 3px 7px 3px 0;
  cursor: pointer;
  /*display:inline-block;*/ /* SPAN, was:inline */
}

.color-shadow {
  display: block;
  padding: 1px;
}

.color-hue {
  display: block;
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0;
}

.wait-dialog {
  z-index: 500;
  visibility: hidden;
  background: white;
  position: absolute;
  left: 450px;
  top: 300px;
  height: 112px;
  width: 240px;
}

.wait-header {
  position: absolute;
  height: 22px;
  width: 240px;
}

.wait-message {
  position: absolute;
  height: 90px;
  width: 240px;
  font: 11px Roboto,sans-serif;
  font-weight: normal;
  text-align: center;
}

h2.form-section-label {
  margin-top: 0;
}


/* Help Menu Styles */

#new-section-form {
  margin-bottom: 1em;
}

ul.cradocs {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 1em;
  display: inline-block; /* Allows the line to adjust its width automatically according to the longest section or attachment name. */
}

li.cradocs-section {
  margin: 0 0 1em 0;
  padding-left: 0;
}

li.cradocs-section:first-child {
  margin-top: 0;
}

ul.cradocs li {
  list-style-type: none;
}

.cradocs div.form-section-label:hover,
.cradocs div.form-attachment-label:hover {
  background-color: #eee;
  box-shadow: inset 0 0 2px #aaa; /* Had to add a box-shadow instead of a border, because a border adds vertical height to the line,
                                    /* causing everything below the highlighted line to shift down. */
  padding-left: 2px; /* Add padding on the left to make it look better */
  position: relative; /* The left-hand padding shifts the line to the right, causing annoying movement when the mouse highlights the section. */
  left: -2px; /* So I shift the line to the left by the same number of pixels the padding added so that it doesn't move. */
}

/* Shift the menu section 2px to the right to counter the shift of the container to the left when highlighted. */
div.form-section-label:hover .editMenuSection,
div.form-attachment-label:hover .editMenuSection {
  position: relative;
  left: 2px;
  margin-left: 18px;
  opacity: 1;
}

.cradocs div.form-section-label:after,
.cradocs div.form-attachment-label:after
 {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.form-section-name {
   float: left;
   padding-top: 4px;
}

.form-attachment-name {
  float: left;
  padding-top: 1px;
}

.editMenuSection {
  float: right;
  padding-top: 2px;
  margin-left: 20px;
  opacity: .65;
}

ul.cradocs-attachments {
  margin: 0;
  padding-top: 0;
}

li.cradocs-attachment {
  margin-bottom: 0;
}

li.cradocs-attachment:first-child {
  margin-top: 0;
}

.editCraSectionName input {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.file-size {
  font-size: 0.8em;
}

ul.cradocs .menu {
  text-align:left;
  position:absolute;
  top:-1px;
  left:5px;
  width:9em;
  padding: 0;
  margin: 0;
}


ul.cradocs .menu ul.menulist li {
  text-transform: none;
}

.form-button {
  font-size: 11px;
  border: 1px solid #C7C4B8;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px #000000;
  color: #444444;
  padding: 0 8px;
  text-decoration: none;
}

td.success {
  background-color: #008f00;
}

.form-value.text-success {
  color: #008f00;
}

td.danger {
  background-color: #8f0000;
}

td.danger-light {
  background-color: #f2dede;
}

.form-value.text-danger {
  color: #8f0000;
}

td.warning {
  background-color: #FFC000;
}

.form-value.text-warning {
  color: #FFC000;
}

td.default {
  background-color: #666;
}

.form-value.text-default {
  color: #666;
}

.bootstrap-grid-container *, .bootstrap-grid-container *:before, .bootstrap-grid-container *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-grid-container {
    width: 500px;
  }

/**
  jQuery datepicker CSS overrides
ui-datepicker-trigger ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only
*/
button.ui-datepicker-trigger {
  height: 1.4em;
  margin-left: 6px;
  position:relative;
  top:2px;
}


@media (min-width: 500px) {

  .bootstrap-grid-container .col-md-1,
  .bootstrap-grid-container .col-md-2,
  .bootstrap-grid-container .col-md-3,
  .bootstrap-grid-container .col-md-4 {
    float: left;
  }
  .bootstrap-grid-container .col-md-4 {
    width: 33.33333333333333%;
  }
  .bootstrap-grid-container .col-md-3 {
    width: 25%;
  }
  .bootstrap-grid-container .col-md-2 {
    width: 16.666666666666664%;
  }
  .bootstrap-grid-container .col-md-1 {
    width: 8.333333333333332%;
  }
}


/* CSS Hack to add a warning message for IE 8 users that they will need to update or switch browsers. */
@media all\0 { div.top-banner:before, #logo-container:before { text-align: center; float: left; width: 99%;
                                        padding: 1px 5px 3px 5px; font-size: 1.3em; margin: 3px;
                                        font-weight: bold; color: #FFF; background-color: #000;
                                        font-family: 'Roboto',sans-serif;
                                        content: "You are using IE 8, an unsupported browser. Please update your browser.";
                                      } } /* IE8 uses \0 */
@media all and (monochrome:0) { div.top-banner:before, #logo-container:before { display: none; } }

@media print {
   a[href]:after {
    content: none !important;
  }
}

/**
 * Avoid popover tool tips from changing size based on wrapping elements
 */
.popover {
  font-size: 1.2rem;
  font-weight: normal;
}

/**
 * Specific to Report Results page, should be isolated, but where is unclear so here
 */
#report-notes,
#client-notes {
  margin-bottom: 1em;
}
/**
 * MFA Setup
 */
.qr-code {
  width: 100%;
}

.alert ul,
.alert ol {
  margin-top: 0;
}


/**
 * Linked clients/users
 */
.linked-accounts .header {
  padding: 3px 20px;
  font-weight: bold;
}
.linked-accounts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.linked-accounts ul a {
  display: block;
}
.linked-accounts ul a:hover,
.linked-accounts ul a:active {
  background-color: #f5f5f5;
}
.no-links {
  text-align: center;
  padding-bottom: 40px;
}

/**
 * Report Results and Monitoring History
 */
.panel .header-with-statusbar h3 {
 line-height: 34px;
}
.show-when-collapsed {
 display: none;
}
.collapsed .show-when-collapsed {
 display: block;
}
#app-container {
 height: 84px;
}

/**
 * jQuery Tool Tips css
 */
.tooltip-inner {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  opacity: 1;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #000;
}
.tooltip.in {
  opacity: 1;
}
.top .ui-tooltip-content::after {
  top: -10px;
  border-color: #666 transparent;
  border-width: 0 10px 10px;
}
.jq-draggable-title-mid-div .tooltip-inner {
  max-width: 250px;
  padding: 4px 10px;
  text-align: left;
  border-radius: 4px;
  margin-bottom: 5px;
}

.jq-draggable-title-mid-div .tooltip.top .tooltip-arrow {
  margin-bottom: 5px;
}

/**
 * jQuery draggable div css
 */
.jq-draggable-title-div {
  color: #333;
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 600px;
  height: 460px;
  position: fixed;
}
.jq-draggable-close-div {
  width: 17px;
  height: 17px;
  top: 3px;
  left: 580px;
  z-index: 601;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-body-div {
  width: 99.6%;
  height: 438px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-form-div {
  visibility: visible;
  display: block;
  z-index: 603;
}
.jq-draggable-formsub-div {
  height: 345px;
  width: 100%;
}
.jq-draggable-editbox-div {
  height: 315px;
}
.jq-draggable-button-div#form-sub-options {
  top: 25px;
}

.jq-draggable-title-mid-div {
  color: #333;
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 615px;
  height: 400px;
  position: fixed;
}
.jq-draggable-close-mid-div {
  width: 17px;
  height: 17px;
  top: 3px;
  left: 580px;
  z-index: 601;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-body-mid-div {
  width: 99.6%;
  height: 368px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-form-mid-div {
  height: 295px;
  width: 99.6%;
  visibility: visible;
  display: block;
  z-index: 603;
}
.jq-draggable-subform-mid-div {
  width: 99.6%;
  height: 240px;
  position: relative;
  top: 20px;
  z-index: 100;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #c8c8c8;
  overflow-y: auto;
  overflow-x: hidden;
}
.jq-draggable-formlist-mid-div {
  width: 99.6%;
  height: 235px;
}

.jq-draggable-title-small-div {
  color: #333;
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 400px;
  height: 230px;
  position: fixed;
}
.jq-draggable-close-small-div {
  width: 17px;
  height: 17px;
  top: 3px;
  left: 378px;
  z-index: 601;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-body-small-div {
  width: 99.6%;
  height: 199px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-form-small-div {
  visibility: visible;
  display: block;
  z-index: 603;
}
.jq-draggable-txt-small-div {
  width: 99.6%;
  padding: 12px;
  display: block;
  z-index: 603;
}

.jq-draggable-title-copydiv {
  color: #333;
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 600px;
  height: 180px;
  position: fixed;
}
.jq-draggable-close-copydiv {
  width: 17px;
  height: 17px;
  top: 3px;
  left: 580px;
  z-index: 601;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-body-copydiv {
  width: 99.6%;
  height: 149px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-form-copydiv {
  visibility: visible;
  display: block;
  z-index: 603;
}

.jq-draggable-title-smdiv {
  color: #333;
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 500px;
  height: 160px;
  position: fixed;
}
.jq-draggable-close-smdiv {
  width: 17px;
  height: 17px;
  top: 3px;
  left: 480px;
  z-index: 601;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-body-smdiv {
  width: 99.6%;
  height: 129px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-form-smdiv {
  visibility: visible;
  display: block;
  z-index: 603;
}

.jq-draggable-title-smalln-div {
  color: #333;
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 400px;
  height: 141px;
  position: fixed;
}
.jq-draggable-close-smalln-div {
  width: 17px;
  height: 17px;
  top: 3px;
  left: 378px;
  z-index: 601;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-body-smalln-div {
  width: 99.6%;
  height: 110px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-form-smalln-div {
  visibility: visible;
  display: block;
  z-index: 603;
}
.jq-draggable-txt-smalln-div {
  width: 99.6%;
  padding: 12px;
  display: block;
  z-index: 603;
}

.jq-draggable-editbox-div {
  overflow: scroll;
  height: 100px;
  z-index: 604;
}

.jq-draggable-title-cra-div {
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 600px;
  height: 460px;
  position: fixed;
}
.jq-draggable-body-cra-div {
  width: 99.6%;
  height: 428px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-editbox-cra-div {
  height: 315px;
}

.jq-draggable-title-crasmall-div {
  z-index: 999;
  cursor: move;
  visibility: visible;
  display: none;
  width: 400px;
  height: 200px;
  position: fixed;
}
.jq-draggable-body-crasmall-div {
  width: 99.6%;
  height: 168px;
  z-index: 602;
  margin: 0 0 0 1.5px;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-title-charge-div {
  color: #333;
  z-index: auto;
  cursor: move;
  visibility: visible;
  display: none;
  width: 705px;
  height: 258px;
  position: fixed;
}
.jq-draggable-close-charge-div {
  width: 17px;
  height: 17px;
  top: 6px;
  left: 678px;
  z-index: 601;
  cursor: auto;
  visibility: visible;
}
.jq-draggable-body-charge-div {
  width: 99.6%;
  height: 223px;
  z-index: 602;
  margin: 0 0 0 2.5px;
  cursor: auto;
  visibility: visible;
}

.jq-draggable-form-charge-div {
  height: 295px;
  width: 99.6%;
  visibility: visible;
  display: block;
  z-index: 603;
}
.form-div-titlebar .jq-draggable-body-div{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-mid-div{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-small-div{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-copydiv{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-smdiv{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-smalln-div{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-cra-div{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-crasmall-div{
  color: #333333;
}
.form-div-titlebar .jq-draggable-body-charge-div{
  color: #333333;
}
.form-div-titlebar .button{
  color: #333333;
}

.form-data {
  display: none;
}
.form-data.active {
  display: block;
}
.form-data-sub {
  display: none;
}
.form-data-sub.active {
  display: block;
}

.jq-draggable-email-title-div {
 color: #333;
 z-index: 999;
 cursor: move;
 visibility: visible;
 display: none;
 width: 400px;
 height: 160px;
 position: fixed;
}
.jq-draggable-email-close-div {
 width: 17px;
 height: 17px;
 top: 3px;
 left: 378px;
 z-index: 601;
 cursor: auto;
 visibility: visible;
}
.jq-draggable-email-body-div {
 width: 99.6%;
 height: 130px;
 z-index: 602;
 margin: 0 0 0 1.5px;
 cursor: auto;
 visibility: visible;
}
.form-div-titlebar .jq-draggable-email-body-div{
 color: #333333;
}

.client-invoice{
  height: 420px !important;
}

div#EMP_INTRO{
  margin-bottom : 30px;
}

div#EMP_DISCLOSURE{
  margin-bottom : 30px;
}

button.ui-datepicker-trigger {
margin-left: 2px;
}

#sMediaAddress {
  padding-top: 6em; 
  padding-left: 1.1em; 
  margin-bottom: 2em;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

#saved-attachments-list .form-value {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 1.4rem;
    height: 2.1rem;
    margin: 0;
    line-height: 1.42857;
    vertical-align: middle;
}

#internalNotes-form p,#newPendingNotes p,#newVendorNotes p {
  color: #333;  
}