@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');
html {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
body {
      margin: 0px;
      padding: 0px;
      font-family: 'Montserrat', sans-serif;
      font-size: 16px;
      line-height: 22px;
      color: #000000;
      max-width: 100%;
      overflow-x: hidden;
      background-color: #000000;
}

body a { text-decoration: none; }
body img { max-width: 100%; }

body .btn { border: none; }
body .bg-none { background: none !important; }
body .text-primary { color: #e47229 !important; }
body .btn-primary { background-color: #e47229; color: #ffffff; }
body .btn-primary:hover { background-color: #fa7f33; color: #ffffff !important; }
body .text-secondary { color: #2277a6 !important; }
body .btn-secondary { background-color: #2277a6; color: #ffffff; }
body .btn-secondary:hover { background-color: #2b96cf; color: #ffffff !important; }

body .bg-primary { background-color: #e47229 !important; }
body .bg-secondary { background-color: #2277a6 !important; }

body .btn-google { background-color: #ea4235; color: #ffffff; }
body .btn-google:hover { background-color: #f86459; color: #ffffff; }
body .btn-facebook { background-color: #3b5997; color: #ffffff; }
body .btn-facebook:hover { background-color: #4b84bd; color: #ffffff; }

body .modal { z-index: 9999999; }
body .modal-content {
      border-top: solid 2px #ffffff;
}


body #bwy-container > * {
      display: inline-block !important;
      width: auto !important;
}

body .modal-backdrop {
    background: #ffffff;
    opacity: 0.2 !important;
    z-index: 999999 !important;
    animation: none !important;
}

body .swal2-container.swal2-backdrop-show {
    background: rgba(255, 255, 255, 0.4);
    z-index: 999999 !important;
    animation: none !important;
}



@keyframes pulse-yellow {
      0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
      }
      
      70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
      }
      
      100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
      }
    }

body .dropdown-item:focus, body .dropdown-item:hover { background-color: #000000 !important; }
body .dropdown-item:focus a, body .dropdown-item:hover a { color: #e47229 !important; }

section.default-header {
      /*
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999999;
      */
      border-top: solid 5px #e47229;
      height: 90px;
      min-height: inherit !important;
      transition: all 0.5s;
}

body .ci-calendar span {
  color: #222222;
}

body.scrolled-down section.default-header {
  height: 60px;
}

section.default-header a img {
  max-height: 60px;
  transition: all 0.5s;
}

body.scrolled-down section.default-header a img {
  max-height: 30px;
}

section.default-header .btn.mobile-toggler {
  padding: 10px 20px;
  font-size: 18px;
  transition: all 0.5s;
}

body.scrolled-down section.default-header .btn.mobile-toggler {
  padding: 3px 5px 2px;
  font-size: 10px;
  transition: all 0.5s;
}
      section.default-header ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
      }
            section.default-header li {
                  display: inline-block;
            }
                  section.default-header li a {
                        display: block;
                        color: #ffffff;
                        padding: 10px;
                        font-size: 16px;
                  }
                        section.default-header a:hover {
                              color: #e47229;
                        }
                        section.default-header a img {
                              max-height: 60px;
                        }

body .carousel {
      min-height:720px;
}
      body .carousel .carousel-item {
            min-height: 720px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
      }
    
      body .carousel .carousel-item img {
            display: none;
      }
    
      body .carousel .carousel-caption {
            top: 100px;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9999;
      }

section.calendar-section {
      background: url(../images/phone-calendar-dark.png) right center no-repeat;
      background-size: 50%;
}

body .race-main-table thead {
  background-color: #ffbf96;
  color: #000;
}
body .tbl-last-five-race tbody tr:nth-child(odd), body .tbl-last-five-dist tbody tr:nth-child(odd) {
  background-color: #ddd !important;
}
body .calendar-wrapper {
      background-color: #ffffff;
      padding: 20px;
}
      body .calendar-wrapper .shadow-lg {
            background: none !important;
            box-shadow: none !important;
      }
      body .ci-cal-container .ci-head div {
            float: left;
            color: #222222;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            text-transform: uppercase;
            width: 14.28%;
            width: calc(100% / 7);
            border: solid 1px #222 !important;
            background-color: #eeeeee;
            padding: 5px 0px;
            border: solid 2px #ffffff !important;
      }
      body .calendar-wrapper .text-white,
      body .calendar-wrapper .btn {
            color: #222222 !important;
      }
      body .ci-cal-container .empty,
      body .ci-cal-container .undefined,
      body .ci-cal-container .ci-clickable {
            float: left;
            width: 14.28%;
            width: calc(100% / 7);
            position: relative;
            text-align: center;
            border: solid 2px #ffffff !important;
      }
      body .ci-cal-container .ci-body {
            padding: 0px !important;
            background-color: #eeeeee;
      }
      body .ci-cal-container .ci-clickable.prev-seven {
            background: rgba(155, 155, 155, 0.2);
      }
      body .ci-cal-container,
      body .ci-cal-container .ci-clickable > span {
            border: none !important;
      }
      body .ci-cal-container .ci-body .ci-row > div .ci-date-not-clickable {
            position: relative;
            display: block;
            text-align: center;
            padding: 15px;
      }
      body .ci-cal-container .empty::after {
            content: ".";
            display: block;
            padding: 15px;
            opacity: 0;
      }
      body .ci-date {
            position: relative;
            display: block;
            text-align: center;
            padding: 15px;
            cursor: pointer;
            cursor: hand;
      }
      body .ci-date:hover {
            background-color: rgba(255,255,255,0.6);
            color: #000000;
      }
      body .ci-today {
            font-weight: bold;
            text-shadow: 1px 1px 1px #ffffff;
      }
      body .ci-date .race-res,
      body .ci-date .race-prog,
      body .ci-date .purchased-prog {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            display: inline-block;
            text-align: center;
            font-size: 12px;
      }
      body .ci-date .race-res {
            left: 20%;
            right: auto;
      }
      body .ci-date .purchased-prog {
            left: auto;
            right: 20%;
      }
      body .ci-date .race-prog i {
            line-height: 20px;
            border-radius: 50%;
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
            height: 20px;
            width: 20px;
            transform: scale(1);
            animation: pulse-yellow .5s infinite;
      }
      body .ci-date .race-prog + .race-res {
            margin: 0px 10px;
      }
      body .ci-cal-container .ci-body {
            clear: both;
      }
      body .ci-cal-container .ci-body .ci-row {
            clear: both;
            position: relative;
            width: 100%;
            height: 16.6%;
      }
      body .ci-cal-container .ci-head::after,
      body .ci-cal-container .ci-body .ci-row::after {
            display: block;
            content: "";
            clear: both;
      }
      body .ci-cal-container .ci-body .ci-row .ci-event-row {
            position: absolute;
            left: 0px;
            padding: 3px;
            height: 50%;
            width: 100%;
            z-index: 10;
      }

      .title-content .btn:hover {
            color: #e47229 !important;
      }


section.partner-section {
      background: #000000 url(../images/guiding.png) right center no-repeat;
      background-size: 450px;
}
      section.partner-section img {
            background-color: #ffffff;
            padding: 20px;
            margin-bottom: 20px;
      }

section.map-section {
      height: 600px;
}

body .pac-container {
      width: auto !important;
}

section.bottom-section a {
      color: #888888;
}
      section.bottom-section a:hover {
            color: #ffffff;
      }
      

body .custom-accordion {
      margin-top: 20px;
}
      body .custom-accordion .custom-accordion-item {
            border-bottom: solid 1px #333333 !important;
      }
      body .custom-accordion button {
            display: block;
            text-align: left;
            padding: 10px 0px;
            background: none;
            border: none;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
      }
      body .custom-accordion .collapse{
            padding: 0px 35px 20px;
            color: #cccccc;
      }



body .swal2-container > .swal2-popup {
      padding: 3rem !important;
}
body .swal2-header .swal2-title {
      color: #ffffff;
}
body .swal2-header .swal2-title span {
      display: block;
}









      .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #000000;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            font-size: 15px;
        }

        .dropdown-content a:hover {background-color: #E6581F;}

        .dropdown:hover .dropdown-content {display: block;}

        .dropdown:hover .dropbtn {}

        #tblMyTrans tbody tr:nth-child(odd) {background-color: #454545;}

        #frm-disc-reply .ck-editor__editable_inline{
            min-height: 300px;
            max-height: 300px;
            overflow-y: auto;
            color: #000;
        }

        .ck-editor__editable_inline {
            min-height: 200px;
            max-height: 200px;
            overflow-y: auto;
        }
        blockquote p{
            margin: 0px;
        }
        blockquote{
            padding: 8px 11px;
            margin: 0;
            font-style: italic;
            background-color: #3d3d3d;
            margin-bottom: 5px;
        }

        .bot-link{
            color: #fff !important;
            text-decoration: none !important;
        }

        .bot-link:hover{
            color: #E6581F !important;
        }

        .overlay-main {
            background-color: #000000de;height: 100vh;width: 100%;z-index: 1000000;position: fixed;top: 0;display: none;
        }


div.dataTables_wrapper div.dataTables_filter {
  display: none;
}

.jockey-header {
  position: relative;
  background-color: #000;
}

.jockey-header::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.3;
  background: url("../images/section-1.JPG") no-repeat center center;
  background-size: cover;
}

.table-bordered {
  border: 1px solid transparent !important;
}

.multi-column-ul {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
}

.jockey-bio .nav-tabs {
  border: none !important;
}

.jockey-bio .nav-tabs .nav-link {
  color: #fff !important;
  background-color: transparent !important;
  border: none !important;
}

.jockey-bio .nav-tabs .active {
  color: #e95720 !important;
  text-decoration: underline;
  text-underline-position: under;
}

.jockey-bio .tab-content div {
  padding: 1% 3%;
}

/**/

.dataTables_info {
  font-weight: bolder;
  margin-bottom: 20px;
}

.horse-slider-sect {
  background-color: #000;
}

.horse-slider-sect .header-text {
  padding-top: 3%;
  text-align: center;
  color: #fff;
  font-style: italic;
}

.horse-slider-sect .bottom-link {
  text-align: center;
  font-weight: 700;
  padding: 3%;
}

.horse-slider-sect .bottom-link a {
  color: #0e66c4;
}

.horse-slider-sect .bottom-link a:link {
  color: #0e66c4;
}

.horse-slider-sect .container {
  margin-top: 0%;
}

.horse-slider-sect .container .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 11%;
}

.horse-slider-sect .container .carousel-inner .slider-col {
  background-color: #000;
  color: #fff;
  padding: 1% 1%;
}

.horse-slider-sect .container .carousel-inner .slider-col h2 {
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
}

.horse-slider-sect .container .carousel-inner .slider-col .details-divider {
  border: solid 0.5px gray;
  margin: 5% 0;
}

.jockey-slider-sect {
  background-color: #000;
}

.jockey-slider-sect .header-text {
  padding-top: 3%;
  text-align: center;
  color: #fff;
  font-style: italic;
}

.jockey-slider-sect .bottom-link {
  text-align: center;
  font-weight: 700;
  padding: 3%;
}

.jockey-slider-sect .bottom-link a {
  color: #0e66c4;
}

.jockey-slider-sect .bottom-link a:link {
  color: #0e66c4;
}

.jockey-slider-sect .container {
  margin-top: 0%;
}

.jockey-slider-sect .container .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 11%;
}

.jockey-slider-sect .container .carousel-inner .slider-col {
  background-color: #000;
  color: #fff;
  padding: 1% 1%;
}

.jockey-slider-sect .container .carousel-inner .slider-col h2 {
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
}

.jockey-slider-sect .container .carousel-inner .slider-col .details-divider {
  border: solid 0.5px gray;
  margin: 5% 0;
}

#calendar {
  height: 100% !important;
}

.bg-black {
  background-color: #000;
}

.content-white {
  color: #fff;
}

.modal-open {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0 !important;
}

.modal-open .modal {
  overflow-y: hidden;
}

.hidden-btn {
  display: none;
}

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 5%;
  font-size: 15px;
  color: #e3342f;
  text-align: center;
  margin-bottom: -5%;
}

#app .navbar {
  background-color: black;
  opacity: 0.9;
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 92px !important;
}

.full-width {
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}

.pagination {
  display: inline-flex !important;
}

.pagination .paginate_button a {
  font-weight: bolder !important;
  color: #fff !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.pagination .active .page-link {
  color: #e95720 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  text-decoration: none !important;
  position: relative !important;
}

.pagination .active .page-link:after {
  content: "";
  width: 70%;
  position: absolute;
  left: 15%;
  bottom: 5px;
  border-width: 0 0 1px;
  border-style: solid;
}

div.dataTables_wrapper div.dataTables_paginate {
  text-align: center !important;
}

.table-bordered th {
  border: 1px solid #000000 !important;
}

.table-bordered td {
  border: 1px solid #000000 !important;
}

#jockeyTable {
  width: 100%;
  color: #fff;
  border-color: transparent !important;
}

#jockeyTable thead {
  border-color: transparent !important;
}

#jockeyTable thead tr th {
  text-align: center;
  background-color: #000;
}

#jockeyTable thead tr th:first-child {
  text-align: left;
}

#jockeyTable tbody .even {
  background-color: #181818;
}

#jockeyTable tbody .odd {
  background-color: #222222;
}

#jockeyTable tbody tr td:nth-child(2) {
  background-color: #001e32;
}

#jockeyTable tbody tr td {
  text-align: center;
  color: #c6c6c6;
}

#jockeyTable tbody tr td:first-child {
  text-align: left;
}

#jockeyTable tr:nth-child(odd) td {
  background-color: #1d1c1c;
}

#jockeyTable tr:nth-child(even) td {
  background-color: #3f3e3e;
}

.horse-details-section{
  margin-top: 5%;
}

.horse-details-section .horsename {
  padding-top: 5%;
  font-weight: 700;
  font-style: italic;
}

.horse-details-section .row-profile-bottom {
  padding-top: 5%;
  color: #c6c6c6;
}

.horse-details-section .table-horseprofile td:nth-child(2) {
  padding-left: 3%;
}

.horse-details-section .table-horseprofile p {
  margin-bottom: 5px;
}

.horse-details-section .table-horseprofile td {
  color: #c6c6c6;
}

.learn-racing-btn {
  width: 300px;
  background-color: #e95720;
  font-size: 15px;
  color: #fff;
  height: 55px;
  margin-bottom: 3rem;
  margin-top: 20px;
  border: none;
  padding: 15px;
}

.learn-racing-btn:hover {
  text-decoration: none;
  color: white;
}

.jockey-details-table-section {
  background-color: #141515;
  color: #fff;
  padding: 5% 5%;
}

.jockey-details-table-section select {
  background-color: #141515;
  color: #fff;
  border: none;
  border-radius: 0;
}

.jockey-details-table-section select option {
  background-color: #141515 !important;
  color: #fff;
  border: none !important;
}

.jockey-details-table-section .horsename-form-title {
  font-weight: 700;
  font-style: italic;
}

.jockey-details-table-section .sort-label {
  float: right;
  margin-bottom: 0;
  padding-top: 3%;
  color: #c6c6c6;
}

.jockey-details-table-section .filter-season {
  background-color: #141515;
  border-radius: 0;
  border: none;
  color: #fff;
}

.jockey-details-table-section hr {
  border-top: 2px solid #495057;
  margin-top: 0;
}

.jockey-details-table-section .season-header {
  font-weight: 700;
  padding: 2% 0%;
}

.jockey-details-table-section .table-season-details {
  width: 100%;
}

.jockey-details-table-section .table-season-details thead {
  background-color: #000;
}

.jockey-details-table-section .table-season-details thead th {
  text-align: center;
  width: 6% !important;
  font-size: 13px;
}

.jockey-details-table-section .table-season-details tbody tr {
  text-align: center;
}

.jockey-details-table-section .table-season-details tbody tr td:nth-child(11) {
  color: #e95720;
  font-weight: 100;
  text-decoration: none;
}

.jockey-details-table-section .table-season-details tbody tr td {
  color: #c6c6c6;
  padding: 1% 0%;
  font-size: 13px;
}

.jockey-details-table-section .table-season-details tbody tr td button {
  border-radius: 50%;
  background-color: #e95720;
  border: 1px solid #e95720;
  color: #fff;
}

.jockey-details-table-section .table-season-details tbody tr:nth-child(odd) td {
  background-color: #ffffff;
  color: #212529 !important;
}

.jockey-details-table-section .table-season-details tbody tr:nth-child(even) td {
  background-color: #f2f2f2;
  color: #212529 !important;
}

.jockey-details-table-section .row-legend {
  padding-top: 5%;
}

.jockey-details-table-section .row-legend .col-5 {
  border-right: 1px solid #495057;
}

.jockey-details-table-section .row-legend ul li {
  list-style-type: circle;
  color: #c6c6c6;
}

.jockey-details-table-section .row-legend table {
  width: 100%;
}

.jockey-details-table-section .row-legend table tr td label {
  background-color: #7b3d0c8c;
  width: 100%;
  height: 19px;
  margin: 0;
  text-align: center;
  padding-top: 6%;
  color: #c6c6c6;
  font-weight: 700;
}

.jockey-details-table-section .row-legend table tr td:nth-child(2) {
  padding-left: 2%;
}

.jockey-details-table-section .row-legend table tr td {
  font-size: 12px;
  color: #c6c6c6;
}

.horse-details-table-section {
  background-color: #141515;
  color: #fff;
  padding: 5% 5%;
}

.horse-details-table-section .current-season {
  display: block;
}

.horse-details-table-section .horsename-form-title {
  font-weight: 700;
  font-style: italic;
}

.horse-details-table-section .sort-label {
  float: right;
  margin-bottom: 0;
  padding-top: 3%;
  color: #c6c6c6;
}

.horse-details-table-section .filter-season {
  background-color: #141515;
  border-radius: 0;
  border: none;
  color: #fff;
}

.horse-details-table-section select {
  background-color: #141515 !important;
}

.horse-details-table-section select option {
  background-color: #141515;
}

.horse-details-table-section hr {
  border-top: 2px solid #495057;
  margin-top: 0;
}

.horse-details-table-section .season-header {
  font-weight: 700;
  padding: 2% 0%;
  font-size: 2vh;
}

.horse-details-table-section .table-season-details {
  width: 100%;
}

.horse-details-table-section .table-season-details thead {
  background-color: #000;
}

.horse-details-table-section .table-season-details thead th {
  text-align: center;
  width: 6% !important;
}

.horse-details-table-section .table-season-details tbody tr {
  text-align: center;
}

.horse-details-table-section .table-season-details tbody tr td:nth-child(2) {
  /*background-color: #001E32 !important;*/
}

.horse-details-table-section .table-season-details tbody tr td:nth-child(11) {
  color: #e95720;
  font-weight: 100;
}

.horse-details-table-section .table-season-details tbody tr td {
  color: #c6c6c6;
  padding: 1% 0%;
}

.horse-details-table-section .table-season-details tbody tr td button {
  border-radius: 50%;
  background-color: #e95720;
  border: 1px solid #e95720;
  color: #fff;
}

.horse-details-table-section .table-season-details tbody tr:nth-child(odd) td {
  background-color: #1d1c1c;
}

.horse-details-table-section .table-season-details tbody tr:nth-child(even) td {
  background-color: #3f3e3e;
}

.horse-details-table-section .row-legend {
  padding-top: 5%;
}

.horse-details-table-section .row-legend .col-5 {
  border-right: 1px solid #495057;
}

.horse-details-table-section .row-legend ul li {
  list-style-type: circle;
  color: #c6c6c6;
}

.horse-details-table-section .row-legend table {
  width: 100%;
}

.horse-details-table-section .row-legend table tr td label {
  background-color: #7b3d0c8c;
  width: 100%;
  height: 19px;
  margin: 0;
  text-align: center;
  padding-top: 6%;
  color: #c6c6c6;
  font-weight: 700;
}

.horse-details-table-section .row-legend table tr td:nth-child(2) {
  padding-left: 2%;
}

.horse-details-table-section .row-legend table tr td {
  font-size: 12px;
  color: #c6c6c6;
}

.text-spacing {
  font-weight: 700;
}

.link-area a {
  color: #fff !important;
  font-size: 17px;
  font-weight: 500;
  padding-left: 0rem !important;
}

.btn-area .btn-authentication {
  color: #fff !important;
  background-color: #e95720;
  border-radius: 10px;
  width: 120px;
  text-align: center;
  margin-left: 5px;
  font-size: 15px;
  padding: 15px 0px;
}

.accordion-section .block-accordion .card {
  border-color: #1a1a1a;
  border-radius: 0px;
  color: #fff;
  margin: 1% 0%;
}

.accordion-section .block-accordion .card .card-header {
  background-color: #333333;
  padding: 0;
}

.accordion-section .block-accordion .card .card-header .btn-block i {
  color: #fff;
}

.accordion-section .block-accordion .card .card-header .btn-block button {
  background-color: #e85720;
  border-radius: 0;
  height: 4rem;
  width: 4rem;
}

.accordion-section .block-accordion .card .card-header .btn-block .collapsed {
  background-color: #0d6499;
}

.accordion-section .block-accordion .card .card-header .title-block {
  margin-left: 2rem !important;
}

.accordion-section .block-accordion .card .card-body {
  background-color: #1d1d1d;
  font-size: 15px;
  padding: 2rem;
}

.coin-refer {
  color: #fff;
  padding: 5rem 10%;
}

.coin-refer .coin-refer-header {
  font-size: 17px;
  margin: 0rem;
}

.coin-refer .balance-container {
  justify-content: space-between;
  padding: 1rem;
}

.coin-refer .balance-container img {
  width: 5rem;
  height: 5rem;
}

.coin-refer .balance-container .balance-col {
  margin: auto;
  margin: auto 0;
}

.coin-refer .balance-container .balance-col .balance-header {
  color: gray;
  font-size: 12px;
}

.coin-refer .balance-container .balance-col .balance {
  font-size: 17px;
}

.coin-refer .balance-container button {
  color: #fff;
  font-size: 12px;
  background-color: #e6541f;
  border: none;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin: 0.7rem 0rem;
}

.coin-refer .content {
  margin: 1rem 0rem;
}

.coin-refer ul {
  list-style: none;
  padding-left: 0rem;
}

.coin-refer ul li {
}

.coin-refer ul li:before {
  content: "\2713";
  color: #0d6499;
  margin-left: -29px;
}

.coin-refer .referal-container {
  background-color: #000;
  height: 100%;
  padding: 3rem 2rem;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 80%;
}

.coin-refer .referal-container .referal-header {
  margin-top: 1rem;
}

.coin-refer .referal-container .referal-header h2 {
  font-size: 2.4rem;
}

.coin-refer .referal-container .referal-content {
  margin: 1rem 0rem;
}

.coin-refer .referal-container button {
  color: #fff;
  background-color: #0d6499;
  padding: 0.7rem 2.5rem;
  border: none;
  margin-top: 1rem;
}

.coin-refer .referal-container button a:hover {
  text-decoration: none;
}

.coin-refer .referal-container button a:link {
  text-decoration: none;
  color: #fff;
}

.billing-section {
  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
}

.billing-section .row {
  /* IE10 */
  display: flex;
  /* IE10 */
  flex-wrap: wrap;
}

.billing-section .col-25 {
  /* IE10 */
  flex: 25%;
}

.billing-section .col-50 {
  /* IE10 */
  flex: 50%;
}

.billing-section .col-75 {
  /* IE10 */
  flex: 75%;
}

.billing-section .col-25,
.billing-section .col-50,
.billing-section .col-75 {
  padding: 0 16px;
}

.billing-section .container {
  background-color: #000000;
  padding: 5px 20px 15px 20px;
  border: 1px solid black;
  border-radius: 3px;
}

.billing-section input[type=text] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.billing-section label {
  margin-bottom: 10px;
  display: block;
}

.billing-section .icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}

.billing-section .btn {
  background-color: #4caf50;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}

.billing-section .btn:hover {
  background-color: #45a049;
}

.billing-section a {
  color: #2196f3;
}

.billing-section hr {
  border: 1px solid lightgrey;
}

.billing-section span.price {
  float: right;
  color: grey;
}

@media (max-width: 800px) {
  .billing-section .row {
    flex-direction: column-reverse;
  }

  .billing-section .col-25 {
    margin-bottom: 20px;
  }
}

.modal-content {
      background-color: #000 !important;
      color: #fff !important;
}

.modal-content .modal-header {
      display: block;
}

.modal-content .modal-header > * {
      text-align: center;
      margin: 0px;
      font-weight: bold;
}

.modal-content .form-group {
      margin-bottom: 20px;
}

.modal-content .modal-body{
      padding: 30px;
}


#signinModal .modal-content .nav-pills .nav-link,
#signinModal .modal-content .nav-pills .show > .nav-link,
#registerModal .modal-content .nav-pills .nav-link,
#registerModal .modal-content .nav-pills .show > .nav-link {
  color: #ffffff;
  background: none;
}

#signinModal .modal-content .nav-pills .nav-link.active,
#signinModal .modal-content .nav-pills .show > .nav-link,
#registerModal .modal-content .nav-pills .nav-link.active,
#registerModal .modal-content .nav-pills .show > .nav-link {
  color: #ffffff;
  border-bottom: solid 2px #ffffff;
  font-weight: bold;
}

#registerModal .modal-content .nav-pills .nav-link.active,
#registerModal .modal-content .nav-pills .show > .nav-link {
  color: #ffffff;
  border-color: #000;
  border-bottom: 2px solid #fff;
  background-color: #000;
  font-weight: bold;
}

#tbljockeyrace thead,
#tblownerhorse thead {
  background-color: #d2e6f1 !important;
  color: #212529 !important;
}

#termsModal {
  color: #fff;
}

#termsModal .modal-header {
  border-bottom: none;
  padding: 0;
}

#termsModal .modal-title {
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  width: 100%;
}

#termsModal .modal-content {
  background-color: #000;
  padding: 2% 5%;
}

#termsModal .modal-body {
  height: 45vh;
  overflow-y: auto;
}

#otpModal {
  color: #fff;
}

#otpModal .modal-header {
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#otpModal .modal-header p {
  margin-bottom: 0px;
  width: 100%;
  text-align: center;
  color: #545454;
}

#otpModal .modal-title {
  font-size: 40px;
  text-align: center;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

#otpModal .modal-message {
  text-align: center;
  font-size: 15px;
}

#otpModal .modal-content {
  background-color: #000;
  padding: 2% 5%;
}

#otpModal .modal-content .modal-body input {
  width: 100%;
  height: 50px;
  padding: 0px 0px;
  background-color: #000;
  border: none;
  border-bottom: solid 1px #fff;
  color: #fff;
  font-size: 45px;
  text-align: center;
}

#otpModal .modal-content .modal-body .btn-container {
  justify-content: center;
  margin-bottom: 2.5rem;
}

#otpModal .modal-content .modal-body .btn-container button {
  width: auto;
  height: auto;
  background-color: #0d6499;
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 15px 40px;
}

#otpModal .modal-content .modal-body .resend-container p {
  width: 100%;
  text-align: center;
  padding: 0% 18%;
}

#otpModal .modal-content .modal-body .resend-container p a {
  color: #e95720;
}

#profileModal {
  color: #fff;
  overflow-y: auto;
}

#profileModal .modal-header {
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#profileModal .modal-header p {
  margin-bottom: 0px;
  width: 100%;
  text-align: center;
  color: #545454;
}

#profileModal .modal-title {
  font-size: 40px;
  text-align: center;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

#profileModal .modal-content {
  background-color: #000;
  padding: 2% 5%;
}

#profileModal .modal-content .modal-body .form-group .date-dropdowns {
  display: flex;
  justify-content: space-around;
}

#profileModal .modal-content .modal-body .form-group .date-dropdowns select {
  padding: 12px;
  width: 100%;
}

#profileModal .modal-content .modal-body .form-group .date-dropdowns select:nth-child(3) {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

#profileModal .modal-content .modal-body .form-group label {
  display: inline-block;
}

#profileModal .modal-content .modal-body .form-group input[type=date] {
  display: block;
  padding: 12px;
  width: 100%;
}

#profileModal .modal-content .modal-body .form-group input[type=text] {
  display: block;
  padding: 12px;
  width: 100%;
}

#profileModal .modal-content .modal-body .form-group input[type=password] {
  display: block;
  padding: 12px;
  width: 100%;
}

#profileModal .form-control {
  border-radius: 0;
}

#notiModal .modal-content {
  background-color: #000;
  padding: 3rem;
  margin-top: 10rem;
}

#notiModal .modal-content .modal-header {
  border-bottom: none;
}

#notiModal .modal-content .modal-title {
  text-align: center;
}

#notiModal .modal-content .modal-title img {
  width: 35%;
}

#notiModal .modal-content .modal-body {
  margin-bottom: 5%;
  text-align: center;
}

#notiModal .modal-content .modal-body p {
  color: #fff;
  font-size: 15px;
}

#notiModal .modal-content .modal-body button {
  margin-top: 2rem;
  width: auto;
  height: auto;
  border: none;
  background-color: #0d6499;
  color: #fff;
  font-size: 15px;
  padding: 1rem 5rem;
}

.user-top-section {
  background: url("../images/slide-sample-01.png") rgba(155, 155, 155, 0.2);
  background-size: cover;
  background-blend-mode: multiply;
  height: auto;
  padding: 3% 10%;
  /*Calendar Start*/
  /*Calendar End*/
  /*.left-s-block{
   	h2{
   		font-size: 40px;
   		font-style: italic;
   		font-weight: bolder;
   	}
   	p{
   		font-size: 15px;
   	}
   	ul{
   		list-style: none;
   		padding: 0;
  li{
  	font-size: 16px;

  	&:before {
  	  content: '✓';
  	}
  }
   	}
   	.row{
   		button{
  	border: none;
  	background-color: #E95720;
  	font-size: 15px;
  	color: #fff;
  	text-transform: uppercase;
  	padding: 0% 5%;
  	height: 8vh;
  	margin-left: 3%;
    			img{
    				width: 20%;
    			}
    			span{

    			}
   		}
   	}
   }*/
}

.user-top-section .calendar-empty {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.user-top-section .calendar-empty .right-block hr {
  border-top: 2px solid rgba(255, 255, 255, 0.24);
  margin: 0.8rem 2.5rem;
}

.user-top-section .u-calendar {
  margin-top: 1rem;
  width: 100%;
  background-color: unset !important;
  background: transparent;
  justify-content: flex-start;
}

.user-top-section .u-calendar .legends {
  font-size: 1rem;
}

.user-top-section .u-calendar .legends .race-result {
  width: 16px;
  background-color: #4e4e4e;
  height: 16px;
  margin: auto 1rem auto 0;
  border-radius: 60%;
}

.user-top-section .u-calendar .legends .upcoming-events-text {
  font-size: 13px;
}

.user-top-section .u-calendar .legends .upcoming-events {
  width: 18px;
  background-color: #e95720;
  height: 13px;
  margin: auto 1rem auto 1rem;
  border-radius: 60%;
}

.user-top-section .u-calendar .legends .previous-events-text {
  font-size: 13px;
}

.user-top-section .u-calendar .legends .previous-events {
  width: 18px;
  background-color: #0d6499;
  height: 13px;
  margin: auto 1rem auto 1rem;
  border-radius: 60%;
}

.user-top-section .u-calendar .legends .purchased-events-text {
  font-size: 13px;
}

.user-top-section .u-calendar .legends .purchased-events {
  width: 18px;
  background-color: green;
  height: 13px;
  margin: auto 1rem auto 1rem;
  border-radius: 60%;
}

.user-top-section .ci-clickable {
  cursor: pointer;
}

.user-top-section header {
  top: 0;
  position: relative;
  width: 100%;
  height: 64px;
  font-size: 24px;
}

.user-top-section header .title-content {
  position: absolute;
  width: 100%;
  height: 100px;
  text-align: center;
}

.user-top-section header .title-content button {
  position: absolute;
  top: 12px;
  height: 40px;
  text-align: center;
  width: 140px;
  background-color: #0000;
  border: none;
}

.user-top-section header .title-content button#last {
  left: 12px;
}

.user-top-section header .title-content button#last .fas {
  color: #0d6499;
}

.user-top-section header .title-content button#next {
  right: 12px;
}

.user-top-section header .title-content button#next .fas {
  color: #0d6499;
}

.user-top-section header .title-content span {
  float: left;
  margin: 8px 0 16px 0px;
  width: 100%;
  height: 40px;
}

.user-top-section header .title-content span h1 {
  clear: both;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
  width: 100%;
  font-size: 24px;
  line-height: 55px;
}

.user-top-section header .title-content span h2 {
  clear: both;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
  width: 100%;
}

.user-top-section .ci-event {
  border-radius: 3px;
  border: 1px solid transparent;
  position: absolute;
  padding: 2px 12px;
  height: calc(100% - 5px);
  z-index: 20;
}

.user-top-section .ci-event label {
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

.user-top-section .end-cap {
  top: 0.5px;
  z-index: 1;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent;
}

.user-top-section .start-cap {
  top: 0.5px;
  z-index: 1;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent;
}

.user-top-section .end-cap-border {
  top: -1.75px;
  z-index: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent;
}

.user-top-section .start-cap-border {
  top: -1.75px;
  z-index: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent;
}

.user-top-section .ci-event.public {
  background: #e6f1cd;
  border-color: #d1dbbb;
}

.user-top-section .ci-event.public .end-cap {
  border-color: transparent #e6f1cd;
}

.user-top-section .ci-event.public .start-cap {
  border-color: transparent #e6f1cd;
}

.user-top-section .ci-event.public .end-cap-border {
  border-color: transparent #d1dbbb;
}

.user-top-section .ci-event.public .start-cap-border {
  border-color: transparent #d1dbbb;
}

.user-top-section .ci-event.private {
  background: #cceff2;
  border-color: #9fbabd;
}

.user-top-section .ci-event.private .end-cap {
  border-color: transparent #cceff2;
}

.user-top-section .ci-event.private .start-cap {
  border-color: transparent #cceff2;
}

.user-top-section .ci-event.private .end-cap-border {
  border-color: transparent #9fbabd;
}

.user-top-section .ci-event.private .start-cap-border {
  border-color: transparent #9fbabd;
}

@media (max-width: 360px) {
  .ci-cal-container .ci-body {
    float: left;
    height: auto;
    position: relative;
  }

  .ci-cal-container .ci-body .ci-row {
    border: 0px;
    height: auto !important;
  }

  .ci-cal-container .ci-body .ci-row .ci-event-row {
    top: 0px;
    clear: both;
    float: left;
    height: auto;
    padding: 0px !important;
    margin-top: 0px !important;
    position: relative;
  }

  .ci-cal-container .ci-body .ci-row div {
        font-size: 10px;
  }

  .user-top-section .ci-event {
    float: left;
    position: relative;
    min-height: 100px;
    left: 0px !important;
    margin: 5px !important;
    width: calc(100% - 10px) !important;
  }

  .user-top-section .end-cap {
    display: none;
  }

  .user-top-section .end-cap-border {
    display: none;
  }

  .user-top-section .start-cap {
    display: none;
  }

  .user-top-section .start-cap-border {
    display: none;
  }
}

.user-top-section .left-block {
  height: 27rem;
  padding-bottom: 3rem;
}

.user-top-section .left-block > * {
  background-color: #000;
}

.user-top-section .right-block {
  height: 22.2rem;
}

.user-top-section .right-block .right-header {
  height: 5vh;
  margin-top: 1rem;
  padding: 0.2rem 2.5rem;
  font-size: 18px;
}

.user-top-section .right-block .right-header p {
  border-bottom: solid 2px gray;
}

.user-top-section .right-block .right-header p.cur_date {
  border-bottom: solid 2px #e95720;
}

.user-top-section .right-block .header {
  margin: 0.8rem 2.5rem;
  font-size: 22px;
}

.user-top-section .right-block .right-content {
  text-align: center;
  height: 100%;
  margin: auto;
}

.user-top-section .right-block .right-content .previous-result {
  display: none;
}

.user-top-section .right-block .right-content h2 {
  padding: 0rem 3rem;
  font-size: 3rem;
}

.user-top-section .right-block .right-content button {
  background-color: #e95720;
  color: #fff;
  font-size: 15px;
  border: none;
  padding: 0.7rem 2.5rem;
  margin-top: 0.7rem;
}

.user-top-section .right-block .right-content button a {
  color: #fff;
  text-decoration: none;
}

.user-top-section .right-block .right-content .race-row {
  width: 95%;
  padding: 1% 1%;
  background-color: #000;
  margin: 1% 5%;
  height: 5vh;
}

.user-top-section .right-block .right-content .race-row .race-col {
  margin: 0;
  font-size: 18px;
  font-weight: bolder;
  text-align: left;
}

.user-top-section .right-block .right-content .race-row .sched-col {
  margin: 0;
  font-size: 18px;
  text-align: left;
}

.user-top-section .right-block .right-content .race-row .sched-col i {
  margin: 0% 3%;
}

.user-top-section .right-block .right-content .full-race-btn {
  width: 95%;
  padding: 1% 5%;
  background-color: #000;
  margin: 1% 5%;
  height: 5vh;
  font-weight: bold;
  color: #fff;
}

.right-s-block .accordion .card {
  background-color: transparent;
  border: none !important;
  border-radius: 0px !important;
}

.right-s-block .accordion .card .divider {
  border-bottom: 1px solid #4d4d4d;
  margin: 0rem 20px;
}

.right-s-block .accordion .card-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 8px 20px;
}

.right-s-block .accordion .card-header h2 {
      font-size: 18px;
}

.right-s-block .accordion .card-header button .fa-times {
  display: none;
}

.right-s-block .accordion .card-header button .fa-plus {
  display: block;
}

.right-s-block .accordion .card-header button:focus {
  outline: none !important;
  box-shadow: none;
}

.right-s-block .accordion .card-header button.open {
  color: #e95720;
}

.right-s-block .accordion .card-header button.open + h2 {
  color: #e95720;
}

.right-s-block .accordion .card-body {
  padding: 0.5rem 1.25rem 1.25rem 1.25rem;
  font-size: 16px;
    color: #888;
}

/* .coin-refer{
 	.right-block{
 		h2{
 			font-size: 40px;
 			font-style: italic;
 			font-weight: bold;
 		}

 		p{
 			margin-right: 20%;
 			font-size: 15px;
 			margin-top: 3%;
 		}

 		ul{
 			list-style: none;
 			li{
 				font-size: 16px;

 				&:before {
 				  content: '✓';
 				}
 			}
 		}

 		.main-container{
 			height: auto;
 			background-color: black;
 			width: 80%;
 			margin: 0;
 			padding: 0;

 			.img-container{
 				background-color: black;
 				height:auto;
 				padding: 2% 2%;
 			}

 			.btn-container{
 				background-color: black;
 				height: auto;
 				padding: 5% 2%;

 				button{
 					height: 100%;
 					width: 100%;
 					border: none;
 					background-color: #E95720;
 					font-size: 13px;

 					a{
 						color: #fff;
 						text-decoration: none;
 					}
 				}
 			}
 		}

 		.balance-container{
 			height: auto;
 			padding: 3% 5%;

 			.balance-header{
 				font-size: 13px;
 				color: #0D6499;
 				padding: 0;
 				margin: 0;
 				height: 2vh;
 			}
 			.balance{
 				font-size: 24px;
 				padding: 0;
 				margin: 0;
 				height: 2vh;
 			}
 		}

 .coin-refer{
 	.right-block{
 		h2{
 			font-size: 40px;
 			font-style: italic;
 			font-weight: bold;

 		p{
 			margin-right: 20%;
 			font-size: 15px;
 			margin-top: 3%;

 		ul{
 			list-style: none;
 			li{
 				font-size: 16px
 				&:before {
 				  content: '✓';
 				}
 			}

 		.main-container{
 			height: auto;
 			background-color: black;
 			width: 80%;
 			margin: 0;
 			padding: 0
 			.img-container{
 				background-color: black;
 				height:auto;
 				padding: 2% 2%;

 			.btn-container{
 				background-color: black;
 				height: auto;
 				padding: 5% 2%
 				button{
 					height: 100%;
 					width: 100%;
 					border: none;
 					background-color: #E95720;
 					font-size: 13px
 					a{
 						color: #fff;
 						text-decoration: none;
 					}
 				}
 			}

 		.balance-container{
 			height: auto;
 			padding: 3% 5%
 			.balance-header{
 				font-size: 13px;
 				color: #0D6499;
 				padding: 0;
 				margin: 0;
 				height: 2vh;
 			}
 			.balance{
 				font-size: 24px;
 				padding: 0;
 				margin: 0;
 				height: 2vh;
 			}
 							p{			margin-right: 20%;
 			font-size: 15px;
 			margin-top: 3%;
 		}

 		ul{
 			list-style: none;
 			li{
 				font-size: 16px;

 				&:before {
 				  content: '✓';
 				}
 			}
 		}

 		.main-container{
 			height: auto;
 			background-color: black;
 			width: 80%;
 			margin: 0;
 			padding: 0;

 			.img-container{
 				background-color: black;
 				height:auto;
 				padding: 2% 2%;
 			}

 			.btn-container{
 				background-color: black;
 				height: auto;
 				padding: 5% 2%;

 				button{
 					height: 100%;
 					width: 100%;
 					border: none;
 					background-color: #E95720;
 					font-size: 13px;

 					a{
 						color: #fff;
 						text-decoration: none;
 					}
 				}
 			}
 		}

 		.balance-container{
 			height: auto;
 			padding: 3% 5%;

 			.balance-header{
 				font-size: 13px;
 				color: #0D6499;
 				padding: 0;
 				margin: 0;
 				height: 2vh;
 			}
 			.balance{
 				font-size: 24px;
 				padding: 0;
 				margin: 0;
 				height: 2vh;
 			}
 		}


 	}

 	.left-block{
 		.img-container{
 			padding: 5% 45%
 		}
 		h2{
 			padding: 5% 0%;
 			text-align: center;
 			font-size: 30px;
 			font-style: italic;
 			font-weight: bold;
 		}
 		p{
 			font-size: 15px;
 			padding: 0% 15%;
 			text-align: center;
 		}
 		.refer-btn{
 			text-align: center;
 			padding: 5% 0%;

			button{
				background-color: #0D6499;
				width: 40%;
				height: 6vh;
				text-transform: uppercase;
				border: none;
				font-size: 15px;

 				a{
 					color: #fff;
 				}
 			}
 		}
 	}
 }


 	.left-block{
 		.img-container{
 			padding: 5% 45%
 		}
 		h2{
 			padding: 5% 0%;
 			text-align: center;
 			font-size: 30px;
 			font-style: italic;
 			font-weight: bold;
 		}
 		p{
 			font-size: 15px;
 			padding: 0% 15%;
 			text-align: center;
 		}
 		.refer-btn{
 			text-align: center;
 			padding: 5% 0%
 			button{
 				background-color: #0D6499;
 				width: 40%;
 				height: 6vh;
 				text-transform: uppercase;
 				border: none;
 				font-size: 15px
 				a{
 					color: #fff;
 				}
 			}
 		}
 	}
 }*/

 .box-daily-block ul {
      list-style: none;
      padding: 0px;
      margin: 20px 0px;
 }

 .box-daily-block ul li {
       padding: 5px 0px;
 }

 .box-daily-block ul li::before {
       font-family: "Font Awesome 5 Free";
       content: "\f058";
       display: inline-block;
       margin-right: 10px;
       color: #e47229;
 }

.subscribe-row .daily-block h2 {
  font-size: 50px;
}

.subscribe-row .daily-block p {
  font-size: 15px;
}

.subscribe-row .daily-block ul {
  padding-left: 0;
  list-style: none;
}

.subscribe-row .daily-block ul li {
  font-size: 16px;
}

.subscribe-row .daily-block ul li:before {
  content: "\2713";
  color: #0d6499;
  margin-left: -29px;
}

.subscribe-row .daily-block .daily-button button {
  background-color: #e85720;
  width: 100%;
  height: 4rem;
  font-size: 18px;
  border: none;
  padding: 0.7rem 0rem;
}

.subscribe-row .daily-block .daily-button button a {
  color: #fff;
}

.subscribe-row .daily-block .daily-button button a img {
  width: 24px;
}

.subscribe-row .daily-block .box-daily-block {
  background-color: #000;
  height: 100%;
  padding: 3rem 2rem;
  margin-top: auto;
  margin-bottom: auto;
}

.subscribe-row .pro-block {
  padding: 0rem 4rem;
}

.subscribe-row .pro-block h2 {
  font-size: 40px;
  text-align: center;
}

.subscribe-row .pro-block p {
  font-size: 15px;
  text-align: center;
}

.subscribe-row .pro-block .row-main-package .monthly-block,
.subscribe-row .pro-block .row-main-package .yearly-block {
  border: 3px solid #000;
  margin-right: 0.5rem;
  width: 100%;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-package-header,
.subscribe-row .pro-block .row-main-package .yearly-block .row-package-header {
  background-color: #000;
  padding: 1rem 0rem;
  margin: 0rem;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-header1,
.subscribe-row .pro-block .row-main-package .yearly-block .row-header1 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  text-align: center;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-header1 h3,
.subscribe-row .pro-block .row-main-package .yearly-block .row-header1 h3 {
  font-weight: 600;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-header2,
.subscribe-row .pro-block .row-main-package .yearly-block .row-header2 {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-header2 span,
.subscribe-row .pro-block .row-main-package .yearly-block .row-header2 span {
  font-size: 24px;
  font-weight: bold;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-header2 img,
.subscribe-row .pro-block .row-main-package .yearly-block .row-header2 img {
  width: 48px;
  height: auto;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-list,
.subscribe-row .pro-block .row-main-package .yearly-block .row-list {
  padding: 1rem 1.5rem 0.5rem 1.5rem;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-list ul,
.subscribe-row .pro-block .row-main-package .yearly-block .row-list ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0rem;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-list ul li,
.subscribe-row .pro-block .row-main-package .yearly-block .row-list ul li {
  font-size: 16px;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-list ul li:before,
.subscribe-row .pro-block .row-main-package .yearly-block .row-list ul li:before {
  content: "\2713";
  color: #0d6499;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-see-all,
.subscribe-row .pro-block .row-main-package .yearly-block .row-see-all {
  padding: 0rem 1.5rem 1rem 1.5rem;
}

.subscribe-row .pro-block .row-main-package .monthly-block .row-see-all a,
.subscribe-row .pro-block .row-main-package .yearly-block .row-see-all a {
  text-decoration: none;
  color: #6b6c6c;
  text-align: left;
}

.subscribe-row .pro-block .row-main-package .monthly-block .container-header,
.subscribe-row .pro-block .row-main-package .yearly-block .container-header {
  margin-top: 0;
  background-color: #000;
}

.subscribe-row .pro-block .monthy-year-button {
  display: flex;
  text-align: center;
  justify-content: center;
  margin: 1.5rem;
}

.subscribe-row .pro-block .monthy-year-button button {
  background-color: #0d6499;
  border: none;
  padding: 0.7rem 4rem;
}

.subscribe-row .pro-block .monthy-year-button button a {
  color: #fff;
  text-decoration: none;
}

#referModal .modal-content {
  background-color: #000;
  color: #fff;
}

#referModal .modal-content .modal-header {
  border: none;
}

#referModal .modal-content .modal-header button {
  width: 1px;
  height: 1px;
  padding: 0px 30px;
  background: #000 !important;
  color: #fff;
}

#referModal .modal-content .modal-body h5 {
  width: 100%;
  text-align: center;
}

#referModal .modal-content .modal-body h5 img {
  width: 20%;
}

#referModal .modal-content .modal-body .c-block h2 {
  font-size: 30px;
  font-style: italic;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 0 20%;
}

#referModal .modal-content .modal-body .c-block .r-block {
  width: 100%;
  font-size: 15px;
  text-align: center;
  padding: 2% 15%;
}

#referModal .modal-content .modal-body .s-block {
  padding: 2% 30%;
}

#referModal .modal-content .modal-body .f-block {
  padding: 2% 5%;
  text-align: center;
}

#referModal .modal-content .modal-body .f-block .f-block-l h3 {
  font-size: 11px;
  font-weight: bold;
}

#referModal .modal-content .modal-body .f-block .f-block-l img {
  width: 20%;
}

#referModal .modal-content .modal-body .f-block .f-block-l span {
  font-size: 18px;
}

#referModal .modal-content .modal-body .f-block .f-block-r h3 {
  font-size: 11px;
  font-weight: bold;
}

#referModal .modal-content .modal-body .f-block .f-block-r p {
  font-size: 18px;
}

.right-pro-block h2 {
  font-size: 40px;
  font-style: italic;
  font-weight: bolder;
}

.right-pro-block .sub-content {
  border: none;
}

.right-pro-block p {
  border-top: solid 1px #302f2f;
  border-bottom: solid 1px #302f2f;
}

.right-pro-block .f-v {
  margin-top: 10vh;
}

.left-pro-block .col-md-8 {
  background-color: #7b3d0c;
  padding: 1.5vh 19vh;
}

.left-pro-block h4 {
  font-weight: 600;
}

.left-pro-block h2 {
  font-weight: 600;
  padding: 1vh 2vw;
  text-align: center;
}

.left-pro-block .sub-content {
  border: none;
  text-align: center;
  margin-top: -10%;
}

.left-pro-block .sub-content img {
  width: 30%;
}

.left-pro-block .sub-content-img {
  border: none;
  text-align: center;
  margin-top: -6%;
}

.left-pro-block .sub-content-img img {
  width: 20%;
}

.left-pro-block p {
  border-top: solid 1px #302f2f;
  border-bottom: solid 1px #302f2f;
  text-align: center;
}

.left-pro-block .f-p {
  margin-top: 6vh;
}

.pointe-block-3 {
  width: 100%;
  border-bottom: none;
  position: relative;
  background-color: #1f1f1f;
}

.pointe-block-3:after,
.pointe-block-3:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 5rem 1rem 5rem;
  border-color: #ffffff00 transparent transparent transparent;
  top: 100%;
  left: -1px;
  position: absolute;
}

.pointe-block-3:after {
  border-color: #1f1f1f transparent transparent transparent;
  top: calc(100% - 1px);
}

.pointe-block-4 {
  width: 100%;
  border-bottom: none;
  position: relative;
  background-color: #1f1f1f;
}

.pointe-block-4:after,
.pointe-block-4:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 6.99rem 1rem 6rem;
  border-color: #ffffff00 transparent transparent transparent;
  top: 100%;
  left: -1px;
  position: absolute;
}

.pointe-block-4:after {
  border-color: #1f1f1f transparent transparent transparent;
  top: calc(100% - 1px);
}

.coins-sect .main-row .col-12 {
  font-size: 26px;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
}

.coins-sect .main-row .col-12 button {
  font-size: 13px;
  height: 5vh;
  background-color: #e95720;
  color: #fff;
  border: none;
  width: 100%;
}

.coins-sect .main-row .cost-sect {
  padding-left: 0;
  padding-right: 0;
  padding-top: 1%;
}

.coins-sect .main-row .p-sect {
  padding-left: 0;
  padding-right: 5%;
  padding-top: 2%;
}

.full-race-program {
  height: auto;
  background-color: #1c1c1c;
  color: #fff;
  /*By default hidden*/
  /*display: none;*/
}

.full-race-program .full-prog-block {
  padding: 5vh 10vw;
}

.full-race-program .full-prog-block .header h2 {
  font-size: 40px;
  font-style: italic;
  font-weight: bolder;
}

.full-race-program .full-prog-block .btn-container {
  text-align: center;
  border: 1px solid #404040;
  /*padding: .5vh;*/
  cursor: pointer;
}

.full-race-program .full-prog-block .btn-container h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.full-race-program .full-prog-block .btn-container p {
  font-size: 15px;
  margin: 0;
}

.full-race-program .full-prog-block .active {
  border: solid 1px #e95720 !important;
  background-color: #e95720;
}

.full-race-program .card-body {
  background-color: #1c1c1c;
}

.full-race-program .card-body .race-tbl {
  border: red solid 1px !important;
}

.full-race-program .card-body .race-tbl td,
.full-race-program .card-body .race-tbl th {
  border: solid 1px black;
}

.full-race-program .race-accordion {
  margin: 0px;
  width: 100%;
  padding: 5% 1%;
}

.full-race-program .race-accordion h5 {
  color: #fff !important;
  float: left;
  font-weight: bold;
}

.full-race-program .race-accordion p {
  margin: 0 10%;
  font-size: 18px;
  color: #fff !important;
}

.full-race-program .race-accordion .card {
  border: none;
}

.full-race-program .race-accordion .card .card-header {
  background-color: #0d6499;
}

.full-race-program .race-accordion .card .collapse {
  background-color: #000;
}

.full-race-program .race-accordion #accordionInner .card-header {
  background-color: #000;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

.full-race-program .race-accordion #accordionInner .card-header .numberCircle {
  border-radius: 50%;
  padding: 8px;
  background: #fff;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}

.full-race-program .race-accordion #accordionInner .show {
  background-color: #1f1f1f;
}

.full-race-program .race-accordion #accordionInner .green-tip:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 10px 12px;
  border-color: transparent transparent #808004 transparent;
  left: 16.1vw;
  top: 5vh;
}

.full-race-program .race-accordion #accordionInner .red-tip:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 10px 12px;
  border-color: transparent transparent red transparent;
  left: 17.7vw;
  top: 5vh;
}

.full-race-program .race-accordion #accordionInner .blue-tip:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 10px 12px;
  border-color: transparent transparent blue transparent;
  left: 19.5vw;
  top: 5vh;
}

.full-race-program .race-accordion #accordionInner .inner-inner-tab {
  background-color: #1f1f1f;
  color: #fff;
  border: none;
}

.full-race-program .race-accordion #accordionInner .inner-inner-tab span {
  font-size: 15px;
}

.full-race-program .race-accordion #accordionInner .inner-inner-tab .active {
  background-color: #1f1f1f;
  border: none;
}

.full-race-program .race-accordion #accordionInner .inner-inner-tab.active span {
  text-decoration: underline;
  text-underline-position: under;
  -webkit-text-decoration-color: red;
          text-decoration-color: red;
  background-color: #1f1f1f;
  border: none;
}

.header-bg-color {
  background-color: #333;
}

.border-right-black {
  border-right: 4px solid #000;
}

.border-left {
  border-left: 2px solid #6c757d80;
}

.pro-package-3 {
  display: none !important;
}

.pro-package-mobile {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pro-package-mobile .header-package {
  font-size: 40px;
}

.pro-package-mobile .sub-header-package {
  font-weight: normal;
  margin: 1rem 0rem;
}

.pro-package-mobile .daily-package,
.pro-package-mobile .pro-package {
  text-align: center;
  border: 1px solid #3d4244;
  padding-bottom: 1rem;
}

.pro-package-mobile .daily-package .daily-package-header .header-title,
.pro-package-mobile .pro-package .daily-package-header .header-title {
  font-weight: bold;
  padding: 1rem 2.5rem 0rem 2.5rem;
}

.pro-package-mobile .daily-package .daily-package-header .header-sub-title,
.pro-package-mobile .pro-package .daily-package-header .header-sub-title {
  font-size: 20px;
}

.pro-package-mobile .daily-package .daily-package-header .header-sub-title img,
.pro-package-mobile .pro-package .daily-package-header .header-sub-title img {
  height: 38px;
  width: auto;
  margin-right: 0.5rem;
}

.pro-package-mobile .daily-package .pointed-block,
.pro-package-mobile .pro-package .pointed-block {
  width: 100%;
  position: relative;
}

.pro-package-mobile .daily-package .pointed-block:after,
.pro-package-mobile .pro-package .pointed-block:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding-bottom: 2.5rem;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.pro-package-mobile .daily-package .bg-daily,
.pro-package-mobile .pro-package .bg-daily {
  background-color: #3d4244 !important;
}

.pro-package-mobile .daily-package .bg-daily:after,
.pro-package-mobile .pro-package .bg-daily:after {
  background-color: #3d4244 !important;
}

.pro-package-mobile .daily-package .bg-pro,
.pro-package-mobile .pro-package .bg-pro {
  background-color: #4a4a4a !important;
}

.pro-package-mobile .daily-package .bg-pro:after,
.pro-package-mobile .pro-package .bg-pro:after {
  background-color: #4a4a4a !important;
}

.pro-package-mobile .package-items {
  margin: 0.25rem 1rem;
  border-bottom: 1px solid #3d4244;
}

.pro-package-mobile .package-items .package-item {
  margin: 0.7rem 0rem;
  text-align: left;
}

.pro-package-mobile .package-items .package-check {
  color: #156290;
  margin: 0.5rem 0rem 0.5rem 2rem;
}

.pro-package-mobile .plus-package {
  text-align: center;
  margin: 2rem 0rem;
}

.pro-package-mobile .plus-package img {
  height: 72px;
  width: auto;
}

.pro-package-mobile .pro-subscription-label {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  background-color: #4a280d;
  color: #896c57;
  padding: 0.75rem 0rem;
  margin-bottom: 0.25rem;
}

.pro-package-mobile .subscribe-btn {
  height: 58px;
  width: 100%;
  background-color: #e95720;
  color: #fff;
  border: none;
  margin-top: 2rem;
}

.pro-package-2 table {
  width: 100%;
}

.pro-package-2 table thead .pro-subs-header {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  background-color: #4a280d;
  color: #896c57;
  padding: 0.5rem 0rem;
}

.pro-package-2 table thead .header-package-main-col {
  width: 50% !important;
  /* border-right: .5px solid #fff;*/
  border-bottom: 1px solid #3d4244;
}

.pro-package-2 table thead .header-package-main-col h2 {
  font-size: 40px;
}

.pro-package-2 table thead .header-package-main-col p {
  font-weight: normal;
  margin-bottom: 0.25rem;
}

.pro-package-2 table thead .header-packages-col {
  width: 21% !important;
  text-align: center;
}

.pro-package-2 table thead .header-packages-col p {
  margin: 0;
}

.pro-package-2 table thead .header-packages-col .header-text {
  font-weight: bold;
  padding: 1rem 2.5rem 0rem 2.5rem;
}

.pro-package-2 table thead .header-packages-col .sub-content {
  font-size: 20px;
}

.pro-package-2 table thead .header-packages-col .sub-content img {
  height: 38px;
  width: auto;
  margin-right: 0.5rem;
}

.pro-package-2 table thead .header-blank-col {
  width: 2.5rem;
  text-align: center;
}

.pro-package-2 table thead .header-blank-col img {
  position: absolute;
  z-index: 100;
  margin-left: -2rem;
  margin-top: -1.5rem;
  height: 56px;
  width: auto;
}

.pro-package-2 table thead .sub-content img {
  width: 30%;
}

.pro-package-2 table tbody tr .col-check {
  text-align: center;
  background-color: #0000006e;
  color: #0d6499;
  font-weight: 700;
}

.pro-package-2 table tbody tr .col-check p {
  font-size: 16px !important;
}

.pro-package-2 table tbody tr td {
  border-right: 1px solid #3d4244;
  border-bottom: 1px solid #3d4244;
}

.pro-package-2 table tbody tr td p {
  font-weight: bold;
  margin: 0.7rem 0rem;
}

.pro-package-2 table tbody tr .content-blank-col {
  border-bottom: none;
}

.pro-package-2 table tbody tr .subscribe-btn {
  height: 58px;
  width: 100%;
  background-color: #e95720;
  color: #fff;
  border: none;
}

/*.pointed-block {
 	width: 100%;
 	border-bottom: none;
 	position: relative;
 	background-color: #1F1F1F;


 }
 .pointed-block:after, .pointed-block:before {
 	content: "";
 	width: 100%;
 	height: 0;
 	border-style: solid;
 	border-width: 2.5rem 5.5rem 2.5rem 5.5rem;
 	border-color: #ffffff00 transparent transparent transparent;
 	top: 100%;
 	left: -1px;
 	position: absolute;
 }
 .pointed-block:after {
 	border-color: #1F1F1F transparent transparent transparent;
 	top: calc(100% - 1px);

 }*/

.pointed-block-daily {
  background: #1f1f1f;
  width: 93%;
  position: relative;
}

.pointed-block-daily:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding-bottom: 10%;
  background: #1f1f1f;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.pointed-block {
  background: #4a4a4a;
  width: 93%;
  position: relative;
}

.pointed-block:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding-bottom: 10%;
  background: #4a4a4a;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

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

.star {
  height: 30px;
  width: 30px;
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  text-align: center;
  background: yellow;
  color: black;
  font-size: 10px;
  cursor: pointer;
}

.star::before {
  display: inline-block;
  height: 100%;
  background: blue;
  vertical-align: middle;
  content: "";
}

.star-blank {
  height: 30px;
  width: 30px;
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  text-align: center;
  background: #363636cc;
  color: black;
  font-size: 10px;
  cursor: pointer;
}

.star-blank::before {
  display: inline-block;
  height: 100%;
  background: blue;
  vertical-align: middle;
  content: "";
}

/* old */

.previous-accordion {
  margin: 0px;
  width: 100%;
  padding: 5% 1%;
  display: none;
}

.previous-accordion .accordion {
  width: 100%;
}

.previous-accordion .accordion .card {
  border: none;
}

.previous-accordion .accordion .card-header {
  background-color: #0d6499;
}

.previous-accordion .accordion .card-header table {
  width: 40%;
  color: #fff;
}

.previous-accordion .accordion .card-header table .td-2 {
  width: 15%;
}

.previous-accordion .accordion .card-header table .td-3 {
  width: 25%;
  text-align: right;
  padding: 0 1%;
}

.previous-accordion .accordion .card-header table .td-4 {
  width: 5%;
  text-align: center;
}

.previous-accordion .accordion .card-header table .td-5 {
  width: 10%;
}

.previous-accordion .accordion .card-header table .td-6 {
  width: 10%;
  text-align: center;
}

.previous-accordion .accordion .card-header table .td-7 {
  width: 10%;
}

.previous-accordion .accordion .card-header table .td-9 {
  width: 10%;
}

/* new */

.previous-accordion .accordion {
  background-color: #0d6499;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.previous-accordion .panel {
  padding: 0 18px;
  display: none;
  background-color: #0f1010 !important;
  overflow: hidden !important;
  width: 100%;
  padding: 3% 4% !important;
}

.previous-accordion .panel .row .tbl-sub-header1 {
  width: 70%;
}

.previous-accordion .panel .row .tbl-sub-header1 tbody tr {
  display: inline-block;
}

.previous-accordion .panel .row .tbl-sub-header1 tbody tr:first-child {
  width: 17%;
}

.previous-accordion .panel .row .tbl-sub-header1 tbody tr:first-child td {
  width: 100%;
}

.previous-accordion .panel .row .tbl-sub-header1 tbody tr:nth-child(2) {
  width: 80%;
}

.previous-accordion .panel .row .tbl-sub-header1 tbody tr:nth-child(2) td:first-child {
  width: 85%;
}

.previous-accordion .panel .row .tbl-sub-header1 tbody tr:nth-child(2) td:nth-child(2) {
  width: 100%;
}

.previous-accordion .panel .row .tbl-sub-header2 {
  width: 60%;
}

.previous-accordion .panel .row .tbl-sub-header2 tbody tr {
  display: inline-flex;
  width: 39%;
}

.previous-accordion .panel .row .tbl-sub-header2 tbody tr:first-child td {
  width: 50%;
  border-right: 1px solid #5a5a5a;
}

.previous-accordion .panel .row .tbl-sub-header2 tbody tr:first-child td:nth-child(2) {
  text-align: center;
}

.previous-accordion .panel .row .tbl-sub-header2 tbody tr:nth-child(2) td {
  width: 50%;
  text-align: center;
}

.previous-accordion .panel .row .tbl-sub-header2 tbody tr:nth-child(2) td:first-child {
  border-right: 1px solid #5a5a5a;
}

.previous-accordion .panel .row .tbl-prev-race-details {
  width: 100%;
  margin-top: 2%;
  margin-bottom: 2%;
  table-layout: fixed;
  color: #000;
}

.previous-accordion .panel .row .tbl-prev-race-details thead tr th {
  font-weight: 700;
  height: 39px;
}

.previous-accordion .panel .row .tbl-prev-race-details thead tr th:first-child {
  text-align: center;
  width: 7%;
}

.previous-accordion .panel .row .tbl-prev-race-details thead tr th:nth-child(2) {
  text-align: center;
  width: 7%;
}

.previous-accordion .panel .row .tbl-prev-race-details thead tr th:nth-child(3) {
  text-align: center;
  width: 7%;
}

.previous-accordion .panel .row .tbl-prev-race-details thead tr th:nth-child(n+4) {
  padding: 0% 5%;
}

.previous-accordion .panel .row .tbl-prev-race-details tbody tr td {
  height: 39px;
}

.previous-accordion .panel .row .tbl-prev-race-details tbody tr td:first-child {
  text-align: center;
}

.previous-accordion .panel .row .tbl-prev-race-details tbody tr td:nth-child(2) {
  text-align: center;
}

.previous-accordion .panel .row .tbl-prev-race-details tbody tr td:nth-child(3) {
  text-align: center;
}

.previous-accordion .panel .row .tbl-prev-race-details tbody tr td:nth-child(n+4) {
  padding: 0% 5%;
}

.previous-accordion .panel .row .btn-replay {
  border-radius: 50%;
  background-color: #e95720;
  color: #fff;
  border: transparent;
}

.previous-accordion .panel .row .btn-replay:hover + .a-replay {
  text-decoration: underline;
}

.previous-accordion .panel .row .a-replay {
  color: #e95720;
  text-decoration: underline;
}

.previous-accordion .panel .row .a-replay:link {
  color: #e95720;
  text-decoration: none;
}

.previous-accordion .panel .row .a-replay:hover {
  text-decoration: underline;
}

.tbl-bordered-bottom th {
  border-bottom: 1px solid #91969b !important;
}

.tbl-bordered-bottom td {
  border-bottom: 1px solid #91969b !important;
}

.display-mb {
  display: none;
}

.trainer-section .search-trainer-area {
  width: 100%;
}

.trainer-section .search-trainer-area .input-group {
  background-color: #262626;
}

.trainer-section .search-trainer-area .input-group #trainerInput {
  background: #262626;
  color: #fff;
  border-color: #262626;
}

.trainer-section .search-trainer-area .trainer-btn {
  width: 100%;
  color: #fff;
  border-radius: 0;
  background-color: #e6581f;
  border-color: #e6581f;
}

.jockey-section {
  padding: 1% 0%;
  background-color: #0f1010;
}

.jockey-section .search-jockey-area {
  width: 100%;
}

.jockey-section .search-jockey-area .input-group {
  background-color: #262626;
}

.jockey-section .search-jockey-area .input-group #jockeyInput {
  background: #262626;
  color: #fff;
  border-color: #262626;
}

.jockey-section .search-jockey-area .select-season {
  width: 100%;
  background-color: #262626;
  border-color: #262626;
  color: #fff;
  border-radius: 0;
}

.jockey-section .search-jockey-area .jockey-btn {
  width: 100%;
  color: #fff;
  border-radius: 0;
  background-color: #e6581f;
  border-color: #e6581f;
}

#trainerTable {
  width: 100%;
  color: #fff;
}

#trainerTable thead {
  background-color: #000 !important;
}

#trainerTable thead th {
  text-align: center !important;
  width: 12% !important;
  font-size: 13px;
}

#trainerTable tbody tr {
  text-align: center !important;
  font-size: 13px;
}

#trainerTable tbody tr:nth-child(odd) td {
  background-color: #1d1c1c !important;
}

#trainerTable tbody tr:nth-child(even) td {
  background-color: #3f3e3e !important;
}

.table-jockey-container {
  background-color: #0f1010;
  color: #fff;
}

.table-jockey-container .table-dp-sorter {
  float: right;
  width: 35%;
}

.table-jockey-container .table-dp-sorter label {
  float: left;
  margin: 0;
  margin-top: 4%;
  color: #ababab;
  width: 28%;
}

.table-jockey-container .table-dp-sorter .filter-jockey {
  width: 80%;
  color: #fff;
  border-radius: 0;
  background-color: #0f1010;
  border-color: #0f1010;
  padding-bottom: 0;
  padding-top: 3%;
  text-align: center;
}

.owner-section {
  padding: 1% 0%;
  background-color: #0f1010;
}

.owner-section .search-owner-area {
  width: 100%;
}

.owner-section .search-owner-area .input-group {
  background-color: #262626;
}

.owner-section .search-owner-area .input-group #ownerInput {
  background: #262626;
  color: #fff;
  border-color: #262626;
}

.owner-section .search-owner-area .select-season {
  width: 100%;
  background-color: #262626;
  border-color: #262626;
  color: #fff;
  border-radius: 0;
}

.owner-section .search-owner-area .owner-btn {
  width: 100%;
  color: #fff;
  border-radius: 0;
  background-color: #e6581f;
  border-color: #e6581f;
}

#ownerTable {
  width: 100%;
  color: #fff;
}

#ownerTable thead {
  background-color: #000 !important;
}

#ownerTable thead th {
  text-align: center !important;
  width: 12% !important;
  font-size: 13px;
}

#ownerTable tbody tr {
  text-align: center !important;
  font-size: 13px;
}

#ownerTable tbody tr:nth-child(odd) td {
  background-color: #1d1c1c !important;
}

#ownerTable tbody tr:nth-child(even) td {
  background-color: #3f3e3e !important;
}

#tblownerhorse {
  width: 100%;
  color: #fff;
}

#tblownerhorse thead th {
  text-align: center !important;
  width: 10% !important;
  height: 35px;
  font-size: 13px;
}

#tblownerhorse tbody tr {
  text-align: center !important;
  font-size: 13px;
}

#tblownerhorse tbody tr:nth-child(odd) td {
  background-color: #ffffff !important;
  color: #212529 !important;
}

#tblownerhorse tbody tr:nth-child(even) td {
  background-color: #f2f2f2 !important;
  color: #212529 !important;
}

#horseTable {
  width: 100%;
  color: #fff;
  border-color: transparent !important;
}

#horseTable thead {
  border-color: transparent !important;
}

#horseTable thead tr th {
  text-align: center;
  background-color: #000;
  width: 11% !important;
  font-size: 13px;
}

#horseTable thead tr th:first-child {
  text-align: left;
}

#horseTable tbody .even {
  background-color: #181818;
}

#horseTable tbody .odd {
  background-color: #222222;
}

#horseTable tbody tr td:nth-child(3) {
  /*background-color: #001E32;*/
}

#horseTable tbody tr td:nth-child(2) a {
  cursor: pointer;
  color: #e95720;
  text-decoration: none;
}

#horseTable tbody tr td:nth-child(1) a {
  cursor: pointer;
  color: #c6c6c6;
  text-decoration: none;
}

#horseTable tbody tr td:nth-child(5) a {
  cursor: pointer;
  color: #c6c6c6;
  text-decoration: none;
}

#horseTable tbody tr td:nth-child(6) a {
  cursor: pointer;
  color: #c6c6c6;
  text-decoration: none;
}

#horseTable tbody tr td {
  text-align: center;
  color: #c6c6c6;
  font-size: 13px;
}

#horseTable tbody tr td:first-child {
  text-align: left;
}

#horseTable tr:nth-child(odd) td {
  background-color: #1d1c1c;
}

#horseTable tr:nth-child(even) td {
  background-color: #3f3e3e;
}

.horses-section {
  padding: 1% 0%;
  background-color: #0f1010;
  width: 100%;
}

.horses-section .search-horse-area {
  width: 100%;
}

.horses-section .search-horse-area .input-group {
  background-color: #262626;
}

.horses-section .search-horse-area .input-group #horseInput {
  background: #262626;
  color: #fff;
  border-color: #262626;
}

.horses-section .search-horse-area .select-season {
  width: 100%;
  background-color: #262626;
  border-color: #262626;
  color: #fff;
  border-radius: 0;
}

.horses-section .search-horse-area .horse-btn {
  width: 100%;
  color: #fff;
  border-radius: 0;
  background-color: #e6581f;
  border-color: #e6581f;
}

.table-horse-container {
  padding: 1% 0%;
  background-color: #0f1010;
  color: #fff;
}

.table-horse-container .table-dp-sorter {
  float: right;
  width: 28%;
}

.table-horse-container .table-dp-sorter label {
  float: left;
  margin: 0;
  margin-top: 4%;
  color: #ababab;
  width: 28%;
}

.table-horse-container .table-dp-sorter .filter-horses {
  width: 80%;
  color: #fff;
  border-radius: 0;
  background-color: #0f1010;
  border-color: #0f1010;
  padding-bottom: 0;
  text-align: center;
}

.table-horse-container .table-dp-sorter select option {
  background-color: transparent;
}

.table-horse-container .pagination-header {
  margin-bottom: 0;
  padding-top: 1%;
}

.table-horse-container .sort-label {
  float: right;
  margin-bottom: 0;
  padding-top: 3%;
  color: #c6c6c6;
}

.table-horse-container .filter-horse {
  background-color: #0f1010;
  border-radius: 0;
  border: none;
  color: #fff;
}

.table-horse-container .filter-horses {
  width: 80%;
  color: #fff;
  border-radius: 0;
  background-color: #0f1010;
  border-color: #0f1010;
  padding-bottom: 0;
  padding-top: 3%;
  text-align: center;
}

.full-race-prog-container {
  padding: 1rem;
  background-color: #000;
}

.full-race-prog-container .full-race-prog-header h2 {
  font-size: 30px;
}

.full-race-prog-container .full-race-prog-header .btn-container .active {
  background-color: #e6581f;
}

.full-race-prog-container .full-race-prog-header .btn-container button {
  padding: 1rem;
  background-color: transparent;
  color: #fff;
  border: 1px solid #404040;
  margin: 0rem 0.25rem;
}

.full-race-prog-container .full-race-prog-header .btn-container button h5 {
}

.full-race-prog-container .full-race-prog-header .btn-container button p {
  font-size: 12px;
  margin-bottom: 0rem;
}

.full-race-prog-container .full-race-prog-header .btn-calendar {
  width: 100%;
  height: 100%;
  background-color: #494949;
  color: #fff;
  border: none;
  padding: 1rem;
  text-align: center;
  min-width: 52px;
  min-height: 52px;
}

.full-race-prog-container .full-race-prog-header .btn-calendar span {
  font-size: 24px;
  margin-left: auto;
  margin-right: auto;
}

.full-race-prog-container .full-race-prog-header .btn-calendar h5 {
  margin-top: auto;
  margin-bottom: auto;
  display: none;
}

.full-race-prog-container .full-race-prog-subscription {
  background-color: #171717;
  margin: 0.75rem 0rem;
  padding: 1rem 1.5rem;
}

.full-race-prog-container .full-race-prog-subscription img {
  height: 77px;
  width: auto;
  margin-right: 1rem;
}

.full-race-prog-container .full-race-prog-subscription .full-race-prog-subscription-label {
  font-size: 18px;
}

.full-race-prog-container .full-race-prog-subscription .full-race-prog-subscription-days-left {
  color: #e6581f;
  font-size: 24px;
}

.full-race-prog-container .full-race-prog-subscription .full-race-prog-subscription-description {
}

.full-race-prog-container .full-race-prog-subscription .full-race-prog-subscription-description a {
  color: #8e6854;
}

.full-race-prog-container .tbl-last-five-race {
  table-layout: fixed;
  white-space: nowrap;
}

.full-race-prog-container .tbl-last-five-race tbody {
  overflow: auto;
}

.full-race-prog-container .tbl-last-five-race th {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  width: 100px;
}

.full-race-prog-container .tbl-last-five-race td {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.full-race-prog-container .tbl-last-five-dist {
  table-layout: fixed;
  white-space: nowrap;
}

.full-race-prog-container .tbl-last-five-dist tbody {
  overflow: auto;
}

.full-race-prog-container .tbl-last-five-dist th {
  padding: 1px 5px 1px;
  text-align: center;
  width: 100px;
}

.full-race-prog-container .tbl-last-five-dist td {
  padding: 1px 5px 1px;
}

.full-race-prog-container .tbl-horse,
.full-race-prog-container .tbl-last-five-jockey,
.full-race-prog-container .tbl-last-five-trainer,
.full-race-prog-container .tbl-last-five-owner {
  padding: 0.5rem 1rem;
  background-color: gainsboro;
  height: auto;
  width: 100%;
  color: #1d1d1d;
  display: flex;
  flex-wrap: wrap;
}

.full-race-prog-container .tbl-horse .container-info,
.full-race-prog-container .tbl-last-five-jockey .container-info,
.full-race-prog-container .tbl-last-five-trainer .container-info,
.full-race-prog-container .tbl-last-five-owner .container-info {
  width: 100%;
  padding: 0.25rem 1rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.full-race-prog-container .tbl-horse .container-info .profile-name,
.full-race-prog-container .tbl-last-five-jockey .container-info .profile-name,
.full-race-prog-container .tbl-last-five-trainer .container-info .profile-name,
.full-race-prog-container .tbl-last-five-owner .container-info .profile-name {
  font-size: 32px;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 0.5rem;
}

.full-race-prog-container .tbl-horse .container-info .left-panel,
.full-race-prog-container .tbl-last-five-jockey .container-info .left-panel,
.full-race-prog-container .tbl-last-five-trainer .container-info .left-panel,
.full-race-prog-container .tbl-last-five-owner .container-info .left-panel {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}

.full-race-prog-container .tbl-horse .container-info .right-panel,
.full-race-prog-container .tbl-last-five-jockey .container-info .right-panel,
.full-race-prog-container .tbl-last-five-trainer .container-info .right-panel,
.full-race-prog-container .tbl-last-five-owner .container-info .right-panel {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}

.full-race-prog-container .tbl-horse .container-info .panel-label,
.full-race-prog-container .tbl-last-five-jockey .container-info .panel-label,
.full-race-prog-container .tbl-last-five-trainer .container-info .panel-label,
.full-race-prog-container .tbl-last-five-owner .container-info .panel-label {
  width: 50%;
}

.full-race-prog-container .tbl-horse .container-info .panel-label div,
.full-race-prog-container .tbl-last-five-jockey .container-info .panel-label div,
.full-race-prog-container .tbl-last-five-trainer .container-info .panel-label div,
.full-race-prog-container .tbl-last-five-owner .container-info .panel-label div {
  margin-bottom: 0.25rem;
}

.full-race-prog-container .tbl-horse .container-info .panel-label-info,
.full-race-prog-container .tbl-last-five-jockey .container-info .panel-label-info,
.full-race-prog-container .tbl-last-five-trainer .container-info .panel-label-info,
.full-race-prog-container .tbl-last-five-owner .container-info .panel-label-info {
  width: 50%;
}

.full-race-prog-container .tbl-horse .container-info .panel-label-info div,
.full-race-prog-container .tbl-last-five-jockey .container-info .panel-label-info div,
.full-race-prog-container .tbl-last-five-trainer .container-info .panel-label-info div,
.full-race-prog-container .tbl-last-five-owner .container-info .panel-label-info div {
  margin-bottom: 0.25rem;
}

.full-race-prog-container .main-container {
  margin: 0% 5%;
  padding: 2% 3%;
  background-color: #000;
}

.full-race-prog-container .previous-accordion .accordion {
  margin-top: 1%;
}

.full-race-prog-container .previous-accordion .panel {
  background-color: #fff !important;
  color: #000;
}

.full-race-prog-container .row-race-accordion {
  width: 100%;
  margin-top: 1.5rem 0rem 0rem 0rem !important;
  padding: 0rem;
}

.full-race-prog-container .row-race-accordion .announcement {
  background-color: #fff;
  color: #000;
  height: auto;
  padding: 0rem 1.5rem 0.5rem 1.5rem;
}

.full-race-prog-container .row-race-accordion .announcement .announcement-header {
  background-color: #494949;
  padding: 0.75rem 1rem;
  font-size: 18px;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.full-race-prog-container .row-race-accordion .announcement .announcement-item {
  width: 100%;
  margin: 0.5rem 0rem;
}

.full-race-prog-container .row-race-accordion .announcement .announcement-item .announcement-label {
  color: #0d6499;
  font-size: 18px;
}

.full-race-prog-container .row-race-accordion .announcement .announcement-item ul {
  padding-left: 0.2rem;
  list-style: none;
}

.full-race-prog-container .row-race-accordion .announcement .announcement-item ul li {
}

.full-race-prog-container .row-race-accordion .announcement .announcement-item ul li::before {
  content: "\2022   ";
  color: gray;
}

.full-race-prog-container .row-race-accordion .main-bet-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 1.25rem;
}

.full-race-prog-container .row-race-accordion .main-bet-header > * {
      display: inline-block;
      width: auto !important;
}

.full-race-prog-container .row-race-accordion .main-bet-header .sub-bet-header {
  margin-right: 2rem;
  padding: 0.25rem;
}

.full-race-prog-container .row-race-accordion .accordion {
  background-color: #0d6499;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top: 0.75rem;
}

.full-race-prog-container .row-race-accordion .accordion .row .race-age:before {
  content: "\2022";
  margin: 0rem 0.5rem;
}

.full-race-prog-container .row-race-accordion .accordion .row div::after {
  content: "\2022";
  margin: 0rem 0.5rem;  
}

.full-race-prog-container .row-race-accordion .accordion .row div:last-child:after {
  content: "";
}

.full-race-prog-container .row-race-accordion .accordion .accordion-race-title {
  min-width: 157px;
  width: auto;
}

.full-race-prog-container .row-race-accordion .accordion .accordion-race-time-distance,
.full-race-prog-container .row-race-accordion .accordion .x-bet,
.full-race-prog-container .row-race-accordion .accordion .race-age {
  width: auto;
}

.full-race-prog-container .row-race-accordion .accordion .accordion-race-time-distance .divider {
  margin: 0rem 0.25rem;
}

.full-race-prog-container .row-race-accordion .panel {
  padding: 0 18px 18px 18px;
  display: none;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  color: #000;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion.active {
  background-color: #ebebeb;
  padding: 1rem 1.25rem;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion.active hr {
  display: none;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion {
  background-color: transparent;
  padding: 0 0.5rem;
  margin-top: 0.5rem;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion hr {
  margin-top: 0rem;
  margin-bottom: 0.7rem;
  border: 0;
  border-top: 1px solid #d3d3d3;
  width: 100%;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion-right-panel {
  margin: auto 0rem;
  padding: 0rem;
  font-size: 13px;
  text-align: right;
  min-width: 64px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion-right-panel span {
  margin-top: auto;
  margin-bottom: auto;
}

.fa-star-o:before {
      content: "\F006";
}

.star-color {
      color: #e8c341;
  }
  .fa-2x {
      font-size: 2em;
  }

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion {
  background-color: transparent;
  cursor: pointer;
  padding: 0rem;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel {
  margin: 0rem;
  padding: 0rem;
  color: #000;
  text-align: left;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel {
  margin-right: 2.25rem;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel #horse-id,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel #horse-id {
  width: 35px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-indicator,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-indicator {
  width: 24px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-star,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-star {
  width: 24px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .horse-name,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .horse-name {
  width: 200px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-jockey-name,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-jockey-name {
  width: 200px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-jockey-jrte,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-jockey-jrte {
  width: 60px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-horse-besttime,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-horse-besttime {
  width: 60px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1:focus,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel:focus {
  text-transform: none;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 .display-desk-name,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel .display-desk-name {
  width: auto;
  min-width: 12rem;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 .display-desk,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel .display-desk {
  width: auto;
  min-width: 4rem;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 div,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 span,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel div,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel span {
  margin-top: auto;
  margin-bottom: auto;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 div i,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 span i,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel div i,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel span i {
  margin-right: 0.5rem;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 div,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel div {
  font-size: 15px;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 div .horse-name.indicate-true:before,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel div .horse-name.indicate-true:before {
  position: absolute;
  content: url("css/chevron-double-up.svg");
  left: 1rem;
  margin: auto;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 div .horse-name.indicate-false:before,
.full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel div .horse-name.indicate-false:before {
  position: absolute;
  content: url("css/chevron-double-down.svg");
  left: 1rem;
  margin: auto;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion .panel {
  padding: 0 18px;
  display: none;
  background-color: #0f1010;
  overflow: hidden;
  width: 100%;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion .stats-panel {
  padding: 0rem;
  display: none;
  overflow: hidden;
  width: 100%;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion .stats-panel .scrollmenu {
  background-color: #d2e6f1;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion .stats-panel .table-horse-stats {
  width: 100%;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion .stats-panel .table-horse-stats thead {
  border-color: transparent !important;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion .stats-panel .table-horse-stats thead tr th {
  text-align: center;
  background-color: #afafaf;
  font-weight: 400;
  color: #3f3f3f;
}

.full-race-prog-container .row-race-accordion .row-horse-accordion .stats-panel .table-horse-stats tbody tr td {
  text-align: center;
  color: #3f3f3f;
  background-color: #fff;
}

.full-race-prog-container .colored-number-result {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 1.25rem;
}

.full-race-prog-container .colored-number-result .col-b,
.full-race-prog-container .colored-number-result .col-r,
.full-race-prog-container .colored-number-result .col-g {
  width: auto;
  margin-right: 2rem;
  display: flex;
}

.full-race-prog-container .colored-number-result .col-b div,
.full-race-prog-container .colored-number-result .col-r div,
.full-race-prog-container .colored-number-result .col-g div {
  color: #fff;
  padding: 4px;
  width: 1.75rem;
  height: 1.75rem;
  text-align: center;
  border-radius: 50%;
  margin-right: 0.25rem;
}

.full-race-prog-container .colored-number-result .col-b .col-b-item,
.full-race-prog-container .colored-number-result .col-r .col-b-item,
.full-race-prog-container .colored-number-result .col-g .col-b-item {
  background-color: #050a66;
}

.full-race-prog-container .colored-number-result .col-b .col-r-item,
.full-race-prog-container .colored-number-result .col-r .col-r-item,
.full-race-prog-container .colored-number-result .col-g .col-r-item {
  background-color: #790101;
}

.full-race-prog-container .colored-number-result .col-b .col-g-item,
.full-race-prog-container .colored-number-result .col-r .col-g-item,
.full-race-prog-container .colored-number-result .col-g .col-g-item {
  background-color: #817f04;
}

.full-race-prog-container .b-res {
  margin-left: 1.25rem;
}

.full-race-prog-container .b-res .b-res-item {
  width: auto;
  padding: 0;
  margin-right: 2rem;
  padding: 4px;
}

.star-num {
      font-size: 10px;
      position: absolute;
      top: 9px;
      color: #000;
      right: 12px;
}

/* scrollable menu */

.scrollmenu {
  background-color: #8282ff;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.scrollmenu a {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

.scrollmenu a:hover {
  -webkit-text-decoration-color: #000;
          text-decoration-color: #000;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #000;
}

.advertise-link {
      position: fixed;
      top:80px;
      right: 0;
      padding: 1px 10px;
      background-color: #ffffff;
      font-size: 10px;
      z-index: 9999999;
}

.advertise-link a {
      font-size: 10px;
      color: #222222;
}

.t-spacing {
}

.f-color {
  color: #c6c6c6;
}

.b-r {
  border-right: 1px solid #fff;
}

.t-a-r {
  text-align: right;
}

.t-a-c {
  text-align: center;
}

.w-100 {
  width: 100%;
}

.d-inline-flex {
  display: inline-flex;
}

.f-r {
  float: right;
}

.p-0 {
  padding: 0%;
}

.p-t-1 {
  padding-top: 1%;
}

.p-t-5 {
  padding-top: 5%;
}

.p-b-1 {
  padding-bottom: 1%;
}

.m-b-0 {
  margin-bottom: 0%;
}

.star-color {
  color: #e8c341;
}

#tbljwins {
  margin-left: 364px;
  width: 50%;
}

/* animated check mark*/

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #d9592d;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0% auto;
  box-shadow: inset 0px 0px 0px #d9592d;
  -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
          animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {
  0%, 100% {
    transform: none;
  }

  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }

  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@-webkit-keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #d9592d;
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #d9592d;
  }
}

/* adnimated check end */

/* ads scroll */

.carousel-cell {
  width: 26%;
  height: 364px;
  margin-right: 10px;
  color: #fff;
  border-radius: 5px;
}

/* cell number */

.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 100%;
  font-size: 80px;
  color: white;
}

.flickity-viewport {
  height: 477px !important;
}

/* ads scroll end */

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - 1rem);
  }
}

body #row-race-result table tr {
  background: none !important;
}

body .full-race-prog-container .row-race-accordion .panel, body #row-race-program .panel {
  background-image: url("../watermark") !important;
  background-position: center center !important;
  background-repeat: repeat !important; 
  background-attachment: local;
}

body #row-race-result .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(220, 220, 220, 0.3) !important;
}

.top-ads-section {
  margin-top: 2rem;
  margin-bottom: 6rem;
}

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-auto {
  margin: auto;
}

.active-results {
  color: #e95720 !important;
}

.modal {
  z-index: 10000;
}

.landing-slider-section .carousel-item {
  height: 100%;
}

.buy-coins {
  height: auto;
  padding: 5rem 10%;
  color: #fff;
}

.buy-coins .buy-dazo-coin-section {
  padding: 2.5rem 0rem;
}

.buy-coins .buy-dazo-coin-section h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 1rem;
}

.buy-coins .buy-dazo-coin-section .balance-container {
  justify-content: space-between;
  padding: 1rem;
  background-color: #000;
}

.buy-coins .buy-dazo-coin-section .balance-container img {
  width: 4rem;
  height: 4rem;
  margin-right: 1.5rem;
}

.buy-coins .buy-dazo-coin-section .balance-container .balance-col {
  margin: auto;
}

.buy-coins .buy-dazo-coin-section .balance-container .balance-col .balance-header {
  color: gray;
  font-size: 16px;
}

.buy-coins .buy-dazo-coin-section .balance-container .balance-col .balance {
  font-size: 17px;
}

.buy-coins .buy-dazo-coin-section .balance-container button {
  color: #fff;
  font-size: 12px;
  background-color: #e6541f;
  border: none;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin: 0.7rem 0rem;
}

.buy-coins .buy-dazo-coin-section .content {
  margin: 1rem 0rem;
}

.buy-coins .buy-dazo-coin-section ul {
  list-style: none;
  padding-left: 0rem;
}

.buy-coins .buy-dazo-coin-section ul li {
}

.buy-coins .buy-dazo-coin-section ul li:before {
  content: "\2713";
  color: #0d6499;
  margin-left: -29px;
}

.buy-coins .row-dazo-coin-price {
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  padding: 1.5rem 2.5rem;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  font-size: 17px;
  align-content: center;
}

.buy-coins .row-dazo-coin-price .col-dazo-btn button {
  background-color: #e65820;
  padding: 0.7rem 2.5rem;
  color: #fff;
  border: none;
}

.buy-coin-refer-friend {
  height: auto;
  background: url("../images/slider2.webp") rgba(0, 0, 0, 0.9);
  background-size: cover;
  background-blend-mode: multiply;
  padding: 5rem;
  color: #fff;
  padding-right: 10%;
}

.buy-coin-refer-friend h2 {
  font-size: 40px;
  text-align: left;
}

.buy-coin-refer-friend p {
  padding: 0rem 2.5rem;
  font-size: 15px;
  text-align: left;
}

.buy-coin-refer-friend button {
  background-color: #0d6499;
  border: none;
  color: #fff;
  width: 100%;
  height: 50px;
}

.home-container {
  /*padding-top: 92px;*/
}

.subscription-packages {
  background-color: #000;
  padding: 4rem 10%;
}

.subscription-packages .divider {
  border-bottom: 1px solid #383838;
  margin: 0rem -2rem 1rem -2rem;
}

.subscription-packages .left-section {
  margin: 1rem 0rem;
  padding: 1rem 3.5rem;
  background-color: rgba(0, 0, 0, 0.9);
}

.subscription-packages .left-section h3 {
  font-size: 40px;
  margin-left: -2rem;
}

.subscription-packages .left-section .coin-purchase-label {
  font-size: 16px;
  color: gray;
  margin: 1rem 0rem;
}

.subscription-packages .left-section .coin-purchase-label i {
  color: gray;
  font-size: 20px;
}

.subscription-packages .left-section .coin-purchase-subscription {
  justify-content: space-between;
}

.subscription-packages .left-section .coin-purchase-subscription input {
  margin-right: 0.7rem;
}

.subscription-packages .left-section .coin-purchase-subscription img {
  width: 34px;
  height: auto;
  margin-right: 0.7rem;
}

.subscription-packages .left-section .coin-purchase-subscription label {
  font-size: 24px;
}

.subscription-packages .left-section .start-date,
.subscription-packages .left-section .end-date {
  margin: 1rem 0rem;
  width: 100%;
  display: none;
  background-color: #000;
  border: 1px solid gray;
  padding: 0.7rem 1rem;
  border-radius: 0px;
  color: #fff;
}

.subscription-packages .left-section .start-date::-webkit-calendar-picker-indicator,
.subscription-packages .left-section .end-date::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.subscription-packages .right-section {
  margin: 1rem 0rem;
}

.subscription-packages .right-section .balance-container {
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.9);
  margin-bottom: 0.5rem;
  padding: 1rem;
}

.subscription-packages .right-section .balance-container img {
  width: 4rem;
  height: 4rem;
  margin-right: 1.5rem;
}

.subscription-packages .right-section .balance-container .balance-col {
  margin: auto;
}

.subscription-packages .right-section .balance-container .balance-col .balance-header {
  color: gray;
  font-size: 12px;
}

.subscription-packages .right-section .balance-container .balance-col .balance {
  font-size: 17px;
}

.subscription-packages .right-section .balance-container button {
  color: #fff;
  font-size: 12px;
  background-color: #e6541f;
  border: none;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin: 0.7rem 0rem;
}

.subscription-packages .right-section .payment-summary {
  padding: 1rem 3.5rem;
  background-color: rgba(0, 0, 0, 0.9);
}

.subscription-packages .right-section .payment-summary h3 {
  font-size: 32px;
}

.subscription-packages .right-section .payment-summary img {
  height: 40px;
  width: auto;
  margin-right: 0.75rem;
}

.subscription-packages .right-section .payment-summary button {
  font-size: 12px;
  background-color: #0d6499;
  padding: 1rem 4rem;
  border: none;
  border-radius: 0px;
  height: auto;
  width: 100%;
  color: #fff;
}

.subscription-packages .right-section .payment-summary .subscription-items {
  margin-bottom: 1.5rem;
}

.subscription-packages .right-section .payment-summary .coin-purchase-label {
  font-size: 16px;
  color: gray;
  margin: 1rem 0rem;
}

.subscription-packages .right-section .payment-summary .error-funds {
  display: none;
  margin: 0.7rem 0rem;
  text-align: center;
}

.subscription-packages .right-section .payment-summary .error-funds a {
  color: gray;
}

#modal-subscription-package-confirmation .modal-body {
  background-color: #000;
  text-align: center;
  border-radius: 0px;
  color: #fff;
  padding: 1.5rem 3rem;
}

#modal-subscription-package-confirmation .modal-body h5 {
  font-size: 36px;
  margin: 1rem 0rem;
}

#modal-subscription-package-confirmation .modal-body .msg {
  font-size: 16px;
  margin: 0rem;
  color: #a8a8a8;
}

#modal-subscription-package-confirmation .modal-body .amount {
  margin: 1rem 0rem;
  font-size: 24px;
}

#modal-subscription-package-confirmation .modal-body .amount img {
  height: 40px;
  width: auto;
  margin-right: 0.7rem;
}

#modal-subscription-package-confirmation .modal-body .btn-purchase {
  font-size: 16px;
  background-color: #0a649e;
  padding: 1rem 4rem;
  border: none;
  color: #fff;
}

#modal-subscription-package-confirmation .modal-body .btn-modal-close {
  font-size: 16px;
  background-color: transparent;
  padding: 1rem 4rem;
  border: none;
  color: gray;
}

#modal-subscription-package-successful .modal-body {
  background-color: #000;
  text-align: center;
  border-radius: 0px;
  color: #fff;
  padding: 1.5rem 3rem;
}

#modal-subscription-package-successful .modal-body svg {
  height: 62px;
  width: 62px;
  color: #e05a27;
}

#modal-subscription-package-successful .modal-body h5 {
  font-size: 36px;
  margin: 1rem 0rem;
}

#modal-subscription-package-successful .modal-body .msg {
  font-size: 16px;
  margin: 0rem 0rem 1.5rem 0rem;
  color: #a8a8a8;
}

#modal-subscription-package-successful .modal-body button {
  font-size: 16px;
  background-color: #0a649e;
  padding: 1rem 4rem;
  border: none;
  color: #fff;
}

.bg-dark-gray {
  background-color: #0d0d0d;
}

.no-wrap {
  white-space: nowrap;
}

.fs-15 {
  font-size: 15px;
}

.fs-13 {
  font-size: 13px;
}

.fs-11 {
  font-size: 11px;
}

.swal2-container.swal2-center {
  z-index: 99999;
}

.frp-sect-result {
  background-color: #e6541f !important;
}

.color-y {
  color: #000000 !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-truncate-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-truncate-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.table-announcement span p {
  margin-bottom: 0.25rem !important;
}

#horse-id1-rr {
  width: 20px;
  min-width: 20px;
}

#horse-id-rr {
  width: 35px;
  min-width: 30px;
}

.horse-name-rr {
  width: 282px;
  min-width: 159.41px;
  font-weight: bold;
}

.jockey-name-rr {
  width: 190px;
  min-width: 159.41px;
  font-weight: bold;
}

#display-horse-besttime-rr,
.display-jockey-weight-rr {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}

.display-llamado-rr {
  width: 30px;
  min-width: 25.33px;
  font-weight: bold;
}

.display-group-rr {
  width: 30px;
  min-width: 33.33px;
}

.display-hdh-rr {
  width: 30px;
  min-width: 28px;
}

#hiddenDummyField,
.hiddenDummyField {
  color: #f2f2f200;
}

.cursor-default {
  cursor: default !important;
}

#viewAnnouncements:hover {
  color: #0056b3;
  text-decoration: underline;
}

#horse-accordion-left-panel-1:hover,
#horse-accordion-left-panel:hover {
  color: #0056b3;
  text-decoration: none !important;
}

button#last {
  -webkit-appearance: none !important;
  -moz-appearance: none;
       appearance: none;
  outline: none !important;
}

button#next {
  -webkit-appearance: none !important;
  -moz-appearance: none;
       appearance: none;
  outline: none !important;
}

#signinModal,
#otpModal,
#registerModal {
  overflow-y: auto !important;
  z-index: 99999999999999;
  padding-right: 0 !important;
}

#horse-accordion-left-panel-1 {
  cursor: pointer !important;
}

:root {
  --colour1: #218ed0;
  --colour2: #2c3e50;
  --speed: 4s;
}

@-webkit-keyframes slide {
  from {
    background-position-x: 0;
  }

  to {
    background-position-x: 113px;
  }
}

@keyframes slide {
  from {
    background-position-x: 0;
  }

  to {
    background-position-x: 113px;
  }
}

.bar-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bar-container .bar {
  min-height: 30px;
  border-radius: 10px;
  width: calc(113px * 3);
  box-shadow: 0px 10px 13px -6px #2c3e50;
  background-color: var(--colour2);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 40px, var(--colour1) 40px, var(--colour1) 80px);
  -webkit-animation: slide var(--speed) linear infinite;
          animation: slide var(--speed) linear infinite;
  will-change: background-position;
}

@media only screen and (max-width: 450px) {
  .bar-container .bar {
    width: calc(113px * 2);
  }
}

@media only screen and (max-width: 350px) {
  .bar-container .bar {
    width: calc(113px * 2);
  }
}

.loader {
  display: none;
}

#resultTable td,
#resultTable th {
  padding: 0.25rem !important;
}

#extra-space-td {
  width: 50%;
}

#search-horse-td {
  width: 30%;
}

#search-owner-area,
#search-trainer-area {
  width: 50%;
}

.hover-not-underlined,
.hover-not-underlined:hover {
  text-decoration: none !important;
}

body .calendar-empty .title-content .btn,
body #modal-calendar .title-content .btn {
  color: #e47229 !important;
}

@media (min-width: 1281px) {
  /* CSS */

  .user-top-section .right-block {
    left: 2% !important;
  }

  .section-bet .block-sub {
    padding: 0rem 16rem !important;
  }

  #philracom-div-logo {
    align-self: center !important;
  }

  #philracom-div-text {
    margin-left: -51px !important;
  }

  .tbl-last-five-race,
  .tbl-last-five-dist {
    width: 100% !important;
  }
}

@media only screen and (max-width: 900px) {
  .partner-img {
    justify-content: center !important;
  }

  .partners-content {
    height: 80vh;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .full-race-prog-container .row-race-accordion .accordion .accordion-race-title {
    min-width: 157px !important;
  }

  /* CSS */

  #philracom-div-logo {
    align-self: center !important;
  }

  #philracom-div-text {
    margin-left: -51px !important;
  }

  #app .navbar {
    height: 10px;
  }

  .user-top-section .right-block {
    left: 3% !important;
  }

  .section-bet .block-sub {
    padding: 0rem 16rem !important;
  }

  .tbl-last-five-race,
  .tbl-last-five-dist {
    width: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1025px) {
  .full-race-prog-container .row-race-accordion .accordion .accordion-race-title {
    min-width: 147px !important;
  }
}

@media (min-width: 1024px) {
  #app .navbar {
    height: 10px;
  }

  .bottom-section {
    padding: 5rem 10%;
  }

  .tbl-last-five-race,
  .tbl-last-five-dist {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS */

  #app .navbar {
    height: 10px;
  }

  .buy-coins .buy-dazo-coin-section .balance-container .balance-col {
    margin: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */

  #app .navbar {
    width: 100%;
    padding: 0% 0%;
  }

  #app .navbar .navbar-brand {
    margin-left: 1rem !important;
  }

  #app .navbar .navbar-collapse {
    background-color: #000;
    margin-left: 0;
    padding-left: 1.5rem !important;
  }

  #app .navbar .nav-item {
    margin-bottom: 5px;
  }

  .carousel-caption {
    left: -12px !important;
    width: 80% !important;
  }

  .carousel-caption p {
    font-size: 47px !important;
    padding-left: 3rem !important;
    line-height: 1.1 !important;
    margin-top: 8px !important;
  }

  .user-top-section .right-block {
    left: 0 !important;
  }

  .coin-refer .referal-container {
    max-width: 100% !important;
  }

  .coin-refer .balance-container .balance-col .balance-header {
    font-size: 16px !important;
    white-space: normal !important;
  }

  .user-top-section .calendar-empty {
    margin-right: 0;
  }

  .map-section .row,
  .bottom-section .row {
    margin-left: -20px;
    margin-right: 0;
  }

  .partner-section .inner-block .inner-right {
    height: 359px !important;
  }

  .partner-section .inner-block .floating-horse {
    width: 87% !important;
    top: -32% !important;
    margin-top: 0% !important;
    left: 19.8% !important;
  }

  .partner-section .inner-block .inner-right .winnerlogo {
    width: 24% !important;
    position: absolute !important;
    top: 47% !important;
    left: 42% !important;
    margin-top: 0 !important;
  }

  .partner-section .inner-block .inner-left .inner-inner-button button {
    width: 100% !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-prev {
    top: 103% !important;
    left: 51% !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-prev .carousel-control-prev-icon {
    height: 40px !important;
    width: 50vh !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-next {
    top: 103% !important;
    left: 31% !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-next .carousel-control-next-icon {
    height: 40px !important;
    width: 50vh !important;
  }

  .buy-coins .buy-dazo-coin-section .balance-container .balance-col {
    margin: 0 !important;
  }

  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel {
    min-width: 0 !important;
  }

  .user-top-section {
    padding: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .full-race-prog-container .full-race-prog-header .btn-calendar h5 {
    display: block;
  }

  .full-race-prog-container .full-race-prog-header .btn-calendar span {
    margin-right: 0;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .sect-2 #calenderCarouselIndicator {
    text-align: center;
  }

  .sect-2 .carousel-control-prev {
    transform: translate(0, 0);
  }

  .sect-2 .carousel-control-next {
    transform: translate(0, 0);
  }

  .partner-section {
    text-align: center;
  }

  .partner-section .inner-left {
    padding: 1.5rem;
  }

  .partner-section .winnerlogo {
    margin-top: 10em;
  }

  .partner-section .floating-horse {
    width: 170% !important;
    left: 0% !important;
    top: -25% !important;
  }

  .partner-section .partner-header .h-sect2 {
    display: none !important;
  }

  .partner-section .partners-content div:nth-child(2) {
    margin-top: 10px !important;
  }

  .buy-coins {
    padding: 5rem 5rem 0rem 5rem;
  }

  .right-block {
    margin-top: 3rem !important;
  }

  .right-block .header {
    margin-top: 1.5rem !important;
    text-align: center !important;
  }

  .right-block .right-content {
    padding: 2.5rem 10% !important;
  }

  .subscription-packages .left-section h3 {
    margin-left: 0rem;
  }

  .subscription-packages .right-section {
    padding: 0rem;
  }

  .full-race-prog-container {
    padding: 1.5rem;
  }

  .full-race-prog-container .full-race-prog-header {
    text-align: center;
  }

  .full-race-prog-container .full-race-prog-header .btn-container {
    margin: 1rem 0rem;
  }

  .full-race-prog-container .full-race-prog-header .btn-calendar span {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .full-race-prog-container .row-race-accordion .accordion div::after {
    content: "";
  }

  .full-race-prog-container .row-race-accordion .accordion .accordion-race-title {
    width: 100%;
  }

  .full-race-prog-container .row-race-accordion .accordion .accordion-race-time-distance {
    margin-top: 0.5rem;
  }

  .full-race-prog-container .row-race-accordion .accordion .accordion-race-time-distance,
  .full-race-prog-container .row-race-accordion .accordion .x-bet,
  .full-race-prog-container .row-race-accordion .accordion .race-age {
    width: 100%;
    padding: 0rem 1.25rem;
  }

  .full-race-prog-container .colored-number-result .col-b,
  .full-race-prog-container .colored-number-result .col-r,
  .full-race-prog-container .colored-number-result .col-g {
    width: 100%;
    margin: 0.25rem 0rem;
  }

  .full-race-prog-container .tbl-last-five-jockey .left-panel,
  .full-race-prog-container .tbl-last-five-jockey .right-panel,
  .full-race-prog-container .tbl-last-five-trainer .left-panel,
  .full-race-prog-container .tbl-last-five-trainer .right-panel,
  .full-race-prog-container .tbl-last-five-owner .left-panel,
  .full-race-prog-container .tbl-last-five-owner .right-panel {
    width: 100% !important;
  }

  .right-s-block {
    margin: 1rem 0rem;
  }

  .right-s-block .accordion .card .card-header,
  .right-s-block .accordion .card .card-body {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .scrollmenu {
    justify-content: space-between;
  }

  .scrollmenu a {
    padding: 14px 0.25rem;
  }

  .user-top-section .calendar-empty {
    margin-right: 0;
  }

  .map-section .row,
  .bottom-section .row {
    margin-left: -20px;
    margin-right: 0;
  }

  #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel,
  #horse-accordion #horse-accordion-left-panel #horse-name-panel {
    min-width: 20px !important;
  }

  #horse-accordion #horse-accordion-left-panel-1 #horse-id,
  #horse-accordion #horse-accordion-left-panel #horse-id {
    margin-right: 0.5rem !important;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  #select-jockey-season {
    width: 100%;
  }

  #extra-space-td {
    width: 10%;
  }

  #search-horse-td {
    width: 0;
  }

  #search-owner-area,
  #search-trainer-area {
    width: 100%;
  }

  .sect-2 {
    padding: 0 !important;
    padding-bottom: 3% !important;
  }

  .sect-2 #calenderCarouselIndicator {
    text-align: center;
    padding: 3% 10%;
  }

  #app .navbar {
    width: 100%;
    padding: 0% 0%;
  }

  #app .navbar .navbar-brand {
    margin-left: 1rem !important;
  }

  #app .navbar .navbar-collapse {
    background-color: #000;
    margin-left: 0;
    padding-left: 1.5rem !important;
  }

  #app .navbar .nav-item {
    margin-bottom: 5px;
  }

  .full-race-prog-container .full-race-prog-subscription .full-race-prog-subscription-label {
    font-size: 15px !important;
  }

  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-id,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-id {
    margin-right: 0 !important;
  }

  .full-race-prog-container .colored-number-result {
    margin-left: -17px !important;
  }

  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 .display-desk-name,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 .display-desk,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel .display-desk-name,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel .display-desk {
    min-width: auto;
    padding-right: 10px;
  }

  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel {
    min-width: 0 !important;
  }

  .subscribe-row .daily-block h2,
  .subscribe-row .pro-block h2,
  .map-section .left-block .header {
    font-size: 2rem !important;
  }

  .referal-header h2 {
    font-size: 1.5rem !important;
  }

  .coin-refer .balance-container .balance-col .balance-header {
    font-size: 13px !important;
    white-space: normal !important;
  }

  .coin-refer .referal-container {
    max-width: 100% !important;
  }

  .coin-refer .referal-container .referal-content p {
    font-size: 13px !important;
  }

  #buy-dazo-coin {
    width: 100% !important;
  }

  .subscribe-row .daily-block .daily-button button {
    font-size: 16px !important;
  }

  .map-section .row {
    display: table !important;
    margin-left: -10px;
    margin-right: 0;
  }

  .bottom-section .row {
    margin-left: -20px;
    margin-right: 0;
  }

  .user-top-section {
    padding: 0 !important;
  }

  .user-top-section .calendar-empty {
    margin-right: 0;
  }

  .user-top-section .right-block .right-content h2 {
    font-size: 2rem !important;
  }

  .map-section .left-block {
    padding-left: 3rem !important;
    padding-right: 1.5rem !important;
  }

  .section-bet .block-header {
    font-size: 24px;
  }

  .section-bet .block-sub {
    font-size: 34px;
    line-height: 1.2;
  }

  .bet-watch-section .watch-flex .watch-overlay .btn button {
    width: 80% !important;
  }

  .bet-watch-section .watch-flex .watch-overlay .header p,
  .bet-watch-section .bet-flex .bet-overlay .header p {
    line-height: 1.1 !important;
    font-size: 33px !important;
  }

  .bottom-section .contact-column .header {
    font-size: 18px !important;
  }

  .landing-slider-section .carousel-item {
    height: 95vh !important;
  }

  .landing-slider-section .carousel-item img {
    width: 100vw;
    height: 100vh !important;
    -o-object-position: 47% 45%;
       object-position: 47% 45%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .carousel-caption {
    left: -12px !important;
    width: 80% !important;
  }

  .carousel-caption li:first-child h5 {
    font-size: 16px !important;
  }

  .carousel-caption p {
    font-size: 30px !important;
    padding-left: 3rem !important;
    line-height: 1.1 !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-prev {
    top: 103% !important;
    left: 71% !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-prev .carousel-control-prev-icon {
    height: 40px !important;
    width: 50vh !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-next {
    top: 103% !important;
    left: 11% !important;
  }

  .sect-2 #calenderCarouselIndicator .carousel-control-next .carousel-control-next-icon {
    height: 40px !important;
    width: 50vh !important;
  }

  .partner-section .inner-block .inner-right {
    height: 359px !important;
  }

  .partner-section .inner-block .floating-horse {
    width: 104% !important;
    top: 11% !important;
    margin-top: 0% !important;
    left: 0 !important;
  }

  .partner-section .inner-block .inner-right .winnerlogo {
    width: 27% !important;
    position: absolute !important;
    top: 62% !important;
    left: 28% !important;
    margin-top: 0 !important;
  }

  .partner-section .inner-block .inner-left .inner-inner-button button {
    width: 100% !important;
  }

  #metro-turf-div {
    margin-top: -15px !important;
  }

  #metro-turf-div a {
    color: white !important;
  }

  .full-race-prog-container .tbl-last-five-race,
  .full-race-prog-container .tbl-last-five-dist {
    font-size: 10px !important;
  }

  .full-race-prog-container .tbl-last-five-race th,
  .full-race-prog-container .tbl-last-five-dist th {
    padding: 3px !important;
  }

  .buy-coins {
    padding: 3% 10% !important;
  }

  .buy-coins .buy-dazo-coin-section .balance-container img {
    margin-right: 0 !important;
    margin-left: 1rem !important;
  }

  .buy-coins .row-dazo-coin-price {
    justify-content: center;
  }

  .col-dazo-coins {
    width: 44% !important;
  }

  .buy-coin-refer-friend h2 {
    text-align: center !important;
    font-size: 34px !important;
  }

  .buy-coin-refer-friend p {
    text-align: center !important;
    padding: 0;
  }

  .buy-coin-refer-friend {
    padding: 5rem 3rem !important;
  }

  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel #horse-id,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-star,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel #horse-id,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-star {
    width: 25px;
  }

  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-bet-odds,
  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-bet-odds {
    width: 34px;
  }

  .horse-name-panel {
    left: -116px !important;
  }

  .display-bet-odds {
    margin-right: 1rem;
  }

  #column-1 {
    margin-bottom: -7px !important;
  }

  #bwy-container {
    margin-bottom: -1px;
    align-items: center;
    justify-content: center;
  }

  .star-num {
    top: 7px !important;
    right: 8px !important;
    margin-top: -2px !important;
  }

  .display-jockey-name {
    margin-left: 3px !important;
  }

  #column-1 {
    padding-left: 0;
  }

  #h-left-panel {
    width: 20% !important;
  }

  #h-right-panel {
    width: 80% !important;
  }

  .user-top-section .right-block {
    padding-right: 0;
  }

  .full-race-prog-container .row-race-accordion .accordion .accordion-race-title {
    padding-left: 0 !important;
    min-width: 202px !important;
  }

  #signinModal,
  #otpModal,
  #registerModal {
    overflow-y: auto !important;
    max-height: 100% !important;
  }

  #replayTable {
    margin-top: 0 !important;
  }

  #row-race-program .hid-panel-cur .main-bet-header {
    font-size: 12px !important;
  }

  .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion-right-panel span {
    font-size: 1.5em !important;
  }
}

@media (max-width: 575px) {
  .user-top-section header .title-content button#last {
    left: -8px;
  }

  .user-top-section header .title-content button#next {
    right: -6px;
  }
}

@media (max-width: 375px) and (min-height: 667px) {
  .full-race-prog-container .row-race-accordion .panel {
    padding: 0 13px 18px 13px !important;
  }

  #signinModal,
  #otpModal {
    min-width: 146px !important;
    padding-right: 0 !important;
    margin-left: 3px !important;
  }

  .section-bet .block-header {
    font-size: 22px !important;
  }

  .section-bet .block-sub {
    font-size: 33px !important;
  }

  .carousel-caption li:first-child h5 {
    font-size: 16px !important;
  }

  .carousel-caption p {
    font-size: 28px !important;
  }

  .map-section .row {
    display: table !important;
    margin-left: -20px;
    margin-right: 0;
  }

  .bottom-section .contact-column .btn-social {
    width: 80% !important;
  }

  .sect-2 #calenderCarouselIndicator .block-sub {
    font-size: 30px !important;
  }

  .sect-2 #calenderCarouselIndicator .block-header {
    font-size: 17px !important;
  }

  .partner-section .inner-block .inner-left {
    padding: 3rem !important;
  }

  .partner-section .inner-block .inner-left .inner-inner-sub {
    font-size: 28px !important;
    line-height: 1.2;
  }

  .partner-section .inner-block .floating-horse {
    width: 103% !important;
  }

  .display-bet-odds {
    margin-right: 0rem;
  }

  #column-1 {
    padding-left: 1rem;
  }
}

@media (max-width: 320px) {
  #signinModal,
  #otpModal,
  #registerModal {
    overflow-y: auto !important;
    max-height: 100% !important;
  }

  .partner-section .inner-block .inner-right {
    height: 273px !important;
  }

  .display-jockey-name {
    margin-left: 3px !important;
  }
}

body .logo-menu > .btn {
    display: none !important;
}

.full-race-prog-container .row-race-accordion .accordion .accordion-race-time-distance .divider {
  display: none !important;
}
body .race-main-table .accordion-race-time-distance {
  text-align: center;
}
body .race-main-table .accordion-race-time-distance .race-distance {
  float: right;
}
body .race-main-table .accordion-race-time-distance .fa-angle-down,
body .race-main-table .accordion-race-time-distance .race-num {
  float: left;
  margin-right: 5px;
}
body .full-race-prog-container .row-race-accordion .accordion > div > div {
      display: inline-block;
      padding: 0px !important;
      width: auto !important;
      min-width: auto !important;
}
body .title-content .btn {
      display: inline-block !important;
      width: auto !important;
      color: #e47229 !important;
}
body #row-race-result .accordion > div > * {
      display: inline-block;
      padding: 0px !important;
      margin: 5px !important;
      width: auto !important;
}
body #row-race-result .accordion > div > #newresult {
      display: none;
}
body #row-race-result .hid-panel > * {
      margin-left: 0px !important;
}

body #resultTable.table-striped>tbody>tr:nth-of-type(odd)>* {
      color: #000000 !important;
}

body #row-race-result {
      display: none;
}
body.show-result #row-race-result {
      display: block;
}

body #announcements-data p {
      margin-bottom: 2px;
}

body .stats-panel > .btn {
      display: none;
}


body .banner-desktop {
      display: inline-block;
}

body .banner-mobile {
      display: none;
}

body #month {
      cursor: pointer;
      cursor: hand;
}

@media only screen and (max-width: 720px) {
      body .section-tab-table .container-info {
            padding: 0px !important;
      }
      body .section-tab-table .container-info > div {
            width: 100% !important;
      }
      body .section-tab-table .container-info > div .row {
            margin-bottom: 0px !important;
      }
      body .section-tab-table .container-info > div .row > div {
            display: inline-block !important;
            width: auto !important;
            padding: 0px 10px 0px 0px !important;
            margin-bottom: 0px !important;
      }
      body .user-top-section .calendar-empty {
            margin-top: 0px;
      }
      body .calendar-empty > div:first-child {
            display: none !important;
      }

      body .stats-panel > .btn {
            display: inline-block;
      }

      body .stats-panel > .btn.hideme {
            display: none;
      }

      body .list-header .search-input-group {
            margin-top: 10px;
      }
      body .list-header .search-input-group .input-group {
            display: block;
      }
      body .list-header .search-input-group .input-group input {
            border-radius: 0px 4px 4px 0px !important;
      }
      body .list-header .search-input-group .input-group .btn {
            display: block;
            margin-top: 10px;
            border-radius: 4px !important;
      }
      body .btn.close {
            display: inline-block !important;
            width: auto !important;
      }
      body h2 {
            font-size: 20px !important;
      }
      body .full-race-prog-subscription > div {
            padding: 0px !important;
      }
      body .row {
            width: 100%;
            display: block;
            margin: 0px;
            padding: 0px;
      }
      body .row .col {
            width: 100%;
            display: block;
            margin: 0px;
            padding: 0px;
      }
      body .bottom-ads-section .row .col {
            width: auto;
            display: inline-block;
      }
      body a {
            display: block;
            width: 100%;
            margin-bottom: 10px;
      }
      body .btn {
            display: block;
            width: 100%;
            margin-bottom: 10px;
      }
      body .logo-menu > ul {
            display: none !important;
            width: 100%;
            margin-top: 20px;
      }
      body .logo-menu > ul.active {
            display: block !important;
            padding: 0px 20px;
      }
            body .logo-menu > ul > li {
                  display: block;
                  width: 100%;
                  border-bottom: dotted 1px #666666;
            }
            body .logo-menu > ul > li:last-child {
                  border-bottom: none;
            }
            body .logo-menu > ul > li > a {
                  display: block;
                  width: 100%;
                  padding: 10px 0px;
                  margin-bottom: 0px !important;
            }
            body .logo-menu > ul > li > .btn-group {
                  padding: 0px !important;
                  display: block;
                  width: 100%;
            }
            body .logo-menu > ul > li > .btn-group > a {
              padding: 10px 0px;
              margin-bottom: 0px !important;
            }
      body .logo-menu > a {
        margin-left: 20px;
        display: inline-block;
        width: auto;
      }
      body .logo-menu > .btn {
        float: right;
        display: block !important;
        width: auto;
        z-index: 9999999;
        border-radius: 0px !important;
        margin-right: 20px;
      }
      body .default-header .row > div:last-child {
            position: absolute !important;
            top: 70px;
            right: 20px;
            left: 20px;
            width: auto;
            z-index: 9999999;
            padding: 5px 10px;
      }
      body .default-header .row > div:last-child > * {
        display: block !important;
      }
      body .default-header {
            min-height: 90px;
      }
      body .default-header > .container,
      body .default-header > .container > .row,
      body .default-header > .container > .row > div {
            background-color: #000000;
            padding: 0px !important;
            position: relative;
            z-index: 9999999;
      }
      body .default-header > .container > .row > div:first-child {
            background-color: #000000;
            padding: 0px !important;
            position: relative;
            z-index: 9999999;
      }
      body .default-header > .container > .row .dropdown-menu {
        position: relative !important;
        transform: none !important;
      }
      body .default-header .col-md-4 {
            display: none;
      }

      body .carousel,
      body .carousel .carousel-inner {
        min-height: 610px;
            height: 610px !important;
      }

      body .tunay-line-box.d-inline-block {
        display: block !important;
      }

      body .tunay-line span {
        display: block;
      }

      body .carousel .carousel-item {
            height: 300px !important;
      }

      body .bet-section .row .row {
        display: flex;
      }

      body .bet-section .row .row > div {
        width: 33%;
        display: inline-block;
      }

      body .carousel .carousel-caption {
            width: auto !important;
            left: 10px !important;
            right: 10px !important;
            top: 50px !important;
      }

      body .carousel .carousel-inner {
            overflow: visible !important;
      }

      body .carousel .carousel-caption h2,
      body .carousel .carousel-caption h3 {
            text-align: center !important;
            line-height: 24px !important;
            margin-bottom: 10px !important;
            font-size: 18px !important;
      }
      body .carousel .carousel-caption h3 {
            font-weight: normal !important;
            font-size: 14px !important;
            margin-bottom: 0px !important;
      }

      body .carousel-caption .row .col .d-inline-block {
            padding: 10px !important;
            border-radius: 8px !important;
      }

      body .calendar-wrapper .btn {
            display: inline-block !important;
            width: auto !important;
            padding: 10px !important;
            margin: 0 !important;
      }

      body .calendar-wrapper h1 {
            display: inline-block !important;
            width: auto !important;
            padding: 0px !important;
            margin: 0 !important;
            font-size: 14px !important;
      }

      body .calendar-wrapper .ci-head div {
            background-color: #ffffff !important;
            color: #000000 !important;
            font-size: 12px !important;
      }

      body .calendar-wrapper .ci-date,
      body .calendar-wrapper .empty::after,
      body .calendar-wrapper .ci-date-not-clickable {
            padding: 10px 15px !important;
      }

      body .ci-date .race-res, body .ci-date .race-prog, body .ci-date .purchased-prog {
            top: -5px !important;
      }

      body .calendar-wrapper {
            padding: 10px !important;
            background: #ffffff !important;
      }

      body .title-content .row {
        display: flex;
      }

      body .title-content .row .col {
        display: inline-block;
        width: 50%;
      }

      body .calendar-empty > div {
            height: auto !important;
            padding: 0px;
      }

      body .user-top-section .right-block .right-content {
            height: auto !important;
      }

      body .user-top-section .right-block .right-content h2 {
            font-size: 22px !important;
            text-shadow: 2px 2px 2px #000000;
      }

      body .calendar-empty .calendar-wrapper h1 {
            padding: 10px 20px !important;
            background-color: rgba(0,0,0,0.8);
            border-radius: 8px;
      }

      body .calendar-empty .calendar-wrapper .ci-cal-container .ci-calendar {
            background: #000 !important;
      }

      body .calendar-empty .calendar-wrapper .shadow-lg {
            border-radius: 0px !important;
            background: #ffffff !important;
      }

      body .calendar-empty .calendar-wrapper .shadow-lg > div > div {
            line-height: 14px !important;
            padding: 10px;
            text-align: center !important;
      }

      body .calendar-empty .calendar-wrapper .shadow-lg > div > div i {
            display: block !important;
      }

      body .calendar-empty .calendar-wrapper .title-content {
            margin-bottom: 10px !important;
      }

      body .user-top-section .right-block .header {
            font-size: 18px !important;
      }

      body .py-5 {
            padding: 0px !important;
      }

      body .container {
            padding: 20px !important;
      }

      body .main-slider .container {
            padding: 10px !important;
      }

      body .calendar-wrapper .shadow-lg {
            padding: 0px !important;
      }

      body .calendar-wrapper .shadow-lg .row{
            display: flex !important;
      }

      body .calendar-wrapper .shadow-lg .row .col {
            display: inline-block !important;
            width: 50% !important;
            font-size: 14px !important;
            border: none !important ;
      }

      body .full-race-prog-container {
        padding: 0px;;
      }

      body .calendar-section {
            text-align: center !important;
      }

      body .calendar-section h2 {
            font-size: 16px !important;
      }

      body .calendar-section h1 {
            font-size: 20px !important;
      }

      body .bet-section {
            text-align: center !important;
      }

      body .bet-section h2 {
            font-size: 16px !important;
      }

      body .bet-section h1 {
            font-size: 20px !important;
      }

      body .partner-section {
            background: #000000 !important;
      }

      body .partner-section .d-inline-block.w-50 {
            display: block !important;
            width: 100% !important;
      }

      body .partner-section .mb-5.p-5 {
            padding: 0px !important;
            margin: 0px !important;
            padding: 20px !important;
            margin-bottom: 30px !important;
      }

      body .partner-section h2 {
            font-size: 16px !important;
      }

      body .partner-section h1 {
            font-size: 20px !important;
      }

      body .partner-section .col .row .col {
            background: #ffffff !important;
            padding: 50px !important;
            margin-bottom: 20px !important;
      }

      body .partner-section .col .row .col h5 {
            color: #000000 !important;
      }

      body .accordion-section .block-accordion .card {
            border: none !important;
            background: #222 !important;
      }

      body .accordion-section .block-accordion .card .card-header .title-block {
            margin: 0px !important;
            margin-left: 0px !important;
            padding: 5px 10px !important;
            padding-bottom: 0px !important;
      }

      body .accordion-section .block-accordion .card .card-header .btn-block button {
            height: 30px;
            width: 30px;
            padding: 0px;
      }

      body .accordion-section .block-accordion .card .card-header {
            background: none !important;
            color: #ffffff !important;
            border: none !important;
      }

      body .accordion-section .block-accordion .card .card-header .margin-y-auto {
            margin: 0px !important;
            font-size: 14px !important;
      }



      body .full-race-prog-container .row-race-accordion .main-bet-header .sub-bet-header {
            margin-right: 0rem;
            padding: 0rem;
            text-align: center;
      }
      body .full-race-prog-container .row-race-accordion .main-bet-header.clocking {
            width: 70% !important;
            text-align: center;
      }
      body .full-race-prog-container .row-race-accordion .main-bet-header.clocking > div:first-child {
            width: 50% !important;
            text-align: center;
      }
      body .full-race-prog-container .row-race-accordion .main-bet-header.clocking > div:last-child {
            width: 50% !important;
            text-align: center;
      }
      body .full-race-prog-container .row-race-accordion .main-bet-header.lengthing {
            width: 30% !important;
            float: right;
            text-align: center;
      }
      body .full-race-prog-container .row-race-accordion .main-bet-header .sub-bet-header span {
            display: block;
            line-height: normal;
            padding-top: 10px;
      }
      body .full-race-prog-container .row-race-accordion .main-bet-header .sub-bet-header b {
            font-size: 12px !important;
            line-height: normal;
      }

      body .full-race-prog-container .row-race-accordion .main-bet-header {
            margin: 0px !important;
      }

      body #resultTableMobile > div {
            height: 24px;
            border-bottom: solid 1px #ddd;
      }

      body #resultTableMobile > div.mb-2:first-child {
            background-color: #a7ddff;
            height: 20px;
            margin-bottom: 0px !important;
      }

      body #resultTableMobile > div#div-mobile-results * {
        font-size: 12px !important;
      }
      body #resultTableMobile > div#div-mobile-results .small {
            font-size: 9px !important;
      }

      body #resultTableMobile > div.mb-2:first-child * {
        font-size: 9px !important;
      }

      body #div-mobile-results #horse-name-panel >div:last-child .jockey-name-rr,
      body #div-mobile-results #horse-name-panel >div:last-child .display-jockey-weight-rr,
      body #div-mobile-results #horse-name-panel >div:last-child #horse-id-rr,
      body #div-mobile-results #horse-name-panel >div:last-child .hiddenDummyField,
      body #div-mobile-results #horse-name-panel >div:last-child .display-horse-besttime-rr {
        display: none !important;
      }

      body #row-race-result table.b-res.table-striped tr:nth-child(odd) {
            background: #ddd !important;
      }

      body .full-race-prog-container .row-race-accordion .main-bet-header .divider {
            padding: 0rem .2rem;
      }

      body .map-section .otb-tracker {
            background-color: rgba(0,0,0,0.6) !important;
            color: #ffffff !important;
            right: 0 !important;
      }

      body .map-section,
      body .map-section #map {
            height: 400px !important;
      }

      body .bottom-section .container > .row {
            margin: 0px !important;
      }

      body .bottom-section .container > .row > div {
            margin: 0px !important;
            padding: 20px !important;
      }
      body .full-race-prog-header > div {
            padding: 0px !important;
            text-align: left !important;
      }
      body .full-race-prog-header > div > div {
            padding: 0px !important;
            text-align: left !important;
      }
      body .full-race-prog-header > div:first-child h2 {
            font-size: 24px !important;
            font-weight: bold;
            margin-bottom: 0px !important;
      }
      body .full-race-prog-container h5 {
            font-size: 16px;
      }
      body .full-race-prog-header > div:last-child {
            padding: 0px !important;
      }
      body .full-race-prog-subscription {
            padding: 10px !important;
      }
      body .full-race-prog-subscription img {
            width: 50px !important;
            height: 50px !important;
            margin: 0px !important;
            margin-right: 10px !important;
      }
      body .default-header .logo-menu {
        background-color: #000000;
        position: relative;
        z-index: 9999999;
      }
      body .default-header .btn-group {
        background-color: #000000;
        position: relative;
        z-index: 99999999;
      }
      body .box-daily-block ul li {
            display: flex;
            font-size: 14px;
      }
      body .box-daily-block {
            padding: 0px !important;
            background: none !important;
      }
      body .subscribe-section .subscribe-row > div {
            margin: 30px 0px 0px !important;
      }
      body .subscribe-section .subscribe-row .custom-accordion h2 {
            margin: 0px !important;
      }
      body .subscribe-section .subscribe-row .custom-accordion button {
            font-weight: normal;
            font-size: 14px;
            position: relative;
            padding-left: 30px;
      }
      body .subscribe-section .subscribe-row .custom-accordion button i {
            position: absolute;
            top: 10px;
            left: 0;
            padding-top: 2px;
      }
      body .subscribe-section .header-package {
            font-size: 22px !important;
            font-weight: bold;
      }
      body .daily-button .btn {
            font-size: 14px;
            padding: 5px 10px !important;
      }
            body .daily-button .btn img {
                  max-width: 30px !important;
            }
      body #row-race-program > div,
      body .full-race-prog-container .row-race-accordion .accordion .accordion-race-title {
            width: auto !important;
            min-width: auto !important;
      }
      body .full-race-prog-container .row-race-accordion .accordion > div > div {
            display: block;
            padding: 0px !important;
            width: auto !important;
            min-width: auto !important;
            text-align: center;
      }
      body .title-content .btn {
            display: inline-block !important;
            width: auto !important;
            padding: 0px !important;
            color: #e47229 !important;
      }
      body #row-race-result .accordion > div > * {
            display: inline-block;
            padding: 0px !important;
            margin: 0px !important;
            width: auto !important;
      }
      body #row-race-result .hid-panel > * {
            margin-left: 0px !important;
      }
      body .table-responsive {
            max-width: 100% !important;
            overflow-x: auto !important;
      }
      body .table {
            white-space: nowrap !important;
      }

      body .billing-section .row > * {
            padding-left: 0px !important;
            padding-right: 0px !important;
      }

      body .race-main-table * {
            font-size: 9px !important;
      }

      body .race-main-table .separator {
            margin: 0px;
            padding: 0rem .2rem !important;
      }
      body .race-main-table #bwy-container.row > div {
            margin: 0px;
            padding: 0rem .2rem !important;
      }
      body .race-main-table #bwy-container.row > div:first-child {
            margin: 0px;
            padding: 0rem .2rem 0rem 0rem !important;
      }
      .full-race-prog-container .row-race-accordion .accordion .accordion-race-time-distance .divider,
      .full-race-prog-container .row-race-accordion .accordion .row div::after {
            margin: 0rem 0.10rem;
      }
      .full-race-prog-container .row-race-accordion .panel {
        padding: 0px 18px !important;
      }
      .full-race-prog-container .row-race-accordion .row-horse-accordion {
            padding: 0px !important;
      }
      #column-1 {
            padding: 0px !important;
      }
      .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel #horse-id, .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-star, .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel #horse-id, .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-star {
            width: 25px !important;
      }
      .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-indicator {
            display: none;
      }
      #horse-name-panel.row > div {
            padding: 0px !important;
      }
      .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-jockey-jrte {
            display: none;
      }
      
      .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 #horse-name-panel .display-jockey-jrte, .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel .display-jockey-jrte {
            width: auto;
      }

      #horse-accordion-right-panel.d-none {
            display: inline-block !important;
            width: 10%;
            min-width: auto !important;
      }
      .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1, .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel {
            float: left;
            width: 90%;
      }
      .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion-right-panel span {
            font-size: 2em !important;
      }
      .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion-right-panel span.star-num {
            font-size: 10px !important;
            margin-top: -2px !important;
      }
      body .title-content {
            padding: 0px !important;
      }
      body .title-content h1 {
            font-size: 18px !important;
      }
      body .ci-cal-container .ci-head div {
            font-size: 10px !important;
      }
      body .hid-panel .main-bet-header {
            display: inline-block !important;
            width: auto !important;
      }
      .full-race-prog-container .b-res .b-res-item {
            display: block !important;
            width: 100% !important;
            margin: 0px !important;
            padding: 0px !important;
            line-height: 14px !important;
      }
      .full-race-prog-container .b-res .b-res-item.d-none {
            display: none !important;
      }
      #resultTableMobile.row > div {
            padding: 0px !important;
      }
      #resultTableMobile.row .display-group-rr.text-center {
            
      }
      #resultTableMobile.row .display-hdh-rr,
      #resultTableMobile.row .display-group-rr {
            display: none;
      }
      .display-llamado-rr {
            text-align: center;
      }
      .display-horse-besttime-rr {
            min-width: auto !important;
      }
      .jockey-name-rr, .horse-name-rr {
            min-width: auto !important;
            width: 170px !important;
            text-wrap: nowrap;
      }
      .search-input-group {
        display: block !important;
        width: 100% !important;
      }
      body .horse-details-section .search-input-group {
        display: block !important;
        width: 100% !important;
        position: absolute !important;
        top: 90px;
        left: 0;
        padding: 10px 20px;
        background: #212529;
        transition: all 0.5s;
      }
      body.scrolled-down .horse-details-section .search-input-group {
        top: 75px;
      }
      body a.image-popper.me-2.mb-2 {
            max-width: 50%;
            margin: 0px !important;
            text-align: center;
      }
      body a.image-popper.me-2.mb-2 img {
            width: 100%;
            border: solid 5px #444 !important;
      }
      body .container.digital-copies {
            padding: 0px !important;
      }
      .btn.btn-start-switch,
      .btn.btn-grid-switch {
            display: inline-block;
            width: auto;
      }
      .search-input-group .input-group > span {
            width: 10% !important;
            padding: 10px !important;
            float: left;
      }
      .search-input-group .input-group > input {
            width: 90% !important;
            float: left;
            border-radius: 0px 4px 4px 0px !important;
      }
      .search-input-group .input-group > button {
            display: block;
            width: 100% !important;
            border-radius: 4px !important;
            margin: 10px 0px 0px 0px !important;
      }
      body .img-horsedetails {
          margin: 30px auto 20px;
      }
      body .img-horsedetails > div.col {
        padding: 0px 20px !important;
      }
      body h2.horsename {
        text-align: center;
      }
      body .horse-details-section table td {
        display: inline-block !important;
      }
      body .horse-details-section .table-responsive table td {
        display: table-cell !important;
        padding: 2px 10px;
        max-width: 250px;
        overflow-x: auto;
      }
      body .horse-details-section .px-5 {
            padding: 0px !important;
      }
      body .horse-details-section table td {
            font-size: 12px !important;
      }
      body .horse-details-section .p-5 {
            padding: 0px !important;
            margin: 20px 0px !important;
            overflow-x: auto;
      }
      body .horse-details-section .p-5 .table td {
            white-space: nowrap;
      }
      body .horse-details-table-section .col-6.full-width-mb {
            display: block !important;
            width: 100% !important;
      }
      body .horse-details-table-section .col-6 > .col-6 {
            margin: 0px !important;
            padding: 0px !important;
      }
      .horse-details-table-section .sort-label {
            float: none !important;
      }
      .horse-details-table-section select {
            padding: 0px !important;
            margin-bottom: 20px !important;
      }
      body .horse-details-table-section .table-wrapper {
            overflow-x: auto;
      }
      body .horse-details-table-section .table-wrapper table th,
      body .horse-details-table-section .table-wrapper table td {
            white-space: nowrap;
            padding: 5px 10px;
            text-align: left;
      }
      body .table-jockey-container {
            overflow-x: auto;
      }
      body .table-jockey-container table td {
            white-space: nowrap;
      }
      body .jockey-details-table-section .tabl-responsive {
            overflow-x: auto;
      }
      body .jockey-details-table-section .tabl-responsive table th,
      body .jockey-details-table-section .tabl-responsive table td {
            white-space: nowrap;
            padding: 5px 10px;
            text-align: left;
      }
      body .container.py-5 .horse-details-section {
            padding: 0px !important;
      }
      body .jockey-details-table-section .col-sm-12 .row:last-child .col-12 {
            overflow-x: auto;
      }
      body .jockey-details-table-section .col-sm-12 .row:last-child .col-12 table#tblownerhorse thead th,
      body .jockey-details-table-section .col-sm-12 .row:last-child .col-12 table#tblownerhorse td {
            white-space: nowrap;
            padding: 5px 10px;
            text-align: left !important;
      }
      body .user-profile {
            padding-top: 100px !important;
      }
      body .user-profile .container {
            padding: 0px !important;
      }
      body .user-profile .container > div {
            padding: 0px !important;
      }
      body .user-profile .container > div .row > div{
            padding: 0px !important;
      }
      body .user-profile .transaction-details {
            padding-top: 30px !important;
      }
      body .user-profile .transaction-details > div:last-child {
            overflow-x: auto;
      }
      body .user-profile .transaction-details > div:last-child table th,
      body .user-profile .transaction-details > div:last-child table td {
            white-space: nowrap;
            padding: 5px 10px;
            text-align: left !important;
      }

      body #horse-name-panel .display-indicator {
            display: none;
      }

      body #horse-name-panel .display-jockey-name {
            width: auto !important;
            min-width: none !important;
            white-space: nowrap !important;
            padding-right: 5px !important;
      }

      body #horse-name-panel .horse-group {
            width: auto !important;
            min-width: none !important;
            margin-right: 5px !important;
      }

      body #bwy-container b.me-3 {
            margin-right: 5px !important;
      }

      .full-race-prog-container .row-race-accordion .accordion {
            display: block !important;
            line-height: 14px;
      }

      .full-race-prog-container .row-race-accordion .accordion > div {
            padding: 4px 0px;
      }

      .full-race-prog-container .row-race-accordion .accordion > div .d-inline-block.me-4 {
            margin-right: 5px !important;
      }

      body .full-race-prog-subscription-description iframe {
            max-height: 180px !important;
      }

      body .banner-desktop {
            display: none;
      }

      body .tbl-last-five-race,
      body .tbl-last-five-dist {
        line-height: 14px !important;
      }

      body .tbl-last-five-race tbody tr:nth-child(odd),
      body .tbl-last-five-dist tbody tr:nth-child(odd) {
        background-color: #ddd !important;
      }

      body .banner-mobile {
            display: inline-block;
      }
        body .race-main-table .race-num,
        body .race-main-table .accordion-race-time-distance * {
            font-size: 14px !important;
            font-weight: bold !important;
        }
        body .race-main-table .accordion-race-time-distance {
            display: block !important;
        }
        body .accordion-race-time-distance .divider:nth-of-type(4),
        body .accordion-race-time-distance .race-track-type {
            display:none !important;
        }
        body .full-race-prog-container .row-race-accordion .accordion > div > div.x-bet {
          padding-left: 12px !important;
        }
        body .full-race-prog-container .row-race-accordion .accordion > div > div.x-bet:last-child {
          padding-left: 0px !important;
        }
        body .full-race-prog-container .row-race-accordion .accordion {
          padding: 5px 10px !important;
        }
        body .race-main-table #bwy-container {
          margin-top: -6px !important;
        }
        body .race-main-table #bwy-container * {
          font-size: 14px !important;
        }
        body .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel #horse-name-panel > div:first-child *,
        .full-race-prog-container .row-race-accordion .row-horse-accordion #horse-accordion #horse-accordion-left-panel-1 div:first-child * {
          font-size: 14px !important;
        }
        body .race-main-table thead {
          background-color: #ffbf96;
          color: #000;
        }
        body .full-race-prog-container .tbl-last-five-race td {
          max-width: 40px !important;
          overflow-x: hidden;
        }
        body .card.w-25 {
          width: 80% !important;
        }
        body .title-content .btn {
          margin-bottom: 0px !important;
          color: #e47229 !important;
        }
        body.scrolled-down section.default-header .container {
          padding: 10px !important;
        }
        html body .accordion-race-title > span {
          display: none !important;
        }
        html body .accordion-race-title > span.race-num,
        html body .accordion-race-title > span.fa-angle-down,
        html body .accordion-race-title > span.race-track-type-2 {
          display: inline-block !important;
          font-size: 12px !important;
          font-weight: bold !important;
        }
        html body .accordion-race-title > span.race-track-type-2 {
          float: right;
        }
        body .full-race-prog-container .row-race-accordion .accordion > div > div.x-bet.race-group {
            display: block;
            text-align: center;
        }
        body .full-race-prog-container .row-race-accordion .accordion > div > div.x-bet.race-group span {
            display: none;
        }

        body .container-info {
            display: block !important;
            width: 100% !important;
            line-height: 14px;
        }
        body .section-tab-table .container-info > div {
            display: inline-block !important;
            width: 50% !important;
            vertical-align: top;
        }
}

:root {
 color-scheme: light only !important;
}