/*
 * Paramount PDF report base styles.
 *
 * Paramount's source stylesheet imports Bootstrap 3 through Sprockets before
 * these report rules. This project uses Propshaft without Bootstrap, so the
 * PDF layout carries the small Bootstrap subset the reports rely on.
 */
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

.clearfix:after,
.container:after,
.row:after {
  clear: both;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }

.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }

.pull-right { float: right !important; }
.pull-left { float: left !important; }
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

body {background: #ffffff; font-family: "Liberation Sans"; font-size: 10pt; color: #3D3D3D;}
h1 { font-family: "Liberation Sans"; font-size: 16pt; font-weight: bold; color: #3D3D3D; margin: 0}
h2 { font-family: "Liberation Sans"; font-size: 14pt; font-weight: bold; color: #3D3D3D; margin: 0}
h3 { font-family: "Liberation Sans"; font-size: 12pt; font-weight: bold; color: #3D3D3D; margin: 0}
hr { margin-top: 8px; margin-bottom: 0; border: 2px solid #3D3D3D;}
footer { background: #ffffff !important; padding-top: 35px !important;}

.pdf-chrome {
  margin: 0;
  padding: 0;
}

.standard-report-header {
  color: #3D3D3D;
  font-family: "Liberation Sans", Arial, sans-serif;
  font-size: 10.5pt;
  border-bottom: 3px solid #2d6a4f;
  padding: 0 0 8px;
}

.standard-report-brand {
  display: table;
  min-height: 46px;
}

.standard-report-brand-mark {
  display: table-cell;
  width: 44px;
  height: 44px;
  text-align: center;
  vertical-align: middle;
}

.standard-report-brand-mark img {
  display: block;
  height: 44px;
  width: 44px;
}

.standard-report-brand-mark + div {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}

.standard-report-brand-name {
  color: #1f4d3a;
  font-size: 15pt;
  font-weight: bold;
  line-height: 1.1;
}

.standard-report-brand-subtitle,
.standard-report-subtitle {
  color: #676767;
  font-size: 9.5pt;
}

.standard-report-title {
  padding-top: 3px;
  text-align: center;
}

.standard-report-title h1 {
  color: #2b2b2b;
  font-size: 19pt;
  line-height: 1.15;
}

.standard-report-meta {
  font-size: 9.5pt;
  padding-top: 2px;
}

.standard-report-meta-row {
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  padding: 3px 0;
}

.standard-report-meta-row span {
  color: #676767;
  float: left;
}

.standard-report-meta-row strong {
  float: right;
  max-width: 70%;
  text-align: right;
}

.standard-report-footer {
  background: #ffffff;
  color: #3D3D3D;
  font-family: "Liberation Sans", Arial, sans-serif;
  font-size: 9.5pt;
  padding: 0 0 10px;
}

.standard-report-footer-row {
  border-top: 2px solid #2d6a4f;
  color: #4d4d4d;
  padding-top: 5px;
}

.span-h2 {
  font-size: 14pt;
  font-weight: bold;
  color: #3D3D3D;
  margin: 0;
}

.alwaysbreak {
  page-break-before: always;
}

.nobreak:before {
  clear:both;
}

.nobreak {
  page-break-inside: avoid;
}


.row {
  margin-left: 0;
  margin-right: 0;
}

.remove-indent {
  margin-left: -15px;
  margin-right: -15px;
}

.heading {
  background: #ffedb5;
  text-align: center;
  border-top: 1px solid #3D3D3D !important;
  border-bottom: 1px solid #3D3D3D !important;
  margin-bottom: 4px;
  padding: 2px 0;
}

.total-heading {
  background: #b5ffcc;
}

.small-heading {
  background: #d8d8d8;
  text-align: center;
  border: 1px solid #3D3D3D !important;
  padding: 5px 0;
}

.black-subheading {
  border-bottom: 2px solid #3D3D3D;
  border-left: 6px solid #3D3D3D;
}

.brown-subheading {
  border-bottom: 2px solid #996633;
  border-left: 6px solid #996633;
}

.green-subheading {
  border-bottom: 2px solid green;
  border-left: 6px solid green;
}

.red-subheading {
  border-bottom: 2px solid red;
  border-left: 6px solid red;
}

.blue-subheading {
  border-bottom: 2px solid #0074d9;
  border-left: 6px solid #0074d9;
}

.gold-subheading {
  border-bottom: 2px solid #d9a420;
  border-left: 6px solid #d9a420;
}

.bluetext {
  color: #3768b7;
}

.green-text{
  color: green;
}

.red-text {
  color: red;
}

.blueborder {
  border-top: 1px solid #3768b7;
  border-bottom: 1px solid #3768b7;
}
.right-padding {
  padding-right: 90px;
}

.top-margin {
  margin-top: 15px;
}

.underline {
  text-decoration: underline;
}

.hr hr {
  margin-top: 2px;
  margin-bottom: 15px;
  border: 2px solid #e8e8e8;
}

.hr-minmargin hr{
  margin-top: 2px;
  margin-bottom: 2px;
  border: 2px solid #e8e8e8;
}

.hr-recsplit hr{
  margin-top: 8px;
  margin-bottom: 2px;
  border: 1px solid #a8a8a8 !important;
}

.hr-green {
  border-top: 2px solid #35e49c;
  margin-top: 2px;
}

.dashed-hr {
  border: 2px dashed;
}

.dotted-hr {
  border: 2px dotted;
}

.border-bottom {
  border-bottom: 1px solid #3D3D3D;
}

img.report_map {
  border: 2px solid #666666;
  padding: 5px;
}

.table-striped-columns tbody td:not(:first-child) {
  text-align: center;
}

.table-striped-columns tr:nth-child(2n+1) td {
  background: #ffffff;
}

.table-striped-columns tr:nth-child(2n) td {
  background: #DDDDDD;
}

.table-striped-columns thead tr th {
  vertical-align: top;
  background: #B5FFBC;
  text-align: center;
}

.table-striped-columns tbody td:first-child{
  text-align: right;
  padding-right: 15px;
}

.table-striped-columns tbody tr:last-child{
  border-bottom: 1px solid #3D3D3D;
}

.sheet_columns {
  width: 100%;  
}

.sheet_columns thead th {
  background: #fcedbb;
}

.sheet_first td {
  background: #DDDDDD;
}

.sheet_second td {
  background: #ffffff;
}

.sheet-table tbody td:not(:first-child) {
  text-align: center;
}

.sheet-table thead tr th {
  vertical-align: top;
  background: #B5FFBC;
  text-align: center;
}

.sheet-table tbody tr {
  border-bottom: 1px solid #BBBBBB
}

.sheet-table tbody td:first-child{
  text-align: right;
  padding-right: 15px;
}

.dark-borders tbody td:not(:first-child) {
  border-left: 1px solid #d3d3d3;
}

.dark-borders thead th:not(:first-child) {
  border-left: 1px solid #d3d3d3;
}

.add-table-bg thead th:first-child {
  background: #35e49c;
  text-align: center;
}

.add-table-bg tbody td:first-child {
  text-align: center;
  padding-right: 0;
}

.light-blue thead tr th {
  background: #ccebff;
}

.rm-bottom-border {
  margin-bottom: 0;
}

.rm-bottom-border tbody tr:last-child {
  border-bottom: none;
}

.rm-top-border tbody tr:nth-child(odd) td, .rm-top-border tbody tr th{
  border-top: none !important;
}

.danger-table-header thead tr th {
  background: #ff7979;
}

.danger-table-header {
  margin-top: 5px;
}

.danger-table-header thead tr th {
  padding: 1px;
}

.thin-table-heading thead tr th, .thin-table-heading tbody tr th {
  padding: 1px;
}

.thin-table-body tbody tr td {
  padding: 1px;
}

.pr-table {
  text-align: center;
}

.pr-table tbody td {
  table-layout: fixed;
  width: 50%;
}

.pr-vert-table {
  margin-bottom: 0;
  padding-bottom: 0;
}

.moisture-table th {
  color: #4c74a0;
}

.table-heading {
  height: 35px;
  width: 100%;
  background: #35e49c;
}

.table-title {
  background: #35e49c;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.th-center thead th {
  text-align:center;
}

.text-left {
  text-align: left;
}

.fixed-width-th tr th {
  width: 145px;
}

.zone-box {
  width: 20px;
  height: 20px;
}

.zone-box-soil-test {
  width: 10px;
  height: 10px;
}

.zone-green {
  background: green;
}

.zone-lime {
  background: #90ee90;
}

.zone-blue {
  background: blue;
}

.zone-lightblue {
  background: #add8e6;
}

.zone-cream {
  background: #f5deb3;
}

.zone-brown {
  background: #d2b48c;
}

.zone-gray {
  background: #d3d3d3;
}

.shopping-table tr {
  border-left: 1px solid;
  border-right: 1px solid;
}

h2.section, h3.subsection {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1px;
}

div.pull-left h3 {
  font-size: 13pt;
}

h3.h3-downsize {
  font-size: 11pt;
}

.notes {
  background: #f3f3f3;
  border: 1px solid #c7c7c7;
  padding: 6px;
}

.small-notes {
  padding: 2px;
}

.hidden {
  visibility: hidden;
}

.imagery-div {
  background-size: contain;
  background-position: center;
  background-repeat:no-repeat;
  width: 415px;
  height: 415px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.cloudcover-div {
  background-size: contain;
  background-position: center;
  background-repeat:no-repeat;
  border: 2px solid #cccccc;
  height: 360px;
  width: 360px;
}

.cloudcover {
  height: 380px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  width: 360px;
  position: relative;
}

.cloudcover-position {
  bottom: 0;
  position: absolute;
  width: 100%
}

.cloudcover-position h1 {
  padding-bottom: 15px;
}

.cloudcover-position img {
  border-radius: 8px;
  width: 100%;
}

.mid-align-table td {
  vertical-align: middle !important;
}

.left-border-td {
  border-left: 2px solid #d1d1d1 !important;
}

.right-border-td {
  border-right: 2px solid #d1d1d1 !important;
}

.text-center {
  text-align: center !important;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.inline-block {
  display: inline-block;
}

.field-name {
  text-align: left;
  padding-left: 30px;
}

.sfi-heading {
  background: #fff6dd;
  margin-bottom: 4px;
  padding: 2px 0 2px 30px;
  border-bottom: 1px solid black;
  margin-top: -4px;
}

.moisture-status-heading {
  background: #fff6dd;
  margin-bottom: 4px;
  padding: 2px 0 2px 30px;
  margin-top: 4px;
}

.dark-green-heading thead tr th:first-child {
  border-left: 8px solid #248f2e !important;
}

.sampling-table td:not(:first-child) {
  border-left: 1px solid #d1d1d1;
}

.sampling-table tbody td:not(:first-child) {
  text-align: center;
}

.sampling-table thead tr th {
  vertical-align: top;
  background: #B5FFBC;
  text-align: center;
}

.sampling-table thead tr th:first-child {
  border-left: 8px solid #2fff44
}

.sampling-table tbody td:first-child{
  text-align: right;
  padding-right: 15px;
}

.sampling-table tbody tr:last-child{
  border-bottom: 1px solid #3D3D3D;
}

.irrigation-rec-table {
  margin-bottom: 0;
}

.irrigation-rec-table tr {
  height: 15px;
}

.irrigation-rec-table tbody tr td {
  vertical-align: middle;
  
}

.irrigation-rec-table tbody tr:nth-child(odd) td, .irrigation-rec-table tbody tr:nth-child(even) td {
  background: #ffffff;
}

.irrigation-rec-table td span {
  color: #25547a;
  display: block;
  padding-bottom: 2px;
}

.not-striped-table tbody tr:nth-child(odd) td, .not-striped-table tbody tr:nth-child(even) td {
  background: #ffffff;
}

.sprayer-load-sheet-rec-table {
  margin-top: 8px;
  margin-bottom: 0px;
}

.sprayer-load-sheet-rec-table tr th {
  width: 100px;
}

.sprayer-load-sheet-rec-table tbody tr th, .sprayer-load-sheet-rec-table tbody tr td {
  padding-top: 0;
  padding-bottom: 0;
}

.sprayer-load-matrix-table {
  margin-bottom: 0;
}

.sprayer-load-matrix-table thead tr th {
  padding-top: 0;
  padding-bottom: 0;
}

.sprayer-load-matrix-table tbody tr td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.irrigation-growth-stage-image {
  height: 150px;
  border: 1px solid black;
  border-radius: 3px;
  padding: 10px;
  margin: 5px 5px;
}

.irrigation-growth-stage-noimage {
  height: 75px;
  border: 1px solid black;
  border-radius: 3px;
  padding: 10px;
  margin: 5px 5px;
}

.field-box {
  padding: 0;
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

.field-box-row {
}

.sp-top-border {
  border-top: 1px dashed #1F618D !important;
}

.sp-striped-columns tbody td:nth-child(2n+3){
  background: #ECECEC;
}

.sp-striped-columns tbody td:nth-of-type(even){
  background: #F9F9F9;
}

.row.is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.flex-center {
  display: flex;
  align-items: center;
}

.rec-number {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
  color: white;
  text-align:center;
}

.field-rec-number {
    height: 24px;
    width: 24px;
    font-size: 20px;
    font-weight: bold;
}

.rec-number-1, .rec-number-11, .rec-number-21, .rec-number-31, .rec-number-41, .rec-number-51, .rec-number-61, .rec-number-71, .rec-number-81, .rec-number-91 {
  background: #ff0000;
}

.rec-number-2, .rec-number-12, .rec-number-22, .rec-number-32, .rec-number-42, .rec-number-52, .rec-number-62, .rec-number-72, .rec-number-82, .rec-number-92 {
  background: #002aff;
}

.rec-number-3, .rec-number-13, .rec-number-23, .rec-number-33, .rec-number-43, .rec-number-53, .rec-number-63, .rec-number-73, .rec-number-83, .rec-number-93 {
  background: #00a55d;
}
.rec-number-4, .rec-number-14, .rec-number-24, .rec-number-34, .rec-number-44, .rec-number-54, .rec-number-64, .rec-number-74, .rec-number-84, .rec-number-94 {
  background: #ff7f00;
}
.rec-number-5, .rec-number-15, .rec-number-25, .rec-number-35, .rec-number-45, .rec-number-55, .rec-number-65, .rec-number-75, .rec-number-85, .rec-number-95 {
  background: #9d00ff;
}

.rec-number-6, .rec-number-16, .rec-number-26, .rec-number-36, .rec-number-46, .rec-number-56, .rec-number-66, .rec-number-76, .rec-number-86, .rec-number-96 {
  background: #824b00;
}

.rec-number-7, .rec-number-17, .rec-number-27, .rec-number-37, .rec-number-47, .rec-number-57, .rec-number-67, .rec-number-77, .rec-number-87, .rec-number-97 {
  background: #ff0083;
}

.rec-number-8, .rec-number-18, .rec-number-28, .rec-number-38, .rec-number-48, .rec-number-58, .rec-number-68, .rec-number-78, .rec-number-88, .rec-number-98 {
  background: #00af9e;
}

.rec-number-9, .rec-number-19, .rec-number-29, .rec-number-39, .rec-number-49, .rec-number-59, .rec-number-69, .rec-number-79, .rec-number-89, .rec-number-99 {
  background: #af0063;
}

.rec-number-10, .rec-number-20, .rec-number-30, .rec-number-40, .rec-number-50, .rec-number-60, .rec-number-70, .rec-number-80, .rec-number-90, .rec-number-100 {
  background: #adaf00;
}

.bar-code {
  width: 100%;
  height: 80px;
}

.qr-code {
  height: 100px;
}

.supply-list-table th:first-child {
  text-align: left;
}

.green-header {
  background: #35e49c
}

.supply-list-table tr.green-header th {
  padding: 2px;
}

.supply-list-table tr.green-header th:not(:first-child) {
  text-align: center;
}

.supply-list-table .data-tr td {
  padding: 2px;
}

.supply-list-table .data-tr td:not(:first-child) {
  text-align: center;
}

.supply-list-table {
  border-bottom: 3px solid #ededed;
}

.supply-list-table th.field-header {
  background: #ffffff;
  border: 2px;
}

.supply-list-table tbody tr {
  border-left: 3px solid #ededed;
  border-right: 3px solid #ededed;
}

.supply-list-table .title-tr {
  background: #ededed;
}

.supply-list-table .title-td {
  text-align: left !important;
  padding-top: 2px;
  padding-bottom: 2px;
}

.supply-list-table i {
  font-size: 22px;
  vertical-align: -webkit-baseline-middle;
}

.supply-list-heading {
  background: #ffedb5;
  text-align: center;
  border-top: 1px solid #3D3D3D !important;
  border-bottom: 1px solid #3D3D3D !important;
  padding: 2px 0;
}

.h2 {
  display: block;
  font-family: "Liberation Sans";
  font-size: 1.5em;
  margin: 0;
  font-weight: bold;
}
.h3 {
  display: block;
  font-family: "Liberation Sans";
  font-size: 1.17em;
  margin: 0;
  font-weight: bold;
}
.h4 {
  display: block;
  font-family: "Liberation Sans";
  font-size: 1em;
  margin: 0;
  font-weight: bold;
}

.remove-table-margins {
  margin: 0;
}

.remove-bottom-table-border {
  border-bottom: none;
}

.subsample-tr td:first-child {
  border: none;
}

tbody.no-padding td{
  padding:0px;
}

.nutrient-value-table-div {
  border: 1px solid #575757;
  background: #f4f4f4;
  font-weight: bold;
}

.nutrient-value td {
  text-align: right;
  color: #25547a;
  font-weight: bold;
}

.nutrient-value-border {
  border-right: 1px solid #e3e3e3;
}

.nutrient-value-border:nth-child(4n+4) {
  border-right: none;
}

.bottom-right-align {
  position: absolute;
  bottom: 35%;
  right: 0;
}

.bottom-left-align {
  position: absolute;
  bottom: 35%;
  left: 0;
}

.nematode-table thead tr th {
  text-align: center;
}

.nematode-table tbody tr td {
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  text-align: center;
}

.borderless-td {
  border: none !important;
  background-color: white;
}

.rm-horizontal-table-whitespace th {
  width: 1%;
  white-space: nowrap;
  padding-right: 2px;
}

.xs-top-margin {
  margin-top: 4px;
}

.xs-bottom-margin {
  margin-bottom: 4px;
}

.sm-top-margin {
  margin-top: 8px;
}

.sm-bottom-margin {
  margin-bottom: 8px;
}

.md-top-margin {
  margin-top: 12px;
}

.md-bottom-margin {
  margin-bottom: 12px;
}

.lg-top-margin {
  margin-top: 16px;
}

.lg-bottom-margin {
  margin-bottom: 16px;
}

.xl-top-margin {
  margin-top: 20px;
}

.xl-bottom-margin {
  margin-bottom: 20px;
}

.cei-rec-div {
  border: 1px solid #9b9b9b;
  background: #f4f4f4;
  font-weight: bold;
}

.title-row {
  background: #b5ffcc;
  font-weight: bold;
}

.sub-title-row {
  background: #e0e0e0;
}

.cell-align-right {
  text-align: right;
}

#tissue_table tbody tr td,
#tissue_table thead tr th,
#tissue_table thead {
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
}
