a {
cursor: pointer;
word-wrap: break-word;
}
/*==================================== Home page Article Image CSS ===========================================*/
.article-img {
max-height: 202px !important;
max-width: 270px !important;
min-height: 100px !important;
height: 202px !important;
margin-left: 0;
}
a:hover {
text-decoration: none;
}
.article-figure {
max-width: 270px !important;
}
/*Mobile devices*/
@media (max-width: 1024px) {
.article-img {
max-height: 202px !important;
max-width: 202px !important;
min-height: 100px !important;
margin-left: 0;
}
.article-figure {
max-width: 202px !important;
}
}
@media (max-width: 768px) {
.article-img {
max-height: 150px !important;
max-width: 160px !important;
min-height: 100px !important;
margin-left: 0;
}
.article-figure {
max-width: 160px !important;
}
}
@media (max-width: 425px) {
.article-img {
max-height: 202px !important;
max-width: 202px !important;
min-height: 100px !important;
margin-left: 0;
}
.article-figure {
max-width: 202px !important;
}
}
/*.table.dataTable thead th, table.dataTable thead td {
padding: 0px 0px !important
}*/
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
background-image: none !important;
}
/*============================================================================================================*/
/*====================================================== Stories Common CSS =======================================*/
.news-table {
border-collapse: collapse;
}
.news-table td, .news-table th {
padding: 0.3em;
border: 1px solid #a2a2a2;
}
.story {
padding-right: 10px !important;
text-align: justify;
/*font-size: 14px !important;*/
/*line-height: 22px !important;*/
}
.story br {
content: "A" !important;
display: block !important;
margin-bottom: 15px !important;
}
.story iframe {
width: 96%;
margin-left: 2%;
height: 350px;
margin-top: 5px;
}
@media (max-width: 768px) {
.story iframe {
height: 250px;
}
}
@media (max-width: 414px) {
.story iframe {
height: 180px;
}
}
.story-lookup {
padding-right: 10px !important;
text-align: justify;
font-size: 12px !important;
/*line-height: 22px !important;*/
}
.story-lookup br {
content: "A" !important;
display: block !important;
margin-bottom: 15px !important;
}
.story-lookup iframe {
width: 96%;
margin-left: 2%;
height: 350px;
margin-top: 5px;
}
@media (max-width: 768px) {
.story-lookup iframe {
height: 250px;
}
}
@media (max-width: 414px) {
.story-lookup iframe {
height: 180px;
}
}
.story-fr {
padding-right: 10px !important;
text-align: justify;
font-size: 12px !important;
line-height: 20px !important;
}
.story-fr br {
content: "A" !important;
display: block !important;
margin-bottom: 5px !important;
}
.story-fr iframe {
width: 96%;
margin-left: 2%;
height: 350px;
margin-top: 5px;
}
@media (max-width: 768px) {
.story-fr iframe {
height: 250px;
}
}
@media (max-width: 414px) {
.story-fr iframe {
height: 180px;
}
}
.col-xs-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 0px;
}
/*====================================================== Charts IFrame =======================================*/
.iframe-containewr {
margin-bottom: 10px;
border-bottom: #ccc 1px solid;
}
.chart-iframe {
width: 100%;
height: 420px;
}
/*====================================================== Common Titles =======================================*/
.title-div {
margin-bottom: 5px;
}
.title-div h1, .title-div h2, .title-div h3, .title-div h4, .title-div h5, .title-div h6 {
padding: 10px;
}
/*====================================================== Stat Tables =========================================*/
.tbl-stat {
margin-top: -0.6em;
padding: 5px 0px 5px 0px;
}
/*.tbl-stat tr { border-bottom: 1px #1f4478 solid !important; }*/
/*.tbl-stat tr:nth-child(even) {
background-color: #f2f2f2;
}*/
.tbl-stat tr:hover {
background-color: #ddd;
}
.tbl-stat th {
background-color: #004693;
color: white;
font-size: 10px;
padding-bottom: 5px;
padding-top: 5px;
text-align: left;
}
.tbl-total {
font-weight: bold;
background: #ccc;
}
/*================================================= Feature races partial CSS ===========================================*/
.fr-main-title {
margin-bottom: 5px;
}
.fr-main-title h4 {
padding: 5px;
}
.fr-country {
background-color: #efefef !important;
background-image: none !important;
}
.fr-country h5 {
font-weight: bold;
/*padding: 7px 0px;*/
}
.fr-month {
background-color: #d2d2d2 !important;
background-image: none !important;
}
.fr-month h5 {
font-weight: bold;
color: #1f4478;
/*padding: 7px 0px;*/
}
.fr-year {
background-color: #afafaf !important;
background-image: none !important;
}
.fr-year h4 {
font-weight: bold;
color: #1f4478;
/*padding: 7px 0px;*/
}
.fr-race-box-container {
border-top: none !important;
/*border-bottom: 1px solid #ffb635 !important;*/
border-bottom: 1px solid #ddd !important;
-webkit-transition: border-bottom 1s; /* For Safari 3.1 to 6.0 */
transition: border-bottom 1s;
}
.fr-race-box-container:hover {
border-bottom: 1px solid #ffb635 !important;
/*background-color: #efefef;*/
}
.fr-race-box-container .date-td {
vertical-align: top !important;
}
.fr-race-box {
border-top: none !important;
/*border-bottom: 1px solid #ffb635 !important;*/
/*border-bottom: 1px solid transparent !important;*/
/*-webkit-transition: border-bottom 1s;*/ /* For Safari 3.1 to 6.0 */
/*transition: border-bottom 1s;*/
padding: 2px 0px;
}
.fr-race-box:hover {
/*border-bottom: 1px solid #ffb635 !important;*/
/*background-color: #efefef;*/
}
.fr-dateStr {
font-size: 7px;
margin-top: 8px;
/* margin-left: -12px; */
color: white;
}
.fr-dateNum {
font-weight: bold;
color: #6f6f6f;
margin-top: 8px;
/*margin-left: -12px;*/
}
.fr-race a {
font-size: 11px;
transition: font-size 1s;
}
.fr-race a:hover {
font-size: 12px;
}
.fr-details {
color: #6f6f6f;
font-size: 10px;
}
.fr-details h6 {
font-size: 12px;
}
.fr-title > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: none !important;
}
.calender-icon {
background-size: 40px 43px;
background-repeat: no-repeat;
background-position: center;
padding: 1px;
}
.results-races-tbl > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 2px !important;
line-height: 1.42857143;
vertical-align: top;
border-top: none !important;
}
#accordionFR .panel-body {
padding: 0px !important;
}
#accordionFR .panel {
border: 0;
}
#accordionFR .panel-group .panel {
margin-top: 2px !important;
}
.title-icon {
text-decoration: none;
}
.title-icon:focus {
text-decoration: none;
}
/*====================================================== Stat Tabs ======================================================*/
/*.table-heading {
font-weight: 900;
font-size: 15px;
margin-bottom: 1em;
}*/
/*Matchup list CSS*/
.matchListBoxIndex {
margin-left: 5%;
/*padding: 2px 0px;*/
}
.owl-theme .owl-nav {
margin-top: 0px;
}
.matchListBox img {
width: 33px !important;
display: inline-block;
text-align: center;
}
.matchListBoxIndex img {
width: 35px;
height: 30px;
display: inline-block;
}
.matchListBoxIndex p {
display: inline-block;
/*font-weight: bold;*/
font-size: 12px;
margin-top: -5px;
margin-left: 5%;
cursor: pointer;
}
/*Matchup list CSS*/
/*Login CSS*/
.loginBox {
position: absolute;
height: auto;
width: 300px;
background: #005599;
right: 0;
top: 49px;
z-index: 1000;
display: none;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #fff;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 1 !important;
}
.close:hover:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
opacity: 1;
}
.userprofile {
padding-bottom: 15px;
}
.userprofile :hover {
background: #f47d22;
font-weight: 300;
color: #ffffff;
}
.panel-footer .logout {
background: #f47d22;
font-weight: 300;
color: #ffffff;
}
.center-text {
padding: 7px;
}
.loginBox h6 {
font-weight: bold;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.topbettaLgoinButton, .topbettaLgoinButton:hover {
background: #f47d22;
font-weight: bold;
color: #ffffff;
}
.rnsLoginbutton, .rnsLoginbutton:hover {
background: #f47d22;
font-weight: 300;
color: #ffffff;
}
/*Login CSS*/
/*Parsley js CSS*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
color: #468847;
background-color: #DFF0D8;
border: 1px solid #D6E9C6;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.parsley-errors-list {
margin: 2px 0 3px;
padding: 0;
list-style-type: none;
font-size: 0.9em;
line-height: 0.9em;
opacity: 0;
color: red;
transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
opacity: 1;
}
/*Parsley js CSS*/
/* Color Codes*/
* {
outline: none !important;
/*border-radius: 0 !important;*/
}
#loader {
height: 0px;
}
#loader img {
width: 5em;
height: 3em;
}
.badge {
border-radius: 10px !important;
}
.text-right {
text-align: right !important;
}
/*login image css*/
.vendorIcon {
/*max-width: 25px;
margin-right: 8px;
border-radius: 64px !important;*/
width: 35px;
height: 35px !important;
margin-right: 8px;
border-radius: 50% !important;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/*
=========== screen layout ===========
* wide screen - 1550px ~
* tablet screen - 768px ~ 1550px
* mobile screen - 0 ~ 768px
=====================================
================ Menu ===============
* css class for side menu bar - navbar
* 1st level - mainMenu
* background - white / gray dark.
* color of menu item - grey / white.
* line color of menu item - grey white / grey.
* animation - left->right, opacity.
* shadow, hover effect.
* 2nd level - subMenu, active, open, hasSub
* background - blue.
* color of menu item - white.
* animation - left->right
* strip menu bar id - top-strip-menu
=====================================
*/
@font-face {
font-family: "Roboto-black";
src: url(../fonts/Roboto-Black.ttf);
}
@font-face {
font-family: "Roboto-light";
src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
font-family: "Roboto-bold";
src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
font-family: "Roboto-medium";
src: url(../fonts/Roboto-medium.ttf);
}
.roboto-black {
/*font-family: "Roboto-black";*/
font-family: "Roboto";
font-weight: 900;
}
.roboto-medium {
/*font-family: "Roboto-medium";*/
font-family: "Roboto";
/*font-weight: 600;*/
font-weight: 400;
letter-spacing: -0.5px;
}
.roboto-medium a {
color: #000044 !important;
}
.roboto-medium a:hover {
color: #969696 !important;
}
.roboto-medium-white {
/*font-family: "Roboto-medium";*/
font-family: "Roboto";
/*font-weight: 600;*/
font-weight: 400;
letter-spacing: -0.5px;
}
.roboto-medium-white a {
color: white !important;
}
.roboto-medium-white a:hover {
color: #969696 !important;
}
.roboto-light {
/*font-family: "Roboto-light";*/
font-family: "Roboto";
font-weight: 200;
letter-spacing: -0.5px;
}
.roboto-bold {
/*font-family: "Roboto-bold";*/
font-family: "Roboto";
font-weight: 700;
letter-spacing: -0.5px;
}
.np {
padding: 0 !important;
}
.amp {
padding-top: 35px !important;
margin-right: 10px !important;
}
.amp-center {
padding-left: calc(50% - 20px);
}
.amp-decrip {
margin-top: 37px !important;
}
.amp-table-responsible {
overflow: auto !important;
}
.amp-padding-left {
padding-left: 0px !important;
}
.nm {
margin: 0;
}
.t-cell {
display: table-cell;
}
.d-table {
display: table;
}
.topbar {
/*padding: 20px 0;*/
}
.sample {
display: block;
background: red;
}
a* {
color: #464646 !important;
}
a*:hover {
color: #969696 !important;
}
body {
font-family: "Roboto", "sans-serif";
overflow-x: hidden;
}
ul {
margin-top: 3px;
padding: 0;
}
section {
padding: 20px 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: bold;
}
header {
/*background-color: #1f4478;*/
background-color: #273856;
padding: 25px 0;
}
.socialIcons ul {
padding: 0;
margin: 0;
}
.socialIcons ul li {
display: inline-block;
margin-left: -4px;
color: #fff;
margin-right: 15px;
vertical-align: middle;
}
.socialIcons ul li a {
display: block;
color: #fff;
}
.nav-bar {
border-bottom: 1px solid #ddd;
margin-bottom: 0;
height: 45px;
position: relative;
/*background-color: #0062A3;*/
background-color: #778491;
}
.nav-bar nav ul {
padding: 0;
margin: 0;
}
.nav-bar nav ul li {
display: inline-block;
margin-left: -4px;
padding: 15px 20px;
text-align: center;
}
.nav-bar nav ul li a {
text-decoration: none;
color: #3a3a3a;
text-transform: uppercase;
font-weight: 800;
}
.postFeed .listFeed, .right-listFeed {
/*padding: 18px 0;*/
padding: 8px 0;
border-bottom: 1px solid #ddd;
}
.img-slider-home {
width: 300px !important;
height: 225px !important;
max-width: 300px !important;
max-height: 225px !important;
}
.img-slider {
max-width: 300px !important;
max-height: 225px !important;
/*width: 15.6vw !important;*/
width: 300px !important;
}
.news-box {
border-bottom: none;
width: 100%;
padding: 2px 0;
padding-left: 15px;
}
.postFeed .listFeed p, .right-listFeed p {
font-size: 10px;
color: #807d7d;
margin-right: 5px;
}
.right-listFeed-related {
margin-top: 5px;
border-bottom: 1px solid #ddd;
}
.right-listFeed-related p {
font-size: 10px;
color: #807d7d;
margin-right: 5px;
}
.right-listFeed .sports-type {
position: relative;
margin-right: 15px;
font-size: 0.85em;
color: #fff;
padding: 5px;
background: #1f4478;
}
.listFeed .sports-type {
position: relative;
margin-right: 15px;
font-size: 0.85em;
color: #fff;
padding: 5px;
padding-right: 0;
background: #1f4478;
}
.listFeed li {
border-bottom: 0;
padding: 12px 0;
border-top: 1px solid #ddd;
list-style: none;
}
.modal-backdrop.in {
opacity: 0.5;
z-index: 9;
filter: alpha(opacity=50);
}
@media screen and (min-width: 320px) {
.loginmodal {
padding: 30vh 0vw !important;
}
}
@media screen and (min-width: 480px) {
.loginmodal {
padding: 30vh 20vw !important;
}
}
@media screen and (min-width: 768px) {
.loginmodal {
padding: 30vh 30vw !important;
}
}
@media screen and (min-width: 1024px) {
.loginmodal {
padding: 30vh 100px !important;
}
}
.listFeed .post-title {
color: #464646;
/*font-size: 18px;*/
}
.right-bannerImage,
.bannerImage {
position: relative;
}
.bannerImage img {
max-height: 450px;
width: 100%;
}
.bannerImage iframe {
max-height: 450px;
width: 100%;
height: auto;
}
.right-bannerImage .boxTitle,
.bannerImage .boxTitle {
position: absolute;
bottom: 0;
padding: 10px 15px;
left: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
background: -webkit-linear-gradient(transparent, black); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(transparent, black); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(transparent, black); /* For Firefox 3.6 to 15 */
background: linear-gradient(transparent, black); /* Standard syntax (must be last) */
}
.bannerImage .boxTitle span {
font-size: 0.7em;
color: #fff;
text-transform: uppercase;
background-color: #1f4478;
padding: 3px;
}
.bannerImage .boxTitle p a {
font-size: 1.75em;
color: #fff;
}
.right-bannerImage .boxTitle span {
font-size: 0.7em;
color: #fff;
text-transform: uppercase;
background-color: #1f4478;
padding: 3px;
}
.right-bannerImage .boxTitle p a {
font-size: 1.25em;
color: #fff;
}
.sportheader {
margin: 10px 0px;
}
.socialIcons ul {
padding: 15px 0;
}
.topLogo {
padding: 0px 0 !important;
}
.login_area ul li {
display: inline-block;
margin-left: -4px;
padding: 15px 5px;
}
.forum-section h4 a,
.sports-box a,
.listFeed a,
#sports-news a {
text-decoration: none;
}
.forum-section h4 a:focus, .forum-section h4 a:hover,
.sports-box a:focus, .sports-box a:hover,
.listFeed a:focus, .listFeed a:hover,
#sports-news a:focus, #sports-news a:hover {
text-decoration: none;
}
.forum-section h4 a {
color: #333;
}
.forum-section h4 a:focus, .forum-section h4 a:hover {
color: #464646;
}
.sports-box li a,
.listFeed li a,
#sports-news li a {
color: #464646;
}
.sports-box li a:focus, .sports-box li a:hover,
.listFeed li a:focus, .listFeed li a:hover,
#sports-news li a:focus, #sports-news li a:hover {
color: #969696;
}
.sports-box figcaption a,
#sports-news figcaption a {
color: #fff;
}
.sports-box figcaption a:hover, .sports-box figcaption a:focus,
#sports-news figcaption a:hover, #sports-news figcaption a:focus {
font-weight: bold;
}
figcaption.breeding-figure {
position: absolute;
bottom: 0;
/*width:100%;*/
color: #fff;
font-size: 1em;
padding: 15px 18px;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
}
figcaption.sports-figure {
position: absolute;
bottom: 0;
/*width:100%;*/
width: 85%;
color: #fff;
font-size: 1em;
padding: 15px 18px;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
}
.login_area ul li a {
display: block;
width: 90px;
text-align: center;
padding: 6px 0;
text-transform: capitalize;
font-size: 1em;
border: 1px solid #ddd;
color: #fff;
text-decoration: none;
}
.login_area ul li:nth-child(2) a {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.login_area ul li:last-child a {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.mobLog {
display: none;
}
.matchupList {
background-color: #f5f5f5;
}
.matchupList .container span.text-uppercase {
padding: 0;
padding-top: 15px;
display: block;
}
.closed {
background-color: #ffb635;
color: #fff !important;
cursor: default;
}
.blink_me {
animation: blinker 1.25s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.registerBox h5 {
padding: 18px 0 0 10px;
}
.registerBox .regfreebox {
padding: 0;
padding-top: 18px;
}
.registerBox .regfree {
padding: 10px 5px;
font-size: 0.75em;
color: #fff;
text-decoration: none;
text-transform: uppercase;
background: #1f4478;
}
.racingNow {
padding-left: 0;
}
.categoryBox {
margin: 10px 0 0;
max-width: 99%;
}
.categoryBox ul {
border: 1px solid #ddd;
border-radius: 5px;
}
.categoryBox ul li {
/* display: inline-block;*/
float: left;
width: 33%;
list-style: none;
padding: 8px 0;
}
.categoryBox ul li.active, .categoryBox ul li:hover {
background: #f5f5f5;
}
.categoryBox ul li a {
text-decoration: none;
text-transform: uppercase;
font-size: 0.65em;
display: block;
color: #3a3a3a;
text-align: center;
}
.categoryBox ul li:not(:first-child) {
/*border-left: 1px solid #ddd;*/
}
.countryBox h4 {
background: #f5f5f5;
padding: 8px 0;
font-size: 1em;
}
.countryBox {
margin-top: 5px;
}
.countryBox .gamesList li {
list-style: none;
padding: 7px 0;
border-bottom: 1px solid #ddd;
transition: transform 0.5s ease-out;
}
.countryBox .gamesList li:hover {
list-style: none;
padding: 7px 0;
border-bottom: 1px solid #ffb635;
transform: translate(0, 2px);
}
.countryBox .gamesList li .raceNumber {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
}
.countryBox .gamesList li:hover .raceNumber {
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3);
/*rotate(360deg)*/
}
.countryBox .gamesList li span {
display: block;
font-size: 1em;
text-transform: capitalize;
}
.thumbList .smallNews img {
max-width: 100%;
}
.thumbList .smallNews figure {
position: relative;
margin-bottom: 15px;
}
.thumbList .smallNews figure span {
/*position: absolute;
left: 4%;
bottom: -3%;
padding: 2px 4px;
color: #fff;
background: #1f4478;
text-transform: uppercase;*/
position: absolute;
/*left: 11%;*/
bottom: 0%;
padding: 2px 6px 2px 10px;
color: #fff;
background: #1f4478;
text-transform: uppercase;
}
/*.font-weight-600 {
font-weight: 600;
}*/
.smallNews span.news-title {
display: block;
padding-right: 10px;
/*padding: 0px 1px 0px 20px;*/
}
.video-section {
background-color: #1f1f1f;
}
.video-section h2 {
color: #fff;
}
.video_slider .col-xs-12, .popular-slider .col-xs-12 {
padding-right: 15px;
}
.clearfix, .container {
position: relative !important;
}
.video_slider .col-xs-12 figure figcaption {
color: #fff;
padding: 15px 0;
}
.forum-section .forum-slider div {
padding-top: 5px;
}
.forum-section .forum-slider div h4 {
margin-bottom: 15px;
}
.video-section .sliderBtn i, .forum-section .sliderBtn i {
margin-left: 5px;
display: inline-block;
color: #fff;
cursor: pointer;
z-index: 30;
}
.forum-section .sliderBtn i {
color: #1f1f1f;
}
.video-section .sliderBtn i:hover {
color: yellow;
}
#sports-news .sportLinks {
padding: 0;
margin: 0;
padding: 15px 0;
}
.sportLinks li h3 {
margin: 10px 0;
}
.sportLinks li {
display: inline-block;
vertical-align: middle;
position: relative;
}
.sportLinks li:first-child {
margin-right: 15px;
}
.sportLinks li a {
position: relative;
display: block;
color: #3a3a3a;
text-decoration: none;
text-transform: uppercase;
font-size: 0.85em;
padding: 0 15px;
}
.sportLinks li:not(:first-child):after {
position: absolute;
content: "";
right: 0;
width: 1px;
top: 0;
bottom: 0;
margin: auto;
height: 70%;
background: rgba(0, 0, 0, 0.7);
}
.sportLinks li:last-child:after {
display: none;
}
.latest-news-box {
width: 98%;
/*padding: 6px;*/
padding: 5px 0px;
border-left: 2px solid transparent;
/*border-left: 2px solid #1f4478;*/
}
.sports-box .col-sm-4 figure {
position: relative;
}
.sports-box .col-sm-4 figure figcaption {
position: absolute;
bottom: 0;
width: 100%;
color: #fff;
font-size: 1em;
padding: 15px 20px;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
}
.sports-box .bottomList ul li {
padding: 10px 0;
list-style: none;
border-top: 1px solid #ddd;
}
#popular {
background: #f5f5f5;
}
#country-slider-section {
background: #f5f5f5;
}
.carousel-section {
background: #f5f5f5;
}
.popular-slider figure {
position: relative;
margin-bottom: 15px;
}
.popular-slider figure figcaption {
position: absolute;
bottom: -3%;
left: 17%;
color: #fff;
font-size: 1.25em;
padding: 3px 6px;
background: #1f4478;
}
/* Forum Section Home Page */
.forum-section {
background: #f5f5f5;
}
.forum-section-block {
padding: 0px 6px !important;
}
.forum-para {
text-align: justify;
word-wrap: break-word;
}
.forum-para {
min-height: 210px !important;
}
@media (max-width: 768px) {
.forum-para {
min-height: 130px !important;
}
}
/* ----- END ----- */
.bottom-ads {
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
}
/*racer page*/
.racer-info-container {
border: 1px solid #234daf;
padding: 30px 15px;
}
.racer-info-box {
position: relative;
padding-bottom: 15px;
margin-bottom: 20px;
}
.racer-info-box:afteR {
position: absolute;
content: "";
width: 80%;
height: 1px;
bottom: 0;
left: 0;
right: 0;
background-color: #234daf;
margin: auto;
}
.racer-info-box div {
display: inline-block;
vertical-align: top;
margin-left: -4px;
}
.racer-info-box .racer-info-photo {
width: 28%;
margin-right: 3%;
max-width: 200px;
}
.racer-info-box .racer-info-photo img {
width: 110px;
height: 110px;
}
.racer-info-box .racer-info-details {
width: 68%;
}
.racer-info-details span {
margin-top: 8px;
display: block;
}
.racer-info-position {
background: #ffd148;
padding: 10px 0;
box-shadow: 8px 8px 0px 0px #b7e1ef;
margin: 0 15px;
}
.racer-info-position h5 {
margin-bottom: 5px;
}
.racer-info-position h4 {
margin-bottom: 5px;
}
/*racer page */
/*horse index page*/
.horse-index-page-header {
margin-top: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.horse-index-list-area {
position: relative;
padding-bottom: 30px;
margin-bottom: 15px;
/*border-bottom:1px solid #ddd;*/
}
.horse-index-list-area:not(:last-child):before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 1px;
background: #ddd;
height: 100%;
}
.horse-index-page ul {
list-style-type: none;
padding: 0;
}
.horse-index-header {
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.horse-index-race-box, .horse-index-no-box {
text-align: right !important;
padding: 45px 0 0 0 !important;
}
.horse-index-header h1.text-uppercase {
font-family: "Roboto-black";
}
.horse-index-list ul li a {
font-family: "Roboto-medium";
color: #1f4478;
text-decoration: none;
}
.horse-index-list ul li a:hover {
color: #0067ff;
}
.horse-index-list .race-box ul li, .horse-index-list .no-box ul li {
font-family: "Roboto-medium";
height: 22px !important;
text-align: right !important;
}
.horse-index-list .race-box, .horse-index-list .no-box {
padding: 0 2px !important;
}
/*horse index page*/
/* Menu section color */
.bg-base-color, .base-color:hover, .base-color:focus {
background-color: #1f4478;
}
.bg-base-color0, .base-color0:hover, .base-color0:focus {
background-color: #44c8fb;
}
.bg-base-color1, .base-color1:hover, .base-color1:focus {
background-color: #50ac47;
}
.bg-base-color2, .base-color2:hover, .base-color2:focus {
background-color: #394190;
}
.bg-base-color3, .base-color3:hover, .base-color3:focus {
background-color: #30bdb0;
}
.bg-base-color4, .base-color4:hover, .base-color4:focus {
background-color: #ef5633;
}
.bg-base-color5, .base-color5:hover, .base-color5:focus {
background-color: #a43f82;
}
.bg-base-color6, .base-color6:hover, .base-color6:focus {
background-color: #de2363;
}
.bg-base-color7, .base-color7:hover, .base-color7:focus {
background-color: #f47d22;
}
.bg-base-color0 li {
border-color: #6ed7ff !important;
}
.bg-base-color1 li {
border-color: #79c772 !important;
}
.bg-base-color2 li {
border-color: #5c63ab !important;
}
.bg-base-color3 li {
border-color: #68cec4 !important;
}
.bg-base-color4 li {
border-color: #f3886f !important;
}
.bg-base-color5 li {
border-color: #bb649e !important;
}
.bg-base-color6 li {
border-color: #e66490 !important;
}
footer {
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
footer .overlay {
position: absolute;
content: "";
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 1;
background: #273856;
/*background-color: #273856;*/
}
footer .container-fluid {
z-index: 10;
/*border-bottom: 1px solid rgba(193, 215, 249, 0.36);*/
position: relative;
}
footer .container {
position: relative;
z-index: 10;
}
footer .nav-bar {
height: auto;
border-bottom: 0px;
}
footer nav span.botMenu {
display: none;
}
footer .bottom-nav ul li a {
color: #fff;
}
footer .otherLinks ul {
padding: 30px 0;
border-bottom: 1px solid rgba(193, 215, 249, 0.36);
}
footer .otherLinks ul li {
display: inline-block;
position: relative;
padding: 0 30px;
}
footer .otherLinks ul li:not(:last-child):after {
position: absolute;
content: "";
right: 0;
height: 100%;
width: 1px;
border: 1px solid #fff;
}
footer .otherLinks ul li a {
color: #fff;
}
footer .snsBox {
padding: 30px 0;
border-bottom: 1px solid rgba(193, 215, 249, 0.36);
}
footer .snsBox span {
color: #fff;
font-size: 1.5em;
display: inline-block;
margin-right: 25px;
}
footer .snsBox .col-sm-4 span:first-child {
color: #b9c1d5;
}
footer .snsBox span a {
color: #fff;
text-decoration: none;
}
footer .footerLogo {
padding: 30px 0px 2px 0px;
}
footer .footerLogo img {
margin: 0 auto;
}
footer p {
color: #fff;
}
.mauto {
margin: 0 auto;
}
.hidden {
visibility: hidden;
transition: all 0.8s ease-in;
}
.mainparent {
position: relative;
/*min-height: 800px;*/
/*min-height: 41.90vh;*/
min-height: 36.6vh;
}
/*form-guide*/
.form-guide .tabs-container {
margin-top: 30px;
}
.form-guide .tabs-container h4 {
margin-bottom: 20px;
}
.form-guide .tabs {
background-color: #c6cfde;
margin-bottom: 6px;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
}
.form-guide .tabs ul {
margin: 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
overflow-x: scroll;
}
.form-guide .tabs ul li {
display: inline-block;
padding: 0 1.25em;
position: relative;
}
.form-guide .tabs ul li:not(:last-child)::after {
content: "";
position: absolute;
top: 0.75em;
bottom: 0.75em;
right: 0;
border-right: 1px solid #ffffff;
}
.form-guide .tabs ul li a {
display: inline-block;
position: relative;
line-height: 44px;
text-decoration: none;
color: #464646;
font-size: 1.25em;
}
.form-guide .tabs ul li a.active, .form-guide .tabs ul li a:hover {
color: #0067ff;
}
.form-guide .tabs ul li a.active:after, .form-guide .tabs ul li a:hover:after {
content: "";
position: absolute;
width: 12px;
height: 6px;
border-style: solid;
border-width: 0 6px 6px;
border-color: transparent transparent #ffffff;
bottom: 0;
left: calc(50% - 6px);
}
.country {
margin-top: 30px;
}
.country ul {
margin: 15px 0;
padding: 0;
}
.country ul li {
display: inline-block;
position: relative;
padding: 0 15px;
border-radius: 5px;
}
.country ul li.active, .country ul li:hover {
background: #1f4478;
}
.country ul li.active a, .country ul li:hover a {
color: #969696;
}
.country ul li a {
display: block;
cursor: pointer;
text-decoration: none;
color: #464646;
line-height: 35px;
}
.racing {
margin-top: 30px;
}
.racing .meeting-box {
width: 100%;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-top: 15px;
padding-left: 15px;
display: block;
color: #3a3a3a;
padding-bottom: 20px;
}
.racing .meeting-box:hover {
color: #284081;
}
.racing .meeting-box .meeting-info h3 {
margin-bottom: 15px;
}
.meeting-info-list li {
color: #464646;
}
.meeting-info-list li:hover {
color: #969696;
}
/*form-guide*/
/*race page*/
.race h1 {
padding: 15px 0;
}
.meeting-heading {
padding: 0 15px;
padding-bottom: 5px;
position: relative;
}
.meeting-heading h3 {
margin-bottom: 7px;
}
.meeting-heading img {
width: 30%;
position: absolute;
right: 20px;
width: 50px;
top: 0;
}
.race-container {
padding-top: 30px;
margin-bottom: 50px;
}
.race-container > .col-sm-8 {
position: relative;
padding-bottom: 30px;
}
.race-container > .col-sm-8 img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 50%;
margin: auto;
height: 100%;
}
.race-box {
padding: 0 5px;
padding-bottom: 10px;
}
.race-box .data-box {
display: block;
position: relative;
border: 2px solid #ddd;
padding: 5px;
border-radius: 5px;
color: #23527c;
font-size: 1em;
background: rgba(255, 255, 255, 0.7);
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.race-box .data-box:hover {
color: #000;
background: #ddd;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.race-box .data-box .time-distance {
position: absolute;
left: 5px;
top: 0;
height: 40px;
bottom: 0;
margin: auto;
}
.race-box .data-box .time-distance span {
display: block;
}
.race-box .data-box span {
display: block;
}
.race-box .data-box .race-num {
font-size: 1.25em;
}
.race-box .data-box .name-num .race-name {
font-size: 0.9em !important;
text-transform: capitalize;
}
.pages-list ul {
display: inline-block;
}
.pages-list ul li {
display: inline-block;
width: auto;
margin-right: 5px;
}
.pages-list ul li a {
padding: 3px 20px;
}
.right-side ul {
margin: 0;
padding: 0;
padding: 15px 0;
list-style: none;
}
.right-side ul li:not(:last-child) {
margin-bottom: 15px;
}
.right-side ul li a {
display: block;
line-height: 35px;
background-color: #1f4478;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
/*race page*/
/*form page*/
.table-container {
/*margin-top: 50px;*/
}
.table-container table {
width: 100%;
}
thead tr th {
/*text-align: center;
padding: 7px;
background: #23527c;
color: #fff;
text-transform: uppercase;*/
}
/*form page*/
.sportheader .img-responsive {
width: 100%;
}
.right-post-feed img.img-responsive {
width: 92%;
}
.right-post-feed div.top-story-box {
max-width: 92%;
width: 100%;
}
/*meeting page*/
/*for meeting-page absolutebox*/
.content-slide-overlay {
position: fixed;
width: 100%;
height: 100%;
display: none;
background: rgba(0, 0, 0, 0.5);
z-index: 298;
}
.content-slide-overlay.active {
position: fixed;
width: 100%;
display: block;
height: 100%;
}
.absoluteBox {
position: fixed;
width: 75%;
height: 100%;
overflow: hidden;
overflow-y: auto;
right: -75%;
z-index: 200;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
/*background: #333333;*/
background: #fff;
}
.absoluteBox.active {
right: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.btn-close {
position: absolute;
top: 5px;
right: 10px;
/*color: #fff;*/
color: #000;
cursor: pointer;
}
/*for meeting-page absolutebox*/
/*meeting page*/
/*horse-table*/
.mobile-horse-list {
display: none;
}
.horse-list-box {
margin-bottom: 30px;
}
.horse-list-box-header {
padding: 15px 0;
}
.horse-list-box-header h2 {
margin: 5px 0;
}
.horse-list-info {
border: 1px solid #ddd;
}
.horse-list-info .d-table {
width: 100%;
}
.horse-list-info .d-table:not(:first-child) {
border-top: 1px solid #ddd;
}
.horse-list-info .horse-list-label {
font-family: "Roboto-bold";
font-weight: 800;
text-transform: uppercase;
width: 110px;
border-right: 1px solid #ddd;
}
.horse-list-info .t-cell {
padding: 5px 8px;
}
.comment-section .comments-header {
display: block;
padding: 5px 8px;
font-family: "Roboto-bold";
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.comment-section .comments {
padding: 10px;
display: block;
font-family: "Roboto-medium";
}
/*horse-table*/
/*for meeting-page*/
.txt-distance a {
color: #0067ff;
}
.nav-tabs > li > a {
color: #0067ff;
margin-top: 5px;
}
.meeting-tab {
/*margin: 20px 0;*/
}
.meeting-race-label span {
display: inline-block;
margin-bottom: 5px;
background: #3064ab;
padding: 5px 25px;
font-size: 1.25em;
}
.meeting-page-info-right h5:first-of-type {
margin: 7px 0;
}
.meeting-page-title h5 {
margin: 7px 0 !important;
font-family: "Roboto-light";
}
/*.meeting-page-table {
margin-top: 5px;
}*/
/*.meeting-page-table table thead tr th {
background: #3064ab;
color: white;
}*/
.racer-performance {
padding: 15px;
display: none;
}
.racer-performance h5 {
margin: 5px 0;
font-family: "Roboto-Bold";
}
.racer-performance h6 {
margin-top: 10px;
margin-bottom: 10px;
}
.pr-box-container2 {
margin-top: 10px;
margin-bottom: 20px;
}
.pr-box {
float: left;
/*width: 14.28%;*/
min-width: 14.28%;
width: auto;
padding: 5px;
}
.pr-box-data .pr-label {
font-family: "Roboto-bold";
font-size: 0.9em;
}
.table-bottom-info .table tbody tr:last-of-type {
border-bottom: 1px solid #ddd;
}
.btn-performance .btn {
color: #fff;
}
.sliding-table {
margin: 50px 15px;
margin-right: 40px;
}
.sliding-table table {
margin-bottom: 0;
background: #fff;
}
.sliding-table table thead {
background-color: #1f4478;
}
.sliding-table table thead tr th {
color: #fff;
background-color: #3064ab;
}
.sliding-table table tbody tr td {
color: #000;
vertical-align: middle;
text-align: center;
/*border-color: rgb(102,164,255);*/
}
.sliding-table table tbody tr td:not(:last-child) {
/*border-right: 1px solid rgb(102,164,255);*/
}
.sliding-table table tbody tr .note-box {
background-color: rgb(102, 164, 255);
}
.sliding-table table tbody tr td .note {
display: block;
text-transform: uppercase;
color: #464646;
font-family: "Roboto-medium";
}
.sliding-table table tbody tr td.note-text {
text-align: left;
font-family: "Roboto-light";
}
.sliding-table table tbody tr td .result {
background: #ffb635;
font-family: "Roboto-Bold";
border-radius: 2px;
color: #fff;
padding: 0 3px;
display: inline-block;
text-transform: uppercase;
}
.sliding-table table tbody tr .bt-box {
background-color: rgb(166, 238, 187);
}
.sliding-table table tbody tr td .bt {
display: block;
text-transform: uppercase;
font-family: "Roboto-medium";
}
.sliding-table table tbody tr td .heavy {
background-color: rgb(179, 0, 27);
border-radius: 2px;
font-family: "Roboto-Bold";
color: #fff;
padding: 0 3px;
text-transform: uppercase;
}
.sliding-table table tbody tr td .soft {
background-color: rgb(203, 29, 190);
border-radius: 2px;
padding: 0 3px;
font-family: "Roboto-Bold";
text-transform: uppercase;
color: #fff;
}
.sliding-table table tbody tr td .good {
background-color: rgb(38, 198, 86);
border-radius: 2px;
font-family: "Roboto-Bold";
color: #fff;
padding: 0 3px;
text-transform: uppercase;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.more-form {
background-color: #1f4478;
color: #fff;
}
.more-form:hover {
color: #fff;
}
/*for meeting-page*/
/*for neurals page*/
.neural-table {
margin-top: 30px;
}
.neural-table table {
border: 1px solid #ddd;
}
.neural-table table thead th {
text-align: left;
background: #1f4478;
}
.neural-table table tbody tr td {
font-family: "Roboto-light";
}
.neural-table table tbody tr td:not(:last-child) {
border-right: 1px solid #ddd;
}
.neurals-horse-table {
margin-top: 30px;
margin-bottom: 0;
}
.neurals-horse-table {
border: 1px solid #ddd;
}
.neurals-horse-table thead th {
text-align: left;
background: #1f4478;
}
.neurals-horse-table tbody tr td {
font-family: "Roboto-light";
}
.neurals-horse-table tbody tr td:not(:last-child) {
border-right: 1px solid #ddd;
}
.neurals-horse-table + span {
font-size: 0.85em;
font-family: "Roboto-light";
color: gray;
}
.action-box {
color: #fff;
display: inline-block;
}
/*for neurals page*/
/* for mobile device */
/*@media (max-width:768px) {
.thumbList .smallNews img {
max-width: 100%;
}
.container {
width: 100%;
padding: 0 15px !important;
}
.topbar {
padding: 0;
}
.name-num {
display: inline-block;
text-align: left;
position: relative;
right: -30px;
}
.table-container table tr th:nth-of-type(5), .table-container table tr th:nth-of-type(7), .table-container table tr th:nth-of-type(8) {
display: none;
}
.table-container table tr td:nth-of-type(5), .table-container table tr td:nth-of-type(7), .table-container table tr td:nth-of-type(8) {
display: none;
}
.horse-table-page .table-container {
display: none;
}
.mobile-horse-list {
display: block;
}
}*/
@media only screen and (max-width: 767px) {
.container .col-xs-12, .container-fluid .col-xs-12 {
/*padding: 0 15px !important;*/
}
.topbar img.mauto {
width: 100%;
}
.socialIcons {
text-align: center;
margin: 15px 0;
display: none;
}
.container .topLogo {
padding: 15px 0 !important;
}
.topLogo a {
display: block;
}
.login_area {
text-align: center;
display: none;
}
.nav-bar {
height: 45px;
}
.mobLog {
display: block;
position: absolute;
z-index: 10;
right: 11px;
top: -11px;
text-align: right;
}
.mobLog li:first-child {
display: none;
}
.mobLog ul li a {
/*color: #333333;*/
color: #fff;
}
.mobLog ul li a:hover {
background: #333333;
color: #fff;
}
#nav-icon1 {
left: 15px;
}
#nav-icon1.open span {
left: 0px;
}
.navbar ul.mainMenu {
width: 315px;
left: -315px;
}
.content_right {
margin-top: 30px;
}
/* for 2nd level menu in mobile device */
.navbar ul.subMenu {
display: block;
/*background: #213872;*/
max-width: 315px;
left: -100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 999;
padding-left: 15px;
padding-top: 140px;
-webkit-transition: left 0.5s ease-in-out;
-moz-transition: left 0.5s ease-in-out;
-ms-transition: left 0.5s ease-in-out;
-o-transition: left 0.5s ease-in-out;
transition: left 0.5s ease-in-out;
}
/* .fa-chevron-circle-down{
display: block;
}
.fa-chevron-circle-right{
display: none;
}
.container{
overflow:scroll;
}*/
.matchupList span.text-uppercase {
text-align: center;
padding: 15px 0 !important;
display: block;
}
.matchupList .text-uppercase br {
display: none;
}
.registerBox h5 {
text-align: center;
padding: 15px 0;
}
.regfreebox {
text-align: center;
}
.regfreebox .regfree {
float: none !important;
margin-bottom: 10px;
display: inline-block;
padding: 10px 20px;
}
.content_left h2 {
padding: 30px 0;
}
.right-post-feed {
margin-top: 30px;
margin-bottom: 15px;
}
.right-post-feed img.img-responsive {
width: 100%;
}
.right-post-feed div.top-story-box {
max-width: 100%;
width: 100%;
}
.adsBox {
margin-top: 30px;
}
.adsBox img {
margin: 0 auto;
}
.sports-box figure {
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
.sports-box figure img {
width: 100%;
}
.bigAds img {
margin: 0 auto;
}
.threeAds img {
margin: 0 auto;
}
.race h1 {
padding-left: 0;
padding-right: 0;
}
.meeting-heading {
padding-left: 0;
padding-right: 0;
}
.right-side {
padding: 0 20px;
}
footer .nav-bar ul {
/* height: 0;
overflow: hidden;*/
display: none;
/*transition: height .5s ease-in-out;*/
}
/* footer .nav-bar ul.active{
height:400px;
transition: height .5s ease-in-out;
}*/
footer .nav-bar ul li {
display: block;
}
footer .bottom-nav nav .botMenu {
display: inline-block;
margin: 10px 0;
padding: 5px 35px;
cursor: pointer;
color: #fff;
border: 1px solid #fff;
}
footer .otherLinks ul li {
display: block;
}
footer .snsBox {
margin-bottom: 30px;
}
footer .snsBox .col-xs-12 {
text-align: left;
}
footer .snsBox .col-xs-12 span.text-uppercase {
width: 121px;
}
footer .snsBox {
padding: 15px;
}
* img {
margin: 0 auto;
}
}
@media only screen and (max-width: 500px) {
.table-container table tr th:nth-of-type(3), .table-container table tr th:nth-of-type(10), .table-container table tr th:nth-of-type(9) {
display: none;
}
.table-container table tr td:nth-of-type(3), .table-container table tr td:nth-of-type(10), .table-container table tr td:nth-of-type(9) {
display: none;
}
}
@media only screen and (max-width: 375px) {
.name-num {
line-height: 35px;
}
.race-name {
display: none !important;
}
#nav-icon1 span {
height: 5px;
left: 76px;
}
#nav-icon1 span:nth-child(2) {
top: 11px;
}
#nav-icon1 span:nth-child(3) {
top: 19px;
}
#nav-icon1 h2 {
font-size: 26.5px;
}
#nav-icon1 {
width: 30px;
}
.navbar {
width: 315px;
}
.navbar ul.subMenu {
max-width: 315px;
}
.navbar ul.mainMenu {
max-width: 315px;
width: 315px;
}
}
@media (min-width: 768px) {
.menucontainer {
width: 750px;
margin: 0 auto;
}
}
@media (min-width: 992px) {
.menucontainer {
width: 970px;
margin: 0 auto;
}
/*.navbar{
left: 0;
position: fixed;
top: 0;
margin:0;
left:0;
}
.navbar ul.mainMenu{
left: 0;
background-color:#fff;
}
.navbar ul.mainMenu li:hover ul.subMenu {
display: block !important;
left: 315px;
}
.menucontainer{
left: 0;
z-index: 100;
position: fixed;
top: 0;
margin:0;
left:0;
max-width: 325px;
min-height:800px;
}
.container{
margin-left:350px;
width: calc(100% - 370px);
}
footer{
margin-left:315px;
width: calc(100% - 315px);
}*/
}
@media (min-width: 1204px) {
.menucontainer {
/*position: absolute;
top: 0;*/
width: 100%;
height: 100%;
/*padding: 0 15px;
max-width: 1170px;
margin: 0;
left: 0;
right: 0;
overflow: hidden;*/
}
}
@media (min-width: 1205px) {
.sports-box .col-sm-4 figure {
position: relative;
max-width: 270px;
}
.menucontainer {
/*position: absolute;
top: 0;*/
width: 100%;
height: 100%;
/*max-width: 1170px;
padding: 0;
margin: 0 auto;
left: 0;
right: 0;
overflow: hidden;*/
}
}
@media (min-width: 1500px) {
#content div.container {
width: 1200px;
}
.container {
width: 1200px;
}
.menucontainer {
width: 1200px !important;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
left: unset !important;
}
#top-strip-menu {
/*left: 380px !important;*/
}
}
@media (min-width: 1800px) {
#content div.container {
width: 1400px;
}
.container {
width: 1400px;
}
.menucontainer {
width: 1400px !important;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
left: unset !important;
}
#top-strip-menu {
/*left: 380px !important;*/
}
}
/*
#top-strip-menu {
display: none;
}
#nav-icon1 {
display: none;
}
.navbar {
left: 0;
position: fixed;
top: 0;
margin: 0;
left: 0;
}
.navbar ul.mainMenu {
left: 0;
background-color: #fff;
}
.navbar ul.mainMenu li:hover ul.subMenu {
display: block !important;
left: 315px;
}
.menucontainer {
left: 0;
z-index: 100;
position: fixed;
top: 0;
margin: 0;
left: 0;
max-width: 325px;
min-height: 800px;
}
.container {
margin-left: 350px;
width: calc(100% - 370px);
}
footer {
margin-left: 315px;
width: calc(100% - 315px);
}
}*/
/* for wide screen */
/*@media (min-width: 1800px) {
#content div.container {
width: 1400px;
}
#top-strip-menu {
display: none;
}
#nav-icon1 {
display: none;
}
.navbar {
left: 0;
position: fixed;
top: 0;
margin: 0;
left: 0;
}
.navbar ul.mainMenu {
left: 0;
background-color: #fff;
}
.navbar ul.mainMenu li:hover ul.subMenu {
display: block !important;
left: 315px;
}
.menucontainer {
left: 0;
z-index: 200;
position: fixed;
top: 0;
margin: 0;
left: 0;
max-width: 325px;
min-height: 800px;
}
.container {
margin-left: 350px;
width: calc(100% - 370px);
}
footer {
margin-left: 315px;
width: calc(100% - 315px);
}
}*/
.crsImg {
height: 250px !important;
}
.number {
text-align: right !important;
}
td.number > input {
text-align: right;
}
.text {
text-align: left;
}
th.text {
padding-left: 10px !important;
}
/* style for scratching */
table {
border-collapse: collapse;
}
td {
position: relative;
vertical-align: top !important;
}
tr.strikeout td:before {
content: " ";
position: absolute;
top: 50%;
left: 0;
/*border-bottom: 2px solid #ff0000;
color: #ff0000;*/
width: 100%;
}
tr.strikeout td {
background: #f5f5f5;
}
tr.strikeout td input {
pointer-events: none;
}
tr.strikeout td input:not([type=button]) {
background: #cccccc;
}
tr.strikeout, tr.strikeout td > a:not(.btn) {
color: #939292 !important;
}
tr.tempstrikeout td {
background: #cccccc;
}
tr.tempstrikeout td input:not([type=button]) {
background: #cccccc;
}
tr.tempstrikeout, tr.strikeout td > a:not(.btn) {
color: #939292 !important;
}
.red {
color: red;
}
.green {
color: green;
}
.nowrap {
white-space: nowrap;
}
.scrollup {
width: 70px;
height: 70px;
position: fixed;
bottom: 50px;
right: 100px;
border-radius: 132px !important;
display: none;
z-index: 10000;
}
@media (max-width: 768px) {
.scrollup {
bottom: 10px;
right: 10px;
}
}
.scrollup span {
margin-top: 20px;
}
.horse-index-list .row {
margin-right: 0px;
margin-left: 0px;
}
.horse-index-header .row {
margin-right: 0px;
margin-left: 0px;
}
/*@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}*/
.section-news-fix, .section-news-fix_not {
padding-left: 0px !important;
}
@media only screen and (max-width: 1868px) {
.section-news-fix {
width: 100%;
}
.bottomList {
padding-left: 0 !important;
}
.bottomList_not {
padding-left: 155px !important;
}
}
.img-slider-caption {
width: 260px !important;
}
.img-slider-img {
width: 260px !important;
height: 195px !important;
max-width: 260px !important;
max-height: 195px !important;
/*margin-left: auto;*/
}
/*.thumbList .owl-item {
width: 260px !important;
}*/
/*.font-weight-600.news-title.roboto-medium {
width: 260px;
padding: 0;
}
/* rns-alert CSS */
.rns-alert {
width: 100% !important;
bottom: -15px;
position: fixed !important;
z-index: 99999;
height: auto;
background-color: #FF7800 !important;
}
.rns-alert-content {
/*padding-left: 15%;*/
text-align: justify;
}
.rns-alert-content img {
height: 80px;
margin-bottom: 29px;
}
.rns-alert-countdown-container {
width: 135px;
border: 2px solid white;
margin-top: 10px;
}
.rns-alert-countdown-container-xs {
width: 180px;
border: 2px solid white;
margin-bottom: 24px;
}
.rns-alert-countdown {
color: white;
margin-top: -5px;
font-weight: bold;
}
.rns-alert-label {
color: white;
font-weight: bold;
margin-top: 10px;
}
.rns-alert-close {
color: white;
margin-right: 1%;
}
.rns-vimu-block {
display: inline-block;
margin-left: 30px;
}
@media only screen and (max-width: 1024px) {
.rns-alert-content img {
width: 98%;
height: 80px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 991px) {
.rns-alert-countdown-container {
display: none;
}
.rns-vimu-block {
margin-left: 0;
}
}
@media only screen and (max-width: 907px) {
.rns-alert-content img {
width: 98%;
height: auto;
min-height: 50px;
margin-bottom: 10px;
display: block;
margin-right: auto;
margin-left: auto;
}
.rns-alert-label {
color: white;
font-weight: bold;
font-size: 10px;
padding: 3px 0px;
}
.rns-alert-countdown-container {
width: 135px;
border: 1px solid white;
margin-top: 10px;
}
.rns-alert p {
margin: 0 0 0px !important;
}
}
/* Owl carousel Navigation Dots*/
.owl-dots {
text-align: center;
width: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.owl-dot {
border-radius: 50px;
height: 10px;
width: 10px;
display: inline-block;
background: rgba(127, 127, 127, 0.5);
margin-left: 5px;
margin-right: 5px;
}
.owl-dot.active {
background: rgb(127, 127, 127);
}
.owl-theme .owl-dots .owl-dot span {
margin: 0px 0px !important;
}
/* Back to Top Button */
.back-to-top {
-ms-opacity: 0.7;
bottom: 20px;
cursor: pointer;
display: none;
/*opacity: 0.7;*/
position: fixed;
right: 20px;
z-index: 99999;
background: #ffb635 !important;
}
#nav-icon1 span {
left: 5px !important;
}
/* HomeContainer background color */
.container-fluid .container {
padding: 0 50px !important;
/*min-height: 750px;*/
}
/* Loading Overlay */
.overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
z-index: 9999 !important;
}
.overlay .blur_block_container {
position: fixed;
height: 50px;
margin-top: calc(50vh - 50px);
margin-left: 50vw;
}
.overlay .blur_span {
color: white;
position: fixed;
margin-top: calc(50vh - 62.5px);
margin-left: calc(50% - 62.5px);
}
.overlay .color_block_container {
position: fixed;
height: 125px;
margin-top: calc(50vh - 62.5px);
margin-left: calc(50% - 62.5px);
}
/* Button small */
.btn-sm {
padding: 3px 10px !important;
}
@media print {
* {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
body {
background: white !important;
margin: 0;
padding: 0 !important;
min-width: 768px;
}
a[href]:after {
display: none;
visibility: hidden;
}
iframe {
display: none;
}
.mainparent {
margin-top: 0 !important;
}
div.container.np {
width: 100% !important;
}
.table-responsive {
overflow: visible !important;
}
.box-shdow, .white-bg-n-shadow, .rns-container, .block-container {
box-shadow: none !important;
}
.fgr-wrapper {
padding: 0 !important;
}
.fgr-dsk-right-container {
padding-left: 10px !important;
}
.hidden-xs:not(.hidden-print) {
display: block !important;
}
.hidden-sm, .hidden-md, .hidden-lg {
display: none !important;
}
.container {
max-width: none !important;
width: 100% !important;
padding-left: 0;
padding-right: 0;
}
.row {
margin-left: -1%;
margin-left: -1%;
}
[class*=col-] {
float: left;
padding-left: 1%;
padding-right: 1%;
}
.col-sm-12,
.col-md-12,
.col-lg-12 {
width: 100%;
}
.col-sm-11,
.col-md-11,
.col-lg-11 {
width: 91.66666667%;
}
.col-sm-10,
.col-md-10,
.col-lg-10 {
width: 83.33333333%;
}
.col-sm-9,
.col-md-9,
.col-lg-9 {
width: 75%;
}
.col-sm-8,
.col-md-8,
.col-lg-8 {
width: 66.66666667%;
}
.col-sm-7,
.col-md-7,
.col-lg-7 {
width: 58.33333333%;
}
.col-sm-6,
.col-md-6,
.col-lg-6 {
width: 50%;
}
.col-sm-5,
.col-md-5,
.col-lg-5 {
width: 41.66666667%;
}
.col-sm-4,
.col-md-4,
.col-lg-4 {
width: 33.33333333%;
}
.col-sm-3,
.col-md-3,
.col-lg-3 {
width: 25%;
}
.col-sm-2,
.col-md-2,
.col-lg-2 {
width: 16.66666667%;
}
.col-sm-1,
.col-md-1,
.col-lg-1 {
width: 8.33333333%;
}
}
.ad-container-parent {
display: flex;
padding: 0;
}
.ad-container {
margin: auto;
max-width: 100% !important;
}
.editable-input textarea {
width: 400px !important;
}
.editable-container .popover-content {
min-width: unset;
}
.editable-empty {
color: grey !important;
}
/* Spell line */
.spell {
position: relative;
text-align: center;
}
.spell span {
background: #fff;
padding: 0 15px;
position: relative;
z-index: 1;
}
.spell:before {
background: #ddd;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%;
}
.spell:before {
left: 0;
}
/* End*/
.nav-menu-text {
font-size: 14px;
margin-left: 2.5em;
top: 6px !important;
text-transform: capitalize;
font-weight: normal;
background: none !important;
}
.jockey_silks_xs {
max-height: 40px !important;
max-width: 40px !important;
min-height: 40px !important;
min-width: 40px !important;
}