* {
  font-family: Roboto; }

body .parent.port {
  width: unset !important; }
  body .parent.port .singlePage {
    height: 100vh !important; }

body #parent {
  height: 100vh !important; }

.header {
  height: 5vh !important; }
  .header img {
    height: 5vh !important;
    width: unset !important; }
    .header img.skew {
      position: absolute;
      top: 0;
      left: -50px;
      height: 100% !important;
      width: 50px !important; }

.in {
  display: inline-block; }

.font {
  font-family: 'Passion One', cursive !important;
  /*font-family: 'Alfa Slab One', cursive !important;*/ }

.color {
  color: #004a89; }

.badge-secondary {
  background-color: #004a89; }

.lt-bg {
  background-color: #e6f9ff; }

.bg-color {
  background-color: #004a89; }

.bf-color {
  background-color: #154fb3; }

.column {
  width: calc(100vw / 8); }

.rns-header-section {
  background-color: #263856;
  height: 100px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999 !important; }

.rns-menu-container {
  height: 45px;
  background-color: #778491;
  border-top: 2px solid #ffb635;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 20px; }

.mainparent {
  position: relative;
  margin-top: 135px; }

.left-block {
  min-height: 65px; }

.container {
  width: 1400px !important;
  max-width: unset !important; }

.mainparent .container {
  background: #fff;
  border-radius: 6px !important;
  margin-top: 142px;
  min-height: 900px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19); }

#btnLaunch {
  background: #004a89;
  margin-top: 15px;
  box-shadow: 1px 1px 4px black; }
  #btnLaunch i {
    margin: 0 5px; }

/* Common styles */
.row {
  padding: 0;
  margin: 0; }

.pdfTitle {
  color: white;
  font-size: 36px;
  letter-spacing: 5px; }

.pdfDate {
  color: white;
  font-size: 12px; }

.race_title_box table td {
  font-size: 10px;
  padding: 2px 0; }

.race_name {
  padding-left: 2px !important;
  font-size: 0.5em;
  width: 60% !important;
  height: 35px !important; }

.race_time {
  color: white;
  text-align: center; }

.courseTitle {
  font-size: 14px !important;
  padding-left: 5px !important; }

.cetTime {
  font-size: 8px; }

.runner_box {
  position: relative;
  border-bottom: 1px dotted black;
  margin-top: 0px;
  padding-bottom: 2px; }

.race_info td {
  white-space: nowrap; }

.runner_wgt {
  font-size: 12px;
  text-align: right; }

.runner_dlr {
  font-size: 8px; }

.runner_dlr span {
  font-weight: normal; }

.jtName {
  font-size: 8px !important;
  margin: 0 !important;
  padding-left: 3px !important; }

.jtName b {
  /*white-space: nowrap;*/
  font-size: 10px; }

.runner_info {
  font-size: 10px; }

.runner_stats_table td {
  font-size: 9px; }

.prepost {
  font-size: 10px; }

.ind_selection {
  font-weight: bold;
  font-size: 10px; }

.race_selection td {
  font-size: 7px;
  border: 1px solid black;
  text-align: center;
  padding: 2px 0; }

.race_selection tr:nth-child(2) td {
  font-size: 6px !important; }

.title_bp {
  font-size: 7px;
  text-align: center; }

.title_wgt {
  width: 36px !important;
  font-size: 7px;
  text-align: center; }

.silks {
  margin-left: 15px; }

.tblbase {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
  font-size: 9px; }

.tbltips th {
  color: white;
  padding: 3px;
  font-size: 9px;
  border: 1px solid #006600;
  background: #006600; }

.tbltips td {
  padding: 0 3px;
  font-weight: bold;
  white-space: nowrap;
  border: 1px solid #004a89; }

.tbltop td {
  padding: 1px 3px;
  font-weight: bold;
  border: 1px solid black; }

.tbltop th {
  color: white;
  padding: 3px;
  font-size: 9px;
  border: 1px solid #006600;
  background: #006600; }

.surface {
  font-size: 9px !important; }

.note {
  background: #004a89;
  color: white;
  padding: 0 2px;
  margin: 0 1px; }

.tblruns {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px; }
  .tblruns td {
    font-size: 7px;
    padding: 1px;
    line-height: 1;
    background: #ecebed;
    color: black !important; }

.tblpace {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
  font-size: 9px; }
  .tblpace .pace {
    margin: 0; }
  .tblpace th {
    color: white;
    padding: 3px;
    font-size: 8px;
    text-align: center;
    border: 1px solid #004a89;
    background-color: #004a89; }
  .tblpace td {
    border: 1px solid #004a89;
    padding: 0 3px;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    width: 25%; }

/* RAC */
.background {
  background-size: cover;
  padding: 1vh !important;
  height: 95vh;
  width: 100%;
  position: absolute;
  opacity: 0.4; }

#rac .title {
  color: #004a89;
  font-size: 25px;
  margin: 15px 0;
  font-weight: bold;
  border: none; }

#rac .tbl_rac {
  box-shadow: 0px 0px 15px black; }
  #rac .tbl_rac tr th {
    text-align: center;
    color: white;
    width: 142px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    padding: 2px 0;
    /*&:nth-child(1) {
                    background: none;
                }*/ }
    #rac .tbl_rac tr th:nth-child(odd) {
      background: #004e91; }
    #rac .tbl_rac tr th:nth-child(even) {
      background: #006dc9; }
  #rac .tbl_rac tr:nth-child(odd) td {
    border-right: 2px solid #4092d7;
    border-bottom: 2px solid #4092d7; }
    #rac .tbl_rac tr:nth-child(odd) td:first-child {
      background-image: linear-gradient(to right, #004c8c, #006dc9);
      border: none; }
    #rac .tbl_rac tr:nth-child(odd) td:not(:first-child) {
      background: white; }
  #rac .tbl_rac tr:nth-child(even) td {
    border-right: 2px solid #4092d7;
    border-bottom: 2px solid #4092d7; }
    #rac .tbl_rac tr:nth-child(even) td:first-child {
      background: #006dc9;
      border: none; }
    #rac .tbl_rac tr:nth-child(even) td:not(:first-child) {
      background: #f2f2f2; }
  #rac .tbl_rac tr:last-child td:first-child {
    border-bottom: 2px solid #4092d7; }

#rac .tbl_inner_rac td {
  background: transparent !important;
  border: none !important; }

#rac .row {
  margin: 0 !important; }

#rac .races {
  display: inline-block; }

#rac .item, #rac .subItem {
  text-align: left;
  font-size: 12px;
  vertical-align: top; }

#rac .item {
  border: 1px solid black; }
  #rac .item.title {
    vertical-align: middle; }

#rac .subItem {
  padding: 2px 4px; }

#rac div[append-key] {
  white-space: nowrap;
  display: inline-block; }

#rac .total {
  padding-bottom: 10px; }

.popup * {
  font-size: 12px;
  letter-spacing: 0 !important; }

.popover {
  max-width: unset !important;
  z-index: 2060 !important; }
  .popover .popover-content {
    padding: 5px; }
    .popover .popover-content table td {
      font-size: 10px !important;
      font-weight: normal !important; }

.tblstats {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
  font-weight: normal !important; }
  .tblstats td {
    padding: 0 3px; }
    .tblstats td:nth-child(even) {
      background-color: #f0f5f5;
      /*color: $theme;*/
      /*border: 1px solid #80e1ff;*/ }

.tblPopup thead tr {
  border-top: 1px solid #004a89;
  background: #f0f5f5; }

.tblPopup td {
  white-space: nowrap; }

/* Spell line */
.spell {
  position: relative;
  text-align: center; }

.spell span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
  font-size: 10px; }

.spell:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%; }

.spell:before {
  left: 0; }

/* width */
::-webkit-scrollbar {
  width: 5px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #004a89;
  border-radius: 5px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000;
  cursor: pointer; }

.bold {
  font-weight: bold !important; }

.scroll {
  overflow: auto;
  padding-right: 3px; }

.fav {
  color: red;
  font-size: 14px; }

.arrow-right {
  width: 0;
  position: absolute;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  bottom: -15px;
  right: -10px; }

.filter_form_container {
  position: absolute;
  width: 100%;
  z-index: 2050; }
  .filter_form_container .filter_form_content {
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 5px !important;
    margin: 35% 5% auto 5%; }
    .filter_form_container .filter_form_content .column {
      height: 94vh !important; }

.switch-toggle.switch-candy {
  color: white !important;
  background-color: #2980b9 !important;
  cursor: pointer; }
  .switch-toggle.switch-candy a {
    color: #fff !important;
    background-color: #286090;
    border: 1px solid #204d74;
    box-shadow: none !important;
    background-image: none !important; }

.switch_label {
  font-size: 12px;
  color: unset !important;
  text-shadow: none !important;
  font-weight: normal !important;
  padding: 0 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .switch_label:hover {
    cursor: pointer; }

.pageContent {
  padding: 0.25cm 0.25cm !important;
  white-space: nowrap !important;
  width: 100vw !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  /* Filter styles */ }
  .pageContent .row.breakable {
    background: white; }
  .pageContent .filter-container {
    background-color: transparent; }
  .pageContent .row.breakable {
    background-color: transparent !important; }
  .pageContent .runner_box, .pageContent .race_title_box {
    background-color: whitesmoke;
    margin-bottom: 5px;
    box-shadow: 2px 2px 10px grey;
    border: 2px solid grey;
    border-radius: 5px !important; }
    .pageContent .runner_box .race_comment, .pageContent .race_title_box .race_comment {
      background-color: #f0f5f5;
      font-weight: normal;
      text-align: justify;
      padding: 2px 4px !important; }
  .pageContent .race_title_box {
    background: white; }
  .pageContent .filter-count {
    position: relative;
    height: 100%; }
    .pageContent .filter-count .circle {
      height: 824px;
      width: 515px;
      position: absolute;
      top: 25%;
      z-index: 2051;
      text-align: center;
      background-size: cover;
      padding: 75px 60px; }
      .pageContent .filter-count .circle .filter_count_results {
        text-align: center;
        font-size: 170px; }
      .pageContent .filter-count .circle .filter_count_text {
        text-align: center;
        font-size: 28px;
        margin-top: -15%;
        font-weight: bold; }
      .pageContent .filter-count .circle .filter_show_me {
        border: 2px solid red;
        border-radius: 5px;
        background: transparent;
        color: black;
        font-size: 30px;
        font-weight: normal;
        text-transform: uppercase; }
    .pageContent .filter-count .slide-top {
      -webkit-animation: slide-top .5s linear both;
      animation: slide-top .5s linear both; }

.title_btn {
  color: #fff;
  background-image: linear-gradient(0deg, #003666 50%, #005299 50%, #004a89);
  border-radius: 5px;
  border: 2px solid #001b33; }
  .title_btn:hover {
    color: #fff;
    background-image: linear-gradient(0deg, #005fb3 50%, #005299 50%, #004a89);
    border-radius: 5px; }

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); } }

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); } }

.non_check {
  background-color: transparent !important;
  border: none !important;
  border-right: 1px solid #204d74 !important; }