/* main rlogweb less file */
/*#f8fcff; */
.about-container {
  width: fit-content;
  margin: 0 auto;
}
.about-item {
  text-align: center;
}
.about-item-bottom {
  text-align: center;
  margin-top: 10px;
  margin-bottom: -6px;
}
.fleet-page {
  /*  Responsive  */
}
.fleet-page .finish-holder {
  width: 44px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 4px;
  border-style: none;
  text-transform: uppercase;
}
.fleet-page input.finish-holder:not(.detail-container):hover {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 3px;
  border-style: solid;
  border-width: thin;
  border-color: lightgray;
}
.fleet-page .detail-container .finish-holder {
  border-style: solid;
  border-width: thin;
  border-color: lightgray;
}
.fleet-page .detail-container input.finish-holder:hover {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 3px;
  border-style: solid;
  border-width: thin;
  border-color: gray;
}
.fleet-page .finish-selected {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 3px;
  border-style: solid;
  border-width: thin;
  border-color: gray;
}
.fleet-page .grid-name {
  width: 15%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.fleet-page .grid-sailnumber {
  width: 15%;
  min-width: 67px;
  overflow-x: hidden;
}
.fleet-page .grid-pts {
  width: 10%;
  overflow-x: hidden;
  font-style: italic;
}
.fleet-page .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.fleet-page .fleet-name-box {
  display: flex;
  flex-direction: column;
  float: right;
  margin-top: -20px;
}
.fleet-page .grid-finishes {
  width: 60%;
}
.fleet-page .grid-finishes.error-msg-red {
  color: red;
}
.fleet-page .grid-icons {
  width: 10%;
}
.fleet-page .button-bar {
  margin-top: 0px;
  margin-bottom: 0px;
}
.fleet-page .button-bar .btn-group-sm button {
  margin-bottom: 3px;
}
.fleet-page .btn-save-results-glowing {
  animation: save-results-glowing 1300ms infinite;
}
@keyframes save-results-glowing {
  0% {
    background-color: #f0ad4e;
  }
  25% {
    background-color: #eba747;
  }
  50% {
    background-color: #ec971f;
  }
  75% {
    background-color: #eba747;
  }
  100% {
    background-color: #f0ad4e;
  }
}
.fleet-page .btn-goto-results-glowing {
  animation: goto-results-glowing 1300ms infinite;
}
@keyframes goto-results-glowing {
  0% {
    background-color: #fbf8f8;
  }
  25% {
    background-color: #f5f0f0;
  }
  50% {
    background-color: #e6e6e6;
  }
  75% {
    background-color: #f5f0f0;
  }
  100% {
    background-color: #fbf8f8;
  }
}
@media only screen and (max-width: 799px) {
  .fleet-page .grid-finishes {
    width: 58%;
  }
  .fleet-page .grid-icons {
    width: 14%;
  }
  .fleet-page .grid-icons-container .fa-icon-item {
    padding-left: 2px;
  }
}
@media only screen and (max-width: 647px) {
  .fleet-page .fa-lg {
    font-size: 160%;
  }
  .fleet-page .grid-finishes {
    width: 54%;
  }
  .fleet-page .grid-icons {
    width: 17%;
  }
  .fleet-page .grid-icons-container .fa-icon-item {
    padding-left: 3px;
    padding-right: 3px;
  }
  .fleet-page .touch .button-bar {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .fleet-page .fa-lg {
    font-size: 173%;
  }
  .fleet-page .grid-finishes {
    width: 48%;
  }
  .fleet-page .grid-icons {
    width: 20%;
  }
  .fleet-page .grid-icons-container .fa-icon-item {
    padding-left: 1px;
    padding-right: 1px;
  }
}
div.home-page .racelog-pc-section {
  margin-right: 25px;
}
div.home-page .racelog-web-section {
  margin-right: 25px;
}
div.home-page ul.left-navigation li {
  list-style-type: none;
}
div.home-page ul.left-navigation li.navigation-header {
  font-size: 14px;
  margin-top: 10px;
  text-decoration: underline;
  font-style: italic;
}
div.home-page ul.racelogweb-features {
  padding-left: 9px;
  line-height: 22px;
}
div.home-page ul.racelogweb-features li {
  list-style-type: none;
}
div.home-page ul.racelogweb-features li i.fa {
  padding-right: 7px;
}
div.home-page .indent-on-width {
  margin-left: 15px;
}
@media only screen and (max-width: 602px) {
  div.home-page .indent-on-width {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 602px) {
  div.home-page .racelog-pc-section,
  div.home-page .racelog-web-section {
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
  }
  div.home-page ul.left-navigation ul.left-navigation-col.racelog-web {
    padding-top: 0px;
  }
  div.home-page ul.left-navigation ul.left-navigation-col.racelog-pc {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 603px) {
  div.home-page ul.left-navigation-col.col-xs-3 {
    float: none;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  div.home-page ul.left-navigation-col.racelog-web {
    padding-top: 14px;
  }
  div.home-page ul.left-navigation-col.racelog-pc {
    padding-top: 14px;
  }
}
div.home-page .divider-line {
  height: 2px;
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 10px;
  background-color: lightgray;
}
/* modal styles */
.modal .modal-header.draggable-header:hover {
  cursor: move;
}
.modal .modal-dialog .modal-header {
  background-color: #f1f1f1;
}
.modal .modal-list-body .modal-col-heading-row {
  border-bottom: 1px solid #e5e5e5;
}
.modal .modal-list-body .modal-list li {
  width: 100%;
  list-style-type: none;
  padding-bottom: 3px;
}
.modal .modal-list-body .modal-list li:hover {
  background-color: #f2f2f2;
}
.modal .modal-list-body .modal-list li:active {
  background-color: #F9EDBE;
}
.modal .modal-list-body ul.modal-col-heading-row {
  margin-bottom: 5px;
  list-style-type: none;
}
.modal .modal-list-body .modal-list li div,
.modal .modal-list-body ul.modal-col-heading-row li {
  display: inline-block;
}
.modal .modal-list-body li.modal-name-col-heading,
.modal .modal-list-body .modal-list div.modal-name-col {
  width: 40%;
}
.modal .modal-list-body .modal-list div.modal-date-col,
.modal .modal-list-body li.modal-date-col-heading {
  width: 30%;
}
.modal .modal-footer .modal-status-msg {
  color: red;
  float: left;
}
.modal .modal-footer .status-message {
  float: left;
}
.modal .modal-footer .modal-buttons {
  float: right;
}
/* specific modals */
#modalOpenFleet.modal .modal-col-heading:hover {
  text-decoration: underline;
  cursor: pointer;
}
#modalOpenFleet.modal .modal-delete-col {
  margin-left: 10px;
}
#modalOpenFleet.modal .modal-delete-col.fa-big-font {
  font-size: 20px;
  padding-left: 4px;
  padding-right: 4px;
}
.touch #modalOpenFleet.modal .modal-delete-col.fa-big-font {
  font-size: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#modalSelectExistingSailor.modal {
  z-index: 9999;
}
#modalEnterFinishByPlace.modal .sail-number-search {
  position: absolute;
  width: 100%;
  height: 0;
  background-color: white;
  z-index: 9;
}
#modalEnterFinishByPlace.modal .sail-number-search .search-result {
  background-color: #efefef;
  padding: 8px 6px;
  border-bottom: thin solid lightgrey;
}
#modalEnterFinishByPlace.modal .sail-number-search .search-result:hover {
  background-color: #fbeac5;
}
#modalEnterFinishByPlace.modal .sail-number-search .search-result .result-field {
  display: inline-block;
  width: 30%;
}
.rlog-grid-page {
  max-width: 800px;
  /* Spin Buttons modified */
}
.rlog-grid-page .tab-pane {
  position: relative;
}
.rlog-grid-page .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.rlog-grid-page .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.rlog-grid-page .grid-header-row .grid-place {
  width: 1% !important;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 9px;
  visibility: hidden;
}
.rlog-grid-page .grid-header-row .grid-checked-in {
  display: table-cell;
  width: 7% !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.rlog-grid-page .grid-header-row .grid-icons {
  display: table-cell;
  width: 21% !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.rlog-grid-page .grid-header-icon {
  margin-left: 3px;
}
.rlog-grid-page .grid-header-row .grid-sailor-item:hover {
  text-decoration: underline;
  cursor: pointer;
}
.rlog-grid-page .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 30px;
  width: 100%;
}
.rlog-grid-page .grid-sailor-row {
  display: table;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.rlog-grid-page .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.rlog-grid-page .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.rlog-grid-page .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.rlog-grid-page .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.rlog-grid-page .grid-sailor-item {
  display: table-cell;
  padding-top: 5px;
}
.rlog-grid-page .grid-place {
  display: table-cell;
  width: 2% !important;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 9px;
  font-style: italic;
}
.rlog-grid-page .grid-checked-in {
  display: table-cell;
  width: 7% !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.rlog-grid-page .grid-icons {
  display: table-cell;
  width: 21% !important;
  overflow-x: hidden;
  overflow-y: hidden;
}
.rlog-grid-page .detail-container {
  width: 100%;
  display: none;
  background-color: white;
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  -moz-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  box-shadow: 0px 0px 22px 0px rgba(189, 186, 186, 0.5);
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 60px;
}
.rlog-grid-page .detail-container .status-message-container {
  position: relative;
  top: 0px;
}
.rlog-grid-page .detail-container .status-message {
  padding-right: 12px;
  padding-top: 5px;
}
.rlog-grid-page .detail-container .status-message-members {
  float: right;
}
.rlog-grid-page .detail-header {
  width: 100%;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: underline;
  background-color: #ffffff;
  color: #969696;
}
.rlog-grid-page .detail-header.sub-header {
  margin-top: 15px;
}
.rlog-grid-page .sub-header {
  margin-top: 15px;
}
.rlog-grid-page label.detail-label {
  display: table;
  position: relative;
  width: 98%;
  padding-top: 0px;
  margin-bottom: 10px;
  /* override bootstrap 'label' */
  font-weight: normal;
  /* override bootstrap 'label' */
  background-color: #ffffff;
}
.rlog-grid-page label.detail-label span {
  color: #979797;
}
.rlog-grid-page label.detail-label span.error-msg-red {
  color: red;
}
.rlog-grid-page label.detail-label span.label-additional-info {
  margin-left: 25px;
}
.rlog-grid-page label.detail-label span.to-right {
  position: absolute;
  top: 23px;
  left: 97px;
}
.rlog-grid-page label.detail-label.rich-description-label {
  display: flex;
  flex-direction: column;
}
.rlog-grid-page label.detail-label .rich-description-edit-link {
  margin-left: auto;
}
.rlog-grid-page input.detail-field,
.rlog-grid-page textarea.detail-field,
.rlog-grid-page select.detail-field {
  display: block;
  font-weight: normal;
  width: 100%;
}
.rlog-grid-page input.detail-field.ng-touched.ng-empty.ng-invalid-required,
.rlog-grid-page textarea.detail-field.ng-touched.ng-empty.ng-invalid-required,
.rlog-grid-page select.detail-field.ng-touched.ng-empty.ng-invalid-required {
  background-color: #fff5d8;
}
.rlog-grid-page input.detail-field.display-inline,
.rlog-grid-page textarea.detail-field.display-inline,
.rlog-grid-page select.detail-field.display-inline {
  display: inline;
}
.rlog-grid-page input[type='checkbox'].detail-field,
.rlog-grid-page input[type='radio'].detail-field {
  display: inline;
  font-weight: normal;
  width: 22px;
  height: 22px;
}
.rlog-grid-page input[type='checkbox'].detail-field.ng-touched.ng-empty.ng-invalid-required,
.rlog-grid-page input[type='radio'].detail-field.ng-touched.ng-empty.ng-invalid-required {
  background-color: #fff5d8;
}
.rlog-grid-page input[type='checkbox'].detail-field.display-inline,
.rlog-grid-page input[type='radio'].detail-field.display-inline {
  display: inline;
}
.rlog-grid-page input[type='checkbox'].detail-field span,
.rlog-grid-page input[type='radio'].detail-field span {
  vertical-align: super;
}
.rlog-grid-page .error-color {
  background-color: #fff5d8;
}
.rlog-grid-page .button-row {
  float: right;
  padding-top: 11px;
  background-color: #ffffff;
  font-size: 100%;
}
.rlog-grid-page .active-row:before {
  content: "\02713";
  /* html entity checkmark */
  padding-right: 3px;
}
.rlog-grid-page .external-link-container {
  position: absolute;
  right: -5px;
  background-color: white;
  margin-top: -33px;
}
.rlog-grid-page .external-link-container i {
  font-size: 23px;
  opacity: 0.4;
}
.rlog-grid-page .external-link-container i:hover {
  cursor: pointer;
  opacity: 0.6;
}
.rlog-grid-page .grid-icons-container {
  float: right;
}
.rlog-grid-page .grid-icons-container .fa-icon-item {
  display: inline;
  padding-left: 6px;
  padding-right: 6px;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-chevron-down:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-chevron-up:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-square-o:hover:before {
  content: "\f14a";
  /* f14a  or f046 */
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-check-square-o:hover:before {
  content: "\f14a";
  /* f14a  or f046 */
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-trash-o:hover:before {
  /*content: "\f1f8";  */
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-arrow-right:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-level-down:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-file-text-o:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-file-pdf-o:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-envelope-o:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-icons-container .fa-icon-item.fa-print:hover {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-fixed-icons {
  position: fixed;
  width: 40px;
  height: 40px;
  padding: 9px;
}
.rlog-grid-page .grid-fixed-icons.icon-box-left {
  top: 40%;
  left: 2px;
}
.rlog-grid-page .grid-fixed-icons.icon-box-left .fa-icon-item.fa-chevron-left {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-fixed-icons.icon-box-right {
  top: 40%;
  right: 2px;
}
.rlog-grid-page .grid-fixed-icons.icon-box-right .fa-icon-item.fa-chevron-right {
  color: #9c9c9c;
  cursor: pointer;
}
.rlog-grid-page .grid-fixed-icons:hover {
  background-color: #e2e2e2;
  opacity: 0.7;
}
.rlog-grid-page .number-form input {
  width: 20px;
}
.rlog-grid-page input[type="number"] {
  position: relative;
  border: 1px solid #BBB;
  border-color: #BBB #ECECEC #ECECEC #BBB;
  padding: 0.2rem;
  width: 12%;
  margin: 0 0 1rem 1rem;
  font-size: 112% !important;
}
.rlog-grid-page input[type="number"].mod::-webkit-outer-spin-button,
.rlog-grid-page input[type="number"].mod::-webkit-inner-spin-button {
  -webkit-appearance: none;
  background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
  width: 1em;
  border-left: 1px solid #BBB;
  opacity: 0.5;
  /* shows Spin Buttons per default (Chrome >= 39) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.rlog-grid-page input[type="number"].mod::-webkit-inner-spin-button:hover,
.rlog-grid-page input[type="number"].mod::-webkit-inner-spin-button:active {
  box-shadow: 0 0 2px #0CF;
  opacity: 0.8;
}
.rlog-grid-page .default-checkbox input {
  display: inline-block;
}
.rlog-grid-page .default-checkbox label span {
  color: #969696;
  font-weight: normal;
  vertical-align: super;
}
.touch .rlog-grid-page .grid-fixed-icons {
  display: none;
}
/*  page types - overrides */
.data-page.page-body {
  max-width: none;
  width: 98%;
}
.data-page.page-body .form-grid-section {
  max-width: none;
  width: 98%;
}
.data-page.page-body .form-grid-section .grid-header-container {
  width: none;
}
.data-page.page-body .form-grid-section .grid-row-container {
  width: none;
}
.data-page.page-body .form-grid-section .grid-row-container .grid-sailor-item {
  overflow: hidden;
}
.data-page.page-body .form-grid-section .detail-container {
  display: none;
}
.data-page.page-body .form-grid-section .grid-sailor-item {
  max-width: 120px;
  min-width: 120px;
  padding-right: 8px;
}
.data-page.page-body .form-grid-section .grid-header-container {
  width: none;
}
.data-page.page-body .form-grid-section .grid-row-container {
  width: none;
}
.data-page.page-body .form-grid-section .grid-row-container .grid-sailor-item {
  word-break: break-all;
}
.data-page.page-body .trim-text {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.sailor-page .detail-container .detail-field.state {
  text-transform: uppercase;
}
.sailor-page .grid-sailor-item {
  width: 14%;
}
.sailor-page .grid-sailor-sailNumber {
  width: 67px;
}
.sailor-page.regatta-sailor-page .grid-sailor-item {
  width: 11%;
}
@media only screen and (max-width: 769px) {
  .sailor-page .fa-lg {
    font-size: 160%;
  }
  .sailor-page .grid-icons-container .fa-icon-item {
    padding-left: 4px;
    padding-right: 4px;
  }
  .sailor-page .touch .button-bar {
    margin-bottom: 0px;
  }
  .sailor-page i.medium-screen-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 480px) {
  .sailor-page .grid-icons-container .fa-icon-item {
    padding-left: 1px;
    padding-right: 1px;
  }
  .sailor-page i.medium-screen-hide {
    display: none !important;
  }
  .sailor-page i.small-screen-hide {
    display: none !important;
  }
}
.results-page {
  /* global for results */
  /* apecific formats */
}
.results-page .status-message {
  float: right;
  margin-top: -13px;
}
.results-page .rpt-dropdown {
  float: right;
  height: 1px;
  margin-top: 5px;
}
.results-page .rpt-title-row {
  padding-bottom: 0px;
  padding-top: 24px;
}
.results-page .method-container {
  width: 206px;
  position: absolute;
  top: 0px;
  opacity: 0.6;
}
.results-page .method-container div {
  display: block;
}
.results-page .method-container .method-container-fleet-name {
  margin-top: 4px;
}
.results-page .rpt-description {
  margin: 71px 12px -15px 12px;
}
.results-page .grid-header-row .grid-sailor-item:hover {
  text-decoration: none;
  cursor: default;
}
.results-page .grid-name {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  padding-right: 3px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .grid-sailnumber {
  width: 67px;
  min-width: 60px;
  max-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .grid-pts {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .grid-finishes {
  width: 70%;
  padding-left: 13px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .grid-row-container .grid-fleet-class {
  width: 67px;
  min-width: 67px;
  max-width: 67px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.results-page .grid-narrow {
  width: 52px;
  max-width: 52px;
  min-width: 52px;
}
.results-page .grid-narrow-header {
  width: 52px;
  max-width: 52px;
  min-width: 52px;
  font-weight: 600;
  word-break: normal;
  overflow-wrap: break-word;
}
.results-page .grid-race-number {
  width: 52px;
  max-width: 52px;
  min-width: 52px;
}
.results-page .grid-updated {
  width: 90px;
}
@media only screen and (max-width: 570px) {
  .results-page .grid-fleet-name {
    width: 15%;
  }
  .results-page .grid-updated {
    width: 12%;
  }
}
.results-page .grid-icons-container .fa-icon-item.fa-file-text-o:hover:before {
  content: "\f15c";
  cursor: pointer;
}
.results-page .grid-icons-container .fa-icon-item.fa-file-pdf-o:hover:before {
  content: "\f15b";
  cursor: pointer;
}
.results-page .grid-icons-container .fa-icon-item.fa-envelope-o:hover:before {
  content: "\f0e0";
  cursor: pointer;
}
@media only screen and (max-width: 780px) {
  .results-page .grid-icons-container .icon-hide-wide {
    display: none !important;
  }
}
@media only screen and (max-width: 733px) {
  .results-page .grid-icons-container .icon-hide-medium {
    display: none !important;
  }
}
@media only screen and (max-width: 680px) {
  .results-page .grid-icons-container .icon-hide-narrow-ish {
    display: none !important;
  }
}
@media only screen and (max-width: 625px) {
  .results-page .grid-icons-container .icon-hide-narrow-ish-er {
    display: none !important;
  }
}
@media only screen and (max-width: 566px) {
  .results-page .grid-icons-container .icon-hide-narrow {
    display: none !important;
  }
}
@media only screen and (max-width: 480px) {
  .results-page .grid-icons-container .icon-hide-small {
    display: none !important;
  }
}
.results-page .throwout-finish {
  opacity: 0.5;
  font-style: italic;
  text-decoration: line-through;
}
.results-page .rich-description-edit-link {
  float: right;
  margin-left: 15px;
  font-size: 15px;
  font-weight: bold;
}
@media only screen and (max-width: 647px) {
  .results-page .fa-lg {
    font-size: 160%;
  }
  .results-page .grid-icons-container .fa-icon-item {
    padding-left: 4px;
    padding-right: 4px;
  }
  .results-page .touch .button-bar {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 514px) {
  .results-page .grid-title {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .results-page .grid-icons-container .fa-icon-item {
    padding-left: 1px;
    padding-right: 1px;
  }
  .results-page .grid-sailnumber {
    display: none;
  }
  .results-page .grid-title {
    display: none;
  }
}
.results-page .html-format-basic {
  overflow-x: scroll;
}
.results-page .html-format-basic .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-basic .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-basic .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-basic .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-basic .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-basic .grid-sailor-row {
  display: table;
  table-layout: fixed;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-basic .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-basic .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-basic .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-basic .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-basic .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
}
.results-page .html-format-basic .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-basic .grid-name {
  width: 10%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-basic .grid-sailnumber {
  width: 10%;
  min-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-basic .grid-pts {
  width: 10%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-basic .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-basic .grid-finishes {
  width: 70%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-short {
  overflow-x: scroll;
}
.results-page .html-format-short .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-short .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-short .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-short .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-short .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-short .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-short .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-short .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-short .grid-sailor-item {
  border-bottom: solid thin #dedede;
}
.results-page .html-format-short .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-table-1 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-table-1 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-table-1 .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-table-1 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-table-1 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-table-1 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-table-1 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-table-1 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-table-1 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-table-1 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-table-1 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-table-1 .grid-sailor-item span.finish-holder {
  display: table-cell;
  border: solid thin #dedede;
  width: 40px;
  margin-left: 8px;
  padding: 3px;
  float: left;
}
.results-page .html-format-table-1 .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-table-1 .grid-name {
  width: 10%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-1 .grid-sailnumber {
  width: 10%;
  min-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-1 .grid-club {
  width: 10%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-1 .grid-fleetClass {
  width: 6%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-1 .grid-dountryCOde {
  width: 6%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-1 .grid-pts {
  width: 10%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-table-1 .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-table-1 .grid-finishes {
  width: 70%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-2 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-table-2 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-table-2 .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-table-2 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-table-2 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-table-2 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-table-2 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-table-2 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-table-2 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-table-2 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-table-2 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-table-2 .grid-sailor-item span.finish-holder {
  display: table-cell;
  width: 40px;
  margin-left: 8px;
  padding: 3px;
  float: left;
}
.results-page .html-format-table-2 .grid-place {
  width: 3% !important;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-table-2 .grid-name {
  width: 10%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-2 .grid-sailnumber {
  width: 10%;
  min-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-table-2 .grid-pts {
  width: 10%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-table-2 .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-table-2 .grid-finishes {
  width: 70%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-mobile-1 {
  overflow-x: scroll;
}
.results-page .html-format-mobile-1 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-mobile-1 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-mobile-1 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-mobile-1 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-mobile-1 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-mobile-1 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-mobile-1 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-mobile-1 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-mobile-1 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-mobile-1 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-mobile-1 .grid-sailor-item span.finish-holder {
  display: table-cell;
  min-width: 41px;
  margin-left: 8px;
  padding: 3px;
}
.results-page .html-format-mobile-1 .grid-place {
  visibility: visible;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 5;
  width: 30px !important;
  min-width: 30px;
  max-width: 30px;
  font-size: 12px;
}
.results-page .html-format-mobile-1 .grid-name {
  position: sticky;
  left: 30px;
  background-color: #fff;
  z-index: 5;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
.results-page .html-format-mobile-1 .grid-sailnumber {
  position: sticky;
  left: 130px;
  background-color: #fff;
  z-index: 5;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
.results-page .html-format-mobile-1 .grid-pts {
  position: sticky;
  left: 200px;
  background-color: #fff;
  z-index: 5;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  font-weight: 600;
}
.results-page .html-format-mobile-1 .grid-finishes {
  width: auto;
  white-space: nowrap;
  padding-left: 13px;
}
@media only screen and (max-width: 480px) {
  .results-page .html-format-mobile-1 .grid-sailnumber {
    display: none !important;
  }
  .results-page .html-format-mobile-1 .grid-pts {
    left: 130px;
  }
}
.results-page .html-format-club-1 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-club-1 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-club-1 .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-club-1 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-club-1 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-club-1 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-club-1 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-club-1 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-club-1 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-club-1 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-club-1 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-club-1 .grid-sailor-item span.finish-holder {
  display: table-cell;
  width: 40px;
  margin-left: 8px;
  padding: 3px;
  float: left;
}
.results-page .html-format-club-1 .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-club-1 .grid-name {
  width: 8%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-club-1 .grid-sailnumber {
  width: 8%;
  min-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-club-1 .grid-pts {
  width: 4%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-club-1 .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-club-1 .grid-club {
  width: 12%;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-club-1 .grid-finishes {
  width: 68%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-city-state-1 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-city-state-1 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-city-state-1 .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-city-state-1 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-city-state-1 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-city-state-1 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-city-state-1 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-city-state-1 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-city-state-1 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-city-state-1 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-city-state-1 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-city-state-1 .grid-sailor-item span.finish-holder {
  display: table-cell;
  width: 40px;
  margin-left: 8px;
  padding: 3px;
  float: left;
}
.results-page .html-format-city-state-1 .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-city-state-1 .grid-name {
  width: 8%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-city-state-1 .grid-sailnumber {
  width: 5%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-city-state-1 .grid-pts {
  width: 4%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-city-state-1 .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-city-state-1 .grid-city {
  width: 11%;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-city-state-1 .grid-state {
  width: 4%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-city-state-1 .grid-sailor-row .grid-state {
  text-transform: uppercase;
}
.results-page .html-format-city-state-1 .grid-finishes {
  width: 68%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-country-1 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-country-1 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-country-1 .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-country-1 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-country-1 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-country-1 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-country-1 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-country-1 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-country-1 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-country-1 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-country-1 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-country-1 .grid-sailor-item span.finish-holder {
  display: table-cell;
  width: 40px;
  margin-left: 8px;
  padding: 3px;
  float: left;
}
.results-page .html-format-country-1 .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-country-1 .grid-name {
  width: 10%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-country-1 .grid-sailnumber {
  width: 10%;
  min-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-country-1 .grid-pts {
  width: 4%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-country-1 .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-country-1 .grid-country {
  width: 6%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-country-1 .grid-finishes {
  width: 70%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-class-1 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-class-1 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-class-1 .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-class-1 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-class-1 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-class-1 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-class-1 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-class-1 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-class-1 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-class-1 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-class-1 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-class-1 .grid-sailor-item span.finish-holder {
  display: table-cell;
  width: 40px;
  margin-left: 8px;
  padding: 3px;
  float: left;
}
.results-page .html-format-class-1 .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-class-1 .grid-name {
  width: 10%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-class-1 .grid-sailnumber {
  width: 10%;
  min-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-class-1 .grid-pts {
  width: 3%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-class-1 .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-class-1 .grid-class {
  width: 7%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-class-1 .grid-finishes {
  width: 70%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-boat-1 .grid-header-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-boat-1 .grid-header-row {
  display: table;
  height: 30px;
  border-bottom: medium solid #bbd9f0;
  font-weight: 600;
  width: 100%;
  background-color: #fff;
}
.results-page .html-format-boat-1 .grid-header-row .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  visibility: hidden;
}
.results-page .html-format-boat-1 .grid-header-icon {
  margin-left: 3px;
}
.results-page .html-format-boat-1 .grid-row-container {
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.results-page .html-format-boat-1 .grid-sailor-row {
  display: table-row;
  height: 30px;
  border-bottom: thin solid #bbd9f0;
  width: 100%;
}
.results-page .html-format-boat-1 .grid-sailor-row .dontuse::after {
  position: relative;
  right: 6px;
  font-family: FontAwesome;
  content: "\f078";
}
.results-page .html-format-boat-1 .grid-sailor-row .dontuse.row-active {
  background-color: #FDF4DA;
}
.results-page .html-format-boat-1 .grid-sailor-row .dontuse.row-active::after {
  position: relative;
  font-family: FontAwesome;
  content: "\f077";
  right: 6px;
}
.results-page .html-format-boat-1 .grid-sailor-row:hover {
  background-color: #FDF4DA;
}
.results-page .html-format-boat-1 .grid-sailor-item {
  padding-top: 5px;
  border-bottom: solid thin #dedede;
  vertical-align: top;
}
.results-page .html-format-boat-1 .grid-sailor-item span.finish-holder {
  display: table-cell;
  width: 40px;
  margin-left: 8px;
  padding: 3px;
  float: left;
}
.results-page .html-format-boat-1 .grid-place {
  width: 3%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.results-page .html-format-boat-1 .grid-name {
  width: 8%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-boat-1 .grid-sailnumber {
  width: 8%;
  min-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-boat-1 .grid-pts {
  width: 4%;
  overflow-x: hidden;
  font-style: italic;
  font-weight: 600;
}
.results-page .html-format-boat-1 .grid-pts.grid-pts-notqualified {
  text-decoration: line-through;
  font-weight: 400;
}
.results-page .html-format-boat-1 .grid-boat {
  width: 12%;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-boat-1 .grid-finishes {
  width: 68%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.results-page .html-format-mobile-handicap .grid-finish,
.results-page .html-format-handicap-draft-table .grid-finish,
.results-page .html-format-mobile-handicap .grid-start-time,
.results-page .html-format-handicap-draft-table .grid-start-time,
.results-page .html-format-mobile-handicap .grid-finish-time,
.results-page .html-format-handicap-draft-table .grid-finish-time,
.results-page .html-format-mobile-handicap .grid-elapsed-time,
.results-page .html-format-handicap-draft-table .grid-elapsed-time,
.results-page .html-format-mobile-handicap .grid-corrected-time,
.results-page .html-format-handicap-draft-table .grid-corrected-time {
  display: table-cell;
  width: 67px;
  min-width: 60px;
  max-width: 67px;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media (max-width: 570px) {
  .results-page .html-format-mobile-handicap .grid-sailnumber,
  .results-page .html-format-handicap-draft-table .grid-sailnumber {
    display: table-cell;
    padding-top: 5px;
  }
  .results-page .html-format-mobile-handicap .handi-narrow,
  .results-page .html-format-handicap-draft-table .handi-narrow {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .results-page .html-format-mobile-handicap .grid-sailnumber,
  .results-page .html-format-handicap-draft-table .grid-sailnumber {
    display: none !important;
  }
  .results-page .html-format-mobile-handicap .handi-narrow,
  .results-page .html-format-handicap-draft-table .handi-narrow {
    display: none !important;
  }
}
.results-page-link #results-grid {
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  -moz-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  box-shadow: 0px 0px 22px 0px rgba(189, 186, 186, 0.5);
  padding-left: 3px;
  padding-right: 3px;
  margin: auto;
  max-width: 700px;
  min-height: 105px;
  width: 97%;
}
.results-page-link #results-grid .rpt-title {
  text-align: center;
  margin: -3px 63px 5px 63px;
}
.results-page-link #results-grid .rpt-title h3 {
  margin-top: 0px;
}
.results-page-link #results-grid .method-container {
  width: 206px;
  position: absolute;
  top: 0px;
  opacity: 0.6;
}
.results-page-link #results-grid .method-container div {
  display: block;
}
.results-page-link #results-grid .method-container .method-container-fleet-name {
  margin-top: 4px;
}
.results-page-link #results-grid .status-message {
  float: none;
}
.results-page-link #results-grid .linkblue {
  float: left;
  margin-top: -54px;
}
.results-page-link #results-grid .icon-container {
  float: right;
  margin-top: 13px;
  margin-right: 0px;
}
.results-page-link #results-grid .icon-container:hover {
  cursor: pointer;
}
.results-page-link #results-grid .rpt-description {
  text-align: unset;
  margin-top: 71px;
  margin-bottom: 25px;
  margin-left: -15px;
  margin-right: 20px;
}
.results-page-link #results-grid.expanded {
  top: 0px;
  background-color: white;
  max-width: 900px;
  margin: auto;
}
.results-print-link {
  margin-top: 10px;
}
.results-page-link.results-print-link #results-grid {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.results-page-link.results-print-link #results-grid .method-container {
  width: 206px;
  position: absolute;
  top: 0px;
  opacity: 0.6;
}
.results-page-link.results-print-link #results-grid .method-container div {
  display: block;
}
.results-page-link.results-print-link #results-grid .method-container .method-container-fleet-name {
  margin-top: 4px;
}
/*  touch devices  */
.touch .results-page .rpt-dropdown {
  margin-top: 0;
}
.touch .results-page .results-print-link .rpt-dropdown {
  margin-top: 5px;
}
.touch .results-page .results-print-link .icon-container {
  marging-top: -16px;
}
.results-list-page {
  /* whole result grid */
  /* result header */
}
.results-list-page .rich-description-display {
  position: relative;
  border: thin solid lightgrey;
  padding: 15px;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: auto;
  max-width: 980px;
}
.results-list-page #results-grid {
  position: absolute;
  top: 140px;
  width: 100%;
  background-color: white;
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.6);
  -moz-box-shadow: 0px 0px 25px 0px rgba(129, 129, 129, 0.6);
  box-shadow: 0px 0px 22px 0px rgba(129, 129, 129, 0.6);
  padding-left: 3px;
  padding-right: 3px;
  z-index: 999;
}
.results-list-page #results-grid .rpt-title {
  margin: 10px 63px 5px 103px;
  text-align: center;
}
.results-list-page #results-grid .rpt-title h3 {
  margin-top: 0px;
}
.results-list-page #results-grid .status-message {
  float: none;
}
.results-list-page #results-grid .icon-container {
  float: right;
  margin-top: -18px;
  margin-right: 7px;
}
.results-list-page #results-grid .icon-container:hover {
  cursor: pointer;
}
.results-list-page #results-grid.expanded {
  top: 0px;
  background-color: white;
  margin: auto;
}
.results-list-page #result-list-header {
  display: flex;
  margin-bottom: 10px;
}
@media (max-width: 720px) {
  .results-list-page #result-list-header {
    flex-direction: column;
  }
}
.results-list-page #result-list-header #account-warning {
  margin-top: 18px;
  margin-bottom: 9px;
  margin-left: 20px;
}
@media (max-width: 720px) {
  .results-list-page #result-list-header #account-warning {
    margin-top: 0;
  }
}
.results-list-page > .grid-header-container > .grid-header-row,
.results-list-page > .grid-row-container > .grid-sailor-row {
  display: grid !important;
  grid-template-columns: minmax(100px, 1.4fr) minmax(60px, 80px) minmax(50px, 65px) minmax(50px, 65px) minmax(120px, 1.6fr) minmax(90px, 115px) minmax(171px, 171px);
  align-items: center;
  column-gap: 6px;
  white-space: nowrap;
  overflow: hidden;
}
.results-list-page > .grid-header-container > .grid-header-row > .grid-sailor-item,
.results-list-page > .grid-row-container > .grid-sailor-row > .grid-sailor-item {
  display: block !important;
  width: auto !important;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 5px 3px;
}
.results-list-page > .grid-row-container > .grid-sailor-row {
  white-space: normal;
  overflow: visible;
  align-items: stretch;
  height: auto;
}
.results-list-page > .grid-row-container > .grid-sailor-row > .grid-sailor-item.grid-fleet-name {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  overflow-wrap: anywhere;
}
.results-list-page > .grid-header-container .grid-icons-container,
.results-list-page > .grid-row-container .grid-icons-container {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  white-space: nowrap;
  float: left;
}
@media (max-width: 769px) {
  .results-list-page > .grid-header-container > .grid-header-row,
  .results-list-page > .grid-row-container > .grid-sailor-row {
    grid-template-columns: minmax(100px, 1.4fr) minmax(60px, 80px) minmax(50px, 65px) minmax(50px, 65px) minmax(120px, 1.6fr) minmax(90px, 115px) minmax(135px, 135px);
  }
}
@media (max-width: 730px) {
  .results-list-page > .grid-header-container > .grid-header-row,
  .results-list-page > .grid-row-container > .grid-sailor-row {
    grid-template-columns: minmax(100px, 1.4fr) minmax(60px, 80px) minmax(50px, 65px) minmax(50px, 65px) minmax(120px, 1.6fr) minmax(90px, 115px) minmax(108px, 108px);
  }
}
@media (max-width: 674px) {
  .results-list-page > .grid-header-container > .grid-header-row,
  .results-list-page > .grid-row-container > .grid-sailor-row {
    grid-template-columns: minmax(100px, 1.4fr) minmax(60px, 80px) minmax(50px, 65px) minmax(50px, 65px) minmax(120px, 1.6fr) minmax(90px, 115px) minmax(80px, 80px);
  }
}
@media (max-width: 648px) {
  .results-list-page > .grid-header-container > .grid-header-row,
  .results-list-page > .grid-row-container > .grid-sailor-row {
    grid-template-columns: minmax(100px, 1.4fr) minmax(60px, 80px) minmax(50px, 65px) minmax(50px, 65px) minmax(120px, 1.6fr) minmax(90px, 115px) minmax(70px, 70px);
  }
}
@media (max-width: 624px) {
  .results-list-page > .grid-header-container > .grid-header-row,
  .results-list-page > .grid-row-container > .grid-sailor-row {
    grid-template-columns: minmax(100px, 1.4fr) minmax(60px, 80px) minmax(50px, 65px) minmax(50px, 65px) minmax(120px, 1.6fr) minmax(90px, 115px) minmax(40px, 40px);
  }
}
@media (max-width: 583px) {
  .results-list-page > .grid-header-container > .grid-header-row,
  .results-list-page > .grid-row-container > .grid-sailor-row {
    grid-template-columns: minmax(100px, 1.4fr) minmax(60px, 80px) minmax(50px, 65px) minmax(50px, 65px) minmax(120px, 1.6fr) minmax(90px, 115px) minmax(35px, 35px);
  }
}
@media (max-width: 578px) {
  .results-list-page > .grid-header-container > .grid-header-row,
  .results-list-page > .grid-row-container > .grid-sailor-row {
    grid-template-columns: minmax(95px, 1.4fr) minmax(55px, 70px) minmax(45px, 55px) minmax(42px, 50px) minmax(78px, 90px) minmax(32px, 36px);
    column-gap: 3px;
  }
}
@media only screen and (max-width: 568px) {
  .results-list-page .column-hide-narrow {
    display: none !important;
  }
  .results-list-page > .grid-header-container > .grid-header-row .grid-title,
  .results-list-page > .grid-row-container > .grid-sailor-row .grid-title {
    display: none !important;
  }
}
.account-page .toggle-result-link {
  display: inline-block;
  width: 22px;
}
.account-page .account-welcome-message {
  display: none;
}
.account-page .detail-label-payment-amount {
  display: flex !important;
  align-content: flex-end;
  justify-content: flex-start;
  align-items: center;
  max-width: 400px;
  width: auto;
}
.account-page .paypal-subscription-container {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.account-page .paypal-button-container {
  display: flex !important;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: baseline;
  /* margin-top: -50px; */
  width: 50%;
  height: 115px;
}
.account-page .paypal-button-hide {
  display: none !important;
}
.account-page .paypal-cancel-subsription-container {
  display: none;
  margin-bottom: 21px;
}
.account-page .paypal-button-note {
  color: #ab8104;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
.account-page .subscription-pay {
  font-size: 14px !important;
  height: 45px;
  width: 50% !important;
}
.account-page .cancel-pending-transaction-container {
  margin-top: 0;
}
.account-page .payment-amount-container {
  margin-left: 10px;
}
.account-page .payment-amount-label {
  font-weight: bold;
}
.account-page .subscription-upgrade-text {
  display: inline-block !important;
  padding-bottom: 10px;
  margin-left: 40px;
  margin-top: -10px;
}
@media only screen and (max-width: 768px) {
  .account-page .subscription-pay {
    width: 102% !important;
  }
  .account-page .cancel-pending-transaction-container {
    margin-top: 20px;
  }
  .account-page .paypal-button-container {
    flex-direction: row;
    margin-top: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 647px) {
  .account-page .fa-lg {
    font-size: 160%;
  }
  .account-page .touch .button-bar {
    margin-bottom: 0px;
  }
  .account-page .toggle-result-link {
    width: 23px;
  }
  .account-page .paypal-button-note {
    margin-left: 20px;
  }
}
.account-page.rlog-grid-page > .grid-header-container,
.account-page.rlog-grid-page > .grid-row-container {
  display: block !important;
  width: 100%;
}
.account-page.rlog-grid-page > .grid-header-container > .grid-header-row,
.account-page.rlog-grid-page > .grid-row-container > .grid-account-list {
  display: grid !important;
  grid-template-columns: minmax(170px, 1.5fr) minmax(110px, 140px) minmax(170px, 1.5fr) minmax(70px, 80px);
  align-items: center;
  column-gap: 8px;
  width: 100%;
}
.account-page.rlog-grid-page > .grid-header-container > .grid-header-row > .grid-sailor-item,
.account-page.rlog-grid-page > .grid-header-container > .grid-header-row > .grid-none,
.account-page.rlog-grid-page > .grid-row-container > .grid-account-list > .grid-sailor-item {
  display: block;
  width: auto !important;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 5px 3px;
}
.account-page.rlog-grid-page > .grid-row-container > .grid-account-list .grid-icons-container {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .account-page.rlog-grid-page > .grid-header-container > .grid-header-row,
  .account-page.rlog-grid-page > .grid-row-container > .grid-account-list {
    display: grid !important;
    grid-template-columns: minmax(170px, 1.5fr) minmax(110px, 140px) minmax(70px, 80px);
    align-items: center;
    column-gap: 8px;
    width: 100%;
  }
  .account-page.rlog-grid-page .grid-sailor-item.account-grid-hide-small {
    display: none !important;
  }
}
#wholePage.toggled .header-wrapper {
  position: absolute;
}
#wholePage.toggled #sidebar-wrapper {
  width: 220px;
}
#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
#sidebar-wrapper {
  z-index: 1000;
  left: 220px;
  width: 0;
  height: 100%;
  margin-left: -220px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #ddd;
  background: #8c8484;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 3px;
  background-color: #1c1c1c;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}
.sidebar-nav li {
  position: relative;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  border-bottom: solid 2px #b5afaf;
}
.sidebar-nav a {
  display: block;
  float: left;
  color: #ddd;
  text-decoration: none;
  padding: 10px 15px 10px 30px;
  width: 100%;
}
.sidebar-nav li a:hover,
.sidebar-nav li a.open:hover {
  color: #585858;
  text-decoration: none;
  background-color: #83a8ce;
}
.sidebar-nav li.brand {
  padding-left: 5px;
}
.sidebar-nav li.secondary:before {
  content: '';
  background: initial;
}
.sidebar-nav li.secondary a {
  margin-left: 10px;
  padding: 3px 15px 3px 15px;
  height: 27px;
}
.sidebar-nav li.secondary a:hover {
  text-decoration: underline;
  background-color: #8c8484;
  color: #fff;
}
.sidebar-nav .dropdown-menu {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  background-color: #222;
  box-shadow: none;
}
.sidebar-nav .grid-icons {
  float: right;
}
.sidebar-nav .grid-icons .fa-icon-item {
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
/*---------------------*/
/*       Hamburger     */
/*---------------------*/
.navbar button.hamburger.is-closed {
  position: relative;
  float: left;
  top: 0px;
  z-index: 999;
  width: 42px;
  height: 34px;
  margin-left: 15px;
  background-color: transparent;
  border: solid thin #4cb6f8;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.navbar button.hamburger.is-open {
  margin-left: 229px;
  z-index: 9;
  background-color: transparent;
  -webkit-transition: margin-left 0.2s ease-in;
  -moz-transition: margin-left 0.2s ease-in;
  -ms-transition: margin-left 0.2s ease-in;
  transition: margin-left 0.2s ease-in;
}
@media screen and (min-width: 769px) {
  .navbar .hamburger {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .navbar .hamburger {
    display: block;
  }
}
/*---------------------*/
/*     Banner slide    */
/*---------------------*/
div.top-banner.is-closed img {
  margin-left: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: row;
}
div.top-banner.is-open img {
  margin-left: 229px;
  -webkit-transition: margin-left 0.2s ease-in;
  -moz-transition: margin-left 0.2s ease-in;
  -ms-transition: margin-left 0.2s ease-in;
  transition: margin-left 0.2s ease-in;
  display: flex;
  flex-direction: row;
}
.subtitle {
  margin-left: 10px;
}
.subtitle #headerStatusOnlineText {
  font-weight: bold;
}
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(250, 250, 250, 0.8);
  z-index: 1;
}
body.modal-open {
  /* fix modal cursor on mobile ios */
  position: fixed;
}
.page-body {
  max-width: 860px;
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  /* specific pages  */
  /* media size changes  */
}
.page-body .text-header {
  font-size: 120%;
  font-weight: bold;
  padding-top: 7px;
}
.page-body .indent-sm {
  margin-left: 7px;
  margin-right: 7px;
}
.page-body .indent-lg {
  margin-left: 12px;
  margin-right: 12px;
}
.page-body .campaign-image {
  height: 300px;
}
.page-body .campaign-text {
  font-size: 14px;
}
.page-body .image-left-40 {
  height: 100%;
}
.page-body .image-right-40 {
  height: 100%;
}
.page-body ul.check-list {
  list-style-type: none;
  list-style-position: outside;
  line-height: 25px;
}
.page-body ul.check-list li a {
  text-decoration: none;
}
.page-body ul.check-list li a:hover {
  text-decoration: underline;
}
.page-body ul.check-list li:before {
  content: "\2713\0020";
  /* check mark */
  margin-left: -16px;
}
.page-body.contact-page {
  max-width: 650px;
}
.page-body.volunteer-page {
  max-width: 650px;
}
.page-body.main-page .campaign-image {
  height: 320px;
}
.page-body.main-page .campaign-text {
  font-size: 14px;
  margin-top: 15px;
}
.page-body.main-page .image-left-40 {
  height: none;
}
.page-body.main-page .image-right-40 {
  height: 100%;
}
@media only screen and (max-width: 850px) {
  .page-body.main-page .campaign-image {
    height: 300px;
  }
  .page-body.main-page .campaign-text {
    font-size: 14px;
  }
  .page-body.main-page .image-left-40 {
    height: none;
  }
  .page-body.main-page .image-right-40 {
    height: 95%;
  }
}
@media only screen and (max-width: 740px) {
  .page-body.why-page .campaign-image {
    height: 300px;
  }
  .page-body.why-page .campaign-text {
    font-size: 14px;
  }
  .page-body.why-page .image-left-40 {
    height: 90%;
  }
  .page-body.why-page .image-right-40 {
    height: 90%;
  }
  .page-body.main-page .campaign-image {
    height: 280px;
  }
  .page-body.main-page .campaign-text {
    font-size: 14px;
  }
  .page-body.main-page .image-left-40 {
    height: none;
  }
  .page-body.main-page .image-right-40 {
    height: 90%;
  }
}
@media only screen and (max-width: 699px) {
  .page-body {
    width: 85%;
  }
  .page-body.why-page .campaign-image {
    height: 300px;
  }
  .page-body.why-page .campaign-text {
    font-size: 14px;
  }
  .page-body.why-page .image-left-40 {
    height: 90%;
  }
  .page-body.why-page .image-right-40 {
    height: 90%;
  }
  .page-body.main-page .campaign-image {
    height: 250px;
  }
  .page-body.main-page .campaign-text {
    font-size: 14px;
  }
  .page-body.main-page .image-left-40 {
    height: none;
  }
  .page-body.main-page .image-right-40 {
    height: 90%;
  }
}
@media only screen and (max-width: 580px) {
  .page-body {
    width: 92%;
  }
  .page-body.why-page .campaign-image {
    height: 300px;
  }
  .page-body.why-page .campaign-text {
    font-size: 14px;
  }
  .page-body.why-page .image-left-40 {
    height: 80%;
  }
  .page-body.why-page .image-right-40 {
    height: 80%;
  }
  .page-body.main-page .campaign-image {
    height: 210px;
  }
  .page-body.main-page .campaign-text {
    font-size: 14px;
    margin-top: 37px;
  }
  .page-body.main-page .image-left-40 {
    height: none;
  }
  .page-body.main-page .image-right-40 {
    height: 90%;
  }
}
@media only screen and (max-width: 490px) {
  .page-body {
    width: 96%;
  }
  .page-body.why-page .campaign-image {
    height: 200px;
  }
  .page-body.why-page .campaign-text {
    font-size: 14px;
  }
  .page-body.why-page .image-left-40 {
    height: 60%;
  }
  .page-body.why-page .image-right-40 {
    height: 60%;
  }
  .page-body.main-page .campaign-image {
    height: 180px;
  }
  .page-body.main-page .campaign-text {
    font-size: 14px;
    margin-top: 22px;
  }
  .page-body.main-page .image-left-40 {
    height: none;
  }
  .page-body.main-page .image-right-40 {
    height: 90%;
  }
}
@media only screen and (max-width: 400px) {
  .page-body {
    width: 98%;
  }
  .page-body.why-page .campaign-image {
    height: 200px;
  }
  .page-body.why-page .campaign-text {
    font-size: 14px;
  }
  .page-body.why-page .image-left-40 {
    height: 60%;
  }
  .page-body.why-page .image-right-40 {
    height: 60%;
  }
  .page-body.main-page .campaign-image {
    height: 180px;
  }
  .page-body.main-page .campaign-text {
    font-size: 14px;
    margin-top: 22px;
  }
  .page-body.main-page .image-left-40 {
    height: none;
  }
  .page-body.main-page .image-right-40 {
    height: 90%;
  }
}
.page-body .bottom-banner {
  margin-top: 40px;
  padding: 10px;
  text-align: center;
  border: solid thin lightgray;
  clear: both;
}
.page-body .nice-link {
  text-decoration: underline;
}
.page-body .nice-link:hover {
  opacity: 0.6;
  text-decoration: underline;
}
.page-body .btn-my-small {
  background: #4267b2;
  border: 1px solid #4267b2;
  color: #fff;
  border-radius: 3px;
  font-size: 11px;
  height: 20px;
  padding: 0 2px 0 2px;
  margin-top: -3px;
}
.page-body .float-right-up {
  float: right;
  margin-top: -21px;
}
.text-page .indented-box {
  margin-left: 23px;
  list-style-type: none;
}
.racedates-open {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 600;
}
.racedates-open-label:hover {
  text-decoration: underline;
}
.racedates-content {
  padding: 10px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.racedates-content-hide {
  display: none;
}
.racedates-item {
  width: 120px;
  margin-right: 10px;
  font-size: 12px;
}
.racedates-item-race {
  clear: both;
  display: inline;
  font-style: italic;
}
.racedates-item-race-label {
  font-size: 9px;
}
.racedates-item-date {
  clear: both;
  display: inline;
}
/* Closable text box */
.text-box {
  position: relative;
  padding: 25px 14px 14px 14px;
  width: 100%;
  background-color: white;
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  -moz-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  box-shadow: 0px 0px 22px 0px rgba(189, 186, 186, 0.5);
}
.text-box .close-x {
  position: absolute;
  top: 10px;
  right: 10px;
}
.text-box .close-x:hover {
  opacity: 0.6;
  cursor: pointer;
}
.text-box-no-width {
  position: relative;
  padding: 14px 14px 14px 14px;
  background-color: white;
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  -moz-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  box-shadow: 0px 0px 22px 0px rgba(189, 186, 186, 0.5);
}
.text-box-no-width .close-x {
  position: absolute;
  top: 10px;
  right: 10px;
}
.text-box-no-width .close-x:hover {
  opacity: 0.6;
  cursor: pointer;
}
.text-box-thin {
  padding: 0px 0px 20px 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(178, 178, 178, 0.5);
  -moz-box-shadow: 0px 0px 14px 0px rgba(178, 178, 178, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(189, 186, 186, 0.5);
}
.text-box-no-border {
  position: relative;
  padding: 2px 2px 2px 2px;
  width: 100%;
  background-color: white;
  font-size: 10px;
}
.text-box-no-border .close-x {
  position: absolute;
  top: 10px;
  right: 10px;
}
.text-box-no-border .close-x:hover {
  opacity: 0.6;
  cursor: pointer;
}
.text-box-no-width-no-border {
  position: relative;
  padding: 2px 26px 14px 14px;
  background-color: white;
  font-size: 12px;
}
.text-box-no-width-no-border .close-x {
  position: absolute;
  top: 10px;
  right: 10px;
}
.text-box-no-width-no-border .close-x:hover {
  opacity: 0.6;
  cursor: pointer;
}
.image-box {
  position: relative;
  padding: 2px 2px 2px 2px;
  width: 100%;
  background-color: white;
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  -moz-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  box-shadow: 0px 0px 22px 0px rgba(189, 186, 186, 0.5);
}
.image-box .close-x {
  position: absolute;
  top: 10px;
  right: 10px;
}
.image-box .close-x:hover {
  opacity: 0.6;
  cursor: pointer;
}
.image-box-no-width {
  position: relative;
  padding: 2px 2px 2px 2px;
  max-width: 280px;
  background-color: white;
  border: thin solid #eaeaea;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  -moz-box-shadow: 0px 0px 25px 0px rgba(178, 178, 178, 0.5);
  box-shadow: 0px 0px 22px 0px rgba(189, 186, 186, 0.5);
}
.image-box-no-width .close-x {
  position: absolute;
  top: 10px;
  right: 10px;
}
.image-box-no-width .close-x:hover {
  opacity: 0.6;
  cursor: pointer;
}
.row-border {
  margin-top: 23px;
  padding-bottom: 30px;
  border-bottom: thin lightgray solid;
}
.upload-times-page .export-info-table {
  margin-left: 15px;
  font-size: 14px;
}
.upload-times-page .export-info-table td:first-child {
  font-weight: bold;
  padding-right: 12px;
  white-space: nowrap;
  vertical-align: top;
  font-size: 14px;
}
.upload-times-page .export-info-table td {
  padding: 2px 0;
}
.upload-times-page .export-info-table .break-word {
  overflow-wrap: anywhere;
}
.upload-times-page h2 {
  font-size: 16px;
}