/* css */ @import url(../../shared/css/offcanvas.min.css); @import url(../../shared/css/owl.carousel.css); @import url(../../shared/css/nouislider.min.css); @import url(../../shared/css/bootstrap-select.css); @import url(../../shared/css/loader-spinners.css); @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800,900&display=swap'); /*@font-face { font-family: 'roboto-regular'; src: url('../../shared/fonts/Roboto-Regular.eot') format('embedded-opentype'), url('../../shared/fonts/Roboto-Regular.ttf') format('truetype'), url('../../shared/fonts/Roboto-Regular.woff') format('woff'), url('../../shared/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');} @font-face { font-family:'roboto-Medium'; src: url('../../shared/fonts/Roboto-Medium.eot') format('embedded-opentype'), url('../../shared/fonts/Roboto-Medium.ttf') format('truetype'), url('../../shared/fonts/Roboto-Medium.woff') format('woff'), url('../../shared/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');} */ /* MaterialIcons */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../../shared/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../../shared/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../../shared/fonts/MaterialIcons-Regular.woff) format('woff'), url(../../shared/fonts/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; vertical-align:middle; } *{margin:0; padding:0;} :focus{outline:none;} ul { margin:0; padding:0; list-style:none; } h1, h2 ,h3, h4, h5 ,h6 { font-weight:700; margin:0; padding:0; } p { margin:0; padding:0; font:400 14px/20px 'Nunito Sans', sans-serif; } a, a:focus { outline:none; } select, select option { width:100%; box-sizing:border-box; -moz-appearance: none; -webkit-appearance: none; border-radius:0; } a:hover, a:focus{ text-decoration:none; outline:none;} input:focus{ outline:none;} a{ color:#333;} a:hover{color:#333;} samp{font-family: 'Nunito Sans', sans-serif; } body { background-color:#ebeef0; font-family: 'Nunito Sans', sans-serif; font-weight:400; font-size:14px; line-height:20px; height:100%; } .widget-page { background-color:#ffffff; margin-top: 10px;} html{height:100%; -webkit-text-size-adjust:none;} img{max-width:100%;} /* new header part css*/ #header{ background:#014c6b; height:61px; position:fixed; top:0; left:0; width:100%; z-index:1004;} #header #logo img{ height:24px; margin-top:17px; float:left; margin-right:16px;} #header .head-stat-act{font-size:20px; border-left:0.6px solid #fff; color:#fff; float:left; line-height:40px; padding:0px 16px; margin-top:12px; font-weight:700; position:relative;} #header .head-stat-act i{ display:none; top:0;} .centre-me{display:inline-block; position:relative; padding:0;} .centre-me .menu-lines{height:1px; width:28px; background:#fff; margin-bottom:6px;} .centre-me .beta-caption2{font-size:11px; line-height:12px; font-weight:600; color:#fff;} #header .head-tabs{ float:right; display:none;} #header .head-tabs ul{ margin-top:8px;} #header .head-tabs ul li{ padding:0; display:inline-block; position:relative; vertical-align:top;} #header .head-tabs ul li a{ padding:16px 8px; color:#e8e8e8; font-weight:700; font-size:16px; line-height:20px; display:block;} #header .head-tabs ul li.active a{color:#e8e8e8; font-weight:700; display:block;} #header .head-tabs ul li.sport-betting a{color:#fddb00; font-weight:700;} #header .head-tabs ul li:after{ position:absolute; bottom:0px; left:0;} #header .head-tabs ul li:hover, #header .head-tabs ul li.sport-betting:hover a{color:#e8e8e8;} #header .head-tabs ul li.active:after, #header .head-tabs ul li:hover:after{ height:4px; bottom:0;} #header .head-tabs ul li:after{transition: all .15s ease-in-out; display: block; content: ""; height: 0;position: absolute; left: 0; right: 0; bottom: 0; background-color:#fff;} i.arrow-down, i.arrow-left, i.arrow-right, i.arrow-up, i.arrow-down { width: 12px; height: 8px; display: inline-block; margin-left: 10px; position:relative; top:-4px;} .mob-dropdown{float:left; width:100%; align-items:center; height:48px; padding:10px 16px; display:none;} .mob-dropdown i{margin-left:8px; color:#e8e8e8; font-size:16px; margin-top:1px;} .mob-dropdown span{color:#e8e8e8; font-weight:700; font-size:16px;} /* header css */ #top-menu .container{position:relative;} #top-menu{ top:61px; /*border-top:1px solid #0e5f31;*/ z-index:1003;} .navbar-nav > li > ul.sub-menu{width:100%;} .navbar { min-height:44px; margin-bottom:0; border:none;} .navbar-inverse { background-color:#033954; } .navbar > .container .navbar-brand { margin-left:0; } .navbar-brand { padding:12px 0; margin:0 32px 0 0; line-height:normal; text-indent:-9999px; } .navbar-brand img { height:24px; display:block; vertical-align:middle;} .navbar-collapse { float:left; } .navbar-nav > li { padding:0px; transition:all 0.3s ease 0s;} .navbar-nav > li > a { padding:0px 16px; font-weight:400; color:#fff; font-size:14px; line-height:20px; height:44px; display:flex; align-items:center; } .navbar-inverse .navbar-nav > li > a { color:#fff; text-transform: capitalize;} .navbar-inverse .navbar-nav > li > a .ink { background:rgba(0, 0, 0, 0.3); } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li.active:hover > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color:transparent; color:#fff; } .navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li.opened.active{ background-color:#033954; transition:all 0.3s ease 0s;} .navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li.active:hover > a, .navbar-inverse .navbar-nav > li.active:hover > a { color:#fff; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:transparent;} .navbar-toggle i{ width:35px; height:35px; display:none; text-align:left;} .navbar-toggle i img{height:32px;} .navbar-inverse .navbar-nav > li > a i { width:9px; height:6px; display:inline-block; margin-left:10px;} .navbar-inverse .navbar-nav > li > a i img{ vertical-align:top;} .navbar-inverse .navbar-nav > li#soccer > a i, .navbar-inverse .navbar-nav > li > a i + i { display:none; } .navbar-inverse .navbar-nav > li > a i + i + i.arrow-down, .navbar-inverse .navbar-nav > li#soccer > a i + i.arrow-down{display:inline-block;} .navbar-inverse .navbar-nav > li > a i.expend-icon, .navbar-nav > li#more .sub-menu > li > a > i.expend-icon { display:none;} .navbar-inverse .navbar-nav > li > a i.expend-icon, .navbar-inverse .navbar-nav > li > a i.collapse-icon, .navbar-nav > li#more .sub-menu > li > a > i.expend-icon{ width:12px; height:12px;} .navbar-inverse .navbar-nav > li > a i.sport-icon{ display:none; width:16px; height:16px; color:#999;} .navbar-inverse .navbar-nav > li > a i.expend-icon{color:#999;} .navbar-nav .menu_act{display:none;} .mobile_display_none, .mobile_display_block{ display:none;} .navbar-nav > li#more .sub-menu > li .inner-sub.menu_act{display:none;} .navbar-nav > li > ul.sub-menu > li > a i .icon{ width:9px; height:12px; display:none;} .navbar-nav > li#more .sub-menu > li > a > i .icon{width:12px; height:12px;} i.calender-icon{width:22px; height:22px; color:#999;} i.external-link{display:inline-block; height:18px; width:18px; color:#777; z-index:9;} .all_teams_popup i.external-link{margin-top:3px;} .navbar-nav > li#st-home{display:none;} .navbar-nav > li#st-home a i.arrow-right{display:inline-block; width:12px; height:12px; color:#999; position:absolute; top:13px; right:16px; float:left;} .navbar-nav > li#st-home a i.arrow-right .icon{width:12px; height:12px; color:#999;} svg #arrow-left{ fill:#fff;} svg #arrow-down{ fill:#fff;} i.sport-icon{color:#999;} i.game-icon{color:#014b6b;} path:first-of-type { fill: currentColor } i.game-icon{height:64px; width:64px; display:inline-block;} .sports_list ul li a i.game-icon{margin-top:24px; margin-bottom:11px;} {fill:#033954;} .navbar-nav > li > .dropdown-menu { background-color:#f5f5f5; border:none; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.12), 0px 4px 4px rgba(0, 0, 0, 0.24); } .navbar-nav .dropdown-menu { padding:8px 12px; margin-left:-12px; z-index:-1; } .navbar-nav .dropdown-menu > li > a { padding:8px 12px; font-weight:normal; font-size:13px; line-height:16px; color:#212121; } .navbar-nav .dropdown-menu > li > a:hover { background-color:#033954; color:#fff; border-radius:2px; } .navbar-nav > li > ul { margin:0; padding:5px 0; border:none; border-radius:0; background-color:#033954; position:absolute; left:0; z-index:-1; opacity: 0; visibility:hidden; display:none; } .navbar-nav > li:hover > ul { display:block; opacity: 1; visibility: visible;} .navbar-nav > li > ul {min-width:220px;} .navbar-nav > li > ul > li > a { padding:12px 16px; font-weight:400; font-size:14px; line-height:20px; color:#fff; display:block; text-decoration:none; text-transform:uppercase; transition:all 0.3s ease 0s; white-space:normal;} .nav.navbar-nav li#more .sub-menu > li > a{text-transform:uppercase;} .navbar-nav > li > ul > li > a:hover { background-color:#0c567b; color:#fff;transition:all 0.3s ease 0s; } .navbar-nav > li > ul > li > a .ink { background:rgba(0, 0, 0, 0.3);} .navbar-nav > li > ul > li > a > i{color:#999;} .navbar-nav > li > ul > li > a{position: relative; overflow:hidden;} .navbar-nav > li > ul > li > a.selected:after{left:-5px; position:absolute; top:0; height:100%; width:4px; background:#fddb00; content:''; transition: all .15s ease-in-out; opacity:0; visibility:hidden;} .navbar-nav > li > ul > li > a.selected:hover, #sub-menu ul ul > li > a.selected:hover{ background:none;} .navbar-nav > li > ul > li > a.selected:after{ opacity:1; left:0; visibility:visible;} .navbar-nav > li#more .sub-menu > li .inner-sub li a.selected:after{display:block; left:0; opacity:1; visibility:visible;} .navbar-nav > li > ul.opened{display:none !important;} .navbar-nav > li:hover > ul.opened{display:block !important;} #sub-menu ul ul > li > a.selected{position:relative;} #sub-menu ul ul > li > a.selected:after{left:0px; position:absolute; top:0; height:100%; width:4px; background:#147b45; content:''; opacity:1; visibility: visible;} /* header right css */ .search-widget { position:absolute; z-index:2; right:70px; top:8px; width: 0px; height:36px; box-sizing: border-box; margin: 0; padding: 0 0; color: #fff; -moz-transition:width .15s ease-in; -o-transition:width .15s ease-in; -webkit-transition: width .15s ease-in; -ms-transition:width .15s ease-in; transition: width .15s ease-in; overflow:hidden;} .search-button { background-color:transparent; padding:0; height:30px; width: 30px; /*text-indent:-9999px;*/ z-index: 2; position: absolute; top:7px; right:0; overflow: hidden; border: 0; display: block; transition:inherit; -webkit-transition:inherit;} .search-open .search-button { right:0; } .search-button i { font-size: 24px; color:#fff; } .search-open .search-button i{color:#000;} .search-widget .search-close-button { background-color:transparent; padding:0; width:32px; height:31px; position: absolute; right: 0; display: none; opacity: 0; overflow:hidden; border:none; top:0px; z-index:2; -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .search-widget .search-close-button i { font-size: 24px; color:rgba(255,255,255,1); line-height:18px; display:block; } .search-widget .search-close-button i + i { display:none; } .search-open .search-widget .search-close-button { display: block; opacity: 1 ;} .search-button:focus, .search-close-button:focus {outline-style:none; box-shadow:none; border-color:transparent;} .search-open .search-widget input[type="text"] {padding:5px 34px 5px 10px;} .search-widget input, .search-widget input[type="text"] {box-sizing: border-box; border: none; border-bottom: 1px solid #f7dd5d; border-radius: 0; display: block; font-size: 15px; font-weight: 400; margin: 0; padding:5px 0; width:100%; text-align: left; background: 0 0; box-shadow: none; color:#fff;} .search-widget input[type="text"]{opacity:1 !important; display:block !important;} .search-widget input:focus, .search-widget input:hover, .search-widget input[type="text"]:focus, .search-widget input[type="text"]:hover { box-shadow: none; border-bottom: 1px solid #f7dd5d; } .search-widget label { box-sizing: border-box; bottom: 0; font-size: 15px; font-weight: normal; color: rgba(255,255,255,0.7); left: 0; right: 0; pointer-events: none; position: absolute; display: block; top: 0px; width: 100%; overflow: hidden; white-space: nowrap } .search-widget label:after { box-sizing: border-box; background-color: #f7dd5d; bottom: 0px; content: ''; height: 2px; width: 10px; left: 45%; position: absolute; -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden } /*@media screen and (-webkit-min-device-pixel-ratio:0) { .search-widget label:after { height:2px; } }*/ .search-widget.text-entered label { visibility: hidden; } .search-widget.focused input { outline: none } .search-widget.focused label:after { left: 0; width: 100%; visibility: visible; } .search-open .search-widget { width:270px;} .search-open .search-widget .search-close-button { display: block; opacity: 1 } #search-input::-moz-placeholder{ opacity: 1; color:#fff; } #search-input::-webkit-input-placeholder{ opacity: 1; color:#fff; } #search-input:-ms-input-placeholder { opacity: 1; color:#fff; } .user_acinfo { position:absolute; top:0; right:16px; } .user_acinfo > ul { padding-top:5px; } .user_acinfo > ul > li { position:relative; } .user_acinfo > ul > li > a { display:block; padding:16px 10px 16px; color:#fff; text-decoration:none; } .user_acinfo > ul > li > a span { display:none; } .user_acinfo > ul > li > a:focus, .user_acinfo > ul > li:hover > a { background-color: #fff; color:#333; } .user_acinfo > ul > li > ul { margin:0; padding:5px 0px; border:none; border-radius:0; background-color:#fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.24); position:absolute; left:-256px; z-index:-1; opacity: 0; visibility:hidden; display:none; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.12), 0px 4px 4px rgba(0, 0, 0, 0.24); } .user_acinfo > ul > li:hover > ul { opacity: 1; visibility: visible; display:block; } .user_acinfo > ul > li > ul { width:300px; } .user_acinfo > ul ul > li a:after { display:block; content:""; clear:both; } .user_acinfo > ul ul > li > a { display:block; padding:10px 15px; font-size:13px; line-height:24px; color:#333; text-decoration:none; position:relative; } .user_acinfo > ul ul > li > a:hover {background-color:#f5f5f5; color:#033954; } .user_acinfo > ul ul > li > a i { margin-right:15px; color: #333; margin-top:-2px; } .user_acinfo > ul ul > li > a > span { position:absolute; right:15px; top:9px; color:#033954; } /* dropdown css */ #sub-menu { width:100%; background-color:#fff; box-sizing:border-box; position: fixed; top:105px; z-index:1001; transition: none; box-shadow:0 1px 3px 0 rgba(0,0,0,.25);} #sub-menu.nav-up {top:105px; } #sub-menu ul:after { display:block; content:""; clear:both;} #sub-menu ul { margin:0; padding:0; } #sub-menu ul > li { float:left; position:relative; font-weight:400; font-size:14px; font-family: Roboto,Helvetica Neue,sans-serif;} #sub-menu ul > li:first-child { margin-right:12px; display:none; } #sub-menu ul > li:first-child:after{display:none;} #sub-menu ul > li:first-child > span { display:block; float:left; line-height:44px; padding-right:17px; font-weight:700; font-size:14px; color:#000; position:relative; } #sub-menu ul > li:first-child > span:after { display:inline-block; content:""; width:1px; height:24px; background-color:#b3b3b3; position:absolute; right:0; top:10px; } #sub-menu ul > li > a { display:block; font-family: Roboto,Helvetica Neue,sans-serif; white-space:nowrap; font-weight:400; font-size:14px; line-height:24px; color:rgba(50,50,50,.7); padding:0px 16px; font-weight:400; text-decoration:none; display:flex; align-items:center; height:44px;} #sub-menu > .container > ul > li > a{text-transform:uppercase;} #sub-menu ul > li:hover > a, #sub-menu ul > li.current > a{ color:#20242e;} #sub-menu ul > li > a span { display:block; float:left;} #sub-menu ul > li > a i { margin-left:10px; margin-top:2px; } #sub-menu ul > li > a i img{ vertical-align:top;} /*#sub-menu ul > li.current > a, #sub-menu ul > li.current > a:focus, #sub-menu ul > li.current > a:hover { border-bottom:4px solid #ffd503; background-color:transparent;} #sub-menu ul > li.current:hover > a { box-shadow:none; }*/ #sub-menu ul > li.dd:hover > a, #sub-menu .container > ul > li.dd:hover a i { color: #20242e; background-color:#fff; z-index:1; position:relative; } #sub-menu ul > li.dd:hover > a, #sub-menu ul > li.dd.current:hover > a {box-shadow: 0px -5px 4px rgba(0,0,0,0.24);} /*#sub-menu ul > li.current a i, #sub-menu ul > li:hover a i, #sub-menu ul > li.dd.current:hover > a i { color:#147b45; }*/ #sub-menu ul ul { width:200px; box-sizing:border-box; background-color:#fff; padding:5px 0px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; position:absolute; left:0px; opacity: 0; visibility:hidden; display:none; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.24), 0px 4px 4px rgba(0, 0, 0, 0.24);} #sub-menu ul > li:hover > ul { opacity: 1; visibility: visible; display:block; } .sub-navigation .nav-list li.active:after{ height:4px;} #sub-menu ul li:after{transition: all .15s ease-in-out; display: block; content: ""; height: 0;position: absolute; left: 0; right: 0; bottom: 0; background-color:#e8e8e8;} #sub-menu ul li .mega-menu li:after, #sub-menu ul li#portals li:after { transition: all .15s ease-in-out; display: block; content: ""; height: 0;position: absolute; left: 0; right: 0; bottom: 0; background-color:none;} #sub-menu ul > li.current:after {transition: all .15s ease-in-out; display: block; content: ""; height:3px; position: absolute; left: 0; right: 0; bottom: 0; background-color: #fddb00;} #sub-menu ul > li > .mega-menu { width:550px; padding:13px 0px 5px 0px; max-height:530px; overflow: auto;} #sub-menu ul > li > .mega-menu li { float:none; } #sub-menu ul > li > .mega-menu li:first-child { display:block; } .mega-menu > li h3 { font-weight:400; font-size:14px; color:#333; line-height:24px; text-align:left; margin:0 0 10px; } /*.mega-menu > li > div { padding:0; margin-top:8px; }*/ #sub-menu ul.mega-menu li a {display:block; float:left; width:33.33%; padding:8px 16px; height:auto; align-items:center; text-align:left;font-weight:400; font-size:14px; color:#111; line-height:24px; text-decoration:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:all 0.3s ease 0s; position:relative;} #sub-menu ul.mega-menu li a:hover { background-color:#f5f5f5; color:#111; transition:all 0.3s ease 0s;} #sub-menu ul.mega-menu li:nth-of-type(3n+1) > a { clear: both; } #sub-menu ul > .dd > ul li a figure { display:block; margin-right:15px; width:22px; vertical-align:middle; float:left; margin-top:1px;} #sub-menu ul > .dd > ul li a img { display:block; width:100%; height:auto; margin:0 auto; border-radius:50%; border:2px solid #b5b3b3;} #sub-menu ul.mega-menu > li > a.selected:after{left:-5px; position:absolute; top:0; height:100%; width:4px; background:#147b45; content:''; transition: all .15s ease-in-out; opacity:0; visibility:hidden;} #sub-menu ul.mega-menu > li > a.selected:after{ opacity:1; left:0; visibility:visible;} #sub-menu ul.mega-menu li a.selected:after{left:0; position:absolute; top:0; height:100%; width:4px; background:#014c6b; content:''; transition: all .15s ease-in-out;} #sub-menu ul ul > li { float:none; margin:0; } #sub-menu ul ul li:first-child { margin-right:0px; } #sub-menu ul ul > li > a { display:block; padding:9px 15px; transition:all 0.3s ease 0s; height:44px; align-items:center; text-align:left; font-size:14px; color: #111; line-height:24px; text-decoration:none; text-overflow:ellipsis; overflow: hidden;} #sub-menu ul ul > li:first-child { display:block; } #sub-menu ul ul > li > a:hover { color:#000; background-color:none; text-decoration:none; box-shadow:none; background:#f5f5f5; transition:all 0.3s ease 0s; } #sub-menu ul > li#stadiums > ul { width:560px; /*left:-444px;*/ transform-origin:right top;} .bunch{ border-bottom:1px solid #d9d9d9; padding-bottom:3px; margin-bottom:5px;} .bunch:after{ content:""; display:block; clear:both;} .bunch:last-child{ border-bottom:0px;} /* middle */ .mid { margin-top:149px; } .material-icons.close_btn { display:none; } #navbar .close_btn .arrow-left{top:0;} .page-push { left: 0; overflow-x: hidden; position: relative;transition: all 0.3s ease 0s; } .page-push.add-push { left: -340px; } .funfact_noti { width:44px; position: absolute; right: 64px; top: 5px; display: none; } .funfact_noti li{ list-style:none;} .funfact_noti li > a { display:block; padding:8px 10px 12px; position:relative;} .funfact_noti li > a:hover, .funfact_noti > li:hover > a { background-color:#fff; } .funfact_noti li > a > i { color: rgba(255, 255, 255, 1); } .funfact_noti li > a:hover > i, .funfact_noti > li:hover > a i { color: rgba(0, 0, 0, 0.87); } .funfact_noti li >.active > a { background:#FFF; } .funfact_noti > li > ul { width:340px; box-sizing:border-box; background-color:#fff; padding:0; border-bottom-left-radius:4px; border-bottom-right-radius:4px; position:fixed; right:-340px; z-index:1040; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height:100%; top:0; transition: all 0.3s ease 0s;} /*.funfact_noti > li:hover > ul { display:block; opacity: 1; visibility: visible; }*/ /*.funfact_noti > li > ul > li { height:600px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }*/ .notification:after, .notification ul li:after { display:block; content:""; clear:both; } .notification { background-color:#fff; height:100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .notification.transition { transition:none !important; } /*.notification h2:after { display:block; content:""; clear:both; }*/ .funfact_noti > li > ul.alert-open { right: 0; top: 0; transform: translateX(0); opacity:1; z-index:1055;} .funfact_noti > li > ul > li { height:100%;} .funfact_noti li ul h2{padding:12px; display:block; border-bottom:1px solid rgba(0,0,0,0.12); margin:0; background-color:#f5f5f5; border-top-left-radius:2px; border-top-right-radius:2px; position:fixed; z-index:4; width:100%; transform: translateX(0px);} .funfact_noti li ul h2 span { display:block; float:left; font-size:15px; line-height:24px; color:#333; } .funfact_noti li ul h2 i { float:right; cursor:pointer; } .notification_tabs::after {clear: both; content: ""; display: block;} .notification_tabs { background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.12); margin-top:48px; position:fixed; width:100%; z-index:3; transform: translateX(0);} .notification_tabs li { float:left; width:33.33%; } .notification_tabs li a { display:block; color:#777; font-size:13px; line-height:20px; padding:12px 0; text-decoration:none; text-align:center; } .notification_tabs li.active a { border-bottom:2px solid #033954; font-weight:700; color:#033954; padding-bottom:10px; } .notification_tabs .tab-content { padding-top:122px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; height:100%; } #notification_drop_overlay { width:100%; height:100%; background-color:rgba(0,0,0,0.38); position:fixed; top:0; z-index:1036; display:none;} .choose_category { position:absolute; top:12px; right:0px; width:32px; height:32px; z-index:3; } .choose_category i { color:rgba(0, 0, 0, 0.70); } .btn_filter { position: relative; display: block; width: 100%; cursor: pointer; transition: all 0.35s ease; overflow: hidden; } .btn_filter.dropdown-open + .outer-list { transform: scale(1); opacity: 1; visibility: visible; } .choose_category > .outer-list { position: absolute; top: 0; left: -107px; height: 100%; width: 140px; display: flex; align-items: center; justify-content: center; transform: scale(0); opacity: 0; visibility: hidden; transition: all 0.35s ease; z-index:1031; } .choose_category > .outer-list.top { align-items: flex-start; transform-origin: 100% 0; } .choose_category > .outer-list ul { padding:8px 12px; background-color:#f5f5f5; box-shadow:0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24); } .choose_category > .outer-list ul li a { display:block; padding:8px 12px; font-size:13px; color:#212121; line-height:20px; } .choose_category > .outer-list ul li a:hover, .choose_category > .outer-list ul li a:focus { color:#fff; background-color:#033954; text-decoration:none; border-radius:2px; } .facts { width:100%; visibility:visible; opacity:1px; position:inherit; left:inherit; top:inherit; box-shadow:none; padding:96px 0 0; border-radius:0; } .facts li { padding:10px 15px 0px 15px; border-top:1px solid rgba(0,0,0,0.12); position:relative; } .facts li:first-child { border-top:none; } .facts li h3:after { display:block; content:""; clear:both; } .facts li > h3 { color:#333; font-size:15px; line-height:28px; padding:0 82px 0 32px; } .facts li > h3 i{ font-size:18px; color:#fff; background:#4cb34d; width:18px; height:18px; border-radius:50%; margin-left:15px; margin-bottom:3px;} .facts li > h3 img { display:block; width:18px; height:auto; border-radius:50%; position:absolute; left:15px; margin-top:5px; } .facts li time { position:absolute; right:15px; top:17px; font-size:12px; color:#777; line-height:20px; } .facts li time i { color:#777; font-size:18px; vertical-align:middle; margin-right:5px; margin-top:-2px; } .facts li p { color:rgba(0, 0, 0, 0.70); padding-left:32px; padding-bottom:5px; font-size:13px;} .facts li p.icons-bar{ line-height:32px; padding-top:10px; } .facts li p.icons-bar i{font-size:18px; color:#777; padding-right:15px; cursor: pointer;} .facts li .ink { background:rgba(0, 0, 0, 0.3); } .icons-info{ background:#f5f5f5; padding:20px 60px 40px 60px; margin-left:-15px; margin-right:-15px; text-align:center; border-top:1px solid rgba(0, 0, 0, 0.12);} .icons-info h3{ color:#333; font-size:13px; font-weight:700; line-height:20px; border-bottom:1px solid rgba(0, 0, 0, 0.12); margin-bottom:15px; padding:5px 0px;} .icons-info img{ padding-right:30px;} .icons-info img:last-child{ padding-right:0px;} .icons-info, .share-icon-info, .more-icon-info{ display:none;background:#f5f5f5;} /* === ripple animation */ .ripplelink{ position:relative; overflow:hidden;} /*.ripplelink:hover{ z-index:1; }*/ .ink { display: block; position: absolute; background:rgba(255, 255, 255, 0.3); border-radius: 100%; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0); } .animate { -webkit-animation:ripple 0.65s linear; -moz-animation:ripple 0.65s linear; -ms-animation:ripple 0.65s linear; -o-animation:ripple 0.65s linear; animation:ripple 0.65s linear; } @-webkit-keyframes ripple { 100% {opacity: 0; -webkit-transform: scale(3.5);} } @-moz-keyframes ripple { 100% {opacity: 0; -moz-transform: scale(3.5);} } @-o-keyframes ripple { 100% {opacity: 0; -o-transform: scale(3.5);} } @keyframes ripple { 100% {opacity: 0; transform: scale(3.5);} } /*@media (min-width: 1000px) { .preview-page .container > div[class*="col-"] { padding:0; } }*/ .wcard { border-radius:2px; background-color:#fff; box-shadow:none; margin-bottom:15px; text-decoration:none; } .wcard a:focus, .wcard a:hover { text-decoration: none; } .wcard > h3 { display:none; position:relative; font-size:14px; color:#212121; line-height:24px; text-align:center; padding:8px 0px; border-bottom:1px solid rgba(0,0,0,0.12); background-color:#f5f5f5; border-top-left-radius:2px; border-top-right-radius:2px; } .wcard > h3 strong { font-weight:700; } .wcard > h3 span, .wcard > h3 .close_btn { display:none; } .wcard.open > h3 { background-color:#fff; padding:12px 0; height:72px; box-sizing:border-box; font-size:13px; color:#9e9e9e; line-height:20px; text-align:center; } .wcard.open > h3 strong { display:block; font-size:15px; color:#212121; line-height:24px; } .wcard.open > h3 .close_btn { display:inline-block; color:#777; position:absolute; } .wcard.open > h3 .close_btn { left:8px; top:24px; } .wcard.open > h3 span { display:block; } .right_sidebar { display:none; } .layer, .graph { display:table; table-layout:fixed; width:100%; } .layer .cell, .graph .col { display:table-cell; vertical-align:middle; } .graph .graph-bar { background-color: #ededed; height: 4px; overflow: hidden; position: relative; width: 100%; } .graph .graph-bar span { display:block; height:4px; } .graph .team_one .graph-bar { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .graph .team_two .graph-bar { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .blue_bg { background-color:#3aaa35;} .gray_bg { background-color:#ed1c24;} .yellow_bg { background-color:#f29722;} .dark-gray { background-color:#333;} .graphic_data .gray_bg{ background-color:#ed1c24;} .expand_btn, .expand_out_btn { width:100%; display:block; border-top:1px solid rgba(0, 0, 0, 0.12); font-weight:700; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; font-size:13px; color:#033954; line-height:36px; text-decoration:none; text-align:center; background-color:#f5f5f5; border-radius:0 0 2px 2px; cursor:pointer; } .expand_btn:hover, .expand_out_btn:hover { text-decoration: none; color:#033954; background:#fff; } .expand_out_btn, .open .expand_btn { display:none; } .open .expand_out_btn { display:block; } hr { border-color:rgba(0, 0, 0, 0.12); margin:30px 0; } /* common custom select */ .custom_select { position:relative; } .custom_select .topBlock, .custom_select .trigger { background-color:#fff; cursor:pointer; position:relative; z-index:3; } .custom_select .topBlock i, .custom_select .trigger i { position:absolute; right:0; top:3px; color: rgba(0, 0, 0, 0.70); } .custom_select .dropList, .custom_select .selectlist { width:100%; position:absolute; z-index:3; } .custom_select .dropList, .custom_select .selectlist, .custom_select .selectlist > h3 { display:none; } .custom_select .selectlist.open { display:block; } .custom_select .dropList li, .custom_select .selectlist li { padding:6px 12px; font-size:13px; line-height: 20px; color:#333; background-color:#f5f5f5; text-align:left; } .custom_select .dropList li.active, .custom_select .selectlist li.active { background-color:#e0e0e0; } /* common custom select */ .mad-select{ width:100%; position:relative; display:block; border-bottom: 1px solid rgba(0,0,0,0.12); cursor:pointer; } .mad-select ul { display:inline-block;} .mad-select li{ vertical-align: middle; white-space: nowrap; font-size:15px; color:#333; line-height:24px; display: none; padding: 16px 12px; margin:0; box-sizing: initial; } .mad-select > ul:first-of-type{ width:100%; display:inline; } .mad-select > ul:first-of-type li.selected{ display: inline-block; max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; } .mad-select i.material-icons{ opacity: 0.7; display:inline-block; margin-left:5px; } .mad-select .material-icons{vertical-align: middle;} /*jQ*/ .mad-select ul.mad-select-drop{ width:100%; position: absolute; z-index:1; visibility: hidden; opacity:0; background:#fff; box-shadow: 0 1px 4px rgba(0,0,0,0.2); top:0; left:0; /*transition: 0.24s;*/ max-height: 0; /*overflow: hidden; overflow-y: auto;*/} .mad-select ul.mad-select-drop.show{ visibility: visible; opacity: 1; width:95%; max-height: 300px; left:0; right:0; margin:0 auto; box-sizing:border-box; padding:8px 0; background-color:#f5f5f5; box-shadow:0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24); } .mad-select ul.mad-select-drop.show li { padding:12px; } .mad-select ul.mad-select-drop li{ display:block; transition: background 0.24s; cursor:pointer; } .mad-select ul.mad-select-drop li.selected{ background-color:#e0e0e0; } /*.mad-select ul.mad-select-drop li:hover{ background-color:#e0e0e0; }*/ /* ====================== */ /*Preview*/ /* ====================== */ .preview-wrap hr { margin:20px 0 20px; } .preview-wrap .container { padding-bottom:15px; } .prev_mid .wcard { cursor:pointer; } .odds.open .data_content, .line.open .data_content, .game_total.open .data_content, .lineup.open .starting_lineup, .lineup.open .bench, .lineup.open .in_outs h5 { display:block; } .encounter .expand_out_btn, .odds .expand_btn, .line .expand_btn, .game_total .expand_btn { border-top:none; } .trending_data ul li .refresh_btn i, .lineup .starting_lineup, .lineup .bench, .lineup .in_outs h5 { display:none; } /* Prev Game Card */ .preview_game_card{background:#c2cad0; padding:15px; margin-bottom:24px; position:relative; border-bottom:1px solid #c4c4c4;} .preview_game_card i.open_new{ color:#777; position:absolute; right:15px; bottom:10px; display:none;} .preview_game_card figure { float:left; margin-right:30px; display: flex; align-items: center;} .preview_game_card figure a{ display:inline-block; width:72px; text-align:center;} .preview_game_card figure a small{ width:100%; text-align:center; color:#333; font-size:12px; display:block; font-family:'Nunito Sans', sans-serif;} .preview_game_card figure img { display:block; width:72px; height:auto; border-radius:50%; float:left; background-color:#fff; padding:2px;} .preview_game_card figure a + a { margin-left:-18px; } .preview_game_card h2 { display:inline-block; font-size:26px; color:#333; line-height:32px; font-weight:400; margin-top:0px; } .preview_game_card h2 span { display:block; } .preview_game_card h2 a{ color:#333; font-weight:bold;} .preview_game_card h2 a:hover{ color:#333; text-decoration: underline;} .preview_game_card h2 small { font-size:26px; line-height:32px; color:#777; } .home_tm a:first-child{ z-index:1; position:relative;} .home_tm img:first-child{ z-index:1; position:relative;} .home_tm{position: relative;} .preview-wrap .preview_game_card figure a:first-child{ z-index:1; position:relative;} .home_tm a:last-child{z-index:2; position:relative;} .home_tm img:last-child{z-index:2; position:relative;} .preview-wrap .preview_game_card.open .matches_wrap .layer .cell figure img:first-child{ z-index:1; position:relative;} .preview-wrap .preview_game_card.non_us_sports .matches_wrap .layer .cell figure img:first-child{ z-index:1; position:relative;} .score-wrap .score_xs_match_cards li .cell figure img:first-child{ z-index:1; position:relative;} .preview_game_card .container { padding-bottom:0; display:flex; align-items:center;} .preview_game_card .select_gamedrop { margin-top:0; flex: 1;} .preview_game_card .select_gamedrop > li { position:relative; float:right; } .preview_game_card .select_gamedrop > li > a { display:block; padding:0 8px 0 15px; font-size:15px; line-height:40px; text-decoration:none; position:relative; transition:all 0.2s ease-out 0s; color: #333; font-weight:700; background: #fff; border:none; border-radius: 2px;} .preview_game_card .select_gamedrop > li.active > a { z-index:1038; border-radius:2px 2px 0 0;} .preview_game_card .select_gamedrop > li > a i { margin-left:8px; top:3px;} .preview_game_card .select_gamedrop > li:hover > a { background-color:#d6f3ff; color:#333; } .preview_game_card .select_gamedrop > li.active > a { background-color:#fff; color:#333; } .preview_game_card .select_gamedrop ul { background-color:#fff; width:400px; padding-top:15px; position:absolute; right:0; z-index:1036; display:none;/* opacity:0; visibility:hidden; transform: scale(0); transition: all 0.35s ease; transform-origin:right top;*/ } /*.preview_game_card .select_gamedrop > li:hover > ul { opacity: 1; visibility: visible; transform: scale(1); }*/ .preview_game_card .select_gamedrop ul.calendar {display: inline-block;width: auto; float: left; position: relative; left: 0; box-shadow:none; margin-left: 20px; margin-top: 3px; padding: 0px; background: none;} .preview_game_card .select_gamedrop ul.calendar .dropdown { background-color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24); padding: 10px 0; position: absolute; left: 0; top: 23px; width: 100px; z-index: 1;} .preview_game_card .select_gamedrop ul.calendar .dropdown li { color:#333; font-size: 14px; padding: 5px 10px;} .preview_game_card .select_gamedrop ul.calendar .dropdown li:hover { background-color: #e8e8e8; cursor: pointer;} #game_drop_overlay { width:100%; height:100%; background-color:rgba(0,0,0,0.38); position:fixed; top:0; z-index:1035; display:none; } .preview_game_card .game_header { padding:0 15px 15px 15px; } .preview_game_card .game_header > h3 { display:none; } .game_header a.all_week_btn { margin-left: 5px; padding: 0 12px; font-size: 13px;} /*.matches_wrap{ height:500px; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch;}*/ .preview_game_card .game_header .date-picker-carousel{margin-left:15px; padding: 0; position: relative; width: 170px;} .carousel-week { padding-bottom:8px; font-size:14px; color:#777; line-height:24px; } .date-picker-carousel { width:200px; padding-right:16px; margin-left:-8px; /*box-sizing:border-box;*/ float:left; } .date-picker-carousel .item a { display:block; font-size:10px; color:#999; line-height:12px; text-decoration:none; text-transform:uppercase; text-align:center; } .date-picker-carousel .item .active{color: #033954; font-weight:bold;} .date-picker-carousel .disabled .item a { color:#999; } .date-picker-carousel .disabled { cursor:pointer;} .date-picker-carousel .item a span { font-weight:700; font-size:10px; line-height:16px; display:block; } .date-picker-carousel .owl-carousel { padding:0; margin-left:3px;} .date-picker-carousel .owl-pagination { display:none; } .date-picker-carousel .owl-buttons > div { position:absolute; top:0; } .date-picker-carousel .owl-buttons > .owl-prev { left:0px; } .date-picker-carousel .owl-buttons > .owl-next { right:0px; } .date-picker-carousel .owl-buttons > div > i { background-color:#fff; border-radius:2px; color:#777; font-size:24px; border:1px solid rgba(0,0,0,0.12); } .date-picker-carousel .owl-buttons > div > i:hover { background-color:#eee; } .select_game_popup .calendar { float:left;} .calendar i { color: #9e9e9e; } .calendar .expand_more { font-size:18px; margin-top:3px; vertical-align:top; cursor:pointer; padding:5px;} .score_card .calendar{ position:relative;} .score_card .calendar .dropdown{ background-color:#fff; width:180px; box-shadow:0 0 0px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24); padding:10px 0px; position:absolute; top:34px; right:0; display:none;} .score_card .calendar > li a{ padding:5px; display:block; text-decoration:none;} .score_card .calendar > li:hover > a, .score_card .calendar > li.active > a{ background-color:#fff;} .score_card .calendar .dropdown li{font-size:14px; color:#777; padding:10px;} .score_card .calendar .dropdown li:hover{background-color: #e0e0e0; cursor:pointer;} .calender_drop.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; } .calender_drop.bootstrap-select > .btn-default{ font-size:14px; color:#777; line-height:24px; } .calender_drop.bootstrap-select.btn-group .dropdown-toggle .caret{ margin-top:0; color:#777;} .calender_drop.bootstrap-select .dropdown-menu li a{ display:block; padding:16px 12px; font-size:15px; line-height:24px;} .score_card .calendar, .schedule_card .calendar { position: relative;} .score_card .calendar > li:hover > a, .score_card .calendar > li.active > a, .schedule_card .calendar > li:hover > a, .schedule_card .calendar > li.active > a { background-color: #fff;} .score_card .calendar > li a, .schedule_card .calendar > li a { padding:5px 5px 1px; display: block; text-decoration: none; } ul.calendar li#months_listing{margin-top:-3px;} .matches_wrap h4 { color: rgba(0, 0, 0, 0.87); font-size: 12px; font-weight:700; line-height: 20px; padding: 10px 15px; background-color:#f5f5f5; border-top:1px solid rgba(0, 0, 0, 0.12); } .matches_wrap .layer { padding:15px; border-top:1px solid rgba(0, 0, 0, 0.12); transition:all 0.2s ease-out 0s; } .matches_wrap .layer:hover { background:#d6f3ff;} .matches_wrap .layer .odds{ font-weight:700;} .matches_wrap .layer .cell:first-child { width:60px; } .matches_wrap .layer .cell:first-child figure { margin-right:0; } .matches_wrap .layer .cell:first-child figure img { width:36px; height:auto; display:block; float:left; border-radius:50%; } .matches_wrap .layer .cell:first-child figure img + img { margin-left:-12px; } .matches_wrap .layer .cell:last-child { width:40px; text-align:right; color:#999; } .matches_wrap .layer .cell h5 { color:#333; font-weight:400; font-size: 14px; line-height: 24px; } .matches_wrap .layer .cell h5 span { float:right; } .matches_wrap .layer .cell h5.loss { color:#999; } .matches_wrap .layer .cell h5 strong{ font-weight:400;} .matches_wrap .layer .time{ width:60px; font-size:12px;} .matches_wrap.all-sport .layer .cell:nth-child(2) { width:75px; } .matches_wrap.all-sport .layer .cell:nth-child(2) figure { margin-right:0; } .matches_wrap.all-sport .layer .cell:nth-child(2) figure img { width:36px; min-width:36px; height:auto; display:block; float:left; border-radius:50%; } .matches_wrap.all-sport .layer .cell:nth-child(2) figure img + img { margin-left:-12px; } /* Ground Info */ .ground_info > div { padding:15px; } .ground_info > div figure { width:72px; float:none; margin:0 15px 0 0; display:inline-block; vertical-align:middle;} .ground_info > div figure img { display:block; width:100%; height:auto; } .ground_info figure + div { display:inline-block; vertical-align:top; margin-top:0px; } .ground_info figure + div strong { font-weight:700; font-size:18px; color:#333; line-height:28px; } .ground_info figure + div { display:inline-block; vertical-align:top; } .ground_info figure + div p { font-size:14px; line-height:24px; color:#999; display:block;} .ground_info .time_counter.wcard, .ground_info .temperature.wcard, .prev_info .wcard.info { margin-bottom:15px; } .ground_info .time_counter.wcard { border:none; } .ground_info .time_counter ul li { font-size:28px; line-height:36px; } .ground_info .time_counter ul li span { font-size:14px; } .ground_info > div.stadium { padding:5px 0px; transition:all 0.2s ease-out 0s;} .ground_info > div.stadium:hover{ background:#d6f3ff;} .ground_info > div.stadium a{ padding:15px; display:block; text-align:center;} /* Preview Info */ .prev_info { position:relative; } .prev_info > h4 { display:block; color: #333; font-size: 12px; font-weight: 700; line-height: 24px; text-transform:uppercase; } .prev_info .info { padding:15px 15px 48px; line-height:22px; color:#333; height:128px; overflow:hidden; font-size:13px;} .prev_info .info p { margin-bottom:15px; text-align:justify; font-size:12px; line-height:22px; } .prev_info .expand_btn, .prev_info .expand_out_btn { position:absolute; bottom:0; box-shadow:0px -10px 0px #fff;} .prev_info.open .info { height:auto; overflow:inherit; } .funfact-crousel { margin-top:0px; text-align:center; margin-bottom: 15px;} .funfact-crousel h4{display:block; color: #111; font-size: 12px; font-weight: 700; line-height: 24px; text-align:left; text-transform:uppercase;} .funfact-crousel .wcard{ height:90px; padding:15px;} .funfact-crousel .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#fff; border:1px solid #999; } .funfact-crousel .owl-carousel .owl-wrapper-outer{ background:#fff; border-radius: 2px; margin-bottom:5px; text-decoration: none; text-align:center;} .funfact-crousel .owl-carousel .owl-item{ height:70px; padding:0px 15px; line-height:70px;} .funfact-crousel .owl-carousel .owl-item li { height:auto; display:inline-block; vertical-align:middle; width:100%; line-height: normal; font-size:12px;} .funfact-crousel .owl-controls{ display:inline-block; position: absolute; top: 100%; left: 0; right: 0;} .funfact-crousel .owl-controls .owl-page{ display:inline-block;} .funfact-crousel .owl-controls .owl-page.active span{ background:#000;} .funfact-crousel .owl-controls .owl-page:hover span{background:#E8E8E8;} /* inline */ .inline-UTS .time_counter, .inline-UTS .temperature, .inline-UTS .stadium { width:32.33%; margin-right:17px; min-height:95px; float:left; text-align: center; padding:10px;} .inline-UTS .ground_info > .stadium { padding:0px;} .inline-UTS .ground_info > .stadium a{ padding:10px;} .inline-UTS .time_counter{ text-align:center;} .inline-UTS div > .stadium { margin-right:0%;} .inline-UTS .temperature p, .inline-UTS .stadium p{color: #999; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-bottom:0px; } .inline-UTS .stadium p{ margin-bottom:0px;} .inline-UTS .ground_info{ width:100%;} .inline-UTS .stadium figure, .inline-UTS .temperature figure { float:none; display:inline-block; margin-right:5px;} .inline-UTS .stadium figure, .inline-UTS .temperature figure{ width:auto; margin-top:6px;} .inline-UTS .stadium figure img, .inline-UTS .temperature figure img{ width:60px;} .inline-UTS .temperature figure span{margin-bottom: -2px; margin-top: -10px; display: block; color:#555; font-size:12px;} /* ==== */ .preview-wrap .row ~ .row h4 { color: #333; font-size: 12px; font-weight: 700; line-height: 36px; padding:0px 0; text-transform:uppercase;} .preview-wrap .wcard { margin-bottom:0; } .preview-wrap .row ~ .row .non_graphic_data h4, .preview-wrap .row ~ .row .graphic_data h4{margin-bottom:3px;} /* Previous Encounters */ .encounter .final_score { padding:15px; border-bottom:1px solid rgba(0, 0, 0, 0.12); } .encounter .final_score strong { display:block; font-weight:bold; font-size:34px; color:#333; line-height:40px; text-align:center; margin-bottom:10px; position:relative; } .encounter .final_score p { font-size:12px; line-height:22px; color:#333; text-align:center; font-weight:600;} .encounter .final_score small { font-style:normal; display:block; font-size:12px; line-height:20px; color:#777; text-align:center; } .encounter .final_score .graph { margin:10px 0 5px; overflow:hidden; border-radius:6px; } .encounter .final_score .graph .graph-bar, .encounter .final_score .graph .graph-bar span { height:10px; } .encounter .final_score .graph .graph-bar { background-color:transparent; } .encounter .final_score .graph .team_one .graph-bar { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .encounter .final_score .graph .team_two .graph-bar { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .encounter .final_score .graph .team_third .graph-bar { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .encounter .final_score .graph .team_one { padding-right:0; width:40%; box-sizing:border-box; } .encounter .final_score .graph .team_third { padding-right:0; width:30%; box-sizing:border-box;} .encounter .final_score .graph .team_two { padding-right:0; } .encounter .matches_wrap_v2 {max-height:416px; overflow:hidden; display:block; position:relative;} .encounter .matches_wrap_v2.no_facts{max-height:251px; overflow:hidden; display:block; position:relative;} .encounter .matches_wrap_v2.funfact_matches{max-height:368px;} .encounter.open .matches_wrap_v2.funfact_matches{max-height:369px;} .matches_wrap_v2.funfact_matches .outer{padding:17px 10px;} .encounter .matches_wrap_v2.funfact_analysis{max-height:532px;} .encounter.open .matches_wrap_v2.funfact_analysis{max-height:533px;} .matches_wrap_v2.funfact_analysis .outer{padding:15px 10px;} .mlb .encounter .matches_wrap_v2{max-height:418px;} .mlb .encounter.open .matches_wrap_v2{max-height:418px;} .mlb .funfact-crousel .owl-carousel .owl-item{height:88px; line-height:88px;} .mlb .encounter .matches_wrap_v2.no_facts{max-height:251px; overflow:hidden; display:block; } .mlb .encounter.open .matches_wrap_v2.no_facts{max-height:251px;} .matches_wrap_v2 .outer { border-bottom:1px solid rgba(0, 0, 0, 0.12); padding:12px 10px; text-align:center; transition:all 0.2s ease-out 0s; position:relative; min-height:84px;} .matches_wrap_v2 .outer:hover{ background:#d6f3ff;} .matches_wrap_v2 .team_one { float:left; width:43%; text-align:left; } .matches_wrap_v2 .team_two { float:right; width:43%; text-align:right; } .matches_wrap_v2 .mid_info { display:inline-block; margin:0 auto; font-size:12px; color:#999; line-height:36px; position:absolute; left:0; right:0;} .matches_wrap_v2 .outer > div { min-height:36px; } .matches_wrap_v2 .outer > div small { font-size:14px; color:#777; line-height:36px; text-transform:uppercase; padding-right:8px; min-width:52px; display:inline-block;} .matches_wrap_v2 .outer > div strong { font-weight:bold; font-size:18px; color:#333; line-height:36px; } .matches_wrap_v2 .outer .loss{ color:#999; } .matches_wrap_v2 .outer > div figure { width:36px; float:left; margin-right:12px; } .matches_wrap_v2 .outer .team_two figure { float:right; margin-left:12px; margin-right:0; } .matches_wrap_v2 .outer .team_two small { padding-right:0; float:right; padding-left:8px; } .matches_wrap_v2 .outer h5 { clear:left; font-size:12px; color:#777; line-height:20px; font-weight:700; } .matches_wrap_v2 .outer > div figure img { display:block; width:100%; height:auto; border-radius:50%; } .encounter.open .matches_wrap_v2{max-height:416px; overflow:auto;} .encounter.open .matches_wrap_v2.no_facts{max-height:251px; overflow:auto;} .preview-wrap .matches_wrap_v2 .mid_info{top: 16px;} .tennis-tournament-detail .matches_wrap_v2 .outer > div small, .tennis-preview .matches_wrap_v2 .outer > div small{ min-width:62px; display:inline-block;} .encounter .matches_wrap_v2 .outer, .cricket-sport .encounter .matches_wrap_v2 .outer{padding-right:22px;} .encounter .matches_wrap_v2 .outer.link_icon i.redirect{top: calc(50% - 4px); bottom: inherit; right: 10px; margin: 0; font-size: 0;} .encounter .matches_wrap { display:none; } .encounter .matches_wrap_v2 a:hover{ text-decoration:none;} .matches_wrap_v2 .outer .team_two small span{text-transform:none;} /* schedule match card time counter section css */ .schedule_match_cards .time_counter{ background:none; margin-top:5px;} .schedule_match_cards .time_counter.timer{float: right; margin-bottom:0px; padding:0px; border-top:0px; border-bottom:0px;} .schedule_match_cards .time_counter.timer ul li{ font-size:13px; line-height:20px; width:32px; margin-right:3px; padding:0px; margin-bottom:0px;} .schedule_match_cards .time_counter.timer ul li:last-child{ margin-right:0px;} .schedule_match_cards .time_counter.timer ul li span{ font-size:13px;} .schedule_match_cards .time_counter.timer ul li:nth-of-type(3n+1){ clear:none;} .schedule_match_cards .time_counter.timer ul li:nth-of-type(2n+1){ clear:none;} .encounter .final_score i.open_in_new { color:#777; display:none; margin-top:7px; position:absolute; top:0; right:0px; } .matches_wrap_v2 .outer.link_icon i.redirect{ position:absolute; bottom:24px; right:20px; color:rgba(0,0,0,0.54); left:inherit; top:inherit; font-size:24px; height:9px; width:10px;} #standings img.team_icon, #portal_table img.team_icon{ width:18px; margin-right:5px; border-radius:50%;} #standings tr td.sticked-2 img.team_icon, #portal_table tr td.sticked-2 img.team_icon{width:18px;} .non_graphic_data i.open_in_new, .graphic_data i.open_in_new{ position:absolute; left:0px; right:0px; top:48px; margin:0 auto; width:18px; display: none; color:rgba(0,0,0,0.54);} .encounter .final_score i.open_in_new .icon{float:left;} .encounter .final_score i.open_in_new{right:5px; margin-top:16px; color:#777;} #standings .wdl, #standings .wdl_bx { border-radius: 2px; color: #fff; display: inline-block; float: none; font-size: 13px; height: 19px; line-height:20px; margin-right: 2px; text-transform: uppercase; text-align: center; width: 17px; position: relative; } #standings .wdl_bx { width:32px;} #standings .wdl.win, #standings .wdl_bx.win{background-color: #3aaa35; position: relative;} #standings .wdl.draw, #standings .wdl_bx.draw { background-color: #f29722;} #standings .wdl.loss, #standings .wdl_bx.loss { background-color: #ed1c24; position: relative;} #standings .wdl.tie, #standings .wdl_bx.tie{background: #f2d902; position: relative;} .wdl_bx { border-radius: 2px; color: #fff; display: inline-block; float: none; font-size: 13px; height:18px; line-height:18px; margin-right:2px; text-transform: uppercase; text-align: center; min-width: 27px; position: relative; } .wdl_bx.loss { background-color: #ed1c24; position: relative;} .wdl_bx.win { background-color: #3aaa35; position: relative;} .wdl_bx.draw { background-color: #f29722; position: relative;} /* OLT (odds, line & total) */ .data_content li .layer .cell{font-size:12px;} .data_content li .layer .cell .wdl_bx{font-size:12px; min-width:36px;} .data_content li .layer .title.cell{font-size:12px;} .olt_wrap .trigger_bar:after, .olt_wrap .acc_info li:after { display:block; content:""; clear:both; } .olt_wrap .trigger_bar { color:#333; line-height:36px; padding:15px; border-bottom:1px solid rgba(0,0,0,0.12); cursor:pointer; background-color:#fff; transition:all 0.2s ease-out 0s;} .olt_wrap .trigger_bar:hover{ background:#d6f3ff;} .olt_wrap .wcard { background-color:#f5f5f5; } .olt_wrap .game_total .wcard { margin-bottom:15px; } .olt_wrap .wcard .trigger_bar:first-child { border-radius:2px 2px 0 0; } .olt_wrap .trigger_bar .team { width:42%; float:left; font-size:14px; } .olt_wrap .trigger_bar .team img { width:36px; height:auto; display:block; border-radius:50%; float:left; margin-right:15px; } .olt_wrap .trigger_bar .team_odds, .olt_wrap .trigger_bar .icon, .olt_wrap .trigger_bar .percent {display:inline-block; } .olt_wrap .trigger_bar .team_odds { padding-right:20px; font-weight:700; font-size:18px; width:90px; } .olt_wrap .trigger_bar .icon { margin-right:8px; color:#3aaa35; line-height:36px; } .olt_wrap .trigger_bar .icon.red { color: #ed1c24;} .olt_wrap .trigger_bar .icon.blue { color: #3aaa35;} .olt_wrap .trigger_bar .percent { font-size:14px; } .olt_wrap .trigger_bar .expand_arrow { float:right; color:#777; line-height:36px; } .olt_wrap .acc_info { display:none; background-color:#fff; } .olt_wrap .acc_info li { padding:15px; border-bottom:1px solid rgba(0,0,0,0.12); } .olt_wrap .acc_info li .affiliate_logo { float:left; } .olt_wrap .acc_info li .affiliate_logo figure { width:120px; height:24px; /*background-color:#4a4a4a;*/ } .olt_wrap .acc_info li .affiliate_logo figure img{ width:100%; height:auto;} .olt_wrap .acc_info li .button_area { float:right; } .olt_wrap .acc_info li .button_area a { display:block; font-size:14px; line-height:24px; color:#333; letter-spacing:0.5px; text-decoration:none; border:1px solid rgba(0,0,0,0.2); padding:0 12px; border-radius:2px; } .olt_wrap .data_content {background-color:#fff; display:none; } .preview-wrap .olt_wrap .trigger_bar .team span.xs{ display:none;} .data_content li { border-top:1px solid rgba(0,0,0,0.12); padding:12px 10px; } .data_content li:first-child{ border-top:none;} .data_content li .layer .cell{line-height:24px; color:#333;} .data_content li .layer .score.cell{width:112px;} .tennis-preview .data_content li .layer .score.cell{width:97px;} .data_content li .layer .cell img { width:24px; height:auto; display:block; float:left; margin-right:15px; border-radius:50%; } .data_content li:first-child .layer .cell + .cell img { float:right; margin-right:0; margin-left:15px; } .data_content li:first-child .layer .cell { color:#777; } .data_content li .layer .cell:last-child { text-align:right;} .data_content li .layer .title { color:#777; font-size:12px; text-align:center; line-height:20px; } .data_content li .layer .title a i.material-icons{color:rgba(0,0,0,0.44); font-size:21px;} .data_content li .layer .title a{display:block;} .data_content li .layer .score.cell.box{ width:97px;} .data_content li .layer .wdl.draw { background-color:#f29722; } .data_content li .layer .wdl.win { background-color:#3aaa35; position:relative; } .data_content li .layer .wdl.loss { background-color:#ed1c24; position:relative;} .data_content li .layer .wdl.tie{background:#f2d902; position:relative;} .data_content li .layer .cell.rate_key img{margin-right:-8px; margin-left:0;} .data_content li .layer .wdl { border-radius: 2px; color: #fff; display: block; float: left; font-size: 13px; height:18px; line-height:18px; margin-right: 2px; text-transform: uppercase; text-align: center; width:17px; position: relative;} .preview-wrap .non_graphic_data h4, .preview-wrap .graphic_data h4{ display:inline-block;} .preview-wrap .non_graphic_data .select_season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .preview-wrap .graphic_data .select_season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ float:right; width:160px;} .preview-wrap .non_graphic_data .select_season.show-tick.bootstrap-select > .btn-default, .preview-wrap .graphic_data .select_season.show-tick.bootstrap-select > .btn-default{ background:#f5f5f5; color:#333; font-size:13px; line-height:20px; padding:4px 32px 4px 12px;} .preview-wrap .non_graphic_data .select_season.bootstrap-select .dropdown-menu li a, .preview-wrap .graphic_data .select_season.bootstrap-select .dropdown-menu li a { padding-left:36px; } .preview-wrap .non_graphic_data .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark, .preview-wrap .graphic_data .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark{left: 8px; margin-top: 0; top: 17px;} /* Non Graphic Data */ .non_graphic_data .data_content { height:481px; overflow:hidden; position:relative;} .non_graphic_data.open .data_content{ height:481px; overflow: auto; } .non_graphic_data .data_content li:first-child, .graphic_data .data_content li:first-child { border-top:none; padding-top:8px; padding-bottom:8px; text-transform:uppercase; } .non_graphic_data .data_content li:first-child .score, .graphic_data .data_content li:first-child .score { font-weight:bold;} .non_graphic_data .data_content li .score, .graphic_data .data_content li .score { font-weight:bold; } /* Graphic Data */ .graphic_data{margin-top:0;} .graphic_data .data_content {height:470px; overflow:hidden; position:relative; } .graphic_data.open .data_content{height: 470px; overflow: auto;} .graphic_data .data_content li { border:none; padding:5px 10px;} .graphic_data .data_content li:first-child { border-bottom:1px solid rgba(0,0,0,0.12);} .graphic_data .graph { margin-top:5px; } .graphic_data .graph .team_one .graph-bar span { float: right; /*width: 60%; */} .graphic_data .graph .team_two .graph-bar span { float: left; /*width: 20%;*/ } .graphic_data .graph .team_one { padding-right: 1px; } .graphic_data .data_content.nbl{height:auto;} .data_content li .layer .score.cell#home_form, .data_content li .layer .score.cell#away_form {width:97px;} /* Trending Data */ .trending_data ul:after { display:block; content:""; clear:both; } .trending_data ul li { position:relative; border-right: 1px solid rgba(0, 0, 0, 0.12); width:50%; float:left; padding:0 15px; min-height:255px;} .trending_data ul li:nth-of-type(2n) { border-right:none; } .trending_data ul li:nth-of-type(n+3) { border-top: 1px solid rgba(0, 0, 0, 0.12); } .trending_data ul li img { display:block; width:72px; height:auto; margin:15px auto; } .trending_data ul li .info { padding:0; text-align:center; } .trending_data ul li .info h2{ font-size:14px; line-height:24px; padding-bottom:5px; color:#333; font-weight:700;} .trending_data ul li .info p { color:#555; font-size:12px; } .trending_data ul li .refresh_btn { display:block; font-weight:700; font-size:13px; color:#033954; line-height:24px; text-decoration:none; text-align:center; padding:15px 0 20px 0; } .trending_data ul li .refresh_btn:hover{ text-decoration:underline;} /* LineUp */ .lineup .layer.team_header { padding:8px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .lineup.open .layer.team_header { border-bottom:none; } .lineup .team_header .cell { color:#999; } .lineup .layer { padding:12px 15px; } .lineup .cell img { width:24px; height:auto; border-radius:50%; display:block; float:left; margin-right:15px; } .lineup .cell + .cell { text-align:right; } .lineup .cell i { margin-right:15px; } .lineup .cell + .cell img, .lineup .cell + .cell i { float:right; margin-left:15px; margin-right:0; } .lineup i.up { color:#4CAF50 } .lineup i.down { color:#F44336 } .lineup h5 { background-color:#f5f5f5; font-weight:700; font-size:12px; color:#333; line-height:20px; padding:10px 0; text-align:center; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /* === */ .lineup .mobi_view { display:none; } .lineup_tabs:after, .lineup .tab-content ul li:after { display:block; content:""; clear:both; } .lineup_tabs li { width:50%; float:left; } .lineup_tabs li a { display:block; padding:14px 0; font-weight:700; color:#333; text-align:center; text-decoration:none; } .lineup_tabs li.active a { border-bottom:2px solid #033954; padding-bottom:12px; } .lineup .tab-content h5 { text-transform:uppercase; text-align:left; padding-left:15px; } .lineup .tab-content ul li { padding:8px 15px; } .lineup .tab-content ul li img { display:block; width:24px; height:auto; border-radius:50px; float:left; margin-right:15px; } .lineup .tab-content ul li i { float:left; margin-right:15px; } /* predictor */ .predictor .result { text-align:center; height: 284px; padding-top:20px; padding-bottom:20px;} .predictor .result strong { font-size:45px; line-height:48px; font-weight:normal; color:#333; } .predictor .result p { font-size:17px; line-height:28px; color:#777; } .predictor .result h5 { font-size:15px; color:#333; background:none; text-transform:uppercase; padding:0 0 13px 0; } .predictor .result small { font-size:13px; line-height:28px; font-weight:normal; color:#777; display:block;} .predictor .custom_select .trigger { border-top:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(0,0,0,0.12); padding:14px 15px; font-size:15px; line-height:28px; color:#333; } .predictor .custom_select .trigger i { top:15px; right:15px; } .predictor .custom_select .selectlist { width:96%; top:-4px; left:0; right:0; margin:0 auto; box-shadow:0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24); padding:8px 0; background-color:#fff; } .predictor .custom_select .selectlist li { padding:12px 15px; font-size:15px; line-height:24px; cursor:pointer; } .predictor h5 { background-color:#f5f5f5; font-weight:700; font-size:12px; color:#333; line-height:20px; padding:10px 15px; text-transform:uppercase; } .predictor .expand_btn { display:none; } .predictor .expand_out_btn { display:block; } .predictor .result.result_multi .data_row{ display:block; padding:10px 15px; width:100%; margin:0 auto; text-align: center;} .predictor .result.result_multi .data_row:last-child{ border-bottom:0px;} .predictor .result.result_multi .data_row span{ float:left;} .predictor .result.result_multi .data_row span + span{ float:right;} .predictor .result.result_default{ color:#000; text-transform:uppercase; padding:110px 0 0 0;} .predictor .result.result_under{ padding-top:20px; } .predictor .result.result_default.load_single{ height:178px;} .predictor .result.result_default.load_multi{ height:280px;} .amt_btns{ width:auto; display: inline-block; text-align:left;} .amt_btns h2{ font-size:12px; color:#333; line-height:20px; padding:5px 0px 3px 0px; text-transform:uppercase; } .amt_btns .amt_cell { float:left;} .amt_btns input[type="radio"] { display:none; } .amt_btns .amt_cell input[type="radio"] + label span { display:inline-block; width: auto; height: auto; line-height:36px; font-size:14px; color:#333; margin:0px 6px 0 0; font-weight: 700; vertical-align:middle; background:#fff; border:1px solid rgba(0,0,0,0.2); cursor:pointer; padding:0px 23px; border-radius:2px; } .amt_btns .amt_cell input[type="radio"]:checked + label span { background:#247423; color:#fff; border:1px solid #247423; } .amt_btns .amt_cell input[type="radio"]:checked + label span:hover { background:#2a8829 ;} .enter_amt{ width:auto; display: inline-block; text-align:left; margin-left:15px; position:relative;} .enter_amt h2{ font-size:12px; color:#333; line-height:20px; padding:5px 0px 3px 0px; text-transform:uppercase; } .enter_amt input{background:#fff; border:1px solid rgba(0,0,0,0.2); font-weight:700; line-height:36px; width:105px; padding:0px 10px 0px 22px; border-radius:2px; float:left; font-size:14px; color:#333;} .enter_amt i{ position: absolute; left:6px; bottom:9px; font-size:16px; color:#333;} .enter_amt input.active{ background:#247423; color:#fff;} .bet_amt{ float:right;} .price_amt{ display:inline-block; position:relative; top:1px;} .odd_amt.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:76px; font-weight:700; background:#FFF; border:1px solid rgba(0,0,0,0.2); border-radius:2px; margin-top:-2px;} .odd_amt.bootstrap-select > .btn-default{ padding:0px 32px 0px 10px; line-height:34px; color:#333;} .odd_amt.bootstrap-select .dropdown-menu{ background:#FFF; border:1px solid #d8d8d8; top:-3px;} .odd_amt.bootstrap-select .dropdown-menu li{ line-height: normal;} .odd_amt.bootstrap-select .dropdown-menu li a{ margin-left:0px; color:#333; width:100%; display:inline-block;} .odd_amt.bootstrap-select .dropdown-menu li.selected, .odd_amt.bootstrap-select .dropdown-menu li.selected:hover{ background:#e8e8e8;} .odd_amt.bootstrap-select .dropdown-menu li.selected a{color:#333;} .odd_amt.bootstrap-select .btn-default:focus, .odd_amt.bootstrap-select .btn-default:active, .odd_amt.bootstrap-select.open > .dropdown-toggle.btn-default{color:#333;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} .price_amt input[type="number"]{ width:76px; border:1px solid rgba(0,0,0,0.2); border-radius:2px; padding:1px 20px 2px 15px; height:33px; font-weight:700; background:#FFF; font-size:14px; color:#333;} .price_amt i{ position: absolute; left:2px; top:10px; font-size:16px; color:#333;} .price_amt input:focus{ outline:none;} .close_custom_bet{position:absolute;right:1px;color:#033954;bottom:0px;cursor:pointer; width:24px; text-align: center;} .result_multi .price_amt i {top: 5px;} .price_amt .close_custom_bet {top: 2px;} .result_multi .data_row.payout > span{padding:0 5px 0 0; float:left; width:100%; margin-top:0;} .predictor .odd_amt.bootstrap-select .dropdown-menu li a{ line-height: normal; padding:9px 12px 5px 12px;} .predictor .odd_amt.bootstrap-select.btn-group .dropdown-toggle .caret{ color:#033954;} .price_amt .odd_amt.bootstrap-select > .btn-default{height:31px; padding-left:5px; line-height:32px; font-size:14px;} .trigger_bar .price_amt input[type="number"].custom_bet{height:33px; padding:1px 20px 2px 15px !important;} .price_amt .bootstrap-select.btn-group .dropdown-toggle .caret{right:6px;} .predict-result-area .buy_btn_small, .trigger_bar .bet_amt .buy_btn_small{padding:4px 15px 5px;} .predict-result-area .result.result_multi .data_row span strong{ font-size:14px; color:#033954; float:right; font-weight: normal; display:inline-block; line-height:normal; padding-right:10px;} .predict-result-area .result.result_multi .data_row.payout span strong{ font-size:14px; color:#033954; float: none; font-weight: bold; display:inline-block; line-height:normal; padding-right:0px;} /*.predictor .scroll_content { display:none; } .predictor.open .scroll_content { display:block; }*/ .predictor .predict_drop{border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); padding: 0px 15px;} .predictor .predict_drop .bootstrap-select .dropdown-menu li a{ font-size:14px; line-height: 24px;color:rgba(0, 0, 0, 0.87);padding: 12px 15px;} .predictor .predict_drop .bootstrap-select > .btn-default{ font-size:14px; padding:14px 32px 14px 0; line-height:28px;} .predictor .predict_drop .dropup .caret { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px dashed; border-bottom:none; } .range_wrap { position:relative; padding:15px; border-top:1px solid rgba(0,0,0,0.12);} .range_wrap label { display:block; color:#333; font-weight:400; padding:0 0 12px; margin:0; text-transform:capitalize; } .range_wrap .output { position:absolute; top:9px; right:12px; font-size:13px; line-height:24px; color:#333; } .predict_data .range_wrap label img{ width:16px; border-radius:50%; margin-left:5px;} /* range slider css edit */ .range_slider.noUi-horizontal { height:4px; } .range_slider.noUi-target.noUi-connect { box-shadow:none; } .range_slider.noUi-target, .range_slider .noUi-origin { border:none; border-radius:2px; box-shadow:none; } .range_slider.noUi-connect, .range_slider .noUi-background { box-shadow:none; } .range_slider .noUi-handle::after, .range_slider .noUi-handle::before { display:none; } .range_slider.noUi-horizontal .noUi-handle { width:32px; height:32px; left:-16px; top:-14px; background-clip:padding-box; border:8px solid rgba(17, 148, 246, 0.01); cursor:pointer; } .range_slider .noUi-handle { background:#033954; border:none; border-radius:50%; box-shadow:none; } .range_slider.noUi-connect { background:#033954;} .noUi-background { background:#bbb; } .buy_btn { font-weight:700; font-size:14px; line-height:36px; color:#fff; letter-spacing:0.5px; display:inline-block; background-color:#247423; padding:0 15px; border-radius:2px; margin-top:5px;transition:all 0.2s ease 0s; } .buy_btn:hover, .buy_btn_small:hover { color:#fff; text-decoration:none; background:#075b7e; transition:all 0.3s ease 0s; } .buy_btn_small { font-weight:700; font-size:12px; line-height:24px; color:#fff; letter-spacing:0.5px; display:inline-block; background-color:#014c6b; padding:6px 15px; border-radius:2px; transition:all 0.2s ease 0s; } a.buy_btn:hover, a.buy_btn_small:hover{ text-decoration:none;} /* ====================== */ /*Stadium*/ /* ====================== */ .stadium_game_card{background:#c2cad0 !important; padding:30px 0; margin-bottom:24px; border-bottom:1px solid #c4c4c4;} .stadium_game_card .title { width:50%; float:left; } .stadium_game_card figure { float:left; margin-right:16px; } .stadium_game_card figure img { display:block; width:72px; height:auto; border-radius:50%; background-color:#fff; padding:2px;} .stadium_game_card h2 { font-size:26px; line-height:40px; color:#333; font-weight:bold; } .stadium_game_card h2 small { display:block; font-size:15px; color:#333; line-height:24px; } .stadium_game_card h2 small.full-name span{font-style:italic;} .stadium_game_card .banner_right_info { width:510px; float:right; } .stadium_game_card .banner_right_info ul { height:72px; border-left:1px solid #333; padding-left:30px; } .stadium_game_card .banner_right_info ul:after, .stadium_game_card .banner_right_info ul li:after { display:block; content:""; clear:both; } .stadium_game_card .banner_right_info ul li { width:33.33%; float:left; text-align:center; padding-top:12px; } .stadium_game_card .banner_right_info ul li strong {font-weight:700; font-size:18px; line-height:28px; color:#333; display:block; } .stadium_game_card .banner_right_info ul li span { color:#333; } .stadium_history > h4 { display:none; padding:10px 0px; font-size:12px; } .stadium_history .history_info { padding:15px 15px 0; } .stadium_history .history_info p { margin-bottom:15px; } .stadium_history .history_info p + p + p { display:none; } .stadium_history.open .history_info p + p { display:block; } .drop_outer .season-cell, .drop_outer .team-cell, .drop_outer .league-cell{ position: relative; float:left; width:50%;} .drop_outer .team-cell, .drop_outer .league-cell{ border-left:1px solid rgba(0,0,0,0.12);} .drop_outer .season-cell i, .drop_outer .team-cell i, .drop_outer .league-cell i{ position:absolute; left:15px; top:19px; color:#777; font-size:27px;} .drop_outer .season-cell figure, .drop_outer .team-cell figure{ position:absolute; left:15px; top:14px; width:36px; z-index:1; } .drop_outer .season-cell figure img, .drop_outer .team-cell figure img{ width:100%; border-radius:50%;} .disabled_dropdown { pointer-events: none;} .disabled_dropdown .bs-caret {display: none;} .drop_outer .season-cell figure img, .drop_outer .team-cell figure img{ width:100%; border-radius:50%;} .drop_outer.nfl .season-cell, .drop_outer.nfl .team-cell, .drop_outer.nfl .league-cell{ position: relative; float:left; width:33.33%;} .drop_outer.nfl .season-cell figure, .drop_outer.nfl .team-cell figure, .drop_outer.nfl .league-cell figure { position:absolute; left:15px; top:14px; width:36px; z-index:1; } .drop_outer.nfl .league-cell figure img{ width:100%; border-radius:50%;} .drop_outer.nfl .team_dd.bootstrap-select > .btn-default { width:100%; font-size:15px; color:#333; line-height:24px; padding:20px 32px 20px 60px; } .drop_outer.hide_middle .league-cell{ display:none;} .drop_outer.hide_middle .season-cell, .drop_outer.hide_middle .team-cell{ width:50%;} .drop_outer .league-cell .team_dd.bootstrap-select .dropdown-menu{ top:64px; max-height:380px !important; background:#fff; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12); margin-top:0px; padding:0px; border-color:rgba(0,0,0,0.38);} .drop_outer .league-cell .team_dd.bootstrap-select.btn-group .dropdown-menu li a{ padding-left:24px; margin-left:0px;} .stadium-wrap .select_season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .stadium-wrap .team_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100%; float:left;} .stadium-wrap .show-tick.bootstrap-select > .btn-default{ border:0px;} .stadium-wrap .show-tick.bootstrap-select .btn-default:focus, .stadium-wrap .show-tick.bootstrap-select .btn-default:active, .stadium-wrap .show-tick.bootstrap-select.open > .dropdown-toggle.btn-default{ border:0;} .stadium-wrap .show-tick.bootstrap-select div.dropdown-menu { border-top:1px solid rgba(0,0,0,0.38); } .stadium-wrap .select_season.bootstrap-select .dropdown-menu li a, .stadium-wrap .team_dd.bootstrap-select .dropdown-menu li a { padding-left:36px; } .stadium-wrap .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark { top:17px; left:8px; margin-top:0px; } .stadium-wrap .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { top:17px; left:8px; } .stadium-wrap .select_season.bootstrap-select > .btn-default, .stadium-wrap .team_dd.bootstrap-select > .btn-default { width:100%; font-size:15px; color:#333; line-height:24px; padding:20px 32px 20px 50px; } .stadium-wrap .team_dd.show-tick.bootstrap-select .btn-default:active, .stadium-wrap .team_dd.bootstrap-select > .btn-default, .stadium-wrap .team_dd.show-tick.bootstrap-select.open > .dropdown-toggle.btn-default { } .stadium-wrap .dropup .caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px dashed; border-bottom:none; } .predictor h5 { background-color:#f5f5f5; font-weight:700; font-size:12px; color:#333; line-height:20px; padding:10px 15px; text-transform:uppercase; } .stats > h4 { display:none; } .stats ul li { width:33.33%; float:left; border-right:1px solid rgba(0,0,0,0.12); text-align:center; } .stats ul li:nth-of-type(3n) { border-right:none; } .stats ul li:nth-of-type(n+4) { border-top:1px solid rgba(0,0,0,0.12); } .stats ul li .info { display:table; height:112px; width:100%; } .stats ul li .info > div { display:table-cell; vertical-align:middle; } .stats ul li strong { font-size:24px; line-height:32px; color:#333; font-weight:700; margin-bottom:3px; display:block; } .stats ul li p { font-size:12px; color:#777; font-weight:400; } .stadium-wrap .stats ul li .info{ height:80px;} .pie_stats ul li { width:50%; float:left; border-right:1px solid rgba(0,0,0,0.12); text-align:center; } .pie_stats ul li:nth-of-type(2n) { border-right:none; } .pie_stats ul li:nth-of-type(n+3) { border-top:1px solid rgba(0,0,0,0.12); } .pie_stats ul li .info { display:table; height:130px; width:100%; padding:0;} .pie_stats ul li .info > div { display:table-cell; vertical-align:middle; } .pie_stats ul li .info > div .pie_chart{ float:left; margin-left:60px;} .pie_stats ul li .info > div .pie_chart, .pie_stats ul li .info > div .detail { display:inline-block; } .pie_stats ul li .info > div .detail { vertical-align:top; padding-top:8px; } .pie_stats ul li .info > div .pie_chart img { display:block; width:72px; height:auto; margin:0 auto 15px; border-radius:50%; } .pie_stats ul li strong { font-weight:normal; font-size:26px; line-height:32px; color:#333; margin-bottom:3px; display:block; } .pie_stats ul li p { font-size:12px; color:#777; } .pie_stats ul li .info > div .pie_chart .c100 { float:none; margin:0 0px 0 0;} .pie_stats ul li .info > div .pie_chart .c100.small { font-size: 72px; } .result > h4, .schedule > h4, .stadium_schedule_card > h4 { padding:10px 0px; font-size:12px; text-transform:none; font-weight:700; text-transform:uppercase; } .result .matches_wrap_v2 { max-height:336px; overflow:hidden; } .result .matches_wrap_v2 a .outer:hover, .stadium_schedule_card .matches_wrap_v2 a .outer:hover{ background:#d6f3ff;} .result.open .matches_wrap_v2 { max-height:100%; overflow:inherit; } .result .expand_btn, .schedule .expand_btn, .result .expand_out_btn, .schedule .expand_out_btn { border-top:none; } .schedule .outer { padding:15px; border-bottom:1px solid rgba(0,0,0,0.12); } .schedule .outer img { width:36px; height:auto; display:block; border-radius:50%; float:left; margin:0 15px 0 0; } .schedule .outer h5 { font-size:15px; line-height:24px; color:#333; margin-top:-9px; } .schedule .outer h5 a{color:#333;} .schedule .outer h5 span { font-size:12px; } .schedule .outer p { font-size:12px; color:#777; margin-bottom:inherit; margin-bottom:0; } .schedule .schedule_result { height:335px; overflow:hidden; } .schedule.open .schedule_result { height:auto; overflow:inherit; } .stadium_schedule_card .matches_wrap_v2 { max-height:336px; overflow:hidden; } .stadium_schedule_card.open .matches_wrap_v2 { max-height:100%; overflow:inherit; } .stadium_schedule_card .expand_btn, .schedule_card .expand_out_btn{ border-top:none; } .season_dropdown.mad-select { border-bottom:none; } .season_dropdown.mad-select i.material-icons.date_range { position:absolute; left:16px; top:10px; width:36px; height:36px; font-size:36px; } .season_dropdown.mad-select ul.mad-select-drop.show { top: -64px; } /*================================*/ /*================================*/ /*Team css*/ /*================================*/ /*================================*/ .team-wrap .right_sidebar { display:none; } .team-wrap .team_card { background-color:transparent !important; background-image:none; box-shadow:none; padding:30px 0; margin-bottom:0; } .team-wrap .team_card figure { width:72px; float:left; margin-right:30px; } .team-wrap .team_card figure img { display:block; width:100%; height:auto; border-radius:50%; } .team-wrap .team_card h2 { font-size:32px; line-height:36px; color:#333; font-weight:bold;} .team-wrap .team_card h2.middle { line-height:72px; } .team_card .mad-select.division_drop { width:112px; display:inline-block; border-bottom:none; } .team_card .mad-select i.material-icons { color:#212121; } .team_card .mad-select i.material-icons.date_range { display:none; } .team_card .division_drop.mad-select ul.mad-select-drop.show { width:100%; top:0; max-height:408px;} .team_card .division_drop.mad-select ul.mad-select-drop.show li { color:#333; padding:16px; } .team_card .division_drop.mad-select li { padding:0; color:#777; } .division_wrap ul:after, .division_wrap ul li a:after { display:block; content:""; clear:both; } .division_wrap { padding-bottom:15px; } .division_wrap > h3 {color: #111; font-size: 12px; font-weight:700; line-height: 36px; padding: 0px; text-transform:uppercase;} .division_wrap ul li { width:24%; /*min-height:140px;*/ float:left; transition:all 0.2s ease-out 0s; margin-right:15px; background-color:#fff; border-radius:0; box-shadow:none; margin-bottom:15px;} .division_wrap ul li:hover{ background:#d6f3ff;} .division_wrap ul li:nth-of-type(4n) { margin-right:0; } .division_wrap ul li:nth-of-type(4n+1) { clear:both; } .division_wrap ul li a { text-decoration:none; display:block; padding:30px 15px; } .division_wrap ul li figure { width:48px; float:left; margin-right:15px; height:48px; border-radius:50%; } .division_wrap ul li figure img { display:block; width:100%; height:auto; border-radius:50%; } .division_wrap ul li .info { float:left; width:180px; } .division_wrap ul li h3 { font-size:18px; line-height:24px; color:#333; height:48px; display:table; font-weight:700; } .division_wrap ul li h3 span { display:table-cell; vertical-align:middle; } .division_wrap ul li p { font-size:15px; line-height:24px; color:#777; } .division ul li h3, .division ul li h3 span { display:block; height:auto; } /*================================*/ /* custom select dropdown menu css with options */ /*================================*/ /* common select */ .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100%; } .bootstrap-select .dropdown-toggle:focus { outline:none !important; } .bootstrap-select.btn-group.open .dropdown-toggle, .bootstrap-select .btn:active { box-shadow:none; } .bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:active, .bootstrap-select.open > .dropdown-toggle.btn-default { background-color:transparent; border:none; color:#333;} .bootstrap-select.btn-group .dropdown-toggle .caret{ border-width:5px;} /* multiple select */ .show-tick.bootstrap-select > .btn-default { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.38); border-radius: 2px; padding: 6px 32px 6px 12px; font-size:13px; color:#333; line-height:20px; } .show-tick.open > .btn-default { border-bottom-left-radius:0; border-bottom-right-radius:0; } .show-tick.bootstrap-select .btn-default:focus, .show-tick.bootstrap-select .btn-default:active, .show-tick.bootstrap-select.open > .dropdown-toggle.btn-default { border: 1px solid rgba(0, 0, 0, 0.87); background-color:#fff; } .show-tick.bootstrap-select .dropdown-menu { top:100%; box-shadow:none; background-color:#fff; border-radius:0; border: 1px solid rgba(0, 0, 0, 0.38); border-top:none; margin-top:0; } .show-tick.bootstrap-select .dropdown-menu li a { display:block; padding:6px 12px 6px 36px; font-size:13px; line-height:20px; } .show-tick.bootstrap-select .dropdown-menu li a:hover, .show-tick.bootstrap-select .dropdown-menu li.selected { background-color:transparent; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark { display:block; position:absolute; top:0; left:8px; right:inherit; margin-top:5px; width:24px; height:24px; background:url(../../shared/images/checks.png) no-repeat 0 0; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { display:block; top:0; left:8px; right:inherit; background-position:0 -24px; } .show-tick.dropup.bootstrap-select .dropdown-menu{ bottom:inherit; top:100%;} /* normal select */ .bootstrap-select > .btn-default { background-color:transparent; border-radius:0; border:none; padding-left:0; padding:6px 22px 6px 0px; font-size:13px; color: rgba(0, 0, 0, 0.87); line-height:20px;} .bootstrap-select .dropdown-menu{ top:0; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24); box-sizing: border-box; border-radius:0; z-index:1000;} .bootstrap-select .dropdown-menu li a { display:block; padding:6px 12px; font-size:13px; line-height:20px; margin-left:0px;} .bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus { background-color:transparent; outline:none; } .bootstrap-select .dropdown-menu li.selected, .bootstrap-select .dropdown-menu li.selected:hover { background-color:#e8e8e8; } .bootstrap-select .dropdown-menu li:hover{ background:#e8e8e8;} .dropup.bootstrap-select .dropdown-menu{ bottom:0; top:inherit;} .bootstrap-select.btn-group.portal_name .dropdown-menu li.disabled a { font-weight: bold; margin-left: 0px;} .dropdown-menu{ padding:0px; border:1px solid rgba(0,0,0,0.06);} .portal-wrap .bootstrap-select .dropdown-menu li a:hover, .portal-wrap .bootstrap-select .dropdown-menu li a:focus{ color:#fff;} /* select season */ .select_season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .team_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; } .select_season.bootstrap-select > .btn-default, .team_dd.bootstrap-select > .btn-default { font-size:14px; color:#333; line-height:24px; } .select_season.bootstrap-select.btn-group .dropdown-toggle .caret, .team_dd.bootstrap-select.btn-group .dropdown-toggle .caret { margin-top:0; } .select_season.bootstrap-select .dropdown-menu li a, .team_dd.bootstrap-select .dropdown-menu li a { display:block; padding:0px 19px; font-size:14px; line-height:44px; } /*================================*/ /*================================*/ /*Portal css*/ /*================================*/ /*================================*/ .portal-wrap .container { position:relative; } .portal-wrap .right_sidebar { display:none; } .portal-wrap .container { padding-top: 12px; } .portal-wrap table a{ color:#333} .portal-wrap table a:hover{text-decoration:underline;} .portal-wrap table th i.up {/*color: #4caf50;*/ font-size:16px;} .portal-wrap table th i.down {/*color: #f44336;*/ font-size:16px;} .portal-wrap table th a{color:#fff;} .fliter_outer { background:#033954; border-top:4px solid #fddb00; width:100%; float:left;} .fliter_outer > h2 { font-size: 13px; line-height: 36px; color:#f5f5f5; font-weight:700; padding:0px 16px; position:relative; } .fliter_outer > h2 strong { font-weight:700; } .fliter_outer > h2 span, .fliter_outer > h2 .reset_fliter i { display:none; } .fliter_outer > h2 .reset_fliter { display:block; position:absolute; top:0px; right:10px; font-size:12px; color:#f0f0f0; font-weight:700; } .fliter_outer > h2 a.reset_fliter:hover { text-decoration:none; color:#fff; } .filter{ text-align:right;} .filter > h3 { font-size: 12px; line-height: 32px; color: #999; text-align:left; background-color:#222; text-transform:uppercase; padding:0px 16px; margin-bottom:5px; font-weight:700; } .filter > h3 figure { border-radius:50%; width:18px; height:18px; background-color:#4a4a4a; float:left; margin:4px 12px 0 0; } .filter label { display:block; font-size:13px; line-height: 28px; color: #fff; margin:0px; text-align:left; font-weight:400; padding:0px 16px;} .btn-update { display:inline-block; padding:0px 16px; background-color:#247423; border-radius:2px; font-weight:700; font-size:12px; line-height:36px; color:#fff; text-decoration:none; margin:0 0 36px; transition:all 0.2s ease-out 0s; } .btn-update:hover, .btn-update:focus { color:#fff; background-color:#2a8829; text-decoration:none; cursor:pointer; } .fliter_outer .btn-update{ margin-right:16px; margin-bottom:16px;} .fliter_outer .drop_outer label{ padding:0px 16px;} .fliter_outer .dropdown-menu > li > a{ color:#bbb;} /* filter normal dropdown */ .filter .bootstrap-select { margin-bottom:12px; } .filter .bootstrap-select.open > .btn-default { border-bottom-left-radius:0; border-bottom-right-radius:0; } .filter .bootstrap-select > .btn-default{background-color:#014c6b; border-radius:2px; border: 0px solid rgba(0, 0, 0, 0.38) !important; padding-left:16px; color:#f0f0f0;} .filter .bootstrap-select .dropdown-menu { position:inherit; top:inherit; box-shadow:none; margin-top:0; border:0px solid rgba(0, 0, 0, 0.38); border-top:none; padding:0; background:#014c6b; width:100%; } .filter .bootstrap-select .btn-default:focus, .filter .bootstrap-select .btn-default:active, .filter .bootstrap-select.open > .dropdown-toggle.btn-default { background-color:#014c6b; border:0px solid rgba(0, 0, 0, 0.38); color:#fff; } .filter .dropup .caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px dashed; border-bottom:none; } .filter .bootstrap-select .dropdown-menu li:hover, .filter .bootstrap-select .dropdown-menu li.selected, .filter .bootstrap-select .dropdown-menu li.selected:hover{ background:#555;} .portal-wrap .filter .btn-group.bootstrap-select .bs-caret i .icon{color:#f0f0f0;} .portal-wrap .fliter_outer .dropdown-menu > li > a{color:rgba(255,255,255,0.7);} .portal-wrap .fliter_outer .dropdown-menu > li:hover, .portal-wrap .fliter_outer .dropdown-menu > li.selected, .portal-wrap .fliter_outer .dropdown-menu > li.selected:hover{background:#08618e;} .portal-wrap .filter .drop_outer button.ms-choice{background:#014c6b; color:#f0f0f0;} .portal-wrap .filter .drop_outer .ms-drop ul{background:#014c6b;} .portal-wrap .filter .drop_outer .ms-drop ul li:hover{background:#08618e;} .portal-wrap .filter .drop_outer button.ms-choice:after{opacity:1;} .portal-wrap .filter > h3{background:#014c6b; color:#fddb01; cursor: pointer;} .portal-wrap .filter > h3 > .material-icons{display:none; line-height: 32px; cursor: pointer;} .portal-wrap .filter .btn-update{background:#fddb00; color:#000;} .portal-wrap .filter .btn-update:hover{background:#ffef87; color:#000;} /* portal table data */ .portal_table_data h3 { padding:24px 12px 24px 72px; font-size:26px; line-height: 34px; color:#333; position:relative; box-sizing:border-box; display: inline-block; font-weight:700; } .portal_table_data h3 figure { border-radius:50%; width:36px; height:36px; position:absolute; top:22px; left:12px; } .portal_table_data h3 figure img{ width:100%;} .portal_table_data .panel { border:none; background-color:transparent;} .portal_table_data .panel .panel_header{ background:#fff; border-bottom:1px solid rgba(0,0,0,0.12); border-top-left-radius:4px; border-top-right-radius:4px;} .filters_btn { display:none; } .portal_table_data .panel .panel_header .drop_outer { width:50%; float:right; margin:24px 15px 0 0;} .portal_table_data .panel .table tbody tr:last-child {border-top:1px solid rgba(0, 0, 0, 0.12);} .portal_table_data .panel .table tbody tr:last-child td{ background:#fff;} .portal_table{overflow-y: hidden; overflow-x: auto; width: 100%; margin-left: 0; -webkit-overflow-scrolling: touch; } .portal_table table{ width:100%;} .portal_table table > thead > tr{ border-bottom:1px solid rgba(0,0,0,0.12);} .portal_table table > tbody > tr:last-child{ border-top:1px solid rgba(0,0,0,0.12);} .portal_table table tbody tr:hover{ background:#f5f5f5;} .portal_table table > thead > tr > th, .portal_table table > tbody > tr > td { border-top: 0 none; padding: 8px 12px; text-align: center; color:#777; font-size:13px; font-weight:normal; line-height:24px;} .portal_table table > tbody > tr > td { color:#333; line-height:24px;} .portal_table table thead tr th:first-child, .portal_table table tbody tr td:first-child, .portal_table table thead tr th:nth-child(2), .portal_table table tbody tr td:nth-child(2){ text-align:left;} .panel_header .drop_outer .season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .panel_header .drop_outer .over_under_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:48%; float:left; } .panel_header .drop_outer .over_under_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { float:right; } .panel_header .drop_outer .over_under_dd.bootstrap-select > .btn-default{ border:1px solid rgba(0,0,0,0.38); padding-left:12px; color:#333;} .panel_header .drop_outer .over_under_dd.bootstrap-select .dropdown-menu{ top:-7px;} .panel_header .drop_outer .over_under_dd.bootstrap-select .dropdown-menu li a{ padding:11px 12px;} .choose_market{ padding:20px 40px; text-align:left; text-transform:uppercase;} .choose_market h1{ font-size:32px; color:#a2a2a2; font-weight: 700;} .choose_market h2{ font-weight:700; font-size:40px; line-height: 45px; color: rgba(0, 0, 0, 0.87); padding-top:5px;} .portal_table_data .table-container.wcard{overflow:auto;} /* table data css */ /*.table-responsive { -webkit-overflow-scrolling: touch; }*/ .table-responsive .fixed-column { display: none; } .table { background-color:#fff; margin-bottom:0;} .table:last-child, .table > tbody > tr:last-child { border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .table > thead > tr { border-bottom:1px solid rgba(0,0,0,0.12); } .table > thead > tr > th { font-weight:normal; line-height: 24px; color: rgba(0, 0, 0, 0.70); border-bottom:none; } .table > tbody > tr > td { line-height: 24px; color: rgba(0, 0, 0, 0.87); } .table > thead > tr > th, .table > tbody > tr > td { padding:8px 12px; text-align:center; } .table > thead > tr > th:first-child, .table > tbody > tr > td:first-child { text-align:left; } .table > thead > tr > th:first-child span, .table > tbody > tr > td:first-child span { width:48px; padding-left:12px; box-sizing:border-box; display:inline-block; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color:#f5f5f5; } /*================================*/ /*================================*/ /*Team Detail css*/ /*================================*/ /*================================*/ .team-detail-wrap .right_sidebar { display:none; } /* team card */ .team_card {padding:30px 0; background:#c2cad0 !important; margin-bottom:24px; border-radius:0; border-bottom:1px solid #c4c4c4;} .team_card .title { width:40%; float:left; border-right:1px solid #ababab;} .team_card .title h5 { font-size:16px; color:rgba(0,0,0,0.7); text-align:center; display:none;} .team_card .title figure { width:72px; float:left; margin-right:16px; } .team_card .title figure img { display:block; width:100%; height:auto; border-radius:50%; background-color:#fff; padding:2px; } .team_card .title h2 { font-size:26px; line-height:40px; color:#333; font-weight:bold;} .team_card .mad-select.season_dropdown { width:auto; display:inline-block; } .team_card .mad-select i.material-icons { top:1px; color:#fff; } .team_card .mad-select i.material-icons.date_range { display:none; } .team_card .season_dropdown.mad-select ul.mad-select-drop.show { width:100%; top:0 } .team_card .season_dropdown.mad-select ul.mad-select-drop.show li { color:#333; padding:16px; } .team_card .season_dropdown.mad-select li { padding:0; color:#fff; } .team_card .odds { width:60%; float:right; padding-left:30px; } .team_card .odds ul { padding-top:10px; } .team_card .odds ul li { width:25%; float:left; color:#555; text-align:center; } .team_card .odds ul li strong { display:block; font-weight:bold; font-size:15px; color:#333; line-height:28px; } .team_card h2 span { font-size: 16px; color:#333; text-align: center; display: none; font-weight:700;} .team_card .odds ul li.ctry strong{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .team-detail-wrap .team_card.three_sec .odds { width:40%; float:right; padding-left:30px; } .team-detail-wrap .team_card.three_sec .title{ width:50%;} .team-detail-wrap .team_card.five_sec .odds { width:45%; float:right; padding-left:30px; } .team-detail-wrap .team_card.five_sec .title{ width:55%;} .team-detail-wrap .team_card.five_sec .odds ul li{ width:20%;} .team-detail-wrap .team_card.six_sec .odds { width:56%; float:right; padding-left:0px; } .team-detail-wrap .team_card.six_sec .title{ width:44%;} .team-detail-wrap .team_card.six_sec .odds ul li{ width:16%;} /* team schedule */ .team_schedule{margin-bottom:10px; position:relative;} .team_schedule > h3 { font-size:12px; line-height:34px; color:#111; padding:0px ; font-weight:700; text-transform:uppercase; } .team_schedule ul { background-color:#fff; border-radius:2px;} .team_schedule ul li:after { display:block; content:""; clear:both; } .team_schedule ul li { border-top:1px solid rgba(0,0,0,0.12); transition:all 0.2s ease-out 0s; } .team_schedule ul li .vs-at{ display:inline-block; float:left; width:24px; margin-right:5px;} .team_schedule ul li a{ font-size:14px; line-height:24px; color:#333; padding:11px 16px; float:left; width:100%; text-decoration:none;} .team_schedule ul li:hover{ background:#d6f3ff;} .team_schedule ul li:first-child { border-top:none; } .team_schedule ul li figure { width:24px; height:24px; border-radius:50%; float:left; margin-right:15px; } .team_schedule ul li figure img { display:block; width:100%; height:auto; border-radius:50%; } .team_schedule ul li .team_name { float:left; color:#333; } .team_schedule ul li .result { float:right; width:80px; text-align:right; white-space:nowrap;} .team_schedule ul li .result span { display:inline-block; font-weight:700; margin-right:0px; text-align:left; text-transform:none; float:left; } .team_schedule ul li .result .draw { color:#f29722; text-transform:uppercase;} .team_schedule ul li .result .win { color:#3aaa35; text-transform:uppercase;} .team_schedule ul li .result .loss { color:#ed1c24; text-transform:uppercase;} .team_schedule ul li .result.date { color:#777; } .team_schedule ul li:last-child { padding:0; } .team_schedule ul li:last-child a { display:block; padding:0px 16px; background:#f5f5f5; transition:all 0.2s ease-out 0s; text-transform: capitalize; font-weight:700; font-size:13px; color:#014c6b; line-height:36px; text-decoration:none; text-align:center; } .team_schedule ul li:last-child a:hover{ background:#fff;} .team_schedule ul li .result .wdl { border-radius:2px; -webkit-border-radius:2px; color: #fff; display: block; float: left; font-size: 12px; width:28px; height:20px; line-height:20px; margin-top:2px; margin-right: 2px; text-transform: uppercase; text-align: center; position: relative;} .team_schedule ul li .result .wdl.draw { background:#f29722; text-transform:uppercase;} .team_schedule ul li .result .wdl.win { background:#3aaa35; text-transform:uppercase;} .team_schedule ul li .result .wdl.loss { background:#ed1c24; text-transform:uppercase;} .team_schedule ul li .result .wdl.tie { background: #f2d902; text-transform:uppercase; } .team_schedule a.view-results{ display:none; position:absolute; bottom:0px; width:100%; left:0px; padding:8px 15px; padding:0px 16px; background:#f5f5f5; transition:all 0.2s ease-out 0s; text-transform: capitalize; font-weight:700; font-size:13px; color:#014c6b; line-height:36px; text-decoration:none; text-align:center;} .team_schedule a:hover .view-results{ background:#fff;} /* betting */ .betting > h3 { display:none; } .betting .chart_tabs{ position:absolute; top:46px; left:46%;} .betting .chart_tabs .bootstrap-select.btn-group .dropdown-toggle .filter-option{ font-size:18px; color:#333; line-height:28px; font-weight:700;} .betting .chart_tabs .bootstrap-select.btn-group .dropdown-menu li{ padding:12px;} .betting .chart_tabs .bootstrap-select.btn-group .dropdown-menu li a{ padding:0px; font-size:15px; color:#333; line-height:24px; } .betting .topcard { padding:10px 0; background-image:linear-gradient(-180deg, #FAFAFA 0%, #F5F5F5 100%); border-top-left-radius:2px; border-top-right-radius:2px; } .betting .topcard .chart { float:left; margin:14px 60px 0 60px; position:relative; } .betting .topcard .chart_mid { float:left; /*padding:25px 60px 0 60px;*/ } .betting .topcard .chart figure { width:124px; height:124px; background-color:#4a4a4a; border-radius:50%; } .betting .topcard .info { float:left; width:25%; padding-top:35px;} .betting .topcard .info .mad-select { border-bottom:none; margin-bottom:8px; } .betting .topcard .info .mad-select li { font-weight:700; font-size:20px; line-height:28px; padding:0; } .betting .topcard .info .mad-select ul.mad-select-drop.show { width:100%; } .betting .topcard .info .mad-select ul.mad-select-drop.show li { padding:12px; font-size:15px; line-height:24px; } .betting .topcard .info .wdl_info li:after { display:block; content:""; clear:both; } .betting .topcard .info .wdl_info { width:100%;} .betting .topcard .info .overall_total,.betting .topcard .info .overall_line { display:none;} .betting .topcard .info .wdl_info li { font-size:14px; line-height:28px; color:#777; } .betting .topcard .info .wdl_info li strong{ font-weight:normal;} .betting .topcard .info .wdl_info li small{ display:none;} .betting .topcard .info .wdl_info li i { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:15px; } .betting .topcard .info .wdl_info li .yello { background-color:#FFC107 } .betting .topcard .info .wdl_info li .green { background-color:#4CAF50 } .betting .topcard .info .wdl_info li .red { background-color:#F44336 } .betting .topcard .info .wdl_info li .half-green { background-color:#cce4cd; } .betting .topcard .info .wdl_info li .half-red { background-color:#ecc2bf;} .betting .topcard .info .wdl_info li span { float:right; } .betting .table > tbody > tr { border-bottom:1px solid rgba(0,0,0,0.12); transition: all 0.2s ease-out 0s; } .betting .table > tbody > tr:hover{ background:#d6f3ff;} .betting .table > tbody > tr:last-child { border-bottom:none; } .betting .table > tbody > tr > td div + div { padding-top:8px; } .betting .topcard .chart .wh-circle { position:absolute; background:#f7f7f7; border-radius:100%; width:122px; height:122px; top:9px; left:0px; right:0; margin:0 auto; text-align:center; display: flex; flex-wrap: wrap; align-items: center; align-content: center;} .betting .topcard .chart .wh-circle h1{color: #333; font-size: 20px; width: 100%;} .betting .topcard .chart .wh-circle p{color: #666; font-size: 14px; padding-top:7px; width: 100%;} .betting .topcard .chart .wh-circle p span{ display:block; font-size:12px; } .betting .topcard .chart .wh-circle.soccer {top:10px; left: 0px; right: 0; margin: 0 auto; text-align: center;} .hockey-sports .betting .topcard .chart .wh-circle{} /* day & night record */ .day_night_card { position:relative; margin-top:5px; } .day_night_card .topcard { padding:30px 0; border-top-left-radius:2px; border-top-right-radius:2px; } .day_night_card .topcard figure { width:72px; height:72px; float:left; margin:0 30px; } .day_night_card .topcard figure img { display:block; width:100%; height:auto; border-radius:50%; } .day_night_card .topcard h4 { font-size:0px; line-height:28px; color:#fff; margin-top:8px; } .day_night_card .topcard h4 small { display:block; font-size:14px; line-height:24px; color:#fff; } .day_night_card .game_detail li, .weather_card .game_detail li { width:50%; float:left; border-right:1px solid rgba(0,0,0,0.12); border-top:1px solid rgba(0,0,0,0.12); font-size:13px; line-height:20px; color:#777; text-align:center; padding:12px 0 30px 0; } .day_night_card .game_detail li:nth-of-type(2n), .weather_card .game_detail li:nth-of-type(2n) { border-right:none; } .day_night_card .game_detail li strong, .weather_card .game_detail li strong { display:block; font-size:24px; line-height:36px; color:#333; padding:2px 0; font-weight:bold; } .day_night_card .game_detail li strong span, .weather_card .game_detail li strong span{ text-align:center; position:relative;} .day_night_card .game_detail li strong span small, .weather_card .game_detail li strong span small{ font-size:12px; position:absolute; bottom:-25px; left:0; right:0; margin:0 auto; font-weight:400; color:#999; display:block;} .day_night_card .game_detail li strong span small abbr, .weather_card .game_detail li strong span small abbr{display:block; font-size:10px;} .day_night_card .game_detail li.ah strong span small, .weather_card .game_detail li.ah strong span small{ line-height:12px; bottom:-20px;} .day_night_card .mad-select { border-bottom:none; left: 132px; top:38px; position: absolute; width: 160px; z-index:1; } .day_night_card .mad-select li { font-weight:700; font-size:20px; line-height:28px; padding:0; color:#fff; } .day_night_card .mad-select i.material-icons { color:rgba(255,255,255,0.72);} .day_night_card .mad-select ul.mad-select-drop.show li { padding:12px; font-size:15px; line-height:24px; color:#333; } .day_night_card .mad-select ul.mad-select-drop.show { width:100%; } .day_night_card.night .topcard { background-image:linear-gradient(0deg, #121A24 0%, #212830 100%); } .day_night_card.day .topcard { background-image:linear-gradient(0deg, #67C0E3 0%, #8AD1EA 100%); } .day_night_card > h3, .day_night_card.night .topcard .sun, .day_night_card.day .topcard .moon, .day_night_card.night .topcard h4 span.day, .day_night_card.night .topcard h4 small.day, .day_night_card.day .topcard h4 span.night, .day_night_card.day .topcard h4 small.night, .day_night_card.night .tab-content .day, .day_night_card.day .tab-content .night { display:none; } .day_night_card.night .day_night_tabs li a { background-color:rgba(255,255,255,0.12); } .day_night_card_tab, .weather_drop_tab{border-bottom:none; left: 132px; top:34px; position: absolute; width:auto; z-index:1;} .day_night_drop.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .weather_drop.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; } .day_night_drop.bootstrap-select > .btn-default, .weather_drop.bootstrap-select > .btn-default{ font-size:20px; color:#fff; line-height:28px; font-weight:700;} .day_night_drop.bootstrap-select.btn-group .dropdown-toggle .caret, .weather_drop.bootstrap-select.btn-group .dropdown-toggle .caret{ margin-top:0; color:rgba(255, 255, 255, 0.72); } .day_night_drop.bootstrap-select .dropdown-menu li a, .weather_drop.bootstrap-select .dropdown-menu li a { display:block; padding:16px 12px; font-size:15px; line-height:24px; } /* weather record */ .weather_card { position:relative; } .weather_card .topcard { padding:30px 0; border-top-left-radius:2px; border-top-right-radius:2px; } .weather_card .topcard figure { width:72px; height:72px; float:left; margin:0 30px; } .weather_card .topcard figure img { display:block; width:100%; height:auto; } .weather_card .topcard h4 { font-size:0px; line-height:28px; color:#fff; margin-top:8px; } .weather_card .topcard h4 small { display:block; font-size:15px; line-height:28px; color:#fff; } .weather_card .weather_tabs, .day_night_card .day_night_tabs { width:125px; position:absolute; right:0; top:0; } .weather_card .weather_tabs li a, .day_night_card .day_night_tabs li a { display:block; font-size:14px; line-height:44px; color:rgba(255,255,255,0.85); text-align:center; background-color:rgba(0,0,0,0.12); } .weather_card .weather_tabs li.active a, .day_night_card .day_night_tabs li.active a { background-color:transparent; color:#fff; } .weather_card .table > tbody > tr, .day_night_card .table > tbody > tr { border-bottom:1px solid rgba(0,0,0,0.12); transition:all 0.2s ease-out 0s; } .weather_card .table > tbody > tr:last-child, .day_night_card .table > tbody > tr:last-child { border-bottom:none; } .weather_card .table > tbody > tr > td div + div, .day_night_card .table > tbody > tr > td div + div { padding-top:8px; } .weather_card .mad-select { border-bottom:none; left: 132px; top:38px; position: absolute; width: 160px; z-index:1; } .weather_card .mad-select li { font-weight:700; font-size:20px; line-height:28px; padding:0; color:#fff; } .weather_card .mad-select i.material-icons { color:rgba(255,255,255,0.72);} .weather_card .mad-select ul.mad-select-drop.show li { padding:12px; font-size:15px; line-height:24px; color:#333; } .weather_card .mad-select ul.mad-select-drop.show { width:100%; } .weather_card.dry .topcard { background-image:linear-gradient(-180deg, #80B7CF 0%, #539EC1 100%); } .weather_card.wet .topcard { background-image:linear-gradient(-180deg, #A6ADB3 0%, #657789 100%); } .weather_card > h3, .weather_card.dry .topcard h4 span.wet, .weather_card.dry .topcard h4 small.wet, .weather_card.dry .tabinfo_weather .wet, .weather_card.wet .tabinfo_weather .dry, .weather_card.wet .topcard h4 small.dry, .weather_card.dry .topcard .wet, .weather_card.wet .topcard .dry { display:none; } /* team stats */ .team_statistics > h3 { font-size:12px; line-height:34px; color:#111; padding:0px ; font-weight:700; text-transform:uppercase; } .team-detail-wrap .wcard { margin-bottom:10px;} .right_wrap{ position:relative;} .right_wrap .pie_stats{ position:absolute; width:90%;} .statistics li { width:50%; height:92px; float:left; border-right:1px solid rgba(0,0,0,0.12); border-top:1px solid rgba(0,0,0,0.12); padding:0 15px; position:relative; text-align:center; } .statistics li:first-child, .statistics li:nth-child(2) { border-top:none; } .statistics li:nth-of-type(2n) { border-right:0; } .statistics li p, .statistics li .position { font-size:12px; line-height:15px; color:#777; padding-top:45px; } .statistics li strong { position:absolute; top:10px; font-size:24px; line-height:32px; color:#333; left:0; right:0; font-weight:bold;} .statistics li .position { position:absolute; top:0px; right:15px; padding-top:0; } /* add h3 in betting in team detail page*/ .betting-section h3 { font-size: 12px; line-height: 34px; color: #111; padding: 0px; font-weight: 700;text-transform: uppercase;} .steak { font-size:12px; line-height:20px; color:#777; position:relative; padding:15px; text-align:center; } .steak p { margin-bottom:4px; } .steak strong { border-radius: 2px; color: rgba(255, 255, 255, 1); display: inline-block; font-size: 15px; height: 24px; line-height: 24px; text-transform: uppercase; width:30px; } .steak strong.draw { background-color:#f29722; } .steak strong.win { background-color:#3aaa35; } .steak strong.loss { background-color:#ed1c24;} /* current form */ .current_form { text-align:center; padding-bottom:10px; } .current_form h4 { font-size:12px; line-height:20px; color:#777; padding:5px 0; } .current_form ul { display:inline-block; } .current_form li { display:block; float:left; width:24px; height:24px; border-radius:2px; font-size:15px; line-height:24px; color:#fff; text-transform:uppercase; margin-left:5px; } .current_form li:first-child { margin-left:0; } .current_form li.draw { background-color:#f29722 } .current_form li.win { background-color:#3aaa35 } .current_form li.loss { background-color:#ed1c24 } /* pie stats */ .team_statistics .pie_stats li:after, .team_statistics .pie_stats li .info:after { display:block; content:""; clear:both; } .team_statistics .pie_stats li { border-top:1px solid rgba(0,0,0,0.12); } .team_statistics .pie_stats li:first-child { border-top:none; } .team_statistics .pie_stats li .pie { width:25%; background-color:#f5f5f5; } .team_statistics .pie_stats li:first-child .pie { border-top-left-radius:2px; } .team_statistics .pie_stats li:last-child .pie { border-bottom-left-radius:2px; } .team_statistics .pie_stats li .pie figure { width:36px; height:36px; background-color:#4a4a4a; border-radius:50%; margin:20px auto; } .team_statistics .pie_stats li .info { width:100%; float:left; padding:8px 10px 8px; font-size:13px; line-height:20px; color:#777; text-align:center; } .team_statistics .pie_stats li .info p{ font-size:12px;} .team_statistics .pie_stats li .info strong { font-size:24px; line-height:36px; color:#333; font-weight:bold; } .team_statistics .pie_stats li .info .position { float:right; padding-top:6px; } .team_statistics .pie_stats li .pie .c100 { float:none; margin:20px auto; } .team_statistics .pie_stats li{ display:table; table-layout:fixed; width:100%;} .team_statistics .pie_stats li > div{ display: table-cell; height:auto; vertical-align:middle;} /*================================*/ /*================================*/ /*Schedule css*/ /*================================*/ /*================================*/ .schedule-wrap .right_sidebar { display:none; } .schedule-wrap .container { padding-bottom:15px; } .schedule_card { padding:30px 0 15px; } .schedule_card figure { width:72px; height:72px; border-radius:50%; background-color:#fff; float:left; margin-right:16px;} .schedule_card figure img { border-radius:50%; width:100%; display:block;} .schedule_card h2 {font-size:28px; color:#333; line-height:36px; display:inline-block; font-weight:bold;} .schedule_card .carousel-wrap { float:right; } a.all_week_btn{ background-color: #fff; border: 1px solid #bbb; border-radius: 2px; color: #333; display: inline-block; font-size: 14px; font-weight:700; letter-spacing: 0.5px; line-height: 34px; margin-left: 5px; argin-top: 15px; padding: 0 15px; transition:all 0.2s ease-out 0s;} a.all_week_btn:hover, a.all_week_btn:focus{ text-decoration:none; background:rgba(0,0,0,0.2); color:#333;} a.all_week_btn i{ display:none;} a.all_week_btn.active { background-color:#247423; color:#fff; border:1px solid #247423; } .all_week_btn{float: right;} .schedule_card .carousel-week { color: #777; font-size: 14px; line-height: 24px; padding: 8px 0px 8px 0px; } .schedule_card .date-picker-carousel { width:200px; padding:0; margin-right:24px; position:relative; } .schedule_card .calendar { float:left;} .date-picker-carousel .prev{ position:absolute; left:-20px; top:3px; color:#999;} .date-picker-carousel .next{ position:absolute; right:-20px; top:3px;color:#999;} /* select seasom */ .team_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; display:table; } .team_dd.bootstrap-select > .btn-default { color:#777; } .schedule_card .team_dd.bootstrap-select.btn-group .dropdown-menu li{ padding:0px;} /*.schedule_card .mad-select { width:200px; border-bottom:none; margin:8px 0 0 102px; } .schedule_card .mad-select li { padding:0; color:rgba(0, 0, 0, 0.70); } .schedule_card .mad-select ul.mad-select-drop.show { width:100%; } .schedule_card .mad-select ul.mad-select-drop li { color:rgba(0, 0, 0, 0.87); } .schedule_card .mad-select .open_in_new { display:none; }*/ .score-wrap #matches_list h2.desktop_match_heading.first{ padding:15px 0 15px 0;} .score-wrap #matches_list h2.desktop_match_heading { font-size:14px; color:#333; line-height:24px; padding:15px 0 0px 0; font-weight:700; text-transform:uppercase; } .score-wrap #matches_list h2.mobile_match_heading { font-size:14px; color:#333; line-height:24px; padding:15px 0 0px 0; font-weight:700; text-transform:uppercase; display:none; } .schedule_match_cards > h3 { font-size:12px; color:#333; line-height:24px; padding:15px 0; font-weight:700; text-transform:uppercase; } .schedule_match_cards ul li { width:32%; float:left; margin-right:15px; margin-bottom:15px; } .schedule_match_cards ul li.re_schedule, .schedule_match_cards ul li.is_neutral{ position:relative;} .schedule_match_cards ul li.re_schedule i, .schedule_match_cards ul li.is_neutral i{ position:absolute; top:1px; left:1px; color: #F00; font-size:13px; font-weight:normal;} .schedule_match_cards ul li.re_schedule .info-one, .schedule_match_cards ul li.re_schedule .info-two { position: absolute; top: 2px; left: 1px; color: #F00; font-size: 13px; font-weight: normal; line-height: 13px;} .schedule_match_cards ul li.re_schedule .info-one i, .schedule_match_cards ul li.re_schedule .info-two i{position:static;} .schedule_match_cards ul li.re_schedule .info-two{left:16px;} .schedule_match_cards ul li:nth-of-type(3n) { margin-right:0; } .schedule_match_cards ul li:nth-of-type(3n+1) { clear:both; } .schedule_match_cards ul li .wcard { margin-bottom:0; } .schedule_match_cards ul li .wcard > .row { margin:0; padding:15px; } .schedule_match_cards ul li time { color:#777; line-height:24px; float:left; } .schedule_match_cards ul li .match_between { float:right; } .schedule_match_cards ul li .match_between figure { float:left; width:24px; } .schedule_match_cards ul li .match_between figure ~ figure { float:right; } .schedule_match_cards ul li .match_between figure img { display:block; width:100%; height:auto; border-radius:50%; } .schedule_match_cards ul li .match_between .vs { display:inline-block; padding:0 7px; line-height:24px;} .schedule_match_cards ul li .vs { font-size:12px; color:#999; line-height:20px; } .schedule_match_cards ul li h4 { font-size:14px; line-height:24px; color:#333; padding:0 15px 15px; } .schedule_match_cards ul li h4.loss a, .schedule_match_cards ul li h4.loss span{ color:rgba(0,0,0,.38);} .schedule_match_cards ul li h4 span { display:block; } .schedule_match_cards ul li h4 span strong{ float:right; display:inline-block; font-weight:normal; font-size:14px;} .schedule_match_cards ul li h4 a{color:#333;} .schedule_match_cards ul li h4 .vs { line-height:20px; } .schedule_match_cards ul li .game_prev_btn { display:block; transition:all 0.2s ease-out 0s; background:#f5f5f5; height:36px; padding:0px 15px; border-top:1px solid rgba(0,0,0,0.12); font-weight:700; font-size:13px; color:#033954; line-height:36px;} .schedule_match_cards ul li .game_prev_btn.review_disabled{background:#f5f5f5; color:#999; pointer-events:none;} .schedule_match_cards ul li .game_prev_btn:hover{ background:#fff;} a.game_prev_btn{ transition:all 0.2s ease-out 0s;} a.game_prev_btn:hover{ background:#f5f5f5;} .schedule_match_cards ul li .game_prev_btn .live{float:right;} .schedule_no_match_cards{ text-align:center; font-size:16px; color:rgba(0, 0, 0, 0.87); line-height:28px;} .schedule_no_match_cards .wcard{ padding:40px 0px; margin-top:20px;} .review_disabled{pointer-events:none; opacity:1; background:#f5f5f5; display:block;} .score_drops{ width:60%; margin-bottom:20px;} .score-wrap .team_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ float:left;} .score_drops .select_season.bootstrap-select .bs-caret .caret, .score_drops .bootstrap-select.btn-group .dropdown-toggle .caret{top:44%; right:16px;} /* multi select new for score page */ .score-wrap .ms-parent.select_month, .schedule_card .ms-parent.select_month{ width:143px !important; position:absolute; right:0; top:0; z-index:2; margin-top:28px;} .score-wrap .ms-parent .ms-drop, .schedule_card .ms-parent .ms-drop{ display:none;} .score-wrap button.ms-choice, .schedule_card button.ms-choice{ background: url(../../shared/images/arw.png) no-repeat right 10px center #fafafa; border:1px solid rgba(0,0,0,0.38); width:100%; padding:6px 15px; text-align:left; } .score-wrap .ms-parent .ms-drop, .schedule_card .ms-parent .ms-drop{ border:0px;} .score-wrap button.ms-choice, .schedule_card button.ms-choice{outline:none; box-shadow:none;display:none;} .score-wrap .ms-drop, .schedule_card .ms-drop{ background:#FFF; border:1px solid rgba(0, 0, 0, 0.38); width:143px; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12);} .score-wrap .ms-drop ul, .schedule_card .ms-drop ul{ max-height:380px !important; overflow:auto;} .score-wrap .ms-drop ul li, .schedule_card .ms-drop ul li{ padding:5px 12px;} .score-wrap .ms-drop ul li label, .schedule_card .ms-drop ul li label{font-size: 14px; font-weight: 400; line-height: 24px;} .score-wrap .ms-drop ul li label input[type="checkbox"], .schedule_card .ms-drop ul li label input[type="checkbox"]{ margin-right:10px; background: #fff;} .advance-search-btn{ color:#777;font-size: 14px; font-weight: 400; line-height: 40px; margin-left: 5px;} .advance-search-btn:hover, a.advance-search-btn.active{ color:#033954;} /*.advance-search-btn i{ margin-left:3px;}*/ .advance-search-btn .filter-icons{ display:none;} .advance-options{ width:100%; text-align: left; padding:15px; background:#fff; border-radius: 2px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); display:none;} .advance-options:after{ display: block; clear:both; content:"";} .advance-block{ width:22%; font-weight:400; float:left; margin-right:3%;} .advance-block h2{ font-size:14px; margin-bottom:10px; font-weight:700; font-family: 'Nunito Sans', sans-serif; border-bottom:1px solid rgba(0,0,0,0.12); display:block; } .advance-block.disabled-block h2{color:rgba(0,0,0,0.35);} .advance-block p{ padding-bottom:7px;} .advance-block label{ font-weight:normal; font-size:14px; color:#555; padding-left:16px; display:block;} .advance-block p.reset-search input{ display:none;} .advance-block p.reset-search label{ display:block; color:#033954; cursor:pointer; margin-left:13px;} .advance-options input[type="radio"]{ opacity:1; width:auto; margin-top:4px; float:left;} .advance-options .scroll_content h3{ display:none;} /* mobile css */ .all_teams_popup { display:none; } .all_teams_popup a { display:block; border-top:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(0,0,0,0.12); background-color:#fff; margin:15px 0; padding:15px; font-size:14px; color:#333; font-weight:700; line-height:24px; text-decoration:none; cursor:pointer; } .all_teams_popup.open a { line-height:36px; padding:10px; } .all_teams_popup.open a:hover { background:#f5f5f5;} .all_teams_popup.open a.selected { background:#e0e0e0; } .all_teams_popup a figure { width:36px; float:left; margin-right:15px; } .all_teams_popup a figure img { display:block; width:100%; height:auto; border-radius:50%; } .all_teams_popup .open_in_new, .all_teams_popup.open a i { float:right; color:#777; } .all_teams_popup.open i { margin-top:6px; } .all_teams_popup.open { width:100%; height:100%; position:fixed; top:0; z-index:1031; border:none; background-color:#f5f5f5; padding:0 0 8px; margin-bottom:0;} .all_teams_popup .scroll_content, .all_teams_popup.open > a { display:none; } .all_teams_popup.open .scroll_content { padding-top:72px; display:block; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; height:100%; margin-top:0;} .all_teams_popup.open h3 { width:100%; background-color:#014c6b; position:fixed; top:0; left:0; z-index:1; padding:12px 0; color: #fff; font-size: 14px; font-weight:700; line-height: 24px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.12); cursor:pointer; } .all_teams_popup.open h3 span { display:block; font-size:12px; color:#fff; } .all_teams_popup.open h3 .close_btn { color: rgba(255, 255, 255, 0.70); display: block; left: 16px; position: absolute; top: 24px; margin-top:0; } .all_teams_popup.open .scroll_content a { margin:0; border-top:none; } .all_teams_popup.open .scroll_content h3 + a { border-top: 1px solid rgba(255,255,255,0.12); } .schedule_xs_match_cards { display:none; } .schedule_xs_match_cards h4 { font-weight:700; font-size:12px; color:#111; line-height:20px; padding:10px 15px; text-transform:uppercase;} .schedule_xs_match_cards .wcard { box-shadow:none; margin-bottom:0; border-top:1px solid rgba(0,0,0,0.12); } .schedule_xs_match_cards .group { width:100%; display:table; table-layout:fixed; cursor:pointer; } .schedule_xs_match_cards .group .cell { width:66.66%; display:table-cell; vertical-align:middle; color:#333; line-height:24px; padding:12px 15px; border-bottom:1px solid rgba(0,0,0,0.12); } .schedule_xs_match_cards .group .cell + .cell { width:33.33%; padding:12px 10px; } .schedule_xs_match_cards .group .cell > div { float:left; } .schedule_xs_match_cards .group .cell > div:nth-child(2) { padding:0 30px; color:rgba(0, 0, 0, 0.70); } .schedule_xs_match_cards .group .cell figure { width:24px; float:left; margin-right:8px; } .schedule_xs_match_cards .group .cell figure img { display:block; width:100%; height:auto; border-radius:50%; } /*.schedule_xs_match_cards .group .cell .col-xs-2 { color:rgba(0, 0, 0, 0.70); text-align:center; }*/ .schedule_xs_match_cards .group .cell .open_in_new { float:right; color:#777; } .schedule_xs_match_cards .thead .cell { color:#777; } .schedule_xs_match_cards .group .cell strong { font-weight:400; text-transform:uppercase; display:inline-block; font-size:14px; } .schedule_preview_popup { display:none; } .schedule_preview_popup.open { display:block; position:fixed; top:0; width:100%; height:100%; background-color:#fafafa; z-index:1031; padding-bottom:15px; } .schedule_preview_popup.open .scroll_content {/* padding-top:133px;*/ overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; height:100%; } .schedule_preview_popup .team_card { margin-bottom:15px; padding:15px 15px 30px; } .schedule_preview_popup .team_card .date { font-size:16px; color:rgba(255,255,255,0.70); line-height:24px; text-align:center; } .schedule_preview_popup .team_card .close_btn { display:block; color:#fff; position:absolute; top:15px; left:15px; cursor:pointer; } .prev_between { text-align:center; margin-top:27px; } .prev_between .col { display:inline-block; text-align:right; } .prev_between .col:nth-of-type(3) { text-align:left; } .prev_between .col .info { padding-right: 48px; } .prev_between .col:nth-of-type(3) .info { padding-left: 48px; padding-right:0; } .prev_between .col figure { width:36px; height:36px; margin:0 auto; float:right; } .prev_between .col figure img { display:block; width:100%; height:auto; border-radius:50%; border:1px solid #fff; } .prev_between .col:nth-of-type(3) figure { float:left; } .prev_between .col h3 { font-size:28px; line-height:36px; color:rgba(255,255,255,1); text-transform:uppercase; } .prev_between .colmid { display:inline-block; vertical-align:top; padding:0 15px; } .prev_between .colmid time { font-size:12px; color:rgba(255,255,255,0.70); text-align:center; line-height:36px; } .schedule_preview_popup .game_prev_btn { display:block; background-color:#fff; border-top:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(0,0,0,0.12); padding:15px; font-size:16px; color:#333; line-height:24px; text-decoration:none; margin-bottom:15px; } .schedule_preview_popup .game_prev_btn i { float:right; color:#777; } .time_counter { background-color:#fff; border-top:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(0,0,0,0.12); padding:12px 0px; text-align:center; margin-bottom:15px;} .time_counter h2{ font-size:20px; line-height:28px; font-weight:700; color:#333; padding:22px 0px;} .time_counter p { font-size:12px; color:#999; line-height:20px; margin-bottom:12px; font-weight:400; } .time_counter ul li { display:inline-block; font-size:45px; line-height:48px; color:#333; padding:0 8px; } .time_counter ul li span { font-weight:400; font-size:14px; color:#777; line-height:24px; } .stadium_info { background-color:#fff; border-top:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(0,0,0,0.12); padding:0px; margin-bottom:15px; position:relative; color: rgba(0, 0, 0, 0.70); font-size: 12px; line-height: 20px; } .stadium_info strong { color: rgba(0, 0, 0, 0.87); display: block; font-size: 15px; font-weight: normal; line-height: 24px; } .stadium_info i { position:absolute; top:22px; right:15px; } .stadium_info a { display:block; padding:12px 15px; color: rgba(0, 0, 0, 0.70); } .stadium_info a:hover { text-decoration:none } .lineup_record h4 { text-transform:uppercase; } .lineup_record li:after { display:block; content:""; clear:both; } .lineup_record li { padding:12px; border-bottom:1px solid rgba(0,0,0,0.12); background-color:#fff;} .lineup_record li:first-child { border-top:1px solid rgba(0,0,0,0.12); } .lineup_record li figure { display:block; width:24px; height:24px; float:left; margin-right:15px; } .lineup_record li figure img { display:block; width:100%; height:auto; border-radius:50%; } .lineup_record li span { display:block; float:left; font-weight:normal; font-size:13px; line-height:24px; color:#333; } .lineup_record li strong { display:block; float:right; font-weight:700; font-size:14px; line-height:24px; color:#333; } /*================================*/ /*================================*/ /*Scores css*/ /*================================*/ /*================================*/ .score-wrap .right_sidebar{ display:none;} .score-wrap .container { padding-bottom: 15px; } .score-wrap .score_card h2.middle{ line-height:40px;} .score_match_cards ul li .match_between{ float:right;} .score_match_cards ul li h4{ padding-bottom:0px;} .score_match_cards ul li h4 + h4 { padding-bottom:15px; padding-top:8px;} .score_match_cards ul li h4 span{ float:right;} .score_match_cards ul li h4.loss a, .score_match_cards ul li h4.loss span{ color:#999;} .score_xs_match_cards { display:none; } .score_xs_match_cards h4 { font-weight:700; font-size:12px; color:#333; text-transform:uppercase; line-height:20px; padding:10px 15px; } .score_xs_match_cards .wcard { margin-bottom:0; } .score_xs_match_cards .wcard ul li { border-bottom:1px solid rgba(0,0,0,0.12); cursor:pointer; padding:8px 15px; line-height:24px; color:#333; display:table; table-layout:fixed; width:100%; } .score_xs_match_cards .wcard ul li:first-child { border-top:1px solid rgba(0,0,0,0.12); } .score_xs_match_cards .wcard ul li div{ display:table-cell; vertical-align:middle; width:100%;} .score_xs_match_cards .wcard ul li div:first-child{ width:79px;} .score_xs_match_cards .wcard ul li div:last-child{ width:54px;} .score_xs_match_cards .wcard ul li figure{ float: left; width: auto; } .score_xs_match_cards .wcard ul li figure img{border-radius: 50%; display: inline-block; height: auto; width:36px; border:1px solid #fff;} .score_xs_match_cards .wcard ul li figure img + img{ margin-left:-12px;} .score_xs_match_cards .wcard ul li i{ float: right; color:#777; margin-right:2px;} .score_xs_match_cards .wcard ul li div h5{color: rgba(0, 0, 0, 0.87); font-size: 14px; line-height: 24px;} .score_xs_match_cards .wcard ul li div h5 a{color: rgba(0, 0, 0, 0.87);} .score_xs_match_cards .wcard ul li div h5 span{ float:right;} .score_xs_match_cards .wcard ul li h5.loss { color:#999; } .score_xs_match_cards .wcard ul li i{margin-top:1px; top:8px;} .score_xs_match_cards .wcard ul li i .icon{width: 12px; height: 8px; color:#999; display:inline-block; float:left;} .schedule_match_cards.score_match_cards ul li .wcard > .row { margin:0; padding:15px 15px 2px 15px; } .schedule_match_cards.score_match_cards ul li .match_between figure { float:left; width:24px; text-align: center;} .schedule_match_cards.score_match_cards ul li .match_between figure small{ color:#777; font-size:13px;} .schedule_match_cards.score_match_cards ul li .match_between figure img{ width:24px; display:inline-block; margin-bottom:5px;} .schedule_match_cards.score_match_cards ul li .match_between .vs{ float:left;} /* single team score css */ .schedule_match_cards.score_match_cards ul li.single-score .row { margin: 0; padding: 15px 15px 2px;} /* ====================== */ /*standing*/ /* ====================== */ .standing_game_card { padding:30px 0; } .standing_game_card img { border-radius: 50%; float: left; height: auto; margin-right: 30px; width: 72px; } .standing_game_card h2 { font-size:34px; line-height:40px; color:#333; font-weight:bold;} .standing-wrap table a{ color:#333;} .standing-wrap table#standings tbody tr .sticked-2 a{float: left; max-width:175px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .standing-wrap table a:hover{text-decoration:underline;} .standing-wrap table thead tr th a:hover{text-decoration:none;} .standing-wrap table th a, .standing-wrap table th{ color:#f0f0f0;} .standing-wrap table th i.up {/*color: #4caf50;*/ font-size:18px; color:#bbb;} .standing-wrap table th i.down {/*color: #f44336;*/ font-size:18px; color:#bbb;} .advance_filter_bar { position:relative; } .stand_table{overflow-y: hidden; overflow-x: auto; width: 100%; margin-left: 0; -webkit-overflow-scrolling: touch; } .stand_table table{ width:100%;} .stand_table table > thead > tr{ border-bottom:1px solid rgba(0,0,0,0.12);} .stand_table table > tbody > tr:last-child{ border-top:1px solid rgba(0,0,0,0.12);} .stand_table table tbody tr:hover{ background:#f5f5f5;} .stand_table table > thead > tr > th, .stand_table table > tbody > tr > td { border-top: 0 none; padding: 8px 12px; text-align: center; color:#777; font-size:13px; font-weight:normal; line-height:24px;} .stand_table table > tbody > tr > td { color:#333; line-height:24px;} .stand_table table thead tr th:first-child, .stand_table table tbody tr td:first-child, .stand_table table thead tr th:nth-child(2), .stand_table table tbody tr td:nth-child(2){ text-align:left;} /* select seasom */ .advance_filter_bar .select_season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; position:absolute; top:-62px; left:102px; } .advance_filter_bar .select_season.bootstrap-select > .btn-default, .advance_filter_bar .week_dd.bootstrap-select > .btn-default { font-size:14px; color:#777; line-height:24px; } .select_season.bootstrap-select.btn-group .dropdown-toggle .caret, .week_dd.bootstrap-select.btn-group .dropdown-toggle .caret { margin-top:0; } .select_season.bootstrap-select .dropdown-menu li, .week_dd.bootstrap-select .dropdown-menu li { display:inherit; } .select_season.bootstrap-select .dropdown-menu li a, .week_dd.bootstrap-select .dropdown-menu li a { display:block; padding:0px 16px; font-size:14px; line-height:44px; font-weight:400; } .select_season.bootstrap-select .dropdown-menu li:hover a, .week_dd.bootstrap-select .dropdown-menu li:hover a { background-color:transparent; box-shadow:none; position:inherit; z-index:inherit; } .select_season.bootstrap-select .dropdown-menu li:hover a:after, .week_dd.bootstrap-select .dropdown-menu li:hover a:after { position:inherit; height:auto; bottom:inherit; left:inherit; background-color:transparent; } .standing-wrap .advance_filter_bar .select_season.bootstrap-select.btn-group .dropdown-menu li{ padding:0 16px 0 0;} .standing-wrap .advance_filter_bar .week_dd.bootstrap-select.btn-group .dropdown-menu li{ padding:0 16px 0 0;} /* week dropdown */ .advance_filter_bar .week_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:auto; position:absolute; top:-62px; left:243px; } .tennis-standing .advance_filter_bar .week_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){left:222px;} .standing_game_card .season_drop, .standing_game_card .week_drop { display:inline-block; margin-top:8px; } .standing_game_card .season_drop { margin-right:30px; } .standing_game_card .season_drop .trigger, .standing_game_card .week_drop .trigger { width:156px; background-color:transparent; font-size:14px; color:#777; line-height:24px; } .standing_game_card .season_drop .trigger i, .standing_game_card .week_drop .trigger i { position:inherit; top:inherit; right:inherit; } .standing_game_card .season_drop .selectlist, .standing_game_card .week_drop .selectlist { width:200px; top:-4px; left:0; box-shadow:0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24); padding:8px 0; background-color:#fff; z-index:5; } .week_drop .selectlist { width:150px; } .standing_game_card .season_drop .selectlist li, .standing_game_card .week_drop .selectlist li { padding:12px 15px; font-size:15px; line-height:24px; cursor:pointer; } .advanced_opbtn { display:none; font-weight:700; font-size:14px; line-height:36px; color:#fff; letter-spacing:0.5px; float:right; background-color:#014c6b; padding:0 15px; border-radius:2px; } .advanced_opbtn:hover { color:#fff; text-decoration:none; background:#2a8829; } .wcard.advance_filter_bar h3{ display:inline-block; text-align:left; padding:11px 16px; background:#FFF; border-bottom:none; font-weight:700 !important; border-right:1px solid rgba(0,0,0,0.12); margin:7px 10px 7px 0px; } .wcard.advance_filter_bar h3 i, .wcard.advance_filter_bar h3 span{ display:none;} .advance_filter_bar ::after {clear: both;content: ""; display: block;} .advance_filter_bar ul{ margin:0; padding:0; display:inline-block;} .advance_filter_bar ul li{ list-style:none; position:relative; display:inline-block; z-index:1;} .advance_filter_bar ul li a{ display:block; font-size: 12px; color:#333; font-weight: 700; line-height: 20px; padding: 20px 12px 15px 15px; text-decoration: none;} .advance_filter_bar ul li a span { display: block; float: left;} .advance_filter_bar ul li a i{color: #333; height: 8px; width: 10px; margin-left: 6px; margin-top: 0; top: 4px;} .advance_filter_bar ul ul { /*border-top:4px solid #147b45;*/ width:465px; box-sizing:border-box; background-color:#fff; padding:20px 15px 5px 15px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; position:absolute; left:0px; opacity: 0; visibility:hidden; display:none; box-shadow:0px 0px 4px rgba(0, 0, 0, 0.24), 0px 4px 4px rgba(0, 0, 0, 0.24);} .advance_filter_bar ul ul .col{ width:50%; float:left;} .advance_filter_bar ul > li:hover > ul { opacity: 1; visibility: visible; display:block; } .advance_filter_bar ul > li > ul li{ float:left; width:100%; padding:1px 0px;} .advance_filter_bar ul > li:hover > a {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); /* box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.24), 5px 0 5px -5px rgba(0, 0, 0, 0.24);*/ background-color: #fff; color: rgba(0, 0, 0, 0.87); position: relative; z-index: 1;} .advance_filter_bar ul > li:hover > a::after{ content:""; height:5px; background:#FFF; bottom:-5px; position:absolute; width:100%; left:0px;} .filter-info{ display:inline-block;} .advance_filter_bar ul ul li input[type=checkbox]:not(old), input[type=radio ]:not(old){ width : 28px; margin : 0; padding : 0; opacity : 0; } .advance_filter_bar ul ul li input[type=checkbox]:not(old) + label, .advance_filter_bar ul ul li input[type=radio ]:not(old) + label{ display : inline-block; margin-left : -31px; padding-left : 34px; background : url('../../shared/images/checks.png') no-repeat 0 0; line-height : 24px; font-size:12px; color:#333; font-weight:400; } .advance_filter_bar ul ul li input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; } .advance_filter_bar ul ul li input[type=radio]:not(old):checked + label{ background-position : 0 -48px; } .advance_filter_bar label.switch{ display:none;} /* table data css */ .table-responsive .fixed-column { display: none; } .table { background-color:#fff; margin-bottom:0; } .table:last-child, .table > tbody > tr:last-child { border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .table > thead > tr { border-bottom:1px solid rgba(0,0,0,0.12); } .table > thead > tr > th { font-weight:normal; line-height: 24px; color: #999; border-bottom:none; } .table > tbody > tr > td { line-height: 24px; color: #333; } .table > thead > tr > th, .table > tbody > tr > td { padding:8px 12px; text-align:center; } .table > thead > tr > th:first-child, .table > tbody > tr > td:first-child { text-align:left; } .table > thead > tr > th:first-child span, .table > tbody > tr > td:first-child span { width:48px; padding-left:12px; box-sizing:border-box; display:inline-block; } .table-striped > tbody > tr:nth-of-type(2n+1){background-color:#f5f5f5;} .table > tbody > tr:hover{background-color:#d6f3ff;} .reset_btn{ font-weight:700; float:right; margin-top:22px; display:inline-block; float:right; margin-right:16px; font-size:14px; line-height:14px; color:#033954; letter-spacing:0.5;} .reset_btn:hover{ color:#033954;} .reset_btn i{ display:none;} /* ====================== */ /*Settings*/ /* ====================== */ .setting-cont{ background:#FFF;} .settings_card { padding:30px 0;} .settings_card figure { float: left; margin-right: 30px; } .settings_card h2 { font-size:34px; line-height:72px; color:#333; } .settings_tabs { background-color:#fff; width:25%; float:left;} .settings_tabs ul{ margin:0; padding:0;} .settings_tabs ul h4{ font-weight:700; color:#333; line-height:20px; font-size:12px; padding:15px 15px 12px 15px; display:inline-block;} .settings_tabs li { float:left; width:100%; } .settings_tabs li.help{ display:none;} .settings_tabs li a { display:block; color:#777; font-size:15px; line-height:24px; padding:7px 15px; text-decoration:none; text-align: left; } .settings_tabs li a i{ margin-right:12px; width:24px;} .settings_tabs li a i + i{ float:right;margin-right:0px; margin-top:1px;} .settings_tabs li a:hover{ color:#333} .settings_tabs li.active a { font-weight:700; color:#333; background:#f5f5f5;} .help-center-tab h2{ display:none;} .setting-tab-content { width:75%; height:auto; padding-left:30px; border-left:1px solid rgba(0,0,0,0.12); display:inline-block;} .setting-tab-content ul{ margin:0; padding:0;} .setting-tab-content li { float:left; width:100%; padding:15px 15px; border-bottom:1px solid rgba(0,0,0,0.12);} .setting-tab-content li:hover{ background-color:#eee;} .setting-tab-content li.active{ background-color:#f5f5f5;} .setting-tab-content ul.set-tabinfo > h2, .edit_wrap h2 {display:none;} .setting-tab-content li .label-setting{ width:25%; display:inline-block; font-size:15px; color:#777; line-height:24px; float:left;} .setting-tab-content li .col2{ width:55%; display:inline-block;} .setting-tab-content li .col2 h3{ font-size:15px; color:#333; line-height:24px;} .edit-btn, .close-btn {color:#033954; display: inline-block; float:right; font-size: 14px;font-weight: 700; line-height: 14px; margin-top:9px;} .edit-btn:hover, .close-btn:hover{color:#033954; text-decoration:none;} .close-btn{ display:none;} .edit-btn i, .close-btn i{ display:none;} ul#preference li .col2 h3 span{ padding-left:5px;} .edit_wrap{ display: none;} .edit_wrap label, .report-form label{ width: 25%; text-align:left; float:left; font-size:13px; color:#777; font-weight:normal; line-height:20px; padding-right:30px; padding-top:10px; } .edit_wrap input, .report-form input{ width:73%;font-size:15px; color:#333; line-height:24px; border:1px solid #777; padding:7px 15px; border-radius:2px;} .edit_wrap input:focus, .report-form input:focus, .report-form textarea:focus {outline: -webkit-focus-ring-color auto 0px;} .report-form input{ width:50%;font-size:15px; color:#333; line-height:24px; border:1px solid #777; padding:7px 15px; border-radius:2px;} .report-form textarea{ width:73%;font-size:15px; height:100px; color:#333; line-height:24px; border:1px solid #777; padding:7px 15px; border-radius:2px;} .setting-wrap .report-form .custom_select{ width:50%;} /*.setting-tab-content li .custom_select .sports_drop li{ padding:5px;}*/ .report-form p{ padding-bottom:30px; font-size:13px; line-height:20px;color:#333;} .edit_wrap input[placeholder] {color:#000 !important; opacity:1;} .col2.show-edit .edit_wrap{ display:block;} .col2.show-edit h3, .setting-tab-content li.active a.edit-btn { display:none;} .setting-tab-content li.active a.close-btn{ display:block;} .update-btn, .feedback-btn{background-color:#033954; margin-top:15px; border-radius: 2px; color: #fff; display:inline-block; margin-left:5px; font-size: 14px; font-weight: 700; letter-spacing: 0.5px;line-height: 36px; padding: 0 15px; } .update-btn:hover, .feedback-btn:hover{ text-decoration:none; color:#fff;} .feedback-btn{ float:left; margin-left:25%;} .cancel-btn{background-color:#fff;margin-top:15px; border:1px solid #033954; border-radius: 2px; color:#033954; display:inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0.5px;line-height: 34px; padding: 0 15px; margin-left:5px;} .cancel-btn:hover{ text-decoration:none; color:#033954;} .setting-tab-content .glossary li{ border-bottom:0px; padding:0px;} .setting-tab-content .glossary li:hover{ background:none;} .setting-tab-content .glossary li h3 {font-size:15px; color:#333; line-height:28px; } .setting-tab-content .glossary li p {font-size:13px; color:#777; line-height:20px; margin-top:4px; padding-bottom:15px; } .setting-tab-content .glossary li i{ display:none;} .isg-logo{ float:left; width:160px; margin-right:60px;} .isg-logo img{ width:100%;} .setting-tab-content ul.social-icon{ padding-left:220px; padding-top:15px;} .aboutus-info{ float: left; width:100%;} .aboutus-info h1{ font-size:20px; color:#333; line-height:28px;} .aboutus-info p, .aboutus-info small{font-size:13px; color:#777; line-height:20px; padding-bottom:15px; text-align:justify;} .aboutus-info ul.social-icon li{ border-bottom:0px; line-height:32px; padding:0px;} .aboutus-info ul.social-icon li a{ color:#333; text-decoration:none;} .aboutus-info ul.social-icon li:hover{ background:none;} .aboutus-info ul.social-icon li figure{ display:inline-block; margin-right:11px; width:18px;} .aboutus-info ul.social-icon li figure img{ width:18px;} .aboutus-info ul.social-icon li i{ display:none;} .aboutus-info ul.social-icon li a span small{ font-size:13px; color:#333; line-height:20px; } .aboutus-info ul.social-icon li a span small + small { display:none;} .aboutus-info .insight-text{ padding-left:220px;} .aboutus-info .insight-text h3{ font-size:15px; color:#333; line-height:28px; padding-top:30px; display:inline-block; padding-bottom:5px;} .aboutus-info .insight-text h3 i{ display:none;} /*.edit_wrap .season_drop{ width:73%; display:inline-block;} .edit_wrap .trigger{font-size:15px; color:#333; line-height:24px; border:1px solid #777; padding:7px 15px; border-radius:2px; background:} */ /* multiselect*/ .setting-wrap .custom_select{ width:73%; display:inline-block;} .setting-wrap .custom_select .topBlock { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.70); border-radius: 2px; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); cursor: pointer; font-size: 15px; font-weight: normal; line-height: 24px; padding:7px 15px; position: relative; text-align: left; z-index: 3;} .setting-wrap .custom_select .topBlock i {color: rgba(0, 0, 0, 0.70); position: absolute; right: 0; top:7px;} .setting-wrap .custom_select .dropList { display: none;} .setting-wrap .custom_select .dropList {border: 1px solid rgba(0, 0, 0, 0.38);border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;position: relative; z-index: 2; overflow:hidden;} .setting-wrap .custom_select .dropList li {background-color: #fff; color: rgba(0, 0, 0, 0.87); font-size: 13px; line-height: 20px; padding: 6px 12px; text-align: left;} .setting-wrap .custom_select .dropList li.active {background-color: #e0e0e0;} .sports_drop.show-tick.bootstrap-select .dropdown-menu { padding:0; } .sports_drop.bootstrap-select.btn-group.show-tick .dropdown-menu li, .sports_drop.bootstrap-select.btn-group .dropdown-menu li { padding:5px; } .sports_drop.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark { top:10px; margin-top:0px; } .sports_drop.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { top:10px; } .sports_drop.bootstrap-select > .btn-default{ border:1px solid rgba(0,0,0,0.38); background:#FFF; padding-left:12px; color:#333;} .sports_drop.bootstrap-select .btn-default:focus, .sports_drop.bootstrap-select .btn-default:active, .sports_drop.bootstrap-select.open > .dropdown-toggle.btn-default{border:1px solid rgba(0,0,0,0.38);} /* multiselect end*/ .added-teams{border:1px solid #777; padding-top:5px; display:block; width:100%; background:#FFF; margin-bottom:15px; padding-left:5px;} .added-teams .badge{font-size:12px; color:#333; line-height:22px; text-decoration:none; margin:0px 0px 5px 0px; width:auto; border-radius:30px; background:#f5f5f5; border:1px solid #777; padding:0px 10px;} .added-teams .badge .close{ display:inline-block; float:none; padding-left:5px;color:#333; opacity:1; font-size:15px;} .bookmaker label.book-logo{ width:50%; padding-right:60px; display:inline-block;} .bookmaker label.book-logo img{ width:100%;} .bookmaker .form-group{ position:relative; line-height:40px; float:left;} /* switch */ .bookmaker .switch { background-color: white; border-radius: 22px; cursor: pointer; display: inline-block; height: 15px; margin-top: 10px; padding: 0; position: relative; vertical-align: top; width: 40px; } .bookmaker input.switch-input { opacity: 0; position: absolute; left:0px; top: 0px; height:40px; width:73% !important; z-index: 5; cursor:pointer; } .bookmaker .switch-label { background: #c7c4c5 none repeat scroll 0 0; border-radius: inherit; display: block; font-size: 10px; height: inherit; position: relative; text-transform: uppercase; transition: all 0.15s ease-out 0s; } .bookmaker .switch-label::before, .bookmaker .switch-label::after { line-height: 1; margin-top: -0.5em; position: absolute; top: 50%; transition: inherit; } .bookmaker .switch-label::before { color: #aaa; content: attr(data-off); right: 11px; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .bookmaker .switch-label::after { color: white; content: attr(data-on); left: 11px; opacity: 0; text-shadow: 0 1px rgba(0, 0, 0, 0.2); } .bookmaker input.switch-input:checked ~ label.switch .switch-label { background: #91ccf7 none repeat scroll 0 0; } .bookmaker input.switch-input:checked ~ label.switch .switch-label::before { opacity: 0; } .bookmaker input.switch-input:checked ~ label.switch .switch-label::after { opacity: 1; } .bookmaker .switch-handle { border-radius: 10px; height: 18px; left: 0; position: absolute; top: -1px; transition: left 0.15s ease-out 0s; width: 18px; } .bookmaker .switch-handle::before { background: #f2f2f2 none repeat scroll 0 0; border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24); content: ""; height: 20px; left: 0; margin: -7px 0 0; position: absolute; top: 27%; width: 20px; } .bookmaker input.switch-input:checked ~ label.switch .switch-handle { background: #2294f9 none repeat scroll 0 0; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); left: 20px; } .bookmaker input.switch-input:checked ~ label.switch .switch-handle::before { background: #2294f9 none repeat scroll 0 0; } .bookmaker .switch-green > input.switch-input:checked ~ .switch-label { background: #4fb845 none repeat scroll 0 0; } /*Stadiums (Listing) Hub Page*/ /*================================*/ /*================================*/ .stadium-hub-wrap .right_sidebar { display:none; } .stadium-hub-wrap .stadium-hub_card { background-color:transparent; background-image:none; box-shadow:none; padding:30px 0; margin-bottom:0; } .stadium-hub-wrap .stadium-hub_card figure { width:72px; height:72px; float:left; margin-right:30px; background:#fff; border-radius:50%; } .stadium-hub-wrap .stadium-hub_card figure img { display:block; width:100%; height:auto; border-radius:50%; } .stadium-hub-wrap .stadium-hub_card h2 { font-size:32px; line-height:36px; color:#333; font-weight:bold;} .stadium-hub-wrap .stadium-hub_card h2.middle { line-height:72px;} .stadium-hub-wrap .division_wrap ul li .info{ width:100%;} .stadium-hub-wrap .division_wrap ul li h3{ display:inline-block; text-align: center; height: auto; vertical-align:middle; font-weight:700;} .stadium-hub-wrap .division_wrap ul li{ text-align:center;} .stadium-hub-wrap .division_wrap ul li:hover{ background:#d6f3ff;} .stadium-hub-wrap .division_wrap ul li a{ padding:0px 15px; line-height:84px; } .stadium-hub-wrap .division_wrap > h3{ padding-top:15px;} /*================================*/ /*================================*/ /* ====================== */ /*Review page*/ /* ====================== */ .review_card{padding:30px 0;} .review_card .select_gamedrop{margin-top:19px;} .review-wrap h1{ font-size:16px; font-weight:700; line-height:28px; color:#333; padding-bottom:10px;} .review_card h2 { display:inline-block; font-size:28px; color:#fff; line-height:40px; margin-top:-2px; } .review_card figure a{ width:auto;} .review-wrap .ground_info > div figure{width:52px; vertical-align:middle;} .review-wrap .ground_info > div.stadium a{ text-align: left;} .review-wrap .ground_info figure + div strong{font-size:16px; display:block;} .review-wrap .ground_info .time{float:right; margin-top:4px;} .review-wrap .ground_info figure + div{vertical-align:middle; display:inline-block;} .review-wrap .ground_info figure + div p{display:block; clear:both;} .scores_card { position:relative; } .scores_card .info { padding:30px 60px 15px 60px; line-height:20px; color:#333; height: auto; overflow:hidden; } .scores_card .info p { margin-bottom:15px; } .scores_card .info .prev_teams .col {display: inline-block; text-align: left; float:left;} .scores_card .info .prev_teams .col figure { float:left; height: 48px; margin: 0 auto; width: 48px;} .scores_card .info .prev_teams .col figure img { border-radius: 50%; display: block; height: auto; width: 100%;} .scores_card .info .prev_teams .col .info-in {padding-left: 63px;} .scores_card .info .prev_teams .col .info-in h3 {color: rgba(0, 0, 0, 0.87); font-size: 15px; line-height: 24px; font-weight:700;} .scores_card .info .prev_teams .col .info-in h3 small { color: #212121; float: none;font-size: 14px;line-height: 24px; display:none;} .scores_card .info .prev_teams .col .info-in p{ font-size:13px; line-height:20px; color:#777;} .scores_card .info .prev_teams .col:nth-of-type(3), .scores_card .info .prev_teams .col:nth-of-type(3) figure{ float:right;} .scores_card .info .prev_teams .col:nth-of-type(3) .info-in {padding-right: 63px; padding-left:0px;} .scores_card .info .prev_teams .col:nth-of-type(3) .info-in P{ text-align:right;} .scores_card .info .prev_teams{ text-align:center;} .scores_card .info .prev_teams .colmid { display: inline-block; vertical-align: top; text-align:center;} .scores_card .info .prev_teams .colmid h3{ font-weight:700; font-size:20px; line-height:28px; color:#333;} .scores_card .info .prev_teams .colmid h3 span{ padding-left:15px; padding-right:15px;} .scores_card .info .prev_teams .colmid h3 span.dash{ color:#777; font-size:15px; line-height:24px;} .scores_card .info .prev_teams .colmid p{ font-size:12px; line-height:20px; color:#777;} .scores_card_table{ padding-top:30px;} .scores_card_table .table > thead > tr > th{ padding:4px 0px; font-weight:700; font-size:13px; line-height:20px; color:#777;} .scores_card_table .table > tbody > tr > td{ padding:10px 0px; font-weight:normal; font-size:13px; line-height:20px; color:#333;} .scores_card_table .table > thead > tr > th:first-child, .scores_card_table .table > tbody > tr > td:first-child{ text-align:left; width:79%; padding-left:0px;} .scores_card_table .table > thead > tr > th, .scores_card_table .table > tbody > tr > td{ text-align:right; padding-left:15px;} .scores_card_table .table > tbody > tr{ border-bottom:1px solid rgba(0, 0, 0, 0.12);} .scores_card_table .table > tbody > tr:last-child{ border-bottom:0px;} .scores_card_table .table > tbody > tr > td span{ width:auto; padding-left:0px;} .scores_card_table .table > tbody > tr > td small{ display:none;} .scores_card_table .table-responsive .table > tbody > tr:hover { background-color:inherit; } .review-wrap hr { margin:30px 0 20px; } .review-wrap .olt_wrap .trigger_bar .done{ color:#4caf50; line-height:36px; float:right;} .review-wrap .olt_wrap .trigger_bar{ cursor:default;} .review-wrap .olt_wrap .trigger_bar .red{ color:#e50202; line-height:36px; float:right;} .light{ color:rgba(0,0,0,0.38);} .betting_result{width:100%; float:left; } .betting_result ul{width:100%; float:left; margin:0; padding:0;} .betting_result ul li{width:100%; float:left; color:#333; list-style:none; margin:0; border-bottom:1px solid rgba(0, 0, 0, 0.12); padding:12px 15px; line-height:normal; display: flex; align-items: center; justify-content: space-between; min-height: 48px;} .betting_result ul li i{color:#4caf50; float:right;} .betting_result ul li.un-act{color:rgba(0,0,0,0.38);} .betting_result ul li span{float:left;} .betting_result ul li small{line-height:normal; color:#333; font-size:13px;} .betting_result .player_team_icon.first-goal-right{display:block; overflow:hidden; float:none; line-height:24px; padding-left:10px; text-align:right;} .betting-result_data li { border-bottom: 1px solid rgba(0, 0, 0, 0.12);padding: 12px 15px;} .betting-result_data li .layer { display: table;table-layout: fixed; width: 100%;} .betting-result_data li .layer .cell{color: rgba(0, 0, 0, 0.87); line-height: 24px;} .betting-result_data li .layer .cell img { border-radius: 50%; display: block; float: left;height: auto; margin-right: 15px; width: 24px;} .betting-result_data li .layer .cell:last-child { text-align: right;} .betting-result_data li .layer .title { color: rgba(0, 0, 0, 0.70);font-size: 12px; text-align: center;} .betting-result_data li .layer .cell span{ display: none;} .betting-result_data li .layer .cell:last-child { text-align: right;} .betting-result_data li:first-child .layer .cell + .cell img { float: right; margin-left: 15px; margin-right: 0;} .betting-result_data li .layer .cell i{color:#4caf50;} .betting-result_data li .layer .cell i.red { color: #ea0001;} .review-wrap .betting-result_data{ width:49%; float:left;} .review-wrap .betting-result{ float:right; width:49%;} /* ============================ Landing page ================================*/ .landing_wrap.mid{ margin-top:105px;} .landing-wrap hr { margin:15px 0 20px; } .landing-wrap .container { padding-bottom:15px; } .landing_card_header{background:url(../../shared/images/header_Image_original_size.png) no-repeat 50% 50%; padding:40px 0px; margin-bottom:16px; text-align:center; height:300px; background-size:cover; display:flex; align-items:center; position:relative;} .landing_card_header .container{position:relative;} .landing_card_header h1{font-size:29px; line-height:48px; color:#fddb00; font-weight:700; text-transform:uppercase; background:#033954; padding:0 14px;} .landing_card_header p{font-size:17px; line-height:28px; text-align:center; color:#033954; padding-top:8px; font-weight:bold; text-transform:uppercase; } .landing_card_header h1 br{display:none;} .sports_list{ padding-bottom:8px;} .sports_list ul li { background-color: #fff; border-radius: 2px; float: left; margin-right: 15px; width: 24%; margin-bottom:15px;} .sports_list ul li a { display: block; padding:15px; text-decoration: none; margin-top:7px;} .sports_list ul li figure { float: left; margin-right: 15px; width: 48px;} .sports_list ul li figure img { border-radius: 50%; display: block; height: auto; width: 100%;} .sports_list ul li h4 { color: rgba(0, 0, 0, 0.87); display: table; font-size: 18px;line-height: 36px; font-weight:700;} .sports_list ul li:nth-of-type(4n){ margin-right:0px;} .sports_list ul li.active { position:relative;} .sports_list ul li.active h4{ color:#033954;} .sports_list ul li.active:after{ content:""; background:#033954; width:100%; height:2px; bottom:0; left:0; position:absolute;} .banner-content{float:left;} .sports_leagues{ display: none;} .show_league{ display:block;} .sports_leagues h3{font-size:13px; line-height:20px; color:#333; padding-top:15px; padding-bottom:15px;} .sports_leagues h3 strong{ font-size:16px; line-height:24px; color: rgba(0, 0, 0, 0.87); display:none;} .sports_leagues h3 i{ display: none;} .sports_leagues h3 span{ font-size:13px; line-height:24px; color: rgba(0, 0, 0, 0.87);} .sports_leagues ul li { background-color: #fff; border-radius: 2px; float: left; margin-right: 15px; width:48%; margin-bottom:15px;} .sports_leagues ul li a { display: block; padding:15px; text-decoration: none;} .sports_leagues ul li figure { float: left; margin-right: 15px; width: 48px;} .sports_leagues ul li figure img { border-radius: 50%; display: block; height: auto; width: 100%;} .sports_leagues ul li h4 { color: rgba(0, 0, 0, 0.87); display: table; font-size: 20px;line-height: 48px; font-weight:700;} .sports_leagues ul li:last-child{ margin-bottom:8px;} .sports_leagues ul li:nth-of-type(2n){ margin-right:0px;} .league_open{ width:50%; float:left;} .league_open:nth-of-type(2n){ float:right; padding-left:15px;} /* Fatigue Card */ .fatigue_card .fat_data_content { height:auto; overflow:hidden; } .fatigue_tabs::after {clear: both; content: ""; display: block;} .fatigue_tabs { background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.12); width:100%;} .fatigue_tabs li { float:left; width:50%; } .fatigue_tabs li a { display:block; color:#777; font-size:13px; line-height:20px; padding:12px 0; text-decoration:none; text-align:center; } .fatigue_tabs li.active a { border-bottom:2px solid #033954; font-weight:700; color:#333; padding-bottom:10px; } .fatigue-tab-content { display:block;} .fatigue-meter{padding:30px 15px; border-bottom:1px solid rgba(0,0,0,0.12);} .fatigue-meter::after {clear: both; content: ""; display: block;} .fatigue-meter figure{ float:left; width:155px; margin-left:30px; margin-right:15px;} .fatigue-meter h2{ display:inline-block; font-size:32px; line-height:32px; color:#333; padding-top:25px;} .fatigue-meter p{ display:none;} .meter-info{ display:block;} .meter-info-row{ display:table; line-height:48px;border-bottom:1px solid rgba(0,0,0,0.12); width:100%; padding:0px 15px;} .meter-info-row:last-child{ border-bottom:none;} .meter-info-row .cell{ display:table-cell; table-layout:fixed; font-size:15px; color:#777; text-align:left;} .meter-info-row .cell + .cell{ text-align:right; color:#333;} /*================= */ .half_check, .half_clear { width:24px; } .half_check img, .half_clear img { display:block; width:100%; height:auto; } /* Speedometer */ #gauge { float:left; width: 155px; position: relative; height: 81px; background: url(../../shared/images/meter.jpg) no-repeat; } #needle1, #needle2 { height: 2px; width: 43px; background:url(../../shared/images/niddle.png); position: absolute; top: 65px; left: 29px;} #circle {width: 8px; height: 8px; top: 65px; left: 69px; position: absolute; background: #ffffff; border-radius: 50%; border: 2px solid #8b71a0; z-index:2; } /* Reliability Card, Comeback Card, Choke Card */ .reliability .matches_wrap, .comeback .matches_wrap, .choke .matches_wrap { display:none; } .reliability h4, .comeback h4, .choke h4{ color: #111; font-size: 12px; font-weight: 700; line-height: 36px; padding: 0px 15px ; text-transform:uppercase;} .reliability .matches_wrap_v2, .comeback .matches_wrap_v2, .choke .matches_wrap_v2 { display: none; } .reliability .pie_stats, .comeback .pie_stats, .choke .pie_stats { padding:15px 0; text-align:center; border-bottom:1px solid rgba(0,0,0,0.12);} .reliability .pie_chart, .comeback .pie_chart, .choke .pie_chart { display:inline-block; float:left; margin-left:40px; } .reliability .pie_chart .c100, .comeback .pie_chart .c100, .choke .pie_chart .c100 { float:none; margin:0 0px 0 0; } .reliability .pie_chart .c100.small, .comeback .pie_chart .c100.small, .choke .pie_chart .c100.small { font-size: 48px; } .reliability .stats_info, .comeback .stats_info, .choke .stats_info { display:inline-block; vertical-align:top; float:left; width:145px; } .reliability .stats_info strong, .comeback .stats_info strong, .choke .stats_info strong { color:#333; display: block; font-weight:bold; font-size:24px; line-height: 36px; margin-top:7px; margin-bottom: 3px; } .reliability .stats_info p, .comeback .stats_info p, .choke .stats_info p { font-size:12px; line-height:20px; } .reliability .pie_stats small, .comeback .pie_stats small, .choke .pie_stats small { display:inline-block; font-size:12px; line-height:20px; color:#777; padding:5px 15px 0px 15px; width:100%;} .reliability .expand_out_btn, .comeback .expand_out_btn, .choke .expand_out_btn { border-top:none; } .reliability.open .matches_wrap_v2, .comeback.open .matches_wrap_v2, .choke.open .matches_wrap_v2 { display:block; } /* multi select new for preview page */ .non_graphic_data, .graphic_data{ position:relative;} .non_graphic_data .ms-parent.select_season, .graphic_data .ms-parent.select_season{ width:126px !important; position:absolute; right:0; top:0; z-index:3;} .non_graphic_data .ms-parent .ms-drop, .graphic_data .ms-parent .ms-drop{ display:none;} .non_graphic_data button.ms-choice, .graphic_data button.ms-choice{ background:#f5f5f5; border:1px solid #bbbbbb; border-radius:2px; width:100%; line-height:20px; padding:6px 15px; text-align:left;} .non_graphic_data button.ms-choice, .graphic_data button.ms-choice{outline:none; box-shadow:none;} .non_graphic_data .ms-drop, .graphic_data .ms-drop{ background:#FFF; border:1px solid #bbb; width:134px; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12);} .non_graphic_data .ms-drop ul, .graphic_data .ms-drop ul { max-height:380px !important; overflow:auto;} .non_graphic_data .ms-drop ul li, .graphic_data .ms-drop ul li{ padding:0px 7px; transition:all 0.2s ease-out 0s;} .non_graphic_data .ms-drop ul li label, .graphic_data .ms-drop ul li label{font-size: 14px; font-weight: normal; line-height: 36px; margin-bottom:0px;} .ms-drop ul li label input[type="checkbox"]{ margin-right:10px; background: #fff;} .non_graphic_data .ms-drop ul li:hover, .graphic_data .ms-drop ul li:hover{ background:#e8e8e8;} .non_graphic_data button.ms-choice, .graphic_data button.ms-choice{ position:relative;} /*.non_graphic_data button.ms-choice:after, .graphic_data button.ms-choice:after{ content: ''; position: absolute; right:15px; top: 14px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; clear: both; display:block;}*/ .non_graphic_data button.ms-choice:after, .graphic_data button.ms-choice:after{ content: ''; position: absolute; opacity:0.7; right:15px; top:13px; width:12px; height:8px; clear: both; display:block; background:url(../../shared/images/arrow-down.svg) no-repeat right;} .stadium-wrap .drop_outer .season-cell .ms-choice, .stadium-wrap .drop_outer .team-cell .ms-choice{position: relative;} .stadium-wrap .drop_outer .season-cell .ms-choice:after, .stadium-wrap .drop_outer .team-cell .ms-choice:after{content: ''; position: absolute; right:15px; opacity: 0.7; top: 30px; width:12px; height:8px; clear: both; display:block; background:url(../../shared/images/arrow-down.svg) no-repeat right;} /* multi select new for Stadium page */ .season-cell .ms-parent.select_season, .team-cell .ms-parent.select_season{ width:100% !important; position:relative;} .season-cell .ms-parent .ms-drop, .team-cell .ms-parent .ms-drop{ display:none;} .season-cell button.ms-choice, .team-cell button.ms-choice{ background:#fff; border:0px; width:100%; padding:20px 32px 20px 56px; text-align:left; box-sizing:border-box; font-size: 15px; line-height: 24px;} .season-cell .ms-drop, .team-cell .ms-drop{ background:#FFF; border:1px solid rgba(0, 0, 0, 0.38); width:100%; position:absolute; top:100%; left:0; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12); z-index:5;} .season-cell .ms-drop ul, .team-cell .ms-drop ul { max-height:380px !important; overflow:auto;} .season-cell .ms-drop ul li, .team-cell .ms-drop ul li{ padding:0px 15px;} .season-cell .ms-drop ul li label, .team-cell .ms-drop ul li label{ font-size: 14px; line-height: 44px; margin-bottom:0px; width:100%; font-weight:400;} .season-cell .ms-drop ul li:hover, .team-cell .ms-drop ul li:hover{ background:#f5f5f5;} .season-cell .ms-drop ul li.selected, .team-cell .ms-drop ul li.selected{ background:#e0e0e0;} .season-cell button.ms-choice:focus, .team-cell button.ms-choice:focus{ outline:none; box-shadow:none;} /* multi select new for portal page */ .panel_header .drop_outer .ms-parent.select_season, .filter .drop_outer .ms-parent.select_season{ width:100% !important; display:inline-block; position:relative; margin-bottom:10px;} .panel_header .drop_outer .ms-parent .ms-drop, .filter .drop_outer .ms-parent .ms-drop{ display:none;} .panel_header .drop_outer button.ms-choice, .filter .drop_outer button.ms-choice{ background: url(../../shared/images/arw.png) no-repeat right 15px center #fff; border:0px; width:100%; padding:6px 32px 6px 12px; text-align:left; box-sizing:border-box; font-size: 13px; line-height: 20px; border: 1px solid rgba(0, 0, 0, 0.38);} .panel_header .drop_outer .ms-drop{ background:#FFF; border:1px solid rgba(0, 0, 0, 0.38); width:100%; position: inherit; top:100%; left:0; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12); z-index:5;} .panel_header .drop_outer .ms-drop ul { max-height:380px !important; overflow:auto; background:#f5f5f5;} .panel_header .drop_outer .ms-drop ul li, .filter .drop_outer .ms-drop ul li{ padding:6px 12px;} .panel_header .drop_outer .ms-drop ul li label{font-size: 13px; line-height: 20px; color:#333;} .filter .drop_outer .ms-drop ul { max-height:394px !important; overflow:auto; background:#444;} .filter .drop_outer .ms-drop ul li label{font-size: 13px; line-height: 20px; color:#f0f0f0; padding:0px;} .filter .drop_outer .ms-drop ul li:hover{ background:#555;} .filter .drop_outer .ms-drop{ background:#FFF; border:0px solid rgba(0, 0, 0, 0.38); width:100%; position: inherit; top:100%; left:0; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12); z-index:5;} .panel_header .drop_outer button.ms-choice:focus, .filter .drop_outer button.ms-choice:focus{ outline:none; box-shadow:none;} .filter .drop_outer button.ms-choice{ background:#444; position:relative; color:#bbb; border:0px; width:100%; padding:6px 32px 6px 12px; text-align:left; box-sizing:border-box; font-size: 13px; line-height: 20px; border: 0px solid rgba(0, 0, 0, 0.38) !important;} .filter .drop_outer button.ms-choice:after{content: ''; position: absolute; opacity:0.3; right:7px; top:12px; width:12px; height:8px; clear: both; display:block; background:url(../../shared/images/arrow-down2.svg) no-repeat right;} .icon_right{ float:right; line-height:36px;} .icon_right img{ width:24px; height:auto;} /* loader css */ .isg_loader{ position: relative; margin-bottom:40px;} .isg_loader img{ height: 50px; width:50px; top:calc(50% - 25px); left:calc(50% - 25px); position:absolute;} .isg_loader_2{ position: relative;} .isg_loader_2 img{ height: 70px; width:70px; top:calc(50% - 35px); left:calc(50% - 35px); position:absolute;} .isg_loader_3{ position: relative;} .isg_loader_3 img{ height: 60px; width:60px; top:calc(50% - 30px); left:calc(50% - 30px); position:absolute;} /* Table css */ .sticked-1 { width: 19px; } .sticked-2 { width: 200px; text-overflow:ellipsis; overflow:hidden;} .table-container table{ width:100%;} .table-container table thead tr { background:#fff;} .table-container table tbody tr:nth-of-type(2n+1){ background:#f5f5f5;} .table-container table thead tr th, .table-container table tbody tr td{ padding:6px 10px; font-size:13px; font-weight:normal;} .table-container table thead tr th, .table-container table tfoot tr td{padding:6px 10px;} .table-container table tbody tr:nth-of-type(2n+1) .sticked-1, .table-container table tbody tr:nth-of-type(2n+1) .sticked-2{ background:#f5f5f5;} .table-container table thead tr th.sticked-1, .table-container table thead tr th.sticked-2, .table-container table tbody tr td.sticked-1, .table-container table tbody tr td.sticked-2{ background:#fff;} .table-container table#standings thead tr, .table-container table#standings thead tr th.sticked-1, .table-container table#standings thead tr th.sticked-2, .table-container table#table_make_standings thead tr, .table-container table#table_make_standings thead tr th.sticked-1, .table-container table#table_make_standings thead tr th.sticked-2{background:#033954; color:#f0f0f0;} .table-container table#standings thead tr .tooltip, .table-container table#portal_table thead tr .tooltip{position:fixed;} .matches_wrap_v2 .outer .tooltip{position:fixed;} .table-container table#standings tbody tr.isg_loader:hover{ background:#f5f5f5;} .table-container table tfoot tr td{ border-top:1px solid rgba(0, 0, 0, 0.12); font-weight:700;} .table-container table#portal_table thead tr, .table-container table#portal_table thead tr th.sticked-1, .table-container table#portal_table thead tr th.sticked-2{ background:#033954; color:#f0f0f0;} .table_outer { position: relative;} #portal_table .sticked-1 { width: 50px; } table#standings .sticked-1 { width: 50px; } table#portal_table th.sticked-1, table#portal_table td.sticked-1, table#portal_table th.sticked-2, table#portal_table td.sticked-2, table#standings th.sticked-1, table#standings td.sticked-1, table#standings th.sticked-2, table#standings td.sticked-2{ text-align:left;} table#portal_table th, table#portal_table td, table#standings th, table#standings td, table#table_make_standings th, table#table_make_standings td{ text-align: center;} table#table_make_standings th.sticked-1, table#table_make_standings td.sticked-1, table#table_make_standings th.sticked-2, table#table_make_standings td.sticked-2{ text-align:left;} table#portal_table td span img{margin-left:3px;} /* Searh Result Page */ .search-result-wrap .team_card figure { background:#FFF; border-radius:50%; width:72px; height:72px; text-align: center;} .search-result-wrap .team_card figure img{ width:47px; border-radius:0px; display:inline-block; margin-top:11px;} .search-result-wrap .division_wrap ul.related-stadiums li{ text-align:center;} .search-result-wrap .division_wrap ul.related-stadiums li a{ line-height:84px; width:100%; text-align:center; padding:0px 15px;font-size:20px; color:rgba(0, 0, 0, 0.87); text-decoration:none; font-weight:700;} .search-result-wrap .division_wrap ul.related-stadiums li .info{ width:100%;} .search-result-wrap .division_wrap ul.related-stadiums li h3 { display: inline-block; height: auto; text-align: center; vertical-align: middle;} .search-result-wrap .division_wrap ul.related-match li{ height: auto; width:24%; margin-bottom:15px;} .search-result-wrap .division_wrap ul.related-match li a{ padding:15px;} .search-result-wrap .division_wrap ul.related-match li:nth-of-type(4n){ margin-right:0px;} .search-result-wrap .division_wrap ul.related-match li:nth-of-type(n+5){ margin-top:0px;} .search-result-wrap .division_wrap ul.related-match li .match_between{ width:100%; display:inline-block;} .search-result-wrap .division_wrap ul.related-match li .match_between figure{ width:24px; margin-right:0px; float:left; height:auto;} .search-result-wrap .division_wrap ul.related-match li .match_between small.vs{line-height: 24px; padding: 0 10px; color:rgba(0, 0, 0, 0.70); font-size:12px; float:left;} .search-result-wrap .division_wrap ul.related-match li .related-match-info{ width: auto; padding-top:5px;} .search-result-wrap .division_wrap ul.related-match li .related-match-info h3{ font-size:15px; display:block; text-decoration:none; font-weight:700; color:rgba(0, 0, 0, 0.87); line-height:28px; height:auto;} .search-result-wrap .division_wrap ul.related-match li .related-match-info h3 + h3{ border-bottom:1px solid rgba(0,0,0,0.12); padding-bottom:5px; margin-bottom:5px;} .search-result-wrap .division_wrap ul.related-match li .related-match-info h3 strong{ float:right; font-weight:normal;} .search-result-wrap .division_wrap ul.related-match li .related-match-info h3.loss{ color:rgba(0,0,0,0.38);} .search-result-wrap .division_wrap ul.related-match li .related-match-info p{ font-size:13px; text-decoration:none; color:rgba(0, 0, 0, 0.87);} .home-unibet { background: url(../images/head-bg.jpg) repeat-x top #e8e8e8; } .head-logo{ color:#FFFFFF; position: absolute; left:-33%; top:0; z-index:1035; width:34%;} .head-logo a{ display:block;padding:24px 0px;} #sub-menu .container { position:relative; } /*css for betting trends widget------------------------------------------------written by Neha*/ .widget.mid{ margin-top:37px;} .widget .graphic_data{ margin-top:0px;} .widget .graphic_data .betting_trends { height:auto; overflow:hidden; padding-bottom: 20px; } .trending-wrap .graphic_data h4{ display:inline-block; font-size: 14px; font-weight:700; color:#fff; line-height:36px; font-family: 'Nunito Sans', sans-serif; padding-left:15px; text-transform:uppercase;} .isportgenius { text-align: center; } .section-footer { padding: 20px 15px; font-size: 10px; color: #b5b5b6; } .graphic_data.betting_widgets .ms-parent.select_season{ top:0px !important; width: 110px !important; right:15px; background:#444;font-family: 'Nunito Sans', sans-serif; } .graphic_data.betting_widgets .ms-parent.select_season:hover{ background:#555;} .sticky{ position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; background: #333333; z-index: 9999; line-height:36px;} .widget .section-footer{ position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; background: #eeeeee; z-index: 9999; padding:5px 15px;} .widget .graphic_data button.ms-choice{ background: none; border:none; color:#fff; font-family: 'Nunito Sans', sans-serif; position:relative;} .widget .graphic_data button.ms-choice:after{ content: ''; position: absolute; right:10px; top: 12px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; clear: both; display:block;} .widget .section-footer img{ width:125px; } .widget .graphic_data .ms-drop { border: none; width:110px; /*position:absolute; top:0px;*/} .widget .graphic_data .ms-drop ul li{ transition:all 0.2s ease-out 0s; line-height:24px; font-family: 'Nunito Sans', sans-serif;} .widget .graphic_data .ms-drop ul li:hover{ background:#e8e8e8;} .widget .graphic_data .ms-drop ul li label{ font-size: 12px; line-height: 24px; font-weight:700; font-family: 'Nunito Sans', sans-serif; } .widget .data_content li .layer .score.cell { width:60px; } .widget .data_content li .layer .title { font-size: 12px; } .widget .graphic_data button.ms-choice { padding: 0px 15px; line-height: 28px;} .widget .graphic_data .ms-drop ul li label { font-size: 12px; line-height: 22px; margin-bottom:0px; } .widget input[type="checkbox"] { margin: 5px 0 0; line-height: normal; } .widget .ms-drop ul li label input[type="checkbox"] { margin-right: 10px; background: rgba(255, 255, 255, 1); float: left; } .preview-wrap.widget .select_season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { float:right; background:#444; padding:0px 15px; margin-right:15px;} .preview-wrap.widget .select_season.bootstrap-select .dropdown-menu li a{ padding-left:8px; padding-top:0px; padding-bottom:0px;} .preview-wrap.widget .bootstrap-select .dropdown-menu{ background:#fff;} /*css for betting trends widget------------------------------------------------written by Neha*/ /* ======= new predictor css star here ============ */ .predict-range-area{ float:left; width:55%; background:#f9f9f9; margin:10px 0px 13px 10px; padding:10px;} .predict-range-area .block{ margin-bottom:8px;} .predict-range-area .block h5{ padding-left:0px; font-weight: 700; font-size: 14px; padding-bottom:0px; text-transform:capitalize; padding-top:0px; background:none;} .predict-range-area .block p{font-size: 14px; color:#777;} .predict-range-area .predict_drop{ border-bottom:0px; border-top:0px; padding-left:0px;} .predict-range-area .predict_drop .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:auto;} .predict-range-area .range_wrap{ padding:10px 16px 10px 5px; border-top:0px;} .predict-range-area .range_wrap label { display:inline-block; width:55%; padding-left:25px; font-size:13px; position:relative; padding-bottom:0px; float:left; padding-top:5px; } .predict-range-area .range_wrap label i { float:right; color:rgba(0,0,0,0.44); font-size:21px; cursor:pointer; position:absolute; right:13px; top:2px;} .predict-range-area .range_wrap label figure{ position:absolute; left:-8px; top:3px; width:18px; border-radius:50%;} .predict-range-area .range_wrap label figure img{ width:100%;} .predict-range-area .ranger{ display:inline-block; width:40%;} .predict-range-area .range_wrap .output {top: 11px; right:4px;} .range-slider-block{border-top:1px solid rgba(0,0,0,0.12);} .predict-range-area .predict_drop .bootstrap-select > .btn-default{ padding-top:0px; padding-bottom:0px; color:#666; line-height:22px;} .predict-range-area .predict_drop .bootstrap-select .dropdown-menu li a{ margin-left:0px;} .predict-result-area{ float:right; width:42%; text-align: left; padding:20px 10px 0px 10px;} .predict-result-area figure{ border:5px solid #e8e8e8; border-radius:50%; width:130px; height:130px; margin:0 auto; padding:5px;} .predict-result-area figure img{ width:100%;} .predict-result-area .result{ padding:0px;} .predict-result-area .result.result_default{ padding-top:0px;} .predict-result-area .result_default h2{ font-size:22px; color:#333; padding-top:15px; padding-bottom:15px; font-weight:700;} .predict-result-area .result_default p {font-size:12px; line-height:22px; color:#666; padding-bottom:10px; text-transform:none;} .trigger-btn { display: inline-block; padding: 6px 15px; background-color: #014c6b; border-radius: 2px; font-weight:700; font-size: 14px; line-height: 24px; color: #fff; text-decoration: none; margin: 10px 0 0 0px; transition:all 0.3s ease 0s;} .trigger-btn:hover, .trigger-btn:focus{ color:#FFFFFF; background:#075b7e; transition:all 0.3s ease 0s;} .predict-result-area .result_under small{ text-align: left; color:#777;} .predict-result-area .result_under h5{ text-transform:none; text-align:left; font-size:18px; color:#333; font-weight:700;} .predict-result-area .result_under strong{ font-size:26px; font-weight:700; padding:15px 0px; display:block; text-align:left; } .predict-result-area .result_under p{ text-align:left; font-size:14px; padding-bottom:10px; color:#777;} .predict-result-area .result_under p span{ font-size:28px; font-weight:700; color:#014c6b; padding-left:10px;} .predict-result-area .result_under a.reset{ color:#014c6b; text-decoration:none; font-size:14px; display:block; margin-top:5px;} .predict-result-area .result_under a:hover.reset, .predict-result-area a:hover.reset{ text-decoration:underline;} .predict-result-area a.reset{ color:#014c6b; text-decoration:none; font-size:14px; display:block; margin-top:5px;} .predict-result-area .result.result_multi .data_row{ padding:8px 0px; font-size:14px;text-align:left} .predict-result-area .result.result_multi .data_row span, .predict-result-area .result.result_multi .data_row span + span{ float:none; display:block; padding-bottom:2px; } .predict-result-area .result.result_multi .data_row span + span{ color:#777;} .predict-result-area .result.result_multi .data_row.payout span{ float:left; font-weight:700;} .predict-result-area .result.result_multi .data_row.payout span + span{ float:right;} /*====== css start for score page quarter formet in new way ===== */ .score_match_cards.qtr-tbl ul li h4 .right_cell{ float: right; width:auto; font-size:14px;} .score_match_cards.qtr-tbl ul li h4 .right_cell span{ float: left; width:30px; text-align:center; color:#333; border-right:1px solid rgba(0,0,0,0.12); font-weight:400; } .score_match_cards.qtr-tbl ul li h4 .right_cell span:last-child{ border-right:0px; font-weight:700; color:#333;} .score_match_cards.qtr-tbl ul li h4.loss .right_cell span:last-child{ border-right:0px; font-weight:700; color:#777;} .score_match_cards.qtr-tbl ul li h4{ width:100%; display:inline-block; border-top:1px solid rgba(0,0,0,0.12); padding:0px 10px 0px 15px; line-height:32px; margin-top:0px;} .score_match_cards.qtr-tbl ul li h4.loss .right_cell span{ color:#777;} .score_match_cards.qtr-tbl ul li h4.tbl-hdng{ border-top:0px; margin-top:0; margin-bottom:-5px;} .score_match_cards.qtr-tbl ul li h4.tbl-hdng .right_cell span{ border-right:0px;} .score_xs_match_cards.qtr-tbl .wcard ul li{padding: 0px;display:block; width:100%; float:left; table-layout:inherit; position:relative;} .score_xs_match_cards.qtr-tbl .wcard ul li .cell{ display:inline-block;} .score_xs_match_cards.qtr-tbl .wcard ul li .cell:first-child { width:100%;border-bottom:1px solid rgba(0,0,0,0.12); padding:2px 22px 2px 0px;} .score_xs_match_cards.qtr-tbl .wcard ul li .cell:nth-of-type(2){ width:65px; position:absolute; top:40px; left:10px;} .score_xs_match_cards.qtr-tbl .wcard ul li .cell:nth-of-type(3){ width:100%; padding-left:54px; padding-right:22px;} .score_xs_match_cards.qtr-tbl ul li div h5{ width:100%; display: inline-block; font-weight:400; float:left;} .score_xs_match_cards.qtr-tbl ul li div h5 .right_cell{ float: right; width:165px; font-size:13px; margin-bottom:-1px; } .score_xs_match_cards.qtr-tbl ul li div h5 .right_cell span{ float: left; padding:2px 0px; color:#333; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; width:40px; margin-right:-1px; font-weight:400; } .score_xs_match_cards.qtr-tbl ul li div h5 .right_cell span:last-child, .score_xs_match_cards.qtr-tbl ul li .tbl-hdng .right_cell span:last-child{ font-weight:700; color:#333;} .score_xs_match_cards.qtr-tbl ul li div h5.loss .right_cell span:last-child{ font-weight:700; color:#777;} .score_xs_match_cards.qtr-tbl ul li div h5.loss .right_cell span{ float: left; padding:2px 0px; color:#777;} .score_xs_match_cards.qtr-tbl .wcard ul li div:nth-of-type(4){ width:20px; position:absolute; top:50px; right:0px;} .score_xs_match_cards.qtr-tbl ul li .tbl-hdng .right_cell{ float: right; width:162px; font-size:13px; padding:0px; } .score_xs_match_cards.qtr-tbl ul li .tbl-hdng .right_cell span{ float: left; padding:2px 0px; color:#333; border-left:0px solid #e0e0e0; border-right:0px solid #e0e0e0; border-bottom:0px solid #e0e0e0; text-align:center; width:40px; margin-right:-1px; font-weight:700;} .score_xs_match_cards.qtr-tbl .wcard ul li.re_schedule i.star, .score_xs_match_cards.qtr-tbl .wcard ul li.is_neutral i.star{ top:3px; left:16px; font-size:13px; position:absolute; color:#ed1c24;} .score_match_cards.qtr-tbl ul li.board_schedule h4{margin-top:34px;} .score_xs_match_cards.qtr-tbl .wcard ul li > i.neutral {font-size: 15px; position: absolute; top: 8px; left: 10px; color: #f00;} /* ==== css start for top menu dropdown in submenu ====*/ .sub-menu li .inner-sub { width:100%; display:none;} /*.sub-menu li:hover .inner-sub{ display:block;}*/ .sub-menu li .inner-sub > li > a { padding:10px 15px 10px 30px ; font-weight:400; font-size:16px; line-height:20px; color:#777; display:block; text-decoration:none; text-transform:uppercase;} .sub-menu li .inner-sub > li > a:hover { background-color:#0c567b; color:#033954; } .sub-menu li .inner-sub > li > a .ink { background:rgba(0, 0, 0, 0.3); } .sub-menu li .inner-sub > li.active > a { background-color: transparent; color:#033954;} .score_match_cards.qtr-tbl.afl-tbl ul li h4 .right_cell span{width:40px;} /*preview page H2H css */ .olt_wrap .trigger_bar .trigg_logo{float: left; margin-left:80px;} .olt_wrap .trigger_bar .trigg_logo figure{width:120px; height:24px;} .olt_wrap .trigger_bar .trigg_logo figure img{width:100%; height:auto;} .olt_wrap .acc_info li .percent_data{float:left;width:70%; } .olt_wrap .acc_info li .per_data{width:15%; float:right; text-align:right; } .olt_wrap .acc_info li .per_data.green_clr{margin-right: 8px; color:#3aaa35;line-height: 24px;} .olt_wrap .acc_info li .per_data.red_clr{margin-right: 8px; color:#ed1c24;line-height: 24px;} .olt_wrap .acc_info li .per_data.blue_clr{margin-right: 8px; color:#147b45;line-height: 24px;} .olt_wrap .acc_info li .data_trigger{float:left; width:77%; text-align:right;} .olt_wrap .acc_info li .data_trigger .icon{margin-right: 8px; line-height: 24px;} .preview-wrap .olt_wrap .trigger_bar .team span.xs{ display: none;} .olt_wrap .trigger_bar .team .team_ou{width: 102px; float: left;} .red_clr{color:#ed1c24;} .green_clr{color:#3aaa35;} /* loader css */ .brand-loader { width: 64px; height: 96px; position:absolute; left:0px; right:0px; margin:0 auto; top:45%;} /* add WDL text in encounter */ .encounter .final_score strong span {text-align: center; position: relative; display:inline-block; } .encounter .final_score strong span small{ font-size:12px; position:absolute; bottom:-15px; left:0; right:0; margin:0 auto; color:#777; display:block;} .predict-range-area .range_wrap .tooltip{left:0px !important; top:-50px; width:180px!important;} @media screen and (-webkit-min-device-pixel-ratio:0){ .predict-range-area .range_wrap .tooltip {margin-top:12px} } .custom_price{float:right;} .predict-result-area .result.result_multi .data_row.payout .custom_price span{float:right;} .predict-result-area .result.result_multi .data_row.payout .custom_price .odd_amt{margin-top:0; margin-right:4px;} .custom_price .odd_amt.bootstrap-select > .btn-default{line-height:33px;} .data_row.custom_cost > span{margin-top:8px;} .predict-result-area .price_amt .close_custom_bet{ top:9px;} .predictor .custom_price .odd_amt.bootstrap-select.btn-group .dropdown-toggle .caret, .predictor .odd_amt.bootstrap-select.btn-group .dropdown-toggle .caret{color:#333;} .predictor .custom_price .dropdown-menu ul li{text-align:left;} .predictor .custom_price .dropdown-menu ul li span{float:left !important;} .predictor .custom_price .dropdown-menu ul li.selected span{color:#fff;} .custom_price .odd_amt.bootstrap-select > .btn-default{line-height:33px;} .price_amt.custom_price .bs-caret .caret{color:#333;} .predict-result-area .price_amt .close_custom_bet{ top:9px;} .predict-result-area .price_amt span.close_custom_bet{ top:1px; color:#333; width:24px; line-height:32px;} .predict-result-area .result_multi .price_amt i{ top:9px;} /*=================== notfound 404 page -css-start ======================*/ .notfound-bg { background: #fff; } .notfound-row { height: 100%; left: 0; position: fixed; right: 0; width: 100%; } .notfound-img {position: absolute; right:-56%;top:-100%; z-index: -1; } .notfound-img img {max-width: 100%;} .notfound-info .logo-icon { padding-bottom: 20px; width:180px;} .notfound-info { width: 430px; padding: 0px 15px; margin: 0 auto; text-align: center; position: absolute; left: 0px; right: 0px; top: 36% } .notfound-info h2 { font-size: 42px; line-height: 48px; padding-bottom: 24px; color: #333; font-weight:400; } .notfound-info p { font-size: 14px; line-height: 24px; padding-bottom: 20px; color: #333; font-weight:400; } .notfound-info .update-btn { margin: 0px } .return_homepage_btn { background-color:#014c6b; border-radius: 2px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; line-height: 36px; padding: 0 36px; } .return_homepage_btn:hover{background:#075b7e; border: none; color:#FFF; } /* ==================== notfound-css-End ======================*/ /* new_landing_wrap */ .new_landing_wrap .sports_leagues {display: none;} .new_landing_wrap .sports_list{ padding-bottom:0px; width:70%; float: left; position: relative; } .new_landing_wrap .sports_list:after{padding-right: 1px; position: absolute; height: 42.5%; content: ""; display: block; right: -25px; top: 0; background: rgba(0,0,0,0.15); } .new_landing_wrap .sports_list:before{padding-right: 1px; position: absolute; height: 46.5%; content: ""; display: block; right: -25px; top: 50%; background: rgba(0,0,0,0.15);} .new_landing_wrap .sports_list ul li{ background-color:#fff; border-radius:0; float: left; margin:0 16px 16px 0; width:186px; height:186px; text-align:center; position:relative; } .new_landing_wrap .sports_list ul li a {width:186px; height:186px; display: block; padding:16px; text-decoration: none; margin-top:0px; text-transform: uppercase; text-align:center; font-size:18px; position:relative;} .new_landing_wrap .sports_list ul li a:after{height:4px; width:0; background:#fddb00; position:absolute; bottom:0; left:0; content:''; transition:all .3s ease-in-out;} .new_landing_wrap .sports_list ul li.active a:after, .new_landing_wrap .sports_list ul li:hover a:after{width:100%;} .new_landing_wrap .sports_list ul li figure { float: left; width:100%; margin-right:0; text-align:center;} .new_landing_wrap .sports_list ul li figure img { border-radius: 50%; display: block; height:64px; width:64px; } .new_landing_wrap .sports_list ul li a {display:black; font-size:18px;line-height:22px; font-weight:700; text-transform:capitalize; color:#555;} .new_landing_wrap .sports_list ul li:hover a{border-color:#d6f3ff;} .new_landing_wrap .sports_list ul li:nth-of-type(4n){ margin-right:0px;} .new_landing_wrap .sports_list ul li.active:after{ content:""; background: transparent; width:100%; height:2px; bottom:0; left:0; position:absolute; border-bottom: 0px;} .league_match_right {float: right; width:25.2%; } .league_started {padding: 26% 0px; text-align: center; } .league_started figure{background: #fff; border-radius: 100%; border: solid 7px rgba(0,0,0,0.15); height: 165px; width: 165px; line-height: 150px; text-align: center; display: block; margin: 0 auto; } .league_started h4{padding-top: 20px; font-size: 22px; font-weight:400;} .show_league .league_started{display:none;} .tigger-point{border: solid 2px rgba(0,0,0,0.20); border-radius: 30px; height: 25px; width: 25px; position: absolute; top: 43.5%; right: -37px; display: block; background: #eee; z-index: 1; } .tigger-point img{margin-left: 1px; width: 18px; transform: rotate(180deg); transition: 0.3s ease 0s; } .show_league .tigger-point img{ transform: rotate(360deg); transition: 0.3s ease 0s; margin-left: 2px; } .sports_list .tigger-point{border: solid 2px rgba(0,0,0,0.20); border-radius: 30px; height:25px; width: 25px; position: absolute; top: 43.5%; right: -37px; display: block; background: #eee; z-index: 1; text-align:center;} .sports_list .tigger-point i{width:12px; height:12px; display:inline-block; transition: 0.3s ease 0s; position:absolute; top:2px; left:6px;} .sports_list .tigger-point i{color:#999;} .show_league .sports_list .tigger-point i{transform:rotate(180deg); transition: 0.3s ease 0s; left:4px; top:7px;} .league_list{display: none; } .show_league .league_list {background-color:#fff; display: block; transition: 0.5s ease 0s;} .show_league .league_list li{position: relative; border-bottom:1px solid #eee;} .show_league .league_list li:last-child{border:0;} .show_league .league_list li a{padding:9px 12px 9px 17px; display: block; font-size:14px; font-weight:400; line-height:24px; color:#333; font-family: 'Nunito Sans', sans-serif;} .show_league .league_list li a i{width:11px; height:16px; float:right; top:2px;} .show_league .league_list li a i{color:#999;} .show_league .league_list li.active a, .show_league .league_list li:hover a{color:#333;} .show_league .league_list li:hover{background:#d6f3ff;} .league_list h3{display: none;} .show_league .league_arrow{ position: absolute; right: 30px;} .show_league .league_arrow:before{ position: absolute; height: 9px; width: 2px; transform: rotate(45deg); display: block; content: "" ; left: 9px; top: 9px; background: #a6a6a6; } .show_league .league_arrow:after{ position: absolute; height: 9px; width: 2px; transform: rotate(-45deg); display: block; content: "" ; left: 9px; top: 4px; background: #a6a6a6; } /* Bounce To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } [class^="hvr-sweep"] { cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* alert */ .alert_overlay{ width:100%; height:100%; background-color:rgba(0,0,0,0.38); position:fixed; top:0; z-index:1035; display:none;} .alert_overlay.show{ display:block;} .alert_container{ display:none; border-radius:2px; padding:15px; background:#fff; text-align:center; position: fixed; top:calc(50% - 82px); height:140px; margin:0 auto; left:0; right:0; width:350px; font-size:14px; z-index:1040;} .alert_container.show{ display:block;} .alert_container h1{ font-size:20px; color:#333;} .alert_container p { line-height:20px;} .alert_container span.ok{ display:inline-block; padding: 6px 15px; background-color: #014c6b; border-radius: 2px; font-weight: 700; font-size: 14px; line-height: 24px; color: #fff; text-decoration: none; margin: 10px 0 0 0px;} .alert_box{ padding-top:25px;} /* score page filter label text disable */ input[type="radio"]:disabled+label{color: rgba(0,0,0,0.35);} /* ============== new widget css =====================*/ .uni-widget .funfact-crousel{ background:#fff; padding-top:15px; margin-bottom:10px;} .uni-widget .funfact-crousel h4{ background:#333; color:#FFFFFF; position:relative; padding-left:100px; line-height:32px;} .uni-widget .funfact-crousel .owl-carousel{ background:#e8e8e8;} .uni-widget .funfact-crousel h4 .tm-icn{ position: absolute; top:-7px; left:15px; z-index:1;} .uni-widget .funfact-crousel h4 .tm-icn figure img{ width:46px; border-radius:50%; display: inline-block;} .uni-widget .funfact-crousel h4 .tm-icn figure a:first-child{ z-index:1; position:relative;} .uni-widget .funfact-crousel h4 .tm-icn figure a + a { margin-left:-18px;} .uni-widget .funfact-crousel h4 i{ color:#ffe71e; font-size:20px; position:relative; top:-2px;} .uni-widget .funfact-crousel .owl-carousel .owl-wrapper-outer{ box-shadow:none;} .uni-widget .funfact-crousel .owl-controls .owl-page:hover span{background:#E8E8E8;} .uni-widget .funfact-crousel .owl-controls .owl-page.active span{background:#999; opacity:1;} .uni-widget .trigger-btn{ margin-bottom:14px; width:100%; margin-top:0px; text-align:left;} .uni-widget .trigger-btn i{ float:right;} .uni-widget .powerd{ background:#FFFFFF; padding:10px; text-align:center;} .uni-widget .powerd img{ width:230px;} .uni-widget .bet-key-wrap{ margin-bottom:16px; background:#fff; width:100%;} .uni-widget .bet-key-wrap .tabs{ background:#333;} .uni-widget .bet-key-wrap .tabs:after{ content:""; clear:both; display:block;} .uni-widget .tabs ul { margin:0; padding:0;} .uni-widget .tabs ul li{ border-right:1px solid rgba(255,255,255,0.24); float:left; } .uni-widget .tabs ul li a {color:#bbbbbb; font-size: 14px; display: inline-block; padding:8px 10px; font-weight:700;} .uni-widget .tabs ul li:last-child{ border-right:0px;} .uni-widget .tabs ul li a:hover, .uni-widget .bet-key-wrap .tabs ul li.active a{ color:#fff; background:#444444;} .uni-widget .graphic_data .ms-parent.select_season{ top:0px !important; width: 120px !important; right:10px; background:#444;font-family: 'Nunito Sans', sans-serif; } .uni-widget .graphic_data .ms-parent.select_season:hover{ background:#555;} .uni-widget .graphic_data{ margin-top:0px;} .uni-widget .graphic_data button.ms-choice{ background: none; border:none; color:#fff; font-family: 'Nunito Sans', sans-serif; position:relative;} .uni-widget .graphic_data button.ms-choice:after{ content: ''; position: absolute; right:10px; top: 17px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; clear: both; display:block;} .uni-widget .non_graphic_data button.ms-choice, .uni-widget .graphic_data button.ms-choice{ padding:8px 15px;} .uni-widget .non_graphic_data .ms-drop, .uni-widget .graphic_data .ms-drop{ background:#333; width:auto; border:0px;} .uni-widget .non_graphic_data .ms-drop ul li, .uni-widget .graphic_data .ms-drop ul li{ display:block; border-right:0px; width:100%; color:#bbbbbb;} .uni-widget .non_graphic_data .ms-drop ul li:hover, .uni-widget .graphic_data .ms-drop ul li:hover{ background:#555; color:#fff;} .graphic_data .data_content.mlb{height:auto;} .uni-widget .graphic_data .data_content{ height:auto;} .uni-widget .graphic_data .data_content li{ border-top:1px solid rgba(0,0,0,0.12);} .uni-widget .graphic_data .data_content li:first-child{ border-top:none; border-bottom:0px;} .uni-widget #overlaynew {position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #fff;z-index:1035; margin-top:77px;} .uni-widget .isg_loader{ z-index:1040; position: absolute; height:100%; width:100%; top:0px;} /* scoreboard page- score card css*/ .score_match_cards ul li.board_schedule h4 span{ float:none;} .score_xs_match_cards .wcard ul li.board_schedule{ border-bottom:0px;} .schedule_xs_match_cards .wcard ul li.board_schedule div:first-child { width:100%;} .schedule_xs_match_cards .wcard ul li.board_schedule .group{ width: 100%;display: table; table-layout: fixed; cursor: pointer;} .schedule_xs_match_cards .wcard ul li.board_schedule .cell:first-child{width:66.66%; display: table-cell; vertical-align: middle; color:#333; line-height: 24px; padding: 12px 15px; border-bottom: 1px solid rgba(0,0,0,0.12);} .schedule_xs_match_cards .wcard ul li.board_schedule .group .cell > div:first-child { width:71px; float:left;} .schedule_xs_match_cards .wcard ul li.board_schedule .group .cell figure { width: 24px; float: left; margin-right:5px;} .schedule_xs_match_cards .wcard ul li.board_schedule .group .cell strong { font-weight: normal;text-transform: uppercase; display: inline-block; font-size:14px;} .schedule_xs_match_cards .wcard ul li.board_schedule .group .cell > div:nth-child(2) { padding: 0 15px 0 10px; width:auto;} .schedule_xs_match_cards .wcard ul li.board_schedule .group .cell > div { float: left; width:auto;} .schedule_xs_match_cards .wcard ul li.board_schedule .group .cell + .cell { width:33.33%; padding: 12px 10px; position:inherit; top:inherit; left:inherit; display:table-cell; text-align:right;} .heading_group_desktop { display: block; float: left; width: 100%; font-size: 14px; padding-bottom: 10px;} .heading_group_mobile{display:none;float:left; width:100%;font-size:12px;padding:10px 0;} /* new search page css */ .search-card{ background:none; padding:15px 0 0; margin-bottom:10px;} .search-card .title figure img{ background:none; border-radius:0; } .search-card .title h2{ color:#333; font-size:26px;} .search-card .container{ padding-top:0px;} .search-card .title{ width:100%; border-right:0px;} .search-tabs{ padding-top:10px; float:left; width:100%;} .search-tabs ul{ margin:0px; padding:0px;} .search-tabs ul li{ padding:0px;} .search-tabs ul li a{ font-size:14px; color:rgba(0,0,0,0.70); padding:12px 15px; float:left;} .search-tabs ul li a:hover{color:#333;} .search-tabs ul li a.active{ color:#033954; position:relative;} .search-tabs ul li a.active:after{ background:#033954; height:3px; width:100%; position:absolute; content:""; display:block; bottom:0px; left:0px; right:0px; margin:0 auto;} .srch-result{ /*border-bottom:1px solid rgba(0,0,0,0.12); */font-size:14px; color:rgba(0,0,0,0.75); margin-bottom:20px;} .search_page .division_wrap h4{ border-bottom:1px solid rgba(0,0,0,0.12); padding-bottom:15px;} .search_page .division_wrap h4 figure{ width:50px; background:#FFFFFF; border-radius:50%; display: inline-block; margin-right:15px;} .search_page .division_wrap h4 figure img{ width:100%; border-radius:50%;} .search_page .division_wrap ul li h3{ font-size:16px; height:auto;} .search_page .division_wrap ul li figure{height:auto; float:none; display:inline-block; vertical-align:middle;} .search_page .division_wrap ul li a{box-shadow:none; padding:16px 15px; text-align:left;} .search_page .division_wrap ul li .info{ display: inline-block; float:none; width:auto; vertical-align:middle;} .search_page .division_wrap ul li figure{height:auto; float:none; display:inline-block;} /* css from dvlpr */ .score-wrap .carousel-wrap .bootstrap-select button{display:none;} .score-wrap .bootstrap-select .dropdown-menu {top: -13px;} .score-wrap .select_months button{display:none;} .score-wrap .bootstrap-select .dropdown-menu {top: -13px;} .score-wrap #against_opponent {margin-bottom: 15px; padding: 10px; border: 1px #d4d4d4 solid;border-radius: 1px; -webkit-appearance: menulist;} .score-wrap .advance-block{width:18%; margin-right:2%;} .nhl .score-wrap .advance-block{width:auto;} .score-wrap .advance-block:last-child{margin-right:0;} .score-wrap #against_opponent:focus{box-shadow:none; outline:0;} .score-wrap .advance-options.mlb .advance-block{width:auto; margin-right:3%;} .score-wrap .advance-options.mlb .advance-block:last-child{margin-right:0;} .nba-scoreboard .score-wrap .advance-block{width:auto; margin-right:6%;} .nba-scoreboard .score-wrap .advance-block:last-child{margin-right:0;} /*Inner Sub menu css*/ li#more ul.sub-menu li{float:left; width:100%; white-space:normal;} li#more ul.sub-menu li ul.inner-sub{float:left; width:100%; border-top:0;} li#more ul.sub-menu li ul.inner-sub li{float:left; width:100%; border-bottom:0; transition: all .15s ease-in-out;} li#more ul.sub-menu li ul.inner-sub li a{float:left; width:100%; color:rgba(255,255,255,0.90); position: relative; transition: all .15s ease-in-out; padding:10px 15px 10px 16px; overflow:hidden;} li#more ul.sub-menu li ul.inner-sub li a i{float:right; width:9px; height:12px;} li#more ul.sub-menu li ul.inner-sub li:hover a{background:none;} li#more ul.sub-menu li ul.inner-sub > li > a:after{left:-5px; position:absolute; top:0; height:100%; width:4px; background:#fddb00; content:''; transition: all .15s ease-in-out; opacity:0; visibility:hidden;} /*li#more ul.sub-menu li ul.inner-sub > li > a:hover:after{ opacity:1; left:0; visibility:visible;}*/ li#more ul.sub-menu li ul.inner-sub > li:hover a{background-color:#0c567b;} .table-container table#standings thead tr th img, .table-container table#standings tbody tr td img{width:10px; min-width:10px;} .table-container table#portal_table thead tr th img, .table-container table#portal_table tbody tr td img{width:10px; min-width:10px; } .table-container table#standings tbody tr td.position img{width:auto;} .table-container table#standings thead tr th i, .table-container table#portal_table thead tr th i{color:#bbb; width:8px; height:10px; display:inline-block; top:2px; vertical-align:top;} .table_outer{position:relative;} .standing-wrap .standing_table_outer{ position:relative; max-height:1030px; overflow:auto;} table{white-space:nowrap;} .score_drops .advance-search-btn:hover, .score_drops a.advance-search-btn.active{color:#777;} .carousel-wrap .calendar #months_listing a i{color:#777; top:0px} .carousel-wrap .calendar #months_listing a i.calender-icon{color:#777; width:20px; height:20px; display:inline-block;} .date-picker-carousel a.prev i.arrow-left, .date-picker-carousel a.next i.arrow-right{color:#777; display:inline-block; width:12px; height:10px; margin-top:5px} .data_content li .layer .score.cell.form-cell{width:97px} .result.open .matches_wrap_v2, .stadium_schedule_card.open .matches_wrap_v2 {max-height:336px; overflow:auto;} .preview_game_card .select_gamedrop ul.sub_menu li .layer .cell i.arrow-right{display:inline-block; width:12px; height:10px; margin-top:11px;} .tennis-portal .portal_table_data .table_outer{max-height:1974px; overflow:auto; position:relative;} .tennis-standing .standing-wrap .table_outer{max-height:768px; overflow:auto; position:relative; margin-bottom:16px;} .tennis-portal .portal_table_data .table-container.wcard, .tennis-standing .standing-wrap .table-container.wcard{margin-bottom:0;} .nav.navbar-nav li#more .sub-menu li a{position:relative;} .nav.navbar-nav li#more .sub-menu li a i.arrow-down{float:right; margin-top:12px; color:#fff;} .nav.navbar-nav li#more .sub-menu li a i.arrow-down .icon{display:inline-block; float:right; width:10px; height:9px;} .portal-wrap .fliter_outer .bootstrap-select.btn-group .dropdown-menu li a{padding-left:20px;} .portal-wrap .fliter_outer .bootstrap-select.btn-group.portal_name .dropdown-menu li.disabled a{padding-left:10px;} #header .container{position:relative;} #header .container .search-widget{right:280px; top:18px;} #header .container .search-open .search-widget{width:180px;} .search-widget .search-button i.search-icon{height:18px; width:18px;} .search-widget .search-button i.search-icon .icon{height:18px; width:18px;} .title .btn-group.bootstrap-select .bs-caret i{top:0; margin-left:0;} .title .btn-group.bootstrap-select .bs-caret i .icon{float:left; color:#777;} .btn-group.bootstrap-select .bs-caret i{top:0; margin-left:0;} .btn-group.bootstrap-select .bs-caret i .icon{float:left; color:#777;} /*new css*/ .score_drops .advance-search-btn i.arrow-right .icon{float:left;} .score_drops .advance-search-btn i.arrow-right{top:0; margin-left:7px;} .title .btn-group.bootstrap-select .bs-caret i{right:10px;} .score_drops .btn-group.bootstrap-select .bs-caret i{right:10px;} .predict_drop .btn-group.bootstrap-select .bs-caret i{right:8px;} .filter-info .btn.dropdown-toggle.btn-default .bs-caret i{right:8px;} .chart_tabs .btn.dropdown-toggle.btn-default .bs-caret i{right:8px; top:0;} .score_drops .btn-group.bootstrap-select .btn-default{padding:6px 25px 6px 0px;} .score_drops .advance-search-btn{margin-left:0;} .score_drops .advance-search-btn:hover, .score_drops a.advance-search-btn.active{color:#033954;} .day_night_card_tab .btn.dropdown-toggle.btn-default .bs-caret i .icon, .weather_drop_tab .btn.dropdown-toggle.btn-default .bs-caret i .icon{color:#fff;} .day_night_card_tab .btn.dropdown-toggle.btn-default .bs-caret i, .weather_drop_tab .btn.dropdown-toggle.btn-default .bs-caret i{right:10px;} .day_night_card_tab .btn.dropdown-toggle.btn-default .bs-caret{right:8px;} .betting .chart_tabs .bootstrap-select.btn-group .bs-caret i{right:8px; top:5px;} .wcard.drop_outer.nfl .btn-group.bootstrap-select .btn-default{position:relative;} .wcard.drop_outer.nfl .btn-group.bootstrap-select .bs-caret{position:absolute; top:45%; right:15px; width:auto; left:auto; height:10px; float:left;} .wcard.drop_outer.nfl .btn-group.bootstrap-select .bs-caret i{position:static; float:left;} .result_under .price_amt .btn-group.bootstrap-select .bs-caret i.arrow-down{float:right; right:7px; left:auto; top:12px; height:8px; width:10px;} .result_multi .price_amt .btn-group.bootstrap-select .bs-caret i.arrow-down{float:right; right:7px; left:auto; top:12px; height:8px; width:10px;} .group_team .team_card .odds ul li{width:17%;} .group_team .team_card .odds ul li:first-child{width:30%;} .schedule_match_cards ul li{position:relative;} .schedule_match_cards ul li a.staricon{color:#ed1c24; position:absolute; top:1px; left:12px;} .schedule_match_cards ul li a.staricon i{font-size:14px; color:#ed1c24;} .score-wrap .bootstrap-select .dropdown-menu li.divider{margin:0;} .price_amt span.close_custom_bet{line-height:32px; color:#333;} .price_amt .btn-group + div{position:relative; top:-1px;} #sub-menu ul li#schedule ul li:after{display:none;} /*Search Page Css*/ .search_page .search-card .title h2{padding-left:0px; display:inline-block; padding-top:20px; font-weight:600;} .search_page .search-card .title figure{margin-top:5px; background:#fff; border-radius:50%; height:72px; display:flex; align-items:center; text-align: center;} .search_page .search-card .title{border:0;} .search_page .search-card .title figure i.search-icon svg.icon{ color:#333; width:38px; height:38px; margin:14px 0 0 8px;} .search_page .search-card .title figure i.search-icon { margin:0 auto; float:none;} i.close-icon { width:16px; height:16px; color:#777;} .preview-wrap .bet_amt .btn-group.bootstrap-select .bs-caret i.arrow-down{color:#777; left:inherit; right:5px; top:13px;} .preview-wrap .bet_amt .btn-group.bootstrap-select .bs-caret i.arrow-down .icon{width:12px; height:9px;} /*team detail page new section after win,loss,draw css*/ .after-win.weather_card.dry .topcard{background-image:linear-gradient(-180deg, #147b45 0%, #04753a 100%);} .after-loss.weather_card.wet .topcard{background-image:linear-gradient(-180deg, #e44d54 0%, #d13940 100%);} .after-draw.weather_card.dry .topcard{background-image:linear-gradient(-180deg, #fdc726 0%, #f4ba0e 100%);} /*.after-draw.weather_card.dry .topcard{background-image:linear-gradient(-180deg, #f9d055 0%, #ecc03c 100%);}*/ .weather_card.after-win.dry .topcard .after-draw.dry, .weather_card.after-win.dry .tab-content .after-draw.dry, .weather_card.after-draw.dry .topcard .after-win.dry, .weather_card.after-draw.dry .tab-content .after-win.dry, .weather_card.after-loss.wet .topcard .after-win.dry, .weather_card.after-loss.wet .tab-content .after-win.dry{ display:none;} /* =========== TENNIS SPORT css ================= */ /* tennis preview page */ /*.tennis-preview .encounter .matches_wrap_v2{ max-height:inherit;}*/ .tennis-preview .encounter .matches_wrap_v2{max-height:516px;} .tennis-preview .ground_info > div figure img { border-radius:50%;} .tennis-preview .inline-UTS .time_counter, .tennis-preview .inline-UTS .temperature, .tennis-preview .inline-UTS .stadium { min-height:108px;} .tennis-preview .inline-UTS .stadium figure, .tennis-preview .inline-UTS .temperature figure{ margin-top:14px;} .tennis-preview .preview_game_card .select_gamedrop ul{ right:0px; left:inherit;} .tennis-preview .preview_game_card .select_gamedrop > li > a{ border:0px;} .tennis-preview .matches_wrap h3 {color: #333; font-size: 14px; font-weight:700; line-height: 25px;padding-bottom: 10px;padding-left: 10px;} .tennis-preview .select_gamedrop .sub_menu .matches_wrap#select_game{ max-height:572px; overflow:auto; position:relative;} .preview_game_card .select_gamedrop .sub_menu .matches_wrap#select_game{ max-height:572px; overflow:auto; position:relative;} .tennis-preview .tournament_sec{background:#F5F5F5; border-top: 1px solid #dddddd; padding-top: 10px;padding-left: 15px;} .tennis-preview .new_tournament h2.tournament_heading_desktop, .tennis-preview .new_tournament h2.tournament_heading_mobile { font-size:14px; padding-bottom:15px; clear:both;} .tennis-preview .new_tournament h2.tournament_heading_desktop img, .tennis-preview .new_tournament h2.tournament_heading_mobile img{ border-radius:50%; margin-right:15px; width:24px; height:24px;} .tennis-preview .new_tournament h2.tournament_heading_mobile{ display: none;} .tournament_heading_desktop a span, .new_tournament h2.tournament_heading_mobile a span { color: #777; padding-left: 5px;} .tennis-preview .matches_wrap h3{ color:#333; font-weight:700; font-size:14px; line-height: 24px; padding-bottom: 10px; padding-left:10px;} .tennis-preview .matches_wrap h3 img{width: 36px; height:36px; border-radius:50%; margin-right:10px;} .tennis-preview .matches_wrap .layer .cell:first-child { width: 75px;} .matches_wrap.tennis .layer .cell:nth-child(2) { width:75px; } .matches_wrap.tennis .layer .cell:nth-child(2) figure { margin-right:0; } .matches_wrap.tennis .layer .cell:nth-child(2) figure img { width:36px; min-width:36px; height:auto; display:block; float:left; border-radius:50%; } .matches_wrap.tennis .layer .cell:nth-child(2) figure img + img { margin-left:-12px; } .tennis-preview .non_graphic_data .data_content{ height:526px;} .tennis-preview .non_graphic_data.open .data_content, .tennis-preview .graphic_data.open .data_content{height:auto; overflow:inherit;} .tennis-preview .matches_wrap_v2 .team_two{width:auto;} .tennis-preview .matches_wrap_v2 .team_one{width:auto;} .tennis-preview .matches_wrap_v2 .outer > div figure{width:24px; margin-top:6px;} .tennis-preview .matches_wrap_v2 .mid_info{color:#033954; font-size:14px; font-weight:700; top:auto;} .tennis-tournament-detail .matches_wrap_v2 .team_two{width:auto;} .tennis-tournament-detail .matches_wrap_v2 .team_one{width:auto;} .tennis-tournament-detail .stadium_game_card h2{width:auto;} .tennis-preview .time_counter h2.live{ padding:28px 0px;} .tennis-preview .temperature figure + div { padding-top:8px;} .tennis-tournament-detail .result .matches_wrap_v2{ max-height:324px;} .tennis-tournament-detail .result.open .matches_wrap_v2{ max-height:324px;} .tennis-tournament-detail .matches_wrap_v2 .mid_info{ color:#033954; font-weight:700;} /* tennis team detail page */ .tennis-player-detail .team_card .odds ul{ padding-top:0px;} .tennis-player-detail .team_schedule ul li .result .loss{ color:#ed1c24; background:none;} .tennis-player-detail .team_schedule ul li .result .win { color: #3aaa35; background:none;} .tennis-player-detail .team_schedule ul li .result { float: right; width: auto; text-align: right;} .tennis-player-detail .betting { position:relative;} .tennis-player-detail .betting .topcard-tabs { width:125px; position:absolute; right:0; top:0; background:rgba(0,0,0,0.05); } .tennis-player-detail .betting .topcard-tabs li a { display:block; font-size:15px; line-height:41px; color:#333; text-align:center; } .tennis-player-detail .betting .topcard-tabs li.active a{ background:#f7f7f7; color:rgba(0,0,0,1); } .tennis-player-detail .tournament_sec{background: #F5F5F5; border-top: 1px solid #dddddd; padding-top: 10px;padding-left: 15px;} .tennis-player-detail .team-detail-wrap .wcard { margin-bottom: 15px;} .tennis-player-detail .betting .topcard { padding: 23px 0; background-image: linear-gradient(-180deg, #FAFAFA 0%, #F5F5F5 100%); border-top-left-radius: 2px; border-top-right-radius: 2px;} .tennis-player-detail .betting .topcard .chart { float: left; padding:0; position: relative;} .tennis-player-detail .betting .topcard .chart .wh-circle { position:absolute; background:#f7f7f7; border-radius:100%; width:122px; height:122px; top:9px; left:0px; right:0; margin:0 auto; text-align:center; padding-top:20px;} .tennis-player-detail .betting .topcard .chart .wh-circle h1{color:#333; font-weight:700; font-size: 20px;} .tennis-player-detail .betting .topcard .chart .wh-circle p{color: #333; font-weight:400; font-size: 14px;} .tennis-player-detail .betting .chart_tabs{ top:25px;} .tennis-player-detail .weather_card .weather_tabs, .tennis-player-detail .day_night_card .day_night_tabs { width:100%; position:absolute; right:0; top:117px; } .tennis-player-detail .weather_card .weather_tabs li , .tennis-player-detail .day_night_card .day_night_tabs li{ width:20%; float:left;} .tennis-player-detail .weather_card .weather_tabs li a{ display:block; font-size:15px; line-height:44px; color:#fff; text-align:center; background-color:rgba(0,0,0,0.12);} .tennis-player-detail .weather_card .weather_tabs li.active a, .tennis-player-detail .day_night_card .day_night_tabs li.active a { background-color:transparent; color:#fff; } .tennis-player-detail .day_night_card .topcard { padding:30px 0 60px 0; border-top-left-radius:2px; border-top-right-radius:2px; } .tennis-player-detail .day_night_card.night .day_night_tabs#after_win_loss_tabs li a {background-color: rgba(0,0,0,0.12);} .tennis-player-detail .day_night_card.night .day_night_tabs#after_win_loss_tabs li.active a{ background:transparent; color:#fff;} .tennis-player-detail .team_card{ padding:10px 0 20px 0;} .tennis-player-detail .team_card .title{ margin-top:30px;} .tennis-player-detail .team_card .odds ul li{ margin-top:15px;} /* tennis scoreboard page */ .new_tournament h2.tournament_heading_desktop, .new_tournament h2.tournament_heading_mobile { font-size:14px; padding-bottom:15px; clear:both; font-weight:700;} .new_tournament h2.tournament_heading_desktop img, .new_tournament h2.tournament_heading_mobile img{ border-radius:50%; margin-right:15px; width:24px; height:24px;} .new_tournament h2.tournament_heading_mobile{ display: none;} .tennis-scoreboard .score_match_cards.qtr-tbl ul li h4 .right_cell span:last-child{font-weight:normal;} .tennis-scoreboard .score_match_cards.qtr-tbl ul li h4 .right_cell span:first-child{font-weight:700;} /* tennis review page css */ .tennis-review .select_gamedrop .sub_menu .matches_wrap#select_game{ max-height:572px; overflow:auto; position:relative;} .tennis-review .matches_wrap h3 {color: #333; font-size: 14px; font-weight:700; line-height: 25px;padding-bottom: 10px;padding-left: 10px;} .tennis-review .matches_wrap h3 img { width: 36px; height: 36px; border-radius: 50%; margin-right: 10px;} .tennis-review .tournament_sec { background: #F5F5F5; border-top: 1px solid #dddddd; padding-top: 10px; padding-left: 15px;} .tennis-review .ground_info > div figure { width: 60px; /*float:left;*/ margin: 0 15px 0 0;} .tennis-review .ground_info > div figure img { display: block; width: 100%; height: auto; border-radius: 50%;} .after-win.day_night_card.day .topcard{background-image:linear-gradient(-180deg, #147b45 0%, #04753a 100%);} .after-loss.day_night_card.night .topcard{background-image:linear-gradient(-180deg, #e44d54 0%, #d13940 100%);} .day_night_card.after-win.day .topcard .after-loss.night, .day_night_card.after-win.day .tab-content .after-loss.night, .day_night_card.after-loss.night .topcard .after-win.day, .day_night_card.after-loss.night .tab-content .after-win.day{ display:none;} /*Search Css Start*/ .search_bar{position:absolute; right:15px; top:14px;} #header .container .search-widget.search_top{top:0; right:0;} .search_bar > span{color:#fff; font-size:16px; text-transform:uppercase; float:right; margin-top:8px; padding-left:8px; transition: all 0.2s ease 0s; cursor:pointer; position:absolute; right:0; display:none;} .search-open .search_bar > span{opacity:0;} .search-widget.search_top{position:static; right:auto; top:6px; float:right;} .search-widget.search_top .search-button .search-icon .icon{height:30px; width:30px;} .search-widget.search_top input[type="text"]{font-size:14px; color:#111; font-family: 'Nunito Sans', sans-serif; font-weight:400; line-height:24px; background:#fff; border-radius:3px;} .search-widget.search_top input[type="text"]::placeholder{color:#111 !important; font-style:italic;} .search-widget.search_top input, .search-widget.search_top input[type="text"]{border-color:#fff;} .search-widget.search_top .search-close-button i{display:none; color:#fff; height:14px; width:14px; background:#70e1a0; border-radius:50%; -webkit-border-radius:50%;} .search-widget.search_top .search-button i.search-icon{height:30px; width:30px; font-size:24px;} .search-widget.search_top .search-close-button i .icon{float:left; height:8px; width:8px; color:#147b45; margin:3px 0 0 3.4px;} .search-open .search-widget.search_top{position:absolute;} /*Search Css End*/ .mid .select_gamedrop .game_header .calendar{margin-left:30px;} .select_gamedrop .game_header .calendar li i.calender-icon{float:left; height:20px; width:20px; color:#777;} .select_gamedrop .game_header .calendar li i.arrow-down{float:left; margin-top:8px; color:#777;} .team_schedule ul li {position:relative;} .team_schedule ul li .ot { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 0px solid transparent; border-left: 12px solid #033954; position: absolute; left: 0px; bottom: 0;} .matches_wrap_v2 .outer .ot { content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 0px solid transparent; border-left: 12px solid #033954; position: absolute; left:0px; bottom: 0; } .matches_wrap_v2 .outer .tooltip.top .tooltip-arrow{bottom:3px;} /* Mobile Search*/ .search-xs{float:right; display:none;} .search-xs i.search-icon{float:left; width:16px; height:16px; color:#fff; margin:16px 16px 0 0; cursor:pointer;} .search_popup{float:left; width:100%; position:fixed; z-index:1040; top:0; left:0; right:0; padding:20px; display:none;} .show_search .search_popup{display:block;} .show_search .overlay-src{opacity:.95; display:block; z-index:1039; background:#111; top:0; left:0; width:100%; height:100%; position:fixed;} .search_popup .search-close{background:none; height:16px; width:16px; border:0; float:right; padding:0; cursor:pointer;} .search_popup .search-close i.close-icon{float:left; width:16px; height:16px; color:#999;} .search_filed{float:left; width:100%; position:relative; margin-top:32px;} .search_filed input[type="text"]{float:left; width:100%; border-radius:4px; -webkit-border-radius:4px; background:#333; padding:8px 52px 8px 10px; height:45px; font-size:14px; color:#fff; font-weight:400; line-height:24px; border:0;} .search_filed button{background:none; border:0; height:45px; width:45px; border-left:1px solid #000; text-align:center; position:absolute; top:0; right:0; padding:13px;} .search_filed button i{display:inline-block; width:20px; height:20px; color:#999; cursor:pointer;} .search_filed input[type="text"]::placeholder{color:#999 !important; font-style:italic;} /* Mobile Search End*/ .wdl i.over_tag{width:0; height:0; border-top:7px solid #fcf308; border-left:7px solid transparent; position:absolute; top:1px; right:1px;} .team_schedule ul li .result samp{display:block; font-size:12px; width:82px; text-align:center; position:absolute; bottom:-18px; left:calc(50% - 42px); text-transform:none; font-weight:700; font-family: 'Nunito Sans', sans-serif;} .team_schedule ul li.match-stuts .result .wdl{position:relative; top:-6px;} .review-wrap .scores_card .info{padding:35px 30px;} .review-wrap .scores_card .info .prev_teams .colmid{position: absolute; left: 0; right: 0; margin: 0 auto; width: 220px;} .review-wrap .scores_card .info .prev_teams .colmid h3 span{padding:0 10px;} .review-wrap .scores_card .info .prev_teams .colmid > span{font-size:14px;} .review-wrap .scores_card .info .prev_teams .colmid > span.match-plnt{font-size:16px; margin-top:-20px; display:block;} .review-wrap .scores_card .info .note{float:left; text-align:right; font-style:italic; font-size:14px; color:#999; position:absolute; bottom:10px; right:30px;} .matches_wrap.tennis-xs .layer{ padding:0px 15px;} .matches_wrap.tennis-xs h5{ width:100%; display: inline-block; padding:5px;} .matches_wrap.tennis-xs h5 + h5 .right_cell span{ border-bottom:0;} .matches_wrap.tennis-xs h5 .right_cell{ float: right; width:auto; font-size:14px; margin-bottom:-1px; } .matches_wrap.tennis-xs h5 .right_cell span{ float: left; padding:6px 0px; margin-top:-5px; margin-bottom:-5px; color:rgba(0,0,0,0.65); border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; width:20px; margin-right:-1px; font-family:"roboto-regular"; } .matches_wrap.tennis-xs h5 .right_cell span:first-child{ font-weight:bold; color:rgba(0,0,0,0.87);} .matches_wrap.tennis-xs h5 b.player{ font-weight:normal;} .matches_wrap.tennis-xs .layer .cell:last-child{ width:24px;} .encounter .matches_wrap .layer{position:relative;} .matches_wrap.tennis-xs .layer .wo, .matches_wrap.tennis-xs .layer .ot, .matches_wrap.tennis-xs .layer .rte { content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 0px solid transparent; border-right: 12px solid #ff7f27; position: absolute; right: 0px; bottom: 0;} .advance-search-btn.active .filter-icons img.filter_active .advance-search-btn .material-icons, .advance-search-btn .filter-icons img.filter_active{ display:none;} .advance-search-btn .filter-icons img.filter_active{ display:none;} .advance-search-btn.active .filter-icons img.default{ display:none;} .advance-search-btn.active .filter-icons img.filter_active{ display:inline-block;} .tennis-preview .encounter .matches_wrap_v2.no_facts{ max-height:203px; overflow:hidden; display:block; position:relative;} .tennis-preview .encounter.open .matches_wrap_v2, .tennis-preview .encounter.open .matches_wrap_v2.no_facts{ max-height:207px; overflow:auto; } .tennis-preview .encounter.open .matches_wrap_v2.funfact_matches{ max-height:516px; overflow:auto; } .matches_wrap_v2 .outer.staricon{position:relative;} .matches_wrap_v2 .outer.staricon i{position:absolute; left: 4px; top: 3px; font-size:12px; color:red;} /*Footer Css*/ footer{float:left; width:100%; background:#033954; padding:16px; position:absolute; margin-top:16px; bottom:0; left:0;} footer p{color:#fff; font-size:12px; font-weight:normal; line-height:18px; display:inline-block; padding-left:0; width:100%; text-align:center;} .powered_by{display:inline-block; position:absolute; text-align:left; top:0; left:16px;} .powered_by span{color:rgba(255,255,255,0.6); font-size:10px; text-transform:uppercase; font-weight:normal; position:absolute; top:7px; left:52px;} .powered_by figure{margin-top:12px;} footer p br{display:none;} .page-wrapper{position:relative; float:left; width:100%; /*padding-bottom:72px; min-height:100%;*/} #header .head-tabs ul li a i.arrow-right{display:none;} .score-wrap #matches_list.add-loader { padding-bottom: 74px;} .preview-wrap .select_gamedrop .sub_menu .layer{position:relative;} .preview-wrap .select_gamedrop .sub_menu .layer .brand-loader{top:0; height:70px;} .preview-wrap .select_gamedrop .sub_menu .layer .brand-loader .uil-spin-css{margin:-87px -96px -88px;} .page-loader .uil-spin-css{display:inline-block;} .page-loader .isg_loader1{float:left; width:100%; text-align:center; left:0 !important;} .uil-spin-css > div > div{background:#033954 !important;} /*General Popup */ .gen_popup{position:fixed; top:calc(50% - 10%); left:0; right:0; margin:0 auto; width:100%; max-width:350px; z-index:1030; display:none;} .gen_popup .popup_widget{float:left; width:100%; border-top:4px solid #ffe71f; background:#333; padding:20px 16px; text-align:center;} .popup_widget p{color:#fff; text-align:center; font-size:14px; font-weight:400; line-height:22px; padding-bottom:16px;} .popup_widget .block{padding-top:16px; text-align:center;} .popup_widget .block button{color:#033954; font-size:16px; border:0; background:none; outline:none; display:inline-block; padding:0; font-weight:700;} .gen_overlay{position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.6); height:100%; max-height:100%; width: 100%; z-index:1029; transition: all 0.4s ease 0s; display:none;} body.popup-show .gen_popup, body.popup-show .gen_overlay{display:block;} /*General Popup end*/ a.telephone{color:#fff; background:#014c6b; border-radius:3px; padding:4px 6px; display:inline-block;} a.telephone:hover{background:#095c7f;} .table_outer table#standings tr.isg_loader td{position:absolute; left:0; right:0; background:#f5f5f5; display:flex; align-items:center;} .table_outer table#standings .brand-loader{top:auto; left:auto; position:static; right:auto;} .table_outer table#portal_table tr.isg_loader td{position:absolute; left:0; right:0; background:#f5f5f5; display:flex; align-items:center;} .table_outer table#portal_table .brand-loader{top:auto; left:auto; position:static; right:auto;} /* scores css */ .scores_card .scores_card_table .table-responsive{overflow:hidden;} /* ============== new widget css =====================*/ .data_content li .layer .score.cell.form-cell.current_form_left{width:auto; float:left; margin-top:2px;} .data_content li .layer .score.cell.form-cell.current_form_right{width:auto; float:right; margin-top:2px;} /* Skip Css */ .skip-to{float:right; position:absolute; width:20px; right:0; margin-right:-26px; top:30px;} .skip-to label{font-size:15px; color:#333; font-weight:normal; float:left; margin-right:10px; display:none;} .skip-to span{float:left; width:24px;} .skip-to span a{font-size:13px; color:#333; margin:0 4px; padding:1px 2px; display:block; line-height:24px;} .skip-to span a:hover, .skip-to span a.active{color:#147b45;} .skip-to span a.deactive{color:#c1c1c1;} /* Player Listing Css */ .tennis-player-hub .division_wrap{float:left; width:100%; position:relative;} .tennis-player-hub .division_wrap .player-listing{float:left; width:100%; background:#fff; box-shadow:0px 0px 1px rgba(0,0,0,0.12), 0px 1px 1px rgba(0,0,0,0.24); padding:20px; margin-bottom:24px;} .tennis-player-hub .division_wrap .player-listing ul{float:left; width:100%; margin-bottom:20px;} .tennis-player-hub .division_wrap .player-listing ul:last-child{margin-bottom:0; border-bottom:0;} .tennis-player-hub .division_wrap .player-listing ul li{float:left; width:15%; margin:0 2% 2% 0; clear:none !important; box-shadow:none;} .tennis-player-hub .division_wrap .player-listing ul li:nth-child(6n){margin-right:0;} .tennis-player-hub .division_wrap .player-listing ul li a{display:block; padding:0;} .tennis-player-hub .division_wrap .player-listing ul li h3{font-size:14px; height:auto; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden;} .tennis-player-hub .division_wrap .player-listing ul li h3 span{float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .tennis-player-hub .division_wrap .player-listing ul li .info{display:block; width:auto; float:none; overflow:hidden;} .tennis-player-hub .division_wrap .player-listing ul li figure{width:24px; height:24px;} .tennis-player-hub .division_wrap .player-listing .alphbet{width:100%; float:left; position:relative; margin-bottom:15px } .tennis-player-hub .division_wrap .player-listing .alphbet span{ width:30px; height:30px; border-radius:50px; float:left; text-align:center; line-height:27px; color:#000; font-size:13px; font-weight:700; border:2px #ccc solid; } .tennis-player-hub .division_wrap .player-listing .alphbet:after{position:absolute; top:15px; height:1px; background:#ccc; content:""; left:36px; right:0;} .tennis-player-hub .team_card{border-bottom:0;} /* Cricket Sport Css */ .cricket-sport .score_xs_match_cards.qtr-tbl .wcard ul li .cell:first-child{position:absolute; top:0; left:0; width:45px; border:0; bottom:0; display:flex; align-items:center; padding:0;} .cricket-sport .score_xs_match_cards.qtr-tbl .wcard ul li .cell:nth-of-type(2){width:100%; padding:0 24px 0 54px; position:static;} .cricket-sport .score_xs_match_cards.qtr-tbl .wcard ul li div:nth-of-type(3){width:20px; position:absolute; top:16px; right:0px; padding:0;} .cricket-sport .score-wrap .score_xs_match_cards .wcard ul li figure{float:right; margin-left:5px;} .cricket-sport .score_xs_match_cards.qtr-tbl ul li div h5 .right_cell span, .cricket-sport .score_match_cards.qtr-tbl ul li h4 .right_cell span:last-child{width:112px; text-align:center;} .cricket-sport .score_match_cards.qtr-tbl ul li h4 .right_cell span:last-child{text-align:right; width:auto;} .cricket-sport .team-stadium{float:left; width:100%;} .cricket-sport .team-score-card{float:left; width:100%;} .cricket-sport .team-score-card .block-1{margin-top:32px;} .cricket-sport .schedule_match_cards.score_match_cards.qtr-tbl ul li.single-score.team-score-card{width:50%;} .cricket-sport .schedule_match_cards.score_match_cards.qtr-tbl ul li.single-score.team-score-card .odd-area{padding-top:0;} .cricket-sport .schedule_match_cards.score_match_cards.qtr-tbl ul li.single-score.team-score-card .block-1{width:74%;} .cricket-sport .schedule_match_cards.score_match_cards.qtr-tbl ul li.single-score.team-score-card .odd-area{width:26%;} .cricket-sport .schedule_match_cards.score_match_cards.qtr-tbl ul li.single-score.team-score-card .odd-spread-row .cell{width:100%;} .cricket-sport .encounter_listing .schedule_match_cards.score_match_cards.qtr-tbl ul li.single-score.team-score-card{width:100%;} .cricket-sport .score_xs_match_cards .wcard ul li.board_schedule .group .cell{width:auto;} .cricket-sport .score_xs_match_cards .wcard ul li.board_schedule .group .cell:first-child{position:static;} .cricket-sport .score_xs_match_cards .wcard ul li.board_schedule .group .cell + .cell{width:90px; float:right;} .cricket-sport .score_xs_match_cards .wcard ul li.board_schedule .group > .cell{float:left; position:static; padding:12px 0px; border:0;} .cricket-sport .score_xs_match_cards .wcard ul li.board_schedule .group > .cell div:nth-of-type(3){float:left; position:static; width:auto;} .cricket-sport .stats ul li{width:25%; border-right:1px solid rgba(0,0,0,0.12); border-top:0;} .cricket-sport .result .matches_wrap_v2 .outer h5, .cricket-sport .encounter .matches_wrap_v2 .outer h5{float:left; width:100%; padding-top:4px;} .cricket-sport .result .matches_wrap_v2 .team_one, .cricket-sport .encounter .matches_wrap_v2 .team_one{margin-left:0; width:48%;} .cricket-sport .result .matches_wrap_v2 .team_two, .cricket-sport .encounter .matches_wrap_v2 .team_two{margin-right:0; width:48%;} .cricket-sport .result .matches_wrap_v2 .outer > div strong, .cricket-sport .encounter .matches_wrap_v2 .outer > div strong{font-size:18px;} .cricket-sport .result .matches_wrap_v2 .outer > div small, .cricket-sport .encounter .matches_wrap_v2 .outer > div small{padding-right:8px; line-height:30px;} /*.cricket-sport .result .matches_wrap_v2 .outer .team_two small, .cricket-sport .encounter .matches_wrap_v2 .outer .team_two small{margin-left:8px;}*/ .cricket-sport .result .matches_wrap_v2 .outer > div figure, .cricket-sport .encounter .matches_wrap_v2 .outer > div figure{margin-right:8px; width:28px;} .cricket-sport .result .matches_wrap_v2 .outer .team_two figure, .cricket-sport .encounter .matches_wrap_v2 .outer .team_two figure{margin-left:8px; width:28px; margin-right:0;} .cricket-sport .score_match_cards.qtr-tbl ul li h4 .right_cell > span{padding:0 6px;} .cricket-sport .result .matches_wrap_v2 .team .team-score, .cricket-sport .encounter .matches_wrap_v2 .team .team-score{display:block; overflow:hidden;} .cricket-sport .result .matches_wrap_v2 .team .team-score small, .cricket-sport .encounter .matches_wrap_v2 .team .team-score small{float:left;} .cricket-sport .result .matches_wrap_v2 .team .team-score strong, .cricket-sport .encounter .matches_wrap_v2 .team .team-score strong{display:block; overflow:hidden; font-size:16px; line-height:18px; margin-top:5px} .cricket-sport .result .matches_wrap_v2 .team .team-score strong span, .cricket-sport .encounter .matches_wrap_v2 .team .team-score strong span{display:block; font-size:12px;} .cricket-sport .result .matches_wrap_v2 .team.team_two .team-score small, .cricket-sport .encounter .matches_wrap_v2 .team.team_two .team-score small{float:right; padding-right:0;} .cricket-sport .result .matches_wrap_v2, .cricket-sport .encounter .matches_wrap_v2{max-height:390px; height:auto;} .cricket-sport .encounter .matches_wrap_v2{max-height:972px;} .cricket-sport .encounter .matches_wrap_v2.no_facts, .cricket-sport .encounter.open .matches_wrap_v2.no_facts{max-height:839px;} .cricket-sport .encounter .matches_wrap_v2.no_td, .cricket-sport .encounter.open .matches_wrap_v2.no_td{max-height:672px;} .cricket-sport .encounter .matches_wrap_v2.no_facts.no_td, .cricket-sport .encounter.open .matches_wrap_v2.no_facts.no_td{max-height:420px;} .cricket-sport .betting_result ul li .player_team_icon.first-goal-right .tooltip-inner{text-align:left;} .cricket-sport .result .matches_wrap_v2 .team .team-score strong span.target_dl{color:rgba(0,0,0,0.38);} .most-runs-widget{float:left; width:100%; margin-bottom:15px;} .most-runs-widget h3{font-weight:normal; font-size:12px; line-height:36px; font-weight:700; color:#111; padding:0 15px; text-transform:uppercase; font-family: 'Nunito Sans', sans-serif;} .most-runs-list{float:left; width:100%; background-color:#fff; border-radius:2px; border-bottom: 1px solid rgba(0,0,0,0.12);} .most_runs_heading{float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.12); padding:12px 8px;} .most_runs_heading .col, .most-runs-list ul li .col{float:left; width:25%; padding:2px; text-align:center; font-size:14px; color:rgba(0,0,0,0.87); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .most_runs_heading .col{color:rgba(0, 0, 0, 0.54);} .most_runs_heading .col:first-child, .most-runs-list ul li .col:first-child{width:50%; text-align:left;} .most-runs-list ul{float:left; width:100%; max-height:90px; overflow:hidden;} .most-runs-widget.open .most-runs-list ul{overflow:auto;} .most-runs-list ul li{float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.12); padding:8px; transition: all 0.2s ease-out 0s;} .most-runs-list ul li .col img{float:left; width:24px; border-radius:50%; margin-right:8px;} .most-runs-list ul li .col span{display:block; margin-top:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .most-runs-list ul li:hover{background:#d6f3ff;} .cricket-sport .advance_filter_bar ul ul li input[type=checkbox]:not(old), .cricket-sport input[type=radio]:not(old){float:left;} .cricket-sport .advance_filter_bar ul ul.cricket_betting{width:496px;} .cricket-sport .review-wrap .scores_card .info .note.abandoned{width:100%; text-align:center; right:0; bottom:-20px;} .cricket-sport .review-wrap .scores_card_table .table > thead > tr > th:first-child, .cricket-sport .review-wrap .scores_card_table .table > tbody > tr > td:first-child{width:auto;} .most-runs-widget .view-more{float:left; width:100%;} .most_runs_heading.in_match{padding:6px 8px 2px;} .most_runs_heading.in_match h4{margin-top:6px; color:rgba(0,0,0,0.87); display:block; overflow:hidden; font-size:14px; padding-left:5px;} .most_runs_heading.in_match .col strong{margin-top:6px; display:block; color:rgba(0,0,0,0.87);} .most_runs_heading.in_match .col .pie .c100.small{font-size:28px;} .cricket-sport .team-detail-wrap .team_schedule ul li figure{margin-right:10px;} .cricket-sport .team-detail-wrap .team_schedule ul li .vs-at{width:16px;} .cricket-sport .team-detail-wrap .team_schedule ul li a{padding:11px 10px;} .cricket-sport .team-detail-wrap .team_schedule ul li:last-child a{padding:0px 16px;} .cricket-sport .team-detail-wrap .team_schedule ul li .result{width:115px;} .cricket-sport .preview-wrap .graphic_data .data_content li .layer .score.cell{width:70px;} /* Select Game Dropdown css */ .cricket-sport .select_gamedrop .matches_wrap .layer .cell:last-child{width:18px;} .cricket-sport .select_gamedrop .matches_wrap .layer .cell:first-child{width:54px;} .cricket-sport .select_gamedrop .matches_wrap.all-sport .layer .cell:nth-child(2){width:52px;} .cricket-sport .select_gamedrop .matches_wrap.all-sport .layer .cell:nth-child(2) figure img{width:30px; min-width:30px;} .cricket-sport .select_gamedrop .matches_wrap .layer{padding:15px 10px;} .cricket-sport .select_gamedrop .matches_wrap .layer .cell h5{font-size:14px;} .cricket-sport .select_gamedrop .matches_wrap .layer .cell h5 .match_scores{float:right;} .cricket-sport .select_gamedrop .matches_wrap .layer .cell h5 strong{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5px;} /* Cricket Sport Preview page css */ .cricket-sport .olt_wrap.olt_wrap_preview .trigger_bar{padding:15px 0 15px;} .row_inner{float:left; width:100%;} .cricket-sport .non_graphic_data .data_content{height:281px;} .cricket-sport .graphic_data{margin-top:0;} .cricket-sport .graphic_data .data_content{height:281px;} .cricket-sport .non_graphic_data .data_content li{padding:12px 10px;} .cricket-sport .graphic_data .data_content li{padding:4.5px 10px;} .cricket-sport .graphic_data .data_content li:first-child, .cricket-sport .non_graphic_data .data_content li:first-child{padding:8px 10px;} .cricket-sport .meter-info.meter-detail{float:left; width:100%; min-height:158px;} .cricket-sport .graphic_data.open .data_content, .cricket-sport .non_graphic_data.open .data_content{height:auto; overflow:inherit;} .cricket-sport .result .matches_wrap_v2 i.right-arrow{top:32px;} /* All Page Loader Css */ .all_page_loader{float:left; width:100%; text-align:center; position:fixed; z-index:99999; height:100%; display:flex; align-items:center; vertical-align:middle; top:0; left:0; background:#eee;} .all_page_loader span{float:left; width:100%; text-align:center;} .all_page_loader span img{width:75px; margin-left:35px;} /* Standing Check Box Css */ .cricket-sport .advance_filter_bar ul ul li label{background:url(../../shared/images/check_before.png) no-repeat 0 0 !important; background-position:0 0 !important;} .cricket-sport .advance_filter_bar ul ul li input[type=checkbox]:checked + label{background:url(../../shared/images/check_after.png) no-repeat 0 0 !important;} .cricket-sport .team-detail-wrap hr{margin:15px 0;} .most_runs_heading.in_match .col.tm_rank{position:relative; float:right;} .most_runs_heading.in_match .col.tm_rank span{position:absolute; top:-4px; right:0; font-size:13px;} /* Scoreboard page tooltip Css */ .cricket-sport .tooltip.top .tooltip-inner{float:left; width:100%; text-align:left;} .cricket-sport .tooltip.top .player_team_icon{float:left; width:100%; margin:5px 0; white-space:nowrap; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .cricket-sport .tooltip.top .player_team_icon figure{margin-right:7px;} /* scorer player review css*/ .player_team_icon{float:left; width:100%; margin-top:8px;} .player_team_icon{font-size:14px; line-height:24px; color:rgba(0,0,0,0.87);} .player_team_icon figure{display:inline-block; margin-right:6px} .player_team_icon figure img{width:32px; height:32px; border-radius:50%;} .player_team_icon.first-goal-right{width:auto; float:right; margin-top:0;} .player_team_icon.first-goal-right figure img{width:24px; height:24px;} .game_prev_btn .tooltip_score{float:right;} .game_prev_btn .tooltip-inner{min-width:120px; display: block; overflow: hidden;} .game_prev_btn .tooltip_score img{width:24px; height:24px; border-radius:50%;} .tooltip .tooltip-inner span{color:#fff; font-size:12px; line-height:16px; float:none; white-space:nowrap; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .tooltip .tooltip-inner img{width:24px; height:24px; border-radius:50%; border:1px solid rgba(255,255,255,0.40);} .tooltip .tooltip-inner figure{display:inline-block; margin-right:4px;} .cell.tbl-hdng .tooltip_score{float:left; margin:2px 0 0 10px;} .cell.tbl-hdng .player_team_icon figure{margin-top:0;} .cell.tbl-hdng .tooltip_score img{width:24px; height:24px; border-radius:50%;} .cell.tbl-hdng .tooltip{position:absolute;} .cell.tbl-hdng .tooltip .tooltip-arrow{position:absolute; width:auto;} .cell.tbl-hdng .tooltip .tooltip-inner{width:auto;} .cell.tbl-hdng .tooltip .tooltip-inner span{line-height:22px; float:none;} .portal-wrap table a.form_url{color:#1976D2; font-weight:700; margin:0 2px;} .portal-wrap table a.form_url:hover{color:#212121;} .odds_5_bx{width:45px;} .odds_6_bx{width:52px;} .odds_7_bx{width:59px;} .odds_8_bx{width:66px;} .odds_9_bx{width:74px;} .odds_10_bx{width:81px;} .portal_table_data #portal_table .wdl_bx{display:inline-block; float:none;} .filter .dropdown-menu > .active, .filter .dropdown-menu > .active > a, .filter .dropdown-menu > .active > a:hover, .filter .dropdown-menu > .active > a:focus{background:#e0e0e0; color:#333;} .portal-market{float:right; margin:4px 15px 0 0; font-size:12px; color:#989698; font-weight:700;} /* Goal Score Css */ .goal-score{float:left; width:100%; margin-bottom:15px;} .goal-score h3{font-family:"roboto-regular"; font-weight:normal; font-size:15px; line-height:28px; color:rgba(0,0,0,0.87); padding:0 15px 15px;} .goal-score-list{float:left; width:100%; background-color:#fff; border-radius:2px; box-shadow:0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.24);} .goal-score ul{float:left; width:100%; max-height:341px; overflow:hidden; position:relative;} .goal-score .open ul{overflow:auto;} .goal-score ul li{float:left; width:100%; padding:12px 15px; border-top:1px solid rgba(0,0,0,0.12);} .goal-score ul li:hover{background:#fafafa;} .goal-score ul li:first-child{border-top:0;} .round-card{float:left; width:100%;} .round-card span{text-align:left; display:inline-block; vertical-align:middle; font-size:14px; color:rgba(0,0,0,0.87); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .round-card span img{width:24px; border-radius:50%; margin-right:10px;} .round-card span.num{text-align:right; float:right; margin-top:2px;} .round-card span.odds{text-align:center;} .goal-score-list .view-more{float:left; width:100%;} .goal-score-xs{float:left; width:100%; display:none; position:fixed; top:0; left:0; background:#fff; z-index:1; text-align:center; border-bottom:1px solid #d9d9d9;} .goal-score-xs h3{float:left; width:100%; padding:12px 0;} .goal-score-xs h3 strong{font-weight:normal; font-size:16px; line-height:24px; color:rgba(0,0,0,0.87); display:block;} .goal-score-xs h3 span{font-size:12px; line-height:24px; color:rgba(0,0,0,0.65); display:block;} .goal-score-xs h3 i{color:rgba(0,0,0,0.65); position:absolute; left:15px; top:24px; cursor:pointer;} .first-goal-socre{float:left; width:100%; margin:15px 0;} .goal-socre-outer{float:left; width:100%; background:#fff; border-radius:2px; box-shadow:0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.24);} .first-goal-socre h3{font-family:"roboto-regular"; font-weight:normal; font-size:15px; line-height:28px; color:rgba(0,0,0,0.87); padding:0 15px 15px;} .first-goal-socre h4{float:left;} .first-goal-tm{float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:8px 5px;} .first-goal-tm .col{float:left; width:50%; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .first-goal-tm .col figure{width:24px; float:left; margin-right:8px; border-radius:50%; overflow:hidden;} .first-goal-tm .col figure img{border-radius:50%; width:100%;} .first-goal-tm .col span{display:block; color:rgba(0,0,0,0.87); margin-top:3px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .first-goal-tm .col:last-child figure{float:right; margin:0 0 0 8px;} .first-goal-tm .col:last-child span{text-align:right;} .correct_score{float:left; width:100%; padding:10px 5px; max-height:208px; overflow:hidden; position:relative;} .correct_score ul{float:left; width:50%; padding:4px 3px;} .correct_score ul li{float:left; width:100%; background:#efefef; border-radius:3px; position:relative; padding:8px; line-height:14px; margin:3px 0; display:none;} .correct_score ul li:first-child, .correct_score ul li:nth-child(2), .correct_score ul li:nth-child(3), .correct_score ul li:nth-child(4), .correct_score ul li:nth-child(5){display:block;} .first-goal-socre.open .correct_score ul li{display:block;} .correct_score ul li span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; color:rgba(0,0,0,0.87);} .correct_score ul li label{float:right; width:26px; font-weight:normal; font-size:13px; color:rgba(0,0,0,0.87); text-align:right; margin:0 0 0 5px;} .correct_score ul li:first-child, .correct_score ul li:first-child label{font-weight:600;} .correct_score ul li.inactive{opacity:0.45;} .goal-socre-outer .view-more{float:left; width:100%;} .goal-socre-outer.open .view-more a.expand_btn{display:none;} .goal-socre-outer.open .view-more a.expand_out_btn{display:block;} .goal-score-select.graphic_data{float:right; position:relative; margin:0;} .first-goal-score-xs{float:left; width:100%; display:none; position:fixed; top:0; left:0; background:#fff; z-index:1; text-align:center; border-bottom:1px solid #d9d9d9;} .first-goal-score-xs h3{float:left; width:100%; padding:12px 0;} .first-goal-score-xs h3 strong{font-weight:normal; font-size:16px; line-height:24px; color:rgba(0,0,0,0.87); display:block;} .first-goal-score-xs h3 span{font-size:12px; line-height:24px; color:rgba(0,0,0,0.65); display:block;} .first-goal-score-xs h3 i{color:rgba(0,0,0,0.65); position:absolute; left:15px; top:24px; cursor:pointer;} .cricket-sport .team_schedule ul li .result{ width:115px;} table#portal_table th.fgs_player, table#portal_table td.fgs_player{text-align:left;} /* Standings Selected Team Css */ .table_outer .table-container table#standings tbody tr.selected_team{border-bottom:1px solid #848484;} .cricket-sport .matches_wrap_v2 .outer{ padding:6px 10px;} /* Unibet App Css */ #header.u-app{background:#fff;} #header.u-app .head-stat-act{color:#147b45; border-left-color:#147b45;} #header.u-app .head-tabs ul li.sport-betting a{color:#147b45 !important;} #header.u-app .head-tabs ul li.active a{color:#147b45 !important;} #header.u-app .head-tabs{display:none !important;} /*unibet-sub-megamenu css start*/ .sub-menu .unibet-sub-megamenu {position: relative;} .sub-menu .unibet-sub-megamenu a i{float:right; } .sub-menu .unibet-sub-megamenu ul {width: 100%;display: none;} .sub-menu .unibet-sub-megamenu.megamenu ul{display: block;width: 200px; box-sizing: border-box; background-color: #033954;border-bottom-left-radius:2px; border-bottom-right-radius:2px; position: absolute; box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 4px, rgba(0, 0, 0, 0.24) 0px 4px 4px; padding:0px; left: 100%; top: 0;} .sub-menu .unibet-sub-megamenu ul > li > a {padding:12px 16px; font-weight: normal; font-size: 15px; line-height: 20px; color: rgba(0,0,0,0.65); display: block; text-decoration: none;} .sub-menu .unibet-sub-megamenu ul > li > a:hover { background-color:#178c4f; color: #fff; transition: all 0.3s ease 0s;} .sub-menu .unibet-sub-megamenu ul > li > a .ink {background: rgba(0, 0, 0, 0.3);} .sub-menu .unibet-sub-megamenu ul > li.active > a {background-color: transparent; color: #2196f3;} .sub-menu .unibet-sub-megamenu.megamenu a {background-color:#0c567b; color: #111; transition: all 0.3s ease 0s;} .sub-menu.ps {touch-action: inherit;overflow: inherit!important;} .sub-menu.ps > .ps__scrollbar-y-rail, .sub-menu.ps > .ps__scrollbar-x-rail {display: none; height: auto;} .navbar-nav > li > ul {max-height: inherit;} .sub-menu .unibet-sub-megamenu.megamenu ul li:hover a{background:#178c4f;} .sub-menu .unibet-sub-megamenu.megamenu ul a{position:relative;} .sub-menu .unibet-sub-megamenu.megamenu ul a.selected:after { left: -5px; position: absolute; top: 0; height: 100%; width: 4px; background: #147b45; content: ''; transition: all .15s ease-in-out; opacity: 0; visibility: hidden;} .sub-menu .unibet-sub-megamenu.megamenu ul a.selected:after{opacity: 1; left: 0; visibility: visible;} .navbar-nav > li > ul.sub-menu > .unibet-sub-megamenu a i{color:#fff;} .navbar-nav > li > ul.sub-menu > .unibet-sub-megamenu a i .icon{display:inline-block;} .show_league .league_list li.soccer_leagues { border-bottom:solid 2px #fddb00; padding:0px 0!important;} .show_league .league_list li.soccer_leagues:hover{background:none;} .show_league .league_list li.soccer_leagues a:hover, .show_league .league_list li.active{background:#d6f3ff;} /*unibet-sub-megamenu css end*/ /*timeline css start*/ .time_line_wrap{width:100%; float:left;} .timeline_block{width:100%; float:left; margin-bottom:30px; } .timeline_col{width:100%; float:left; background:url(../images/timeline_bg.png) no-repeat left top; background-size:cover; min-height:140px; padding: 0 10px; border-top-left-radius: 3px; border-top-right-radius: 3px;} .timeline_col .team_col{ width:115px; float:left; padding:20px 0 10px;} .timeline_col .team_col li{width:100%; float:left; background:#fff; border-radius:4px; -webkit-border-radius:4px; margin-bottom:2px; } .timeline_col .team_col li:nth-child(2){display:none;} .timeline_col .team_col li figure{width:20px; height:20px; border-radius:50%; display:inline-block;} .timeline_col .team_col li figure img{width:100%; height:100%; border-radius:50%;} .timeline_col .team_col li .tm_name{display:inline-block; font-size:12px; font-family: 'Nunito Sans', sans-serif; font-weight:700; color:#000; text-transform:uppercase; padding-left:4px; vertical-align:middle;} .timeline_col .team_col li .tm_score{float: right; width: 30px; height: 38px; text-align: center; line-height: 38px; position:relative;border-top-right-radius:4px; border-bottom-right-radius:4px;} .timeline_col .team_col li .tm_score:before{content:""; width: 0; height: 0; border-top:6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; position:absolute; left:0; top:12px;} .timeline_col .team_col li .tm_score span{ font-family: 'Nunito Sans', sans-serif; font-weight:700; color:#000; font-size:13px;} .timeline_col .team_col li:last-child .tm_score span{color:#fff;} .timeline_col .team_col li .tm_title{padding:7px 0 7px 5px; float:left;} .timeline_graph{width: auto; float: none; display: block; overflow: hidden; position:relative;} .timeline_graph .timeline_bg{width:100%; float:left; background:rgba(0, 0, 0, 0.15); margin:20px 0; border:2px solid rgba(255, 255, 255, 0.30); border-left:none; margin: 30px 0; min-height:60px; padding:23px 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .timeline_graph .graph_layer{width:100%; float:left; background:#fff; border-radius:5px; height:10px; display:table;} .goals-ht{display:table-cell; width:40%; position:relative; min-height:10px;} .timeline_graph .graph_ht{position:absolute; top:-4px; background:url(../images/bg_pattern.jpg) repeat; border-radius:50%; width:20px; height:20px; color:#fff; line-height:22px; right:0; font-size:11px; text-align:center; font-family: 'Nunito Sans', sans-serif; font-weight:700;} .timeline_graph .graph_sc{position:absolute; top:0; color:#fff; font-family: 'Nunito Sans', sans-serif; font-weight:700; font-size:13px; width:30px; text-align:center; display:flex; flex-wrap:wrap;} .timeline_graph .graph_sc.tm-two{top:-53px;} .timeline_graph .col_top{display:inline-block; width:18px; line-height:18px; font-family: 'Nunito Sans', sans-serif; font-weight:700; font-size:12px; color:#fff; order:3; word-break:break-all; line-height:12px; margin:0 auto; min-height:24px;} .timeline_graph .col_top span{width:100%;} .timeline_graph .col_dot{width:10px; height:10px; border-radius:50%; background:#0B6B1F; display:inline-block; margin:0 auto;} .timeline_graph .col_bottom{position:relative; float:left; width:100%; order:2;} .timeline_graph .sc_img{width:22px; height:22px; margin-top:3px; display:inline-block;} .timeline_graph .sc_img img{width:100%; height:100%; border-radius:50%;} .timeline_graph .col_top .sc_img{top:-5px;} .timeline_graph .graph_ht.ex{display:none;} .tm_tootip{position: absolute; top:2px; background:#30aede; border-radius:3px; padding:1px 5px; left:34px; width:130px; display:none; z-index:10; text-align:left;} .tm_tootip:before{content:""; position:absolute; width: 0; height: 0; border-top:6px solid transparent; border-bottom:7px solid transparent; border-right:7px solid #30aede; left:-7px; top:calc(50% - 7px);} .tm_tootip figure{width:24px; height:24px; border-radius:50%; display:inline-block; vertical-align:middle; float:left;} .tm_tootip figure img{width:100%; height:100%; border-radius:50%; border: 1px #fff solid;} .tm_tootip.right_side{left:auto; right: 20px; top: -10px; background: #fbd41a;} .tm_tootip.right_side:before{border-left:6px solid #fbd41a; border-right:none; right: -6px; left:auto; top: 9px;} .tm_tootip.right_side figure{float:right;} .tm_tootip.right_side span{float:none; padding-right:5px; line-height: 26px; color: #000;} .tm_tootip span{vertical-align: middle; padding-left: 5px; display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; float: none; width: auto; line-height: 26px;} .tm_tootip.left_tootip{left:auto; right:30px; background:#fbd41a;} .tm_tootip.left_tootip:before{border-left:6px solid #fbd41a !important; border-right:none !important; right:-6px; left:auto;} .tm-two .tm_tootip.left_tootip{left:auto; right:34px; background:#fbd41a;} .tm-two .tm_tootip.left_tootip:before{border-left:6px solid #fbd41a !important; border-right:none !important; right:-6px; left:auto;} .tm-one .tm_tootip.left_tootip{left:auto; right:30px; background:#30aede;} .tm-one .tm_tootip.left_tootip:before{border-left:6px solid #30aede !important; border-right:none !important; right:-6px; left:auto;} .graph_sc.tm-two{display:flex; flex-wrap:wrap;} .graph_sc.tm-two .col_top{order:-1; margin-top:0; display:flex; align-items:center;} .graph_sc.tm-two .col_bottom{order:-1; margin-top:0; margin-bottom:0;} .timeline_graph .tm-two .sc_img{margin-top:1px;} .graph_sc.tm-two .col_dot{margin:0 auto;} .graph_sc.tm-two .tm_tootip{background:#fbd41a; color:#000; top:-2px;} .graph_sc.tm-two .tm_tootip:before{border-right:7px solid #fbd41a;} .goals-ht.goals-extra{width:20%;} .goals-ht.goals-extra .graph_ht{display:none;} .sky{background:#30aede;} .yellow{background:#fbd41a;} .timeline_graph .col_bottom:hover .tm_tootip, .timeline_graph .col_top:hover .tm_tootip {display:block;} .timeline_graph .sc_img img.mob_xs{display:none;} .timeline_graph .sc_img img.dp_lg{display:block;} .timeline_detail{width:100%; float:left; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background:#fff;} .timeline_detail ul{width:100%; float:left;} .timeline_detail ul li{border-bottom:1px rgba(0, 0, 0, 0.12) solid; padding:10px 20px; width:100%; float:left;} .timeline_detail ul li .col_tm{width: 85px; float:left; margin-top: 6px;} .timeline_detail ul li .col_tm figure{width:24px; height:24px; border-radius:50%; display:inline-block; vertical-align:middle;} .timeline_detail ul li .col_tm figure img{width:100%; height:100%; border-radius:50%;} .timeline_detail ul li .col_tm span{display:inline-block; vertical-align:middle; font-size:12px; font-family: 'Nunito Sans', sans-serif; font-weight:700; color:#000; padding-left:8px; text-transform:uppercase;} .timeline_detail ul li .col_list{float:none; width:auto; overflow:hidden; display:block;} .timeline_detail ul li .col_list li{background:#eeeeee; border-bottom:none; width:auto; padding:5px 10px; float:left; border-radius:4px; margin:2px 10px 2px 0;} .timeline_detail ul li .col_list li figure{width:24px; height:24px; border-radius:50%; display:inline-block; vertical-align:middle;} .timeline_detail ul li .col_list li figure img{width:100%; height:100%; border-radius:50%;} .timeline_detail ul li .col_list li span{display:inline-block; vertical-align:middle; font-size:13px; font-family: 'Nunito Sans', sans-serif; font-weight:700; color:#000; padding-left:8px; margin-right:10px;} .timeline_detail ul li .col_list li .score_tm{float:right; font-size:13px; font-family: 'Nunito Sans', sans-serif; font-weight:700; color:#000; line-height: 24px; } .timeline_graph .graph_ht .mob_xs{display:none;} .timeline_graph .graph_ht .dp_lg{display:block;} .graph_sc.three-d .col_top { width:24px;} /*timeline css end*/ /*world cup stadium page css start*/ .world_cup .stats ul li{width:50%;} .world_cup .stats ul li:nth-of-type(n+3) { border-top: 1px solid rgba(0,0,0,0.12);} .world_cup .stats ul li:nth-of-type(3n){border-right: 1px solid rgba(0,0,0,0.12);} .new_text{position:absolute; right: 15px; background: #f00; top: 15px; color: #fff; padding:2px 6px; border-radius: 3px; font-size: 13px; line-height: 18px;} .new_landing_wrap .sports_list ul li a#new_league_container{font-color:#000;} .worldcup-wrap .preview_game_card figure a small#home_ranking ,.worldcup-wrap .preview_game_card figure a small#away_ranking{font-size:9px;} /*world cup stadium page css end*/ /*standing page css start*/ .all_select_div{position:absolute; top:-62px; left:102px; right:0;} .advance_filter_bar .all_select_div .select_season.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .advance_filter_bar .all_select_div .week_dd.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){position:relative; float:left; top:auto; left:auto;} .all_select_div .league_conf.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){float:left; width:auto;} .all_select_div .league_conf.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) .btn-default{font-size:14px; color:rgba(0,0,0,0.65); line-height:24px;} .standing_table_div{display:block; border-bottom:1px solid #d9d9d9;} .standing_table_div table{border-top:1px solid #d9d9d9;} .conference_title{display:block; padding:0 0 10px;} .conference_title span{display:block; font-size:14px; color:rgba(0,0,0,0.87); margin-bottom:0;} .conference_title span.conf_heading{margin-bottom:10px; font-size:15px; font-family: 'Nunito Sans', sans-serif; font-weight: 700;} /*standing page css start*/ /*World Cup Css*/ .worldcup-wrap .data_content li .layer .wdl{float:none; display:inline-block;} .block-form{float:left; width:100%; display:table; table-layout:fixed;} .block-form > div{display:table-cell;} .block-form > div#away_form .wdl{margin:0 0 0 2px;} .form-bottom{float:left; width:100%;} .form-bottom span{float:left; width:50%; font-size:12px; color:#777; font-weight:normal; min-height:1px;} .form-bottom span:last-child{text-align:right;} .preview_game_card figure a small#home_ranking, .preview_game_card figure a small#away_ranking{font-size:9px;} .worldcup-wrap .non_graphic_data .data_content{height:642px;} .worldcup-wrap .non_graphic_data.open .data_content{height:auto;} .data_content li .layer .cell:last-child{text-align:right;} .data_content li .layer .cell:last-child .wdl{float:none; display:inline-block;} .funfact-item{float:left; width:100%; display:flex; justify-content:space-between; align-items:center;} .funfact-item .pull-left{float:left; flex:1;} .funfact-item .pull-left p{font-size:12px; color:#333; line-height:normal;} .funfact-item .pull-right{float:right; text-align:center; margin-left:8px; /* display:flex; */ display:none; flex-wrap:wrap; align-items:center;} .funfact-item .pull-right figure{float:left; overflow:hidden; margin:14px 8px 0 0; text-align: center;} .funfact-item .pull-right figure img{display: inline-block; width:22px; min-width:22px; height:22px; border-radius:50%;} .funfact-item .pull-right figure figcaption{font-size:12px; white-space:nowrap; display: block; clear: both; color:#111; margin-top:2px;} .betting-btn{float:left; width:90px; min-width:90px; text-align:center;} .betting-btn span{font-size:12px; color:#333; margin-bottom:2px; float:left; width:100%; text-align:center;} .betting-btn a{display:flex; float:left; width:100%; align-items:center; justify-content:center; align-content:center; flex-wrap:wrap; height:44px; border:1px solid #247423; background:#247423; padding:2px 6px; border-radius:2px;} .betting-btn a span{color:#f0f0f0; font-size:12px; float:left; width:100%;} .betting-btn a strong{color:#fff; font-size:14px; font-weight:bold; float:left; width:100%;} .uni-widget .funfact-crousel .owl-carousel .owl-buttons{display:block;} .uni-widget .funfact-crousel .owl-carousel .owl-buttons > div{position:absolute; top:0; height:calc(100% - 30px); left:0; width:40px; color:#999; /*margin-top:16px;*/ display:flex; align-items:center; justify-content:center; background:#fff;} .uni-widget .funfact-crousel .owl-carousel .owl-buttons > div i{float:left; height:14px; width:10px; line-height:14px;} .uni-widget .funfact-crousel .owl-carousel .owl-buttons > div:hover i{color:#333;} .uni-widget .funfact-crousel .owl-carousel .owl-buttons > div i svg{height:14px;} .uni-widget .funfact-crousel .owl-carousel .owl-buttons > div.owl-next{left:auto; right:0;} .funfact-crousel .owl-carousel .owl-item{padding:0 40px;} .uni-widget .funfact-crousel .owl-carousel .owl-buttons > div.disabled i{color:#d8d8d8;} .uni-widget .funfact-crousel .owl-carousel .owl-wrapper{display:flex !important; align-items:center;} @media(min-width:993px){ body{overflow:scroll;} .funfact-item{padding:0 30px;} .navbar .container>.navbar-collapse, .navbar .container-fluid>.navbar-collapse{width:100%;} .nav_outer{width:100%; float:left;} .navbar-nav{width:100%; float:left;} li#more { float: right;} .navbar-nav > li#more > ul.sub-menu{left:auto; right:0;} li#more .sub-menu .unibet-sub-megamenu.megamenu ul{left:auto; right:100%;} /*submenu hide css start*/ .navbar-nav > li:hover > ul { display: none; opacity: 0; visibility: hidden;} .navbar-nav > li#more:hover > ul{display: block; opacity:1; visibility: visible;} li#more ul.sub-menu li ul.inner-sub{display:none!important;} .nav.navbar-nav li#more .sub-menu li a i.arrow-down, .navbar-inverse .navbar-nav > li > a i + i + i.arrow-down{display:none} .navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li > a:hover{background-color: #0c567b;} .navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li.opened.active{background-color: #0c567b;} .navbar-nav > li a i.arrow-down{display:none !important;} .navbar-nav > li > ul > li.openedd.active > a{background-color: #0c567b; color: #fff; transition: all 0.3s ease 0s;} /*submenu hide css end*/ } .league_match_right .league_list ul.league-sub-menu{padding:0;} /* Neutral & Reschedule Star Css*/ .is_neutral, .reschedule_neutral{position:relative;} .is_neutral i.neutral, .reschedule_neutral i.neutral, .is_neutral a.reschedule, .reschedule_neutral a.reschedule{position:absolute; left:3px; top:4px; font-size:12px; color:#F00; z-index:1; color:#F00 !important; line-height:11px; font-size:15px; cursor:pointer;} .is_neutral a.reschedule i{font-size:12px; line-height:9px;} .is_neutral.reschedule_neutral i.neutral{left:18px; cursor:pointer;} .slice .bar, .slice .fill{border-color:#014c6b !important;} .performance-info{width:100%;} .performance-table{float:left; width:100%;} .table-outer{float:left; width:100%;} .performance-table .table-outer{overflow:auto;} .performance-outer{float:left; width:100%;} .sm-title{float:left; width:100%; padding:0 0 10px; display:flex; align-items:center; justify-content:space-between;} .sm-title h4{float:left; color:rgba(0, 0, 0, 0.87); font-size: 15px; font-weight:normal; line-height:28px; padding:0 15px;} .select-multi{float:left;} .sm-title .select-multi{float:right; max-width:120px;} .sm-title .select-multi .ms-drop{left:auto; right:0;} .select-multi button.ms-choice{background: url(../../shared/images/arw.png) no-repeat right 10px center #fafafa; border:1px solid rgba(0,0,0,0.38); width:100%; padding:6px 15px; text-align:left;} .select-multi .ms-drop{position:absolute; top:100%; left:0; display:none; background:#fff; border:1px solid rgba(0, 0, 0, 0.38); width:130px; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12); z-index:2;} .select-multi .ms-parent{position:relative; max-width:100%;} .select-multi .ms-drop ul{ max-height:380px !important; overflow:auto;} .select-multi .ms-drop ul li{ padding:3px 7px;} .select-multi .ms-drop ul li label{font-size:14px; font-weight: normal; line-height: 28px;} .select-multi .ms-drop ul li label input[type="checkbox"]{ margin-right:10px; background: rgba(255, 255, 255, 1);} .performance-table .table > tbody > tr > td:first-child span {width: auto;} .performance-table .team_link{display: flex;align-items: center;} .performance-info .table-outer table thead tr th{padding:8px 6px;} .performance-info .table-outer table tbody tr td{padding:8px 6px; font-weight:normal;} /*///================\\\\WIdget CSS Start ////================///*/ .widget-wrapper{float:left; width:100%; padding:0; background:#fff;} .widget-outer{float:left; width:100%;} .wcard-outer{background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,.1); padding:14px; float:left; width:100%;} .expand-bar{float:left; width:100%;} .expand-bar a{float:left; width:100%; background:none; border-radius:3px; border:1px solid #00ccbc !important; text-align:center; position:static; color:#00ccbc; font-weight:600; margin-top:10px;} .expand-bar a:hover{color:#00ccbc; text-decoration:underline;} .prev_info .expand-bar a{position:static;} .widget-container{float:left; width:100%;} .widget-row{display:flex; float:left; width:100%; flex-wrap:wrap;} .widget-col{float:left; width:33.33%; margin-bottom:16px; padding:0 7.5px;} .widget-col.preview-widget{width:100%; margin-bottom:44px;} .widget-outer .wcard{float:left; width:100%; margin:0;} .widget-prev .expand-bar{display:none;} .prev_info.widget-prev .info{height:auto; padding:0; font-weight:600; font-size:14px;} .widget-prev .wcard-outer{background:none; box-shadow:none; padding:0;} .prev_info .widget-title{padding:0;} .widget-title{float:left; width:100%; margin-bottom:10px; position:relative; padding:8px 0;} .title-label{float:left; color:#333; font-weight:bold; font-size:16px;} .widget-outer .non_graphic_data, .widget-outer .graphic_data{float:left; width:100%;} .widget-outer button.ms-choice{border:1px solid #ddd; border-radius:3px; background:#fff;} .widget-encounter .matches_wrap_v2 .outer.link_icon i.redirect{display:none;} .widget-encounter .matches_wrap .layer .cell:last-child i{display:none;} .widget-encounter .matches_wrap .layer .cell:last-child{width:1px;} .page-loader.widget-loader .isg_loader1{display:flex; align-items:center; justify-content:center; height:100%; width:100%; top:0;} .widget-encounter .matches_wrap_v2 .outer:hover{background:none;} .widget-encounter .matches_wrap_v2 a{cursor:default;} .gp-btn{float:left; width:100%; border-radius:3px; border:1px solid #00ccbc; text-align:center; color:#00ccbc; font-weight:600; margin-top:10px; line-height:36px; display:flex; align-items:center; justify-content:center;} .gp-btn:hover{color:#00ccbc; text-decoration:underline;} .gp-btn i{margin-right:6px; height:16px; width:16px; display:inline-block; color:#00ccbc;} .gp-btn i svg:not(:root){float:left;} .tennis-sport .widget-encounter .matches_wrap_v2 .outer{padding:14.8px 10px 14px;} .widget-stats .data_content li .layer .cell:last-child .wdl{float:left; margin:0 0 0 2px;} .widget-encounter .matches_wrap_v2 .outer > div strong{font-size:16px;} .widget-encounter .matches_wrap_v2 .outer > div small{font-size:12px;} .widget-encounter .matches_wrap_v2 .outer > div figure{width:28px;} .widget-encounter .matches_wrap_v2 .team_one{display:flex; align-items:center;} .widget-encounter .matches_wrap_v2 .team_two{display:flex; align-items:center; justify-content:flex-end;} .widget-encounter .matches_wrap_v2 .team_two figure{order:3;} .widget-encounter .matches_wrap_v2 .team_two small{order:2;} .widget-col .open .wcard > h3 i{cursor:pointer; z-index:2; height:30px; width:30px;} .widget-col .open .wcard > h3 i svg{width:16px;} .event-complete-msg{margin:0; position:absolute; top:50%; left:50%; width:100%; max-width:900px; transform:translate(-50%, -50%); padding:20px;} .event-complete-msg p{float:left; width:100%; background:#ffff; padding:20px; color:#111; font-size:16px; text-align:center;} .widget-col.key-stats-widget .non_graphic_data .data_content li:first-child, .widget-col.betting-trends-widget .graphic_data .data_content li:first-child, .preview-wrap .non_graphic_data .data_content li:first-child, .preview-wrap .graphic_data .data_content li:first-child{position:-webkit-sticky; position:sticky; top:0; background:#fff; z-index:2;} @media(min-width:1025px){ .encounter-widget .encounter .matches_wrap_v2{max-height:323px;} .encounter-widget .encounter.open .matches_wrap_v2{max-height:323px;} .key-stats-widget .non_graphic_data .data_content{height:auto; max-height:471px; position:relative; overflow:hidden;} .betting-trends-widget .graphic_data .data_content{height:auto; max-height:470px; position:relative; overflow:hidden;} .key-stats-widget .non_graphic_data.open .data_content{overflow:auto;} .betting-trends-widget .graphic_data.open .data_content{overflow:auto;} .no-more-encounters .expand-bar{opacity:0; pointer-events:none;} .encounter-widget.no-more-encounters .encounter .matches_wrap_v2{min-height:323px;} .widget-stats .data_content li .layer .wdl{line-height:20px;} } @media(max-width:1024px){ .widget-col.preview-widget{margin-bottom:24px;} .widget-col{width:100%; border-bottom:1px solid rgba(0,0,0,0.12); margin-bottom:22px; padding-bottom:22px;} .preview-widget{order:3;} .key-stats-widget{order:1;} .encounter-widget{order:2;} .betting-trends-widget{order:4;} .genius-predictor-widget{order:5;} .prev_info.widget-prev .info{height:110px; font-size:13px;} .prev_info.widget-prev.open .info{padding:82px 10px 10px;} .widget-prev .expand-bar{display:block;} .widget-prev .wcard{border:0; padding-top:0;} .widget-prev .wcard-outer{padding:0 8px;} .widget-col .external-link{display:none !important;} .wcard-outer{box-shadow:none; padding:0 10px;} .widget-col .non_graphic_data .data_content{height:100%;} .widget-col .non_graphic_data .data_content li{display:none;} .widget-col .non_graphic_data .data_content li:nth-child(-n+7), .widget-col .non_graphic_data.open .data_content li{display:block;} .widget-stats .expand-bar .expand_btn, .widget-encounter .expand-bar .expand_btn, .widget-bt .expand-bar .expand_btn{display:block;} .encounter-widget .encounter .final_score{border:0;} .encounter-widget .encounter .wcard{border:0;} .encounter-widget .widget-title{margin:0; padding-bottom:0;} .widget-bt .data_content li{display:none;} .widget-bt .data_content li:nth-child(-n+7), .widget-bt.open .data_content li{display:block;} .graphic_data.widget-bt .data_content{height:100%;} .widget-stats .data_content li .layer .wdl{font-size:11px; width:16px;} } /*///================\\\\WIdget CSS End ////================///*/ /*Team Stats CSS*/ .team-stats-wrap{float:left; width:100%; position:relative; margin-bottom:18px;} .team-stats-wrap .wcard{float:left; width:100%; padding:1px; margin-top: 4px;} .team-stats{float:left; width:100%;} .stats-tm{float:left; width:100%; display:flex; align-items:center; background:#f5f5f5; padding:16px 16px 0;} .stats-tm figure{float:left; height:36px; width:36px; min-width:36px; border-radius:50%; border:1px solid #d3d3d3; margin-right:8px;} .stats-tm figure img{float:left; width:100%; border-radius:50%;} .stats-tm span{flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; font-size:14px; text-transform:uppercase; font-weight:bold;} .stat-table{float:left; width:100%;} .table-outer{float:left; width:100%;} .table-outer table{width:100%;} .table-outer table tr{width:100%;} .table-outer table thead tr{width:100%; background:#f5f5f5;} .table-outer table thead tr th:first-child{text-align:left;} .table-outer table thead tr th{color:#959595; font-size:13px; text-align:center; font-weight:normal; padding:9px 16px;} .table-outer table tbody tr{border-top:1px solid #eaeaea;} .table-outer table tbody tr td{color:#000; font-size:13px; text-align:center; font-weight:bold; padding:18px 16px;} .table-outer table tbody tr td:first-child{text-align:left;} /*Landing Page Menus Css*/ .league-title, .league_list h3 .game-icon{display:none;} .soccer_regions .league-name{display:none;} @media(min-width:768px){ .new_landing_wrap .sports_list{width:100%;} .new_landing_wrap .sports_list:before, .new_landing_wrap .sports_list:after, .sports_list .tigger-point{display:none;} .new_sport_list .new-tabs{display:flex; flex-wrap:wrap;} .new_landing_wrap .sports_list ul li{flex:inherit; min-width:20%; margin:0 0 12px !important; background:none; padding:0 6px; width:auto !important; height:auto !important;} .new_landing_wrap .sports_list ul li a{background:#fff; width:100%; color:#033954; font-size:16px; font-weight:600; padding:8px; height:auto !important; width:100% !important;} .new_landing_wrap .sports_list ul li i.game-icon{width:88px; height:88px; color:#033954;} .new_landing_wrap .sports_list ul li a .block{margin-bottom:6px;} .league_match_right .league_list{position:fixed; top:0; left:0; background:#ebeef0; height:100%; width:100%; z-index:9999; padding:20px;} .league_list h3{display:flex; align-items:center; float:left; width:100%; padding:0 10px 15px; position: relative; border-bottom: 1px rgba(0, 0, 0, 0.10) solid; margin-bottom: 20px;} .league_list h3 i.close-icon{width:27px; height:27px; display:inline-block; position:absolute; top:10px; right:10px; color:#000; cursor:pointer;} .league_list h3 i.close-icon:hover{color:#4a4a4a;} .league_list h3 strong{display:none;} .league_list h3 .game-icon{width:40px; display:block; margin-right:16px; height:auto; color:#033954;} .league_list h3 span{color:#033954; font-size:26px; font-weight:900; text-transform:uppercase;} .league_match_right .league_list ul{float:left; width:100%; display:flex; flex-wrap:wrap; padding:6px;} .league_match_right .league_list ul li{flex:1; min-width:20%; margin:0 0 12px; background:none; padding:0 6px;} .show_league .league_list li:hover, .show_league .league_list li.active{background:none;} .league_match_right .league_list ul li.soccer_leagues{display:none !important;} .league_match_right .league_list ul li a{background:#fff; height:100%; min-height:86px; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; font-size:18px; color:#afafaf; text-align:center; text-transform:uppercase; align-content:center;} .league_match_right .league_list ul li:hover a{box-shadow:0 0 10px 0 rgba(0,0,0,.1); transition:all 0.3s ease 0s;} .league_match_right .league_list ul li a .arrow-right{display:none;} .league_list ul li .league-name{float:left; width:100%; display:block; color:#033954; text-transform:uppercase; font-size:20px; font-weight:bold;} .league_list ul li .region-name{float:left; display:block; width:100%; margin-bottom:8px; color:#afafaf; font-size:16px;} .league-title{float:left; display:block; width:100%; color:#000; font-size:22px; font-weight:900; margin-bottom:5px; padding:0 10px; text-transform:uppercase;} } .review-wrap .betting-col-data{width:100%;} .select-dropdown-season{width: 100%; float: left; margin-top: 35px;} .select-dropdown-season .ms-parent.select_season{ width:126px !important; position:absolute; right:0; top:0; z-index:3;} .select-dropdown-season .ms-parent .ms-drop{ display:none;} .select-dropdown-season button.ms-choice{ background:#f5f5f5; border:1px solid #bbbbbb; border-radius:2px; width:100%; line-height:20px; padding:6px 15px; text-align:left;} .select-dropdown-season button.ms-choice{outline:none; box-shadow:none;} .select-dropdown-season .ms-drop {background: #FFF; border: 1px solid #bbb; width: 134px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12);} .select-dropdown-season .ms-drop ul { max-height:380px !important; overflow:auto;} .select-dropdown-season .ms-drop li{ padding:0px 7px; transition:all 0.2s ease-out 0s;} .select-dropdown-season .ms-drop ul li label{font-size: 14px; font-weight: normal; line-height: 36px; margin-bottom:0px;} .select-dropdown-season .ms-drop ul li:hover{ background:#e8e8e8;} .select-dropdown-season button.ms-choice:after { content: ''; position: absolute; opacity: 0.7; right: 15px; top: 13px; width: 12px; height: 8px; clear: both; display: block; background: url(../../shared/images/arrow-down.svg) no-repeat right;} .matches_wrap_v2.contentHolder a{position:relative; display:block} .matches_wrap_v2.contentHolder i{ position: absolute; bottom: 20px; right: 20px; color: rgba(0,0,0,0.54); left: auto; top: inherit; font-size: 24px; height: 9px; width: 10px;} .main-loader{float:left; width:100%; position:fixed; top:0; left:0; height:100%; z-index:999999; background:#ebeef0;} .loader-content{float:left; width:100%; height:100%; display:flex; align-items:center; justify-content:center;} /*squad page css start*/ .squad_blodk h1{font-size:20px; line-height:32px; font-weight:700; color:rgba(0,0,0,0.87); padding-bottom:10px; } .squad_blodk .wcard{width:100%; float:left;} .title_squad{width:100%; float:left; padding:12px 15px;} .title_squad h5{font-size:14px; font-weight:700; color:#000; display:inline-block;} .title_squad h5 .mob_sc{display:none;} .title_squad h5 .desk_sc{display:inline-block;} .title_squad .col_right{float:right;} .title_squad .col_right .player_flight{display:inline-block; margin-right:20px; line-height:18px;} .title_squad .col_right .player_flight figure{width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right: 3px;} .title_squad .col_right .player_flight span{display:inline-block; vertical-align:middle; font-weight:700; color:#000; font-size:14px; } .title_squad .col_right .player_flight figure img{width:100%; border-radius: 50%; } .title_squad .col_right .player_tot{display:inline-block; font-weight:700; color:#000; font-size:14px; } .squad_table{width:100%; float:left; overflow-y:auto;} .squad_table table{width:100%; float:left; white-space:nowrap;} .squad_table table th{color:#000;font-size:13px; font-weight:normal; padding:8px 10px; background:#f5f5f5; border-top:1px #e0e0e0 solid; text-align:center;} .squad_table table td{color:#212121; font-size:13px; font-weight:normal; padding:8px 10px; border-top:1px #e0e0e0 solid; text-align:center;} .squad_table table td a{color:#2196f3;} .squad_table table td:first-child img{width:18px; height:18px; margin-left:5px; border-radius:50%;} .squad_table table td:first-child, .squad_table table th:first-child{text-align:left;} .squad_table table tr:nth-child(2n) td {background:#fff;} .squad_table table tr td{background:#fbfbfb;} .team_tab{width:100%; float:left; border-top:1px solid #ababab; margin-top:20px; overflow: auto; white-space: nowrap;} .team_tab ul{width:auto; display:table; float:none;} .team_tab ul li{display:table-cell; margin-right:10px; margin-bottom: 1px; float:none;} .team_tab ul li:last-child{margin-right:0;} .team_tab ul li a{color:rgba(0, 0, 0, 0.70); padding:10px 15px; display:block; border-bottom:3px transparent solid; font-size:14px;} .team_tab ul li:hover a, .team_tab ul li.active a{border-bottom:3px #033954 solid; color:#000;} .squad_card{padding-bottom:0;} /*squad page css end*/ /*player_detail page css start*/ .player_detail{width:100%; float:left;} .player_detail .team_card{padding-bottom:0;} .player_detail .team_card .title h2 i{width:18px; height:18px; float:right; border-radius:50%; margin-left: 10px;} .player_detail .team_card .title h2{ overflow: hidden; text-overflow: ellipsis; display: flex; white-space: nowrap;} .player_detail .team_card .title h2 span{overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;} .player_detail .team_card .title h2 i img{width:auto; height:100%; border-radius:50%;} .player_detail .team_card .player_info{width:26%; float:left; border-right: 1px solid #ababab;} .player_detail .team_card .player_info ul{width:100%; float:left;} .player_detail .team_card .player_info ul li{width:100%; float:left; color:#000; margin:2px 0; font-size:13px; font-weight:bold; display:inline-flex;} .player_detail .team_card .player_info ul li span{width:48%; display:inline-block; text-align:right; color:000; padding-right:12px; font-weight:normal;} .player_detail .team_card .title{border-right:none;} .player_detail .team_card .odds{width:36%; padding-left:5px;} .player_page{width:100%; float:left;} .player_page h4{ font-weight:bold; font-weight: normal; font-size: 12px; color: rgba(0,0,0,0.87); line-height: 20px; padding: 10px 0;} .player_page .wcard{width:100%; float:left; margin-bottom: 0;} .player_page .gamelog_table{width:100%; float:left; overflow-y:auto;} #gamelog.player_page{padding-bottom:25px;} .player_page .gamelog_table table{width:100%; float:left; white-space:nowrap;} .player_page .gamelog_table table th {padding:10px 10px; border-bottom:1px rgba(0, 0, 0, 0.12) solid; font-size:13px; color:rgba(0, 0, 0, 0.70); font-weight:normal; font-weight:normal; text-align:center;} .player_page .gamelog_table table td{padding:8px 10px; border-bottom:1px rgba(0, 0, 0, 0.12) solid; color:#333; font-weight:normal; font-size:13px; text-align:center; } .player_page .gamelog_table table td:first-child, .player_page .gamelog_table table td:nth-child(2), .player_page .gamelog_table table th:first-child, .player_page .gamelog_table table th:nth-child(2){text-align:left;} .player_page .gamelog_table table tbody tr:nth-child(2n){background:#f9f9f9;} .border_line{border-left:1px rgba(0, 0, 0, 0.12) solid;} .player_page .gamelog_table table td .text_wrap{ overflow:hidden; width:auto; white-space:nowrap; text-overflow: ellipsis; float:none; display:block; } .tab_container{width:100%; float:left;} .playerTabs{width:100%; float:left; margin-top:20px;} .playerTabs ul{width:100%; float:left; border-top:1px #ababab solid;} .playerTabs ul li{float:left; margin-right:10px; margin-bottom:1px;} .playerTabs ul li:last-child{margin-right:0;} .playerTabs ul li a{color:rgba(0, 0, 0, 0.70); padding:10px 15px; display:block; border-bottom:3px transparent solid; font-size:14px; font-weight:normal;} .playerTabs ul li:hover a, .playerTabs ul li.active a{border-bottom:3px #033954 solid; color:#000;} .gamelog_outer{width:100%; float:left; position:relative;} .overview_page{width:100%; float:left;} .overview_page h2.title{font-size:18px; color:#212121; font-weight:bold; display:block; vertical-align:middle; margin-bottom:12px;} .overview_page h2.title i{width:26px; height:26px; border-radius:50%; display:inline-block; vertical-align:middle;} .overview_page h2.title i img{width:100%; height:100%; border-radius:50%;} .overview_page h2.title span{ padding-left:5px;} .player_game_tab{width:100%; float:left;} .player_page .gamelog_outer .gamelog_table .sticked-1, .player_page .gamelog_outer .gamelog_table .sticked-2{width:auto;} .battingtabs{ width: auto; float: none; border-bottom: 1px rgba(0, 0, 0, 0.12) solid; padding: 10px 0; overflow: auto; white-space: nowrap;} .battingtabs ul{ width: auto; float: none; text-align: center; margin: 0 auto; display: table; overflow: auto;} .battingtabs ul li{display:table-cell; margin-right:10px;} .battingtabs ul li:last-child{margin-right:0;} .battingtabs ul li a{color:#8f8f8f; padding:5px 15px; display:block; border-bottom:2px transparent solid; font-size:14px; font-weight:bold;} .battingtabs ul li:hover a, .battingtabs ul li.active a{border-bottom:3px #033954 solid; color:#033954; } .summary_tab{width:100%; float:left;} .batting_sum{width:100%; float:left;} .player_page .batting_sum table th{background:#f5f5f5;} .batting_summary{width:100%; float:left;} .batting_summary{margin-bottom:50px;} .batting_summary:last-child{margin-bottom:20px;} .player_page .dismissal_table{width:60%; float:left; } .graph_dimension{width:40%; float:left; background:#fafafa; padding:45px 0 22px;} .graph_dimension .graph_chart{ float: left; padding: 0 24px; position: relative;} .graph_dimension .graph_info{ width: 45%; float: right; padding:0 20px 0 30px; } .graph_dimension .graph_info ul{width:100%; float:left;} .graph_dimension .graph_info ul li{width:100%; float:left; margin:5px 0; font-size:13px; font-weight:normal;} .graph_dimension .graph_info ul li small{width:11px; height:11px; display:inline-block; vertical-align:middle; } .graph_dimension .graph_info ul li span{padding-left:10px; display:inline-block; vertical-align:middle; } .graph_dimension .graph_info ul li span:last-child{float:right; padding-left:0; text-align: left; width: 34px;} .player_page .dismissal_table table td div + div{padding-top:13px;} .player_page .dismissal_table table th{padding:17px 10px;} .player_page .dismissal_table table td{padding:13px 10px;} .player_page .gamelog_table table tr:last-child td{border-bottom:none;} .player_page .dismissal_table table tbody tr:nth-child(2n){background:#fff;} .player_page .dismissal_table table tbody tr:hover{background:#eee;} .playerTabs .container{padding-left:0; padding-right:0; width: 100%; float: left; padding-top:0;} .player_page .gamelog_table table tbody tr.selected_table{background: #071f33;} .player_page .gamelog_table table tbody tr.selected_table td, .player_page .gamelog_table table tbody tr.selected_table td a{color: #fff; font-weight:bold;} .player_detail .team_card .title{width:38%;} .sky_blue_gh{background:#00abd9;} .light_green_gh{background:#95c001;} .yellow_gh{background:#f4b907;} .brown_gh{background:#e17d01;} .red_gh{background:#be3602;} .green_gh{background:#4da705;} .text-center{text-align:center !important;} /*player_detail page css end*/ /*world cup stadium page css start*/ .world_cup .stats ul li{width:50%;} .world_cup .stats ul li:nth-of-type(n+3) { border-top: 1px solid rgba(0,0,0,0.12);} .world_cup .stats ul li:nth-of-type(3n){border-right: 1px solid rgba(0,0,0,0.12);} .world_cup .preview_game_card figure a small#home_ranking,.world_cup .preview_game_card figure a small#away_ranking{font-size:9px;} /*world cup stadium page css end*/ /* cricket Player Skip Css */ .cricket_player .skip-to{float:right; position:absolute; width:20px; right:0; margin-right:-26px; top:48px;} .cricket_player .skip-to label{font-size:15px; color:rgba(0,0,0,0.87); font-weight:normal; float:left; margin-right:10px; display:none;} .cricket_player .skip-to span{float:left; width:24px;} .cricket_player .skip-to span a{font-size:13px; color:rgba(0,0,0,0.87); margin:0 4px; padding:1px 2px; display:block;} .cricket_player .skip-to span a:hover, .skip-to span a.active{color:#2196F3;} .cricket_player .skip-to span a.deactive{color:#c1c1c1;} /*cricket Player Listing Css*/ .cricket_player .division_wrap{float:left; width:100%; position:relative;} .cricket_player .division_wrap .player-listing{float:left; width:100%; background:#fff; box-shadow:0px 0px 1px rgba(0,0,0,0.12), 0px 1px 1px rgba(0,0,0,0.24); padding:20px; margin-bottom:24px;} .cricket_player .division_wrap .player-listing ul{float:left; width:100%; margin-bottom:20px;} .cricket_player .division_wrap .player-listing ul:last-child{margin-bottom:0; border-bottom:0;} .cricket_player .division_wrap .player-listing ul li{float:left; width:15%; margin:0 2% 2% 0; clear:none !important; box-shadow:none;} .cricket_player .division_wrap .player-listing ul li:nth-child(6n){margin-right:0;} .cricket_player .division_wrap .player-listing ul li a{display:block; padding:0;} .cricket_player .division_wrap .player-listing ul li h3{font-size:14px; height:auto; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden;} .cricket_player .division_wrap .player-listing ul li h3 span{float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .cricket_player .division_wrap .player-listing ul li .info{display:block; width:auto; float:none; overflow:hidden;} .cricket_player .division_wrap .player-listing ul li figure{width:24px; height:24px;} .cricket_player .division_wrap .player-listing .alphbet{width:100%; float:left; position:relative; margin-bottom:15px } .cricket_player .division_wrap .player-listing .alphbet span{ width:30px; height:30px; border-radius:50px; float:left; text-align:center; line-height:27px; color:#000; font-size:13px; font-weight:700; border:2px #ccc solid; } .cricket_player .division_wrap .player-listing .alphbet:after{position: absolute; top: 15px;width: 97%; height: 1px; background: #ccc; content: ""; left: 36px;} .cricket-sport .betting .chart_tabs{top:28px;} .cricket-sport .betting .topcard .info{padding-top:50px;} .cricket-sport .betting-section .betting .chart_tabs{top:46px;} .cricket-sport .betting-section .betting .topcard .info{padding-top:35px;} /* Skip Css */ .basketball-ncaab .skip-to{float:right; position:absolute; width:20px; right:0; margin-right:-26px; top:48px;} .basketball-ncaab .skip-to label{font-size:15px; color:rgba(0,0,0,0.87); font-weight:normal; float:left; margin-right:10px; display:none;} .basketball-ncaab .skip-to span{float:left; width:24px;} .basketball-ncaab .skip-to span a{font-size:13px; color:rgba(0,0,0,0.87); margin:0 4px; padding:1px 2px; display:block;} .basketball-ncaab .skip-to span a:hover, .skip-to span a.active{color:#2196F3;} .basketball-ncaab .skip-to span a.deactive{color:#c1c1c1;} /* ncaab Teams Listing Css */ .basketball-ncaab .division_wrap{float:left; width:100%; position:relative;} .basketball-ncaab .division_wrap .teams-listing{float:left; width:100%; background:#fff; box-shadow:0px 0px 1px rgba(0,0,0,0.12), 0px 1px 1px rgba(0,0,0,0.24); padding:20px; margin-bottom:24px;} .basketball-ncaab .division_wrap .teams-listing ul{float:left; width:100%; margin-bottom:20px;} .basketball-ncaab .division_wrap .teams-listing ul:last-child{margin-bottom:0; border-bottom:0;} .basketball-ncaab .division_wrap .teams-listing ul li{float:left; width:18%; margin:0 2% 2% 0; clear:none !important; box-shadow:none;} .basketball-ncaab .division_wrap .teams-listing ul li:nth-child(5n){margin-right:0;} .basketball-ncaab .division_wrap .teams-listing ul li .info{display:block; width:auto; float:none; overflow:hidden;} .basketball-ncaab .division_wrap .teams-listing ul li a{display:block; padding:0;} .basketball-ncaab .division_wrap .teams-listing ul li h3{font-size:14px; height:auto; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden;} .basketball-ncaab .division_wrap .teams-listing ul li h3 span{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float: none; display: block;} .basketball-ncaab .division_wrap .teams-list ul li .info{display:block; width:auto; float:none; overflow:hidden; height:auto;} .basketball-ncaab .division_wrap .teams-listing ul li figure{width:24px; height:24px;} .basketball-ncaab .division_wrap .teams-listing ul li:hover{background:none;} .basketball-ncaab .division_wrap .teams-listing ul li:hover h3{color:#2196F3;} .basketball-ncaab .division_wrap .teams-listing .alphbet{width:100%; float:left; position:relative; margin-bottom:15px } .basketball-ncaab .division_wrap .teams-listing .alphbet span{ width:30px; height:30px; border-radius:50px; float:left; text-align:center; line-height:27px; color:#000; font-size:13px; font-weight:700; border:2px #ccc solid; } .basketball-ncaab .division_wrap .teams-listing .alphbet:after{position: absolute; top: 15px;width: 97%; height: 1px; background: #ccc; content: ""; left: 36px;} /* filter inner fileds css*/ .game_section{float:left; width:100%; text-align:left; padding:0 6px;} .filter .game_section label{display:inline-block; letter-spacing:-0.3px; padding: 0; font-size:12px;} .filter .game_section .scoring-points{display:inline-block; margin:0 1px} .filter .game_section .scoring-points input[type="text"]{display:inline-block; vertical-align:middle; width:40px; height:18px; font-size:10px; padding:0 2px; color:#fff; border:1px solid rgba(255, 255, 255, 0.38); border-radius:0; margin-left:1px; margin-bottom:0; line-height:16px; background:rgba(255, 255, 255, 0.12);} .filter .game_section .scoring-points input[type="text"]::placeholder{color:#fff;} .filter .game_section .btn-group{width:74px !important; display:inline-block; vertical-align:middle; height:18px; margin-bottom:0;} .filter .game_section .btn-group button{float:left; width:100%; height:18px; font-size:11px; padding:0 0 0 4px !important; color:rgba(255,255,255,0.87); border:1px solid rgba(255, 255, 255, 0.38) !important; border-radius:0;} .filter .game_section .bootstrap-select.btn-group .dropdown-menu.inner{position:static;} .filter .game_section .bootstrap-select > .btn-default{line-height:16px;} .filter .game_section .bootstrap-select.btn-group .dropdown-toggle .bs-caret{right:4px; position:absolute; top:3px;} .filter .game_section .bootstrap-select.btn-group .dropdown-toggle .bs-caret .arrow-down{width:9px;} .filter .game_section .bootstrap-select .dropdown-menu li a{padding:2px 5px; margin-left:0; font-size:11px;} .filter .game_section .bootstrap-select .dropdown-menu{min-height:inherit !important;} .when-lt{float:left; width:100%; margin-bottom:4px;} .when-lt h3{color:rgba(255,255,255,0.87); font-size:13px; float:left; width:100%; text-align:left; padding-bottom:3px;} .when-lt .game_section{margin:2px 0;} .filter .game_section label.set_label{min-width:100px;} .filter.show_applied_filter .tooltip .tooltip-inner{max-width:100%;} .portal-wrap .fliter_outer .filter .scoring-points .bootstrap-select.btn-group .dropdown-menu li a{padding-left:5px;} .filter .when-lt .game_section label{padding:0;} .filter .when-lt h3{padding-left:8px;} /* Fatigue Card css */ .wrap-card{float:left; width:100%;} .team-meter-card .fatigue_tabs{border:0;} .team-meter-card .fatigue_tabs li{border:0; color:rgba(0,0,0,0.87); font-size:13px; text-align:center; padding:15px 15px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fatigue-tab-content .meter-outer .fatigue-meter{padding:0 15px 15px;} .fatigue-tab-content .meter-outer{float:left; width:100%; text-align:center;} .fatigue-tab-content .meter-outer .fatigue-meter{float:left; width:50%;} .meter-outer .fatigue-meter figure{margin:0; float:none; display:inline-block;} .meter-outer .fatigue-meter h2{padding-top:6px; font-weight:700; font-size:28px; float:left; width:100%;} .meter-info.meter-detail .cell{color:rgba(0,0,0,0.87); font-size:13px; font-weight:700; width:108px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;} .meter-info.meter-detail .cell.mid{color:rgba(0,0,0,0.65); font-size:13px; text-align:center; position:absolute; margin:0 auto; width:120px; left:0; right:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .meter-info.meter-detail .meter-info-row{position:relative;} .meter-info.meter-detail .cell + .cell + .cell{float:right;} /* For fluctuations on preview */ .graph_container{width: 25%;float: right;font-size: 14px; } canvas.fluctuation{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} .chart-container {height:auto; width:100%; margin: 0px;} .fluctuations_container {display: block; justify-content: center; background:#fff; padding:10px 10px 10px 0; border-bottom: 1px solid rgba(0,0,0,0.12); height:100%;} .chartjs-tooltip { opacity: 1; position: absolute; background: rgba(0, 0, 0, .9); color: white; border-radius: 3px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 4px; width: 50px; text-align: center; } .chartjs-tooltip:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000; border-width: 5px; margin-left:-5px;} .chartjs-tooltip-key {display: inline-block; width: 10px; height: 10px;} .odss_show_bar{float:left; width:100%; background:#f5f5f5; border-top:1px solid #e0e0e0; text-align:center; line-height:20px; font-size:12px; color:#000; position:relative; margin-top:10px;} .olt_wrap.olt_wrap_preview .trigger_bar .team{padding-left:15px;} .olt_wrap.olt_wrap_preview .trigger_bar{padding:15px 0 0;} .olt_wrap.olt_wrap_preview .trigger_bar.over_trigger{padding-bottom:10px;} .preview-wrap .bet_amt{padding-right:15px;} .odss_show_bar span.close_odds{display:none;} .odss_show_bar.active span.open_odds{display:none;} .odss_show_bar.active span.close_odds{display:block;} .odss_show_bar.active{background:#0067ab;} .odss_show_bar.active span{color:#fff;} /* Stadium Schedule Card Css */ .stadium_schedule_card .matches_wrap_v2 > a, .result .matches_wrap_v2 > a{float:left; width:100%; position:relative;} .stadium_schedule_card .matches_wrap_v2 .team_two, .result .matches_wrap_v2 .team_two{margin-right:0px;} .stadium_schedule_card .matches_wrap_v2 i.right-arrow, .result .matches_wrap_v2 i.right-arrow{position:absolute; top:30px; right:8px; color:rgba(0,0,0,0.54); font-size:24px; z-index:2;} .cricket-sport .result .matches_wrap_v2 i.right-arrow{top:32px; right:20px;} /* Standings Selected Team Css */ .table_outer .table-container table#standings tbody tr.select_semi{background-image:url(../images/bgr-standing.png) !important; background-repeat:repeat-x !important; background-position:bottom !important;} .table_outer .table-container table#standings tbody tr.selected_play{border-bottom:1px dotted #848484;} .table_outer .table-container table#standings tbody tr.select_semi td.sticked-1, .table_outer .table-container table#standings tbody tr.select_semi td.sticked-2{background-color:transparent;} /*stadiums new css for matches and schedule */ .matches-card .wcard{float:left; width:100%;} .matches-card a.expand_btn.viw_detail, .matches-card a.expand_out_btn.viw_detail{float:left; width:50%; padding-left:16px; text-align:left; border-top:1px solid rgba(0, 0, 0, 0.12);} .matches-card .wcard a.viw_scoreboard{float:left;width:50%;line-height: 36px;font-size:14px;color:#033954;border-top:1px solid rgba(0, 0, 0, 0.12); text-align:right;padding-right:16px; background:#f5f5f5;} .matches-card.no_show_more .wcard a.viw_scoreboard{width:100%; text-align:center; padding-right:0;} .value-filed{float:left; width:100%; position:relative;} .value-filed input{width:100%; padding:7px 30px 7px 55px; border:0px solid rgba(0, 0, 0, 0.38) !important; background:#014c6b; font-size:14px; color:#fff;} .value-filed input::placeholder{color:#fff;} .value-filed input::placeholder::-moz-placeholder{opacity: 1; color:#fff;} .value-filed input::placeholder::-webkit-input-placeholder{opacity: 1; color:#fff;} .value-filed input::placeholder:-ms-input-placeholder { opacity: 1; color:#fff;} .value-filed .change-value{position:absolute; top:0; left:15px; top:9px;} .value-filed .change-value > i{float:left; color:#fff; font-size:18px; margin-left:7px;} .value-filed .change-value i.romove, .value-filed.negative .change-value i.add{display:none;} .value-filed.negative .change-value i.romove{display:none;} .value-filed .change-value a{float:left; width:14px; height:10px; margin-left:-4px; margin-top:-2px;} .value-filed .change-value a i{color:#fff; font-size:18px; position:relative; top:-5px;} .value-filed .change-value a i.down{top:-15px;} .value-filed .close-me{position:absolute; top:6px; right:5px; color:#666; font-size:20px;} .value-filed .close-me i{color:#fff; font-size:20px;} .value-filed.point-filed input{padding-left:10px;} /*header right section*/ .header-right{float:right; float: right; min-height: 61px; display: flex; align-items: center;} .login-block{float:right;} .login-block li{float:left; border-right:1px #fff solid; line-height:16px;} .login-block li a{color:#fff; font-size:14px; margin-right:10px;} .login-block li:last-child a{ margin-right:0; margin-left:10px;} .login-block li:last-child{border-right:0;} .login-block li:hover a{text-decoration:underline;} /*popup css start*/ .modal-popup{display:none;} .modal-popup{float: left; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999;} .modal-popup .modal-container{float: left; width: 100%; position: relative; height: 100%; display: flex; align-items: center; justify-content: center; } .popup-outer{display: inline-block; width: 100%; max-width: 500px; overflow: hidden; position: relative; z-index: 1;} .popup-login-signup .popup-outer{ min-height: 606px; max-height: 685px;} .popup-hrader{float:left; width:100%; position:relative; background:#033954; border-top-left-radius:3px; border-top-right-radius:3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 15px; position: relative;} .popup-hrader .popup-close{position: absolute; top: 10px; right: 15px; z-index: 9;width: 30px; height: 34px; border-radius:50%; text-align:center; cursor:pointer;} .popup-hrader .popup-close i{color:#fff; font-size:15px; text-align:center; line-height:30px;} .popup-logo{width:100%; float:left; text-align:center; text-align: center; display: flex; justify-content: center;} .popup-logo a{display:block;} .popup-logo a img{width:160px;} .popup-tab-block{width:100%; float:left;} .tabs-block{width:100%; display:table; table-layout: fixed;} .tabs-block li{display:table-cell;} .tabs-block li a{display:block; font-size:15px; text-align:center; color:#ffffffb3; padding: 0 0 10px; height: 35px; position:relative; line-height: 23px;} .tabs-block li a:before{content:""; position:absolute; bottom:0; width:100%; height:3px; background:transparent; left:0;} .tabs-block li.active a:before{background:#fddb00;} .tabs-block li.active a{color:rgba(255, 255, 255, 1)} .popup-inner-form{width:100%; float:left;} .popup-body{width:100%; float:left; background:#fff; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } .popup-overlay{background:rgba(0,0,0,0.70); position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:9999;} .form-container{width:100%; float:left;} .popup-login-form{width:100%; float:left; } .popup-inner-form{width:100%; float:left; padding: 32px 30px;} .error-msg{width:100%; float:left; padding:14px 15px; background:#f6f7f7;} .error-msg span{font-size:14px;} .error-msg.alert-msg{background:#f6f7f7;} .error-msg.success-msg{background:#f6f7f7;} .error-msg.alert-msg span{color:#d70000;} .error-msg.success-msg span{color:#057723;} .form-container .form-group{width:100%; float:left; margin-bottom:18px;} .form-container .form-group .control-label{font-weight:400; font-size:13px; color:#20242e; margin-bottom: 0;} .popup-login-signup .popup-body{min-height:360px; position:relative;} .popup-head-stat-act {font-size: 20px; border-left: 0.6px solid #fff; color: #fff; float: left; line-height: 26px; padding: 0px 0 0 10px; margin-left: 10px; font-weight: 700; position: relative;} .popup-btn{width:100%; float:left; margin-top: 2px;} .btn-blue{background:#fddb00; padding:10px 10px; text-align:center; color:#000; font-size:16px; border:none; width:100%; border-radius:3px; -webkit-border-radius:3px;} .btn-blue:active{background:#ff0;} .form-container .form-control{border:none; height: 40px; box-shadow: none; border-radius: 3px; font-weight: 400; font-size: 14px; line-height: 16px; color: #20242e; background-color:#f6f7f7;} .form-container .form-control:focus{border:1px #014c6b solid;} .social-btn{width:100%; float: left; display: flex; justify-content: space-between; margin-top:34px; } .btn-socila{width:212px; float:left;} .btn-socila img{height: 22px; margin-right: 10px;} .social-btn button{border-radius:3px; height:40px;} .social-btn button span{font-size:12px;} .fb-btn{background-color: #686dd1; color: #fff; border:none;} .google-btn{background-color: #fff; color: #000; border: 2px solid #979797;} .fp-link{text-align:center; width:100%; float:left; margin-top: 23px;} .fp-link a{font-size:13px; text-decoration: underline;} .tab-hide .popup-tab-block{display:none;} .popup-header-title{width:100%; float:left; padding: 10px;} .popup-header-title h4{color:#fff; font-size:18px; text-align:center; font-weight: 400;} .popup-top-header{width:100%; float:left;} .popup-top-header h3{text-align:center; margin-bottom:15px;} .popup-top-header p{text-align:center;} .service-icon{width:100%; float:left;text-align:center; margin-top:35px;} .service-icon figure{ width: 140px; margin: 0 auto;} .service-icon figure img{width:100%;} .mid-popup-block{width:100%; float:left;} .check-block-center{width:100%; float:left; text-align:center; margin-top:30px;} .popup-service-form{width:100%; float:left; padding:30px 0px 0;} .footer-button{width: 100%; float: left; background: #f5f5f5; position: absolute; bottom: 0; padding:20px 20px; left: 0; right: 0; margin: 0 auto; text-align: center;} .footer-button .popup-btn{margin-top:0;} .footer-button .continue-text{line-height:40px; color:rgba(0, 0, 0, 0.85); font-size:14px; display:none;} .btn-cont{text-align:center; border:none; background:none;} .popup-register-form .checkbox-check{margin-top:2px;} .thanku-popup{width:100%; float:left; display:flex; justify-content:center; align-items:center;min-height: 384px; padding:20px; flex-wrap: wrap; align-content: center;} .thanku-popup p{text-align:center; font-size:15px; color:#000;} .check-icon{margin:17px auto 0;} .check-icon img{height:45px;} .popup-term-service{width:100%; float:left;} .thanku-popup-block .popup-service-form{padding-top:0;} .login-block-hide .login-block{display:none;} /* CHECKBOX CSS */ .checkbox-check{display:inline-block; position:relative; cursor:pointer; vertical-align: middle;} .checkbox-check input{position:absolute; top:0; left:0; height:100%; z-index:1; opacity:0; width:100%; cursor:pointer;} .checkbox-check label{float:left; width:25px; height:25px; min-height:25px !important; padding-left:0 !important; border:2px solid #eaeae9 !important; border-radius:2px; position:relative; margin-bottom:0; background:#eaeae9; border-radius:50%; -webkit-border-radius:50%;} .checkbox-check input:checked + label{border:2px #fddb00 solid !important;} /*.checkbox-check input:checked + label:after{position:absolute; top:0; left:0; right:0; bottom:0; content:'check'; font-family:'Material Icons'; color:#000; background:#eaeae9; text-align:center; font-size:18px; line-height:20px; border-radius:50%; -webkit-border-radius:50%;}*/ .checkbox-check input:checked + label:after{position: absolute; top: 3px; left: 8px; right: 0; bottom: 0; content: ''; display: block; width: 7px; height: 12px; border: solid #000; border-width: 0 3px 3px 0; transform: rotate(45deg); color: #000; background: #eaeae9; text-align: center; font-size: 18px; line-height: 20px; } .checkbox-check input[type="radio"] + label{border-radius:50%; display:flex; align-items:center; justify-content:center;} .checkbox-check input[type="radio"]:checked + label:after{content:''; position:static; height:10px; width:10px; border-radius:50%; display:inline-block;} .checkbox-check span{padding-left:10px; vertical-align: middle; color: #323232; font-size: 12px;line-height: 25px; display: block; overflow: hidden;} .popup-loader{width:100%; float:left; min-height:360px; display: flex;} .american-football-scoreboard .score_match_cards ul li h4 a, .american-football-scoreboard .score_match_cards ul li h4.loss a{overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; width: 155px; line-height: 32px;} /*loader spinner*/ .loading-spinner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#d8d8d8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px;font-family:Nunito Sans,Trebuchet MS,sans-serif;font-weight:600;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:36px;width:100%} .loading-spinner img{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;margin-bottom:14px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} /*setting-dropdown css start*/ .setting-dropdown{float:right; position:relative;} .setting-icon{background:url(../../shared/images/setting-icon.png) top center; width:23px; height:23px; cursor:pointer;} .setting-open .setting-icon{background-position: bottom center;} .setting-tool{width:160px; height: auto; background: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,.16), 0 3px 6px 0 rgba(0,0,0,.23); position: absolute; top: 38px; left:-68px; max-height: 0; overflow: hidden; -moz-transition: max-height .15s ease-in; -o-transition: max-height .15s ease-in; -webkit-transition: max-height .15s ease-in; -ms-transition: max-height .15s ease-in; transition: max-height .15s ease-in;} .setting-open .setting-tool:before{content: ""; position: absolute; width: 10px; height: 10px; top: 0; left: 50%; margin: -5px; display: block; background: #fff; transform: rotate(45deg);} .setting-tool-inner{width:100%; float:left; position:relative; padding: 15px;} .setting-open .setting-tool {max-height:500px; overflow: inherit; } .setting-list{width:100%; float:left;} .setting-list li{width:100%; float:left;} .setting-list li a{display:block; font-size:14px; color: #20242e; line-height:30px;} .setting-list li.active a, .setting-list li:hover a{text-decoration:underline;} .arrow-return{background:none; border: none; position:absolute; left:-5px; bottom: -16px;} .reset-title{width:100%; float:left; text-align: center; position:relative;} .popup-header-title .reset-title h4{display:inline-block; font-size: 15px; margin-bottom: 5px;} .popup-reset-password{width:100%; float:left;} .popup-reset-password p{font-size:12px; text-align:center; margin-bottom: 7px; line-height: 13px;} .popup-inner-reset{width:100%; float:left; padding:15px;} .mid-reset{width:100%; float:left;} .check-correct{text-align:center; width: 100%; float: left; margin-top: 8px;} .check-correct img{height:45px;} .reset-return p{text-align:left;} /* Skip Css */ .golf-sport .skip-to{float:right; position:absolute; width:20px; right:0; margin-right:-26px; top:48px;} .golf-sport .skip-to label{font-size:15px; color:rgba(0,0,0,0.87); font-weight:normal; float:left; margin-right:10px; display:none;} .golf-sport .skip-to span{float:left; width:24px;} .golf-sport .skip-to span a{font-size:13px; color:rgba(0,0,0,0.87); margin:0 4px; padding:1px 2px; display:block;} .golf-sport .skip-to span a:hover, .skip-to span a.active{color:#2196F3;} .golf-sport .skip-to span a.deactive{color:#c1c1c1;} /* Player Listing Css */ .golf-sport .division_wrap{float:left; width:100%; position:relative;} .golf-sport .division_wrap .player-listing{float:left; width:100%; background:#fff; box-shadow:0px 0px 1px rgba(0,0,0,0.12), 0px 1px 1px rgba(0,0,0,0.24); padding:20px; margin-bottom:24px;} .golf-sport .division_wrap .player-listing ul{float:left; width:100%; margin-bottom:20px;} .golf-sport .division_wrap .player-listing ul:last-child{margin-bottom:0; border-bottom:0;} .golf-sport .division_wrap .player-listing ul li{float:left; width:15%; margin:0 2% 2% 0; clear:none !important; box-shadow:none;} .golf-sport .division_wrap .player-listing ul li:nth-child(6n){margin-right:0;} .golf-sport .division_wrap .player-listing ul li a{display:block; padding:0;} .golf-sport .division_wrap .player-listing ul li h3{font-size:14px; height:auto; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden;} .golf-sport .division_wrap .player-listing ul li h3 span{float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .golf-sport .division_wrap .player-listing ul li .info{display:block; width:auto; float:none; overflow:hidden;} .golf-sport .division_wrap .player-listing ul li figure{width:24px; height:24px;} .golf-sport .division_wrap .player-listing .alphbet{width:100%; float:left; position:relative; margin-bottom:15px } .golf-sport .division_wrap .player-listing .alphbet span{ width:30px; height:30px; border-radius:50px; float:left; text-align:center; line-height:27px; color:#000; font-size:13px; font-weight:700; border:2px #ccc solid; } .golf-sport .division_wrap .player-listing .alphbet:after{position: absolute; top: 15px;width: 97%; height: 1px; background: #ccc; content: ""; left: 36px;} .standing-wrap .ranking-table #standings_current_form .wdl{font-size:10px; width:24px;} .wdl.light-wdl, .wcl.light-wdl{background:rgba(255,0,0,0.62);} .wcl.win{background-color: #4caf50;} .wcl.draw{background-color:#ffc306;} .wdl.dark-wdl, .wcl.dark-wdl{background:#c50c0c;} .wdl.light-green-wdl, .wcl.light-green-wdl {background: #76ee7c;} .wdl.orange-wdl, .wcl.orange-wdl {background: #ff6e00;} /*Player Detail Page CSS*/ .golf-betting { position:relative;} .golf-betting .topcard-tabs { width:125px; position:absolute; right:0; bottom:0px; background:rgba(0,0,0,0.05); } .golf-betting .topcard-tabs li a { display:block; font-size:15px; line-height:35px; color:rgba(0,0,0,0.87); text-align:center;padding:5px 0;} .golf-betting .topcard-tabs li.active a{ background:#f8f8f8; color:rgba(0,0,0,1); } .golf_night_card .golf_night_tabs { width:100%; position:static; right:0; top:117px; } .golf_night_card .golf_night_tabs li{ width:25%; float:left;} .golf_night_card .golf_night_tabs li a { display:block; font-size:15px; line-height:44px; color:rgba(255,255,255,0.7); text-align:center; background-color:rgba(0,0,0,0.12); } .golf_night_card .golf_night_tabs li.active a { background-color:transparent; color:rgba(255,255,255,1); } .golf_night_card .golf_night_tabs li a { background-color:rgba(255,255,255,0.12); } .golf_night_card .topcard { padding:0;} .golf-betting .chart_tabs{ position:absolute; top:25px; left:46%;} /*h3.golf-heading { font-family: "roboto-regular"; font-weight: normal; font-size: 15px; line-height: 28px; color: rgba(0,0,0,0.87); padding: 0 15px 15px;float: left; width: 100%;}*/ h3.golf-heading {font-weight: normal;font-size: 15px;color: rgba(0,0,0,0.87);line-height: 24px;padding: 15px 0; font-weight:700;} .golf-result .squad_table table th{text-align:left;} .golf-result .squad_table table td{text-align:left;} .golf-result .title_squad .squad-top { width: 100%; border-bottom: solid 1px #ccc;} .golf-result .title_squad .squad-top h5 {font-size: 11px; font-weight: normal; padding: 8px 0;} .golf-result .title_squad{width:100%; float:left; padding:5px 15px;} .golf-result .title_squad h5{font-size:14px; font-weight:700; color:#000; display:inline-block; padding: 8px 0;} .wcl{padding:0 1px; background:#4caf50; color:#fff; border-radius:2px; font-size:10px; width:24px; height:18px; display:inline-block; line-height:20px; text-align:center;} .wcl.loss{background:#f00;} .golf-result .goh-table tbody tr td:nth-child(1) {text-align: center;} .golf-result .expand_btn, .golf-result .expand_out_btn{width:100%; float:left;} .scroll-goh-list{max-height:410px; overflow-y:auto; position: relative;} /*History Table Css*/ .history-table{float:left; width:100%;} .genesis-history .wcard{padding:0;} .history-head{float:left; width:100%; display:flex; padding:0px;} .head-outer{float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.12); display:flex;padding: 0 12px;} .history-head span{float:left; flex:1; font-size:11px; color:rgba(0,0,0,0.87); text-transform:uppercase; padding:10px 0;} .history-head span.winner-col{flex:inherit; width:46px; text-align:center;} .history-head span.goh-score{flex:inherit; text-align:right; width:50px; } .history-body{float:left; width:100%;} .history-body .show-default{border:0;} .goh-list{float:left; width:100%;} .goh-list > li{float:left; width:100%; display:none; border-bottom: 1px solid rgba(0,0,0,0.12);} .goh-list > li:nth-child(-n+3), .show-list .goh-list > li{display: block;} .golf-preview .goh-list > li:nth-child(-n+5), .show-list .goh-list > li{display: block;} .goh-list.list-golf > li:nth-child(-n+10), .show-list .goh-list > li{display: block;} .goh-list > li > a{float:left; width:100%; padding:0px; position:relative;} .goh-list > li > a{float:left; width:100%; padding:0px; position:relative;} .goh-list > li > a > .icon{position:absolute; top:0; right:6px; font-size:20px; color:#111; height:100%; display:flex; align-items:center; transition:all 0.3s ease 0s;} .goh-list > li.open > a > .icon{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .goh-bar{float:left; width:100%; padding:0px 12px 0px 12px; display:flex; align-items:center; position:relative;} .goh-list > li.open .goh-bar:after{opacity:1; visibility:visible;} .goh-bar .col{float:left; flex:1; padding:10px 0;} .goh-bar .col.season-col{padding-right:4px; display:block; overflow:hidden;} .goh-bar .col.winner-player{flex:inherit; width:45px; text-align:center;} .goh-bar .col.goh-score{text-align:right; flex:inherit; width:50px;} .goh-bar .col.goh-score span{color:#f0f0f0; font-size:13px;} .goh-bar .season-col span{color:rgba(0, 0, 0, 0.87); font-size:13px; white-space: nowrap; overflow: hidden; float: left; text-overflow: ellipsis; width: 100%;} .goh-team{float:left; width:100%; display:flex; align-items:center;} .goh-team figure{float:left; height:18px; width:18px; min-width:18px; border:1px solid rgba(255,255,255,0.44); border-radius:50%; overflow:hidden;} .goh-team figure img{float:left; width:100%; height:100%; border-radius:50%;} .goh-team span{flex:1; padding-left:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:rgba(0, 0, 0, 0.87); font-size:13px;} .wl-result{float:right;} .wl-result .wdl{width:22px; margin:0;} .wl-result .wdl.loss{font-size:10px;} .records.golf-records ul li .pull-left, .records.golf-records ul li .pull-right{min-width:92px;} .records.golf-records ul li .wdl{width:30px;} .golf-records .wdl-info .pull-left{width:120px;} .golf-home-wrap .golf-result-info .goh-list > li > a > .icon{height:auto; top:34px;} .goh-tournament{float:left; width:100%; background:#fff; position:relative;} .dropdown-content{display: none;} .goh-table{float:left; width:100%; padding:0px; overflow:auto;} .goh-table table{width:100%; border-collapse:collapse;} .goh-table table tr{width:100%; border-bottom:1px solid rgba(0,0,0,0.12);} .goh-table thead th{color:rgba(0,0,0,0.87); text-transform:uppercase; font-weight:normal; font-size:11px; padding:8px 5px; text-align:center; position:relative;} .goh-table tbody td{color:rgba(0, 0, 0, 0.87); font-size:13px; padding:8px 5px; text-align:center; position:relative;} .goh-table tbody td:nth-child(-n+2), .goh-table thead th:nth-child(-n+2){text-align:left;} .goh-table .over_tag{border-top:7px solid #a9df46; top:6px;} .over_tag, .wdl i.over_tag{width:0; height:0; border-top:7px solid #fcf308; border-left:7px solid transparent; position:absolute; top:1px; right:1px;} .goh-table tbody td .wdl{width:24px;} .goh-table tbody td .wdl.loss{font-size:10px;} .goh-table tbody tr.selected td{background:#eee;} .view-listing .goh-table table tbody tr{display:none !important;} .view-listing .goh-table table tbody tr:nth-child(-n+5), .view-listing.show .goh-table table tbody tr, .show-list.view-listing .goh-table table tbody tr{display:table-row !important;} .goh-team a.team_link {overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .golf-sport .team_card.golf-team-card .odds ul li strong{white-space:nowrap;} .score-wrap .tournament-multi .title-outer .title-top{background:none; padding:0 15px; margin-bottom:-14px; z-index:1;} .score-wrap .tournament-multi .title-outer .title-top h3{margin:10px 0 2px;} .score-wrap .tournament-multi .title-outer .title-top h3 a{font-size:16px; color: #111; font-weight: 700;} .score-wrap .tournament-multi .tournament-list li a:hover{background:#fff;} .course-detail-wrap .team_card .title h5 { font-size:16px; color:rgba(0,0,0,0.7); text-align:center;font-weight: 700; display:-webkit-box; } .course-detail-wrap .team_card .title h2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 15px;} .course-detail .goh-table tbody td:nth-child(1), .goh-table thead th:nth-child(1){text-align:center;width:40px;} .course-detail .goh-bar .col.goh-score span{color:#9e9e9e; font-size:13px;} .course-detail .goh-bar .col.winner-player{width:auto;} .statistics-wrap .wcard{padding:0;} .course-statistics{float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; padding:8px 0;} .course-statistics li{float:left; border-left:1px solid rgba(0,0,0,0.12); padding:10px 10px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; flex:1; min-width:20%;} .course-statistics li:first-child{border:none;} .course-statistics li:nth-child{border-left:0;} .course-statistics li:nth-child(-n+4){border-top:0;} .course-statistics li strong{float:left; width:100%; color:rgba(0, 0, 0, 0.87); font-size:16px; margin-bottom:8px;} .course-statistics li span{float:left; width:100%; color:#9e9e9e; font-size:12px;} .course-detail-card .round-breakdown .avg-chart-outer .avg-chart{flex:1;} .course-detail-card .round-breakdown .avg-chart-outer .avg-content{padding-right:20px;} /*.avg-chart-outer .avg-chart{height:152px; width:152px; min-width:152px;}*/ .avg-chart-outer .avg-chart canvas{width:100%;} .avg-content{display:block; overflow:hidden; padding:0 30px;} .avg-content li{display:flex; align-items:center; margin:8px 0;} .avg-content li samp{float:left; width:12px; height:12px; min-width:12px; border-radius:50%; background:#f5a11b; margin-right:8px;} .avg-content li span{font-size:13px; color:rgba(0, 0, 0, 0.87); min-width:40px;} .avg-content li label{font-size:13px; color:rgba(0, 0, 0, 0.87);font-weight:normal;} .hole-by-info{float:left; width:100%;} .hole-by-hole{float:left; width:100%;} .hole-by-info .title{background:none; padding:0;} .course-breakdown .table-container table thead tr th{color:#111; background:#fff; font-size:12px; font-weight:normal; position:relative; border:0;text-align:center;} .course-breakdown .table-container table tbody tr td{font-size:13px; color:rgba(0, 0, 0, 0.87); text-transform:uppercase;text-align:center; } .hole-by-hole table tbody tr{display:none;} .hole-by-hole table tbody tr:nth-child(-n+9), .show-list .hole-by-hole table tbody tr{display:table-row;} .hole-by-hole .show-default{border:0;} .hole-by-hole .table-container{padding:0;} .green-color{color:#48cb00 !important;} .red-color{color:#ff4141 !important;} .hole-by-hole-info .title{border-bottom:1px solid rgba(255,255,255,0.08);} .course-breakdown .table-container {margin: 0 !important;width: 100%;} .goh-bar .course-detail-col {padding-right:8px;flex-basis:100%; } .avg-chart-outer{float:left; width:100%; display:flex; align-items:center; justify-content:center;} .avg-chart img {width: 100%;} .golf-sport .portal_table_data .table-container.wcard{margin-bottom:0;} /*01 May 2019 Scoreboard Page*/ .scoreboard-table tbody td:nth-child(1), .goh-table thead th:nth-child(1){text-align:center;width:60px;} .scoreboard-table tbody td:nth-child(2){text-align:left;max-width:90px;text-overflow:ellipsis;white-space:nowrap; } .score-result-wrap{float:left; width:100%;} .score-result-outer{float:left; width:100%;} .score-result-block{float:left; width:100%; margin-bottom:24px;} .score-result-block:last-child{margin-bottom:0;} .tournament-title{float:left; width:100%; padding:0 34px; position:relative; margin:14px 0;} .title-outer{float:left; width:100%;} .title-outer h3{float:left; width:100%; color:#111; font-weight:500; font-size:15px;} .title-outer p{float:left; width:100%; color:#9e9e9e; font-size:12px; margin-top:2px;} .slide-arrows{display:block;} .slide-arrows .icon{position:absolute; top:0; left:10px; height:100%; display:flex; align-items:center; color:#acacac; font-size:12px;} .slide-arrows .right{left:auto; right:10px;} .slide-arrows .icon i{color:rgba(0,0,0,0.65);} .scoreboard-table table tr{display:none;} .show-list .scoreboard-table table tr, .scoreboard-table table tr:nth-child(-n+10){display:table-row;} .score-wrap .wcard{float:left;width:100%; } .view-more{float:left; width:100%;text-align:center;} .view-more a{border:0;} .view-more span + span, .view-more a.active span{display:none;} .view-more a.active span + span{display:block;} .course-detail .view-more, .course-breakdown .view-more {width:100%;float:left;text-align:center; background: #f5f5f5;} .view-more .expand_btn:hover, .view-more .expand_out_btn:hover{background: #ffffff;} .course-detail .view-more a, .course-breakdown .view-more a {border:0;} .avg-chart { flex: 1; width: 100%;} .avg-chart-outer .avg-chart{float:left; width:150px; min-width:150px; height:150px;position:relative;} h3.golf-heading span { float: right;} /*Golf Preview Page*/ .golf-preview .funfact-crousel { margin-top:0px; text-align:center;} .funfact-crousel h3.golf-heading {text-align: left;} /*AT&T*/ .genesis-open-history .history-head, .golf-recent-results .history-head {padding: 0 12px;} .genesis-open-history .col.goh-score span {color: rgba(0, 0, 0, 0.87);} .genesis-open-history .goh-bar .col{float:left; width:32%; padding:10px 8px;} .genesis-open-history .goh-bar .col.winner-player{width:52%;} .genesis-open-history .goh-bar .col.goh-score{text-align:right; width:16%;} .genesis-open-history .goh-team span{text-align:left;} .genesis-open-history .history-head span{float:left; width:32%; font-size:11px; color:rgba(0,0,0,0.87); text-transform:uppercase; padding:10px 8px;} .genesis-open-history .history-head span.winner-col{width:36%; text-align:left;} .genesis-open-history .history-head span.goh-score{text-align:right; width:32%; padding-right:24px;} .genesis-open-history .wcard{padding:0;} .genesis-open-history .goh-table tbody td:nth-child(1) {text-align: center;} .golf-sport .golf-preview-wrap .genesis-open-history .history-head span.season-col, .golf-sport .golf-preview-wrap .genesis-open-history .goh-bar .col.season-col{width:25%;} .golf-sport .golf-preview-wrap .genesis-open-history .history-head span.winner-col, .golf-sport .golf-preview-wrap .genesis-open-history .goh-bar .col.winner-player{width:55%;} .golf-sport .golf-preview-wrap .genesis-open-history .history-head span.goh-score, .golf-sport .golf-preview-wrap .genesis-open-history .goh-bar .col.goh-score{width:20%; padding-right:24px;} .golf-sport .golf-preview-wrap .golf-recent-results .history-head span.season-col, .golf-sport .golf-preview-wrap .golf-recent-results .goh-bar .col.season-col{width:35%;} .golf-sport .golf-preview-wrap .golf-recent-results .history-head span.winner-col, .golf-sport .golf-preview-wrap .golf-recent-results .goh-bar .col.winner-player{width:45%; text-align:left;} .golf-sport .golf-preview-wrap .golf-recent-results .history-head span.goh-score, .golf-sport .golf-preview-wrap .golf-recent-results .goh-bar .col.goh-score{width:20%; padding-right:24px;} .golf-sport .genesis-open-history .col.goh-score span, .golf-sport .golf-recent-results .goh-bar .col.goh-score span{ min-width: 36px; display: inline-block; text-align: left;} .golf-recent-results .goh-bar .col.winner-player{width:52%;} .golf-recent-results .goh-bar .col.season-col{width:47%; overflow:hidden;flex:none; } .golf-recent-results .goh-bar .col.season-col span{max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left;} .golf-recent-results .history-head span.season-col{width:32%;flex:none;color:rgba(0,0,0,0.87); } .golf-recent-results .history-head span.winner-col{width:36%;color:rgba(0,0,0,0.87);} .golf-recent-results .history-head span.goh-score{width:32%;color:rgba(0,0,0,0.87);} .golf-sport .golf-recent-results .history-head span.goh-score{padding-right:24px;} .golf-sport .golf-recent-results .goh-bar .col.goh-score{padding-right:24px;} .golf-recent-results .goh-team span{text-align:left;} .golf-recent-results .wcard{padding:0;} .golf-recent-results .goh-bar .col.goh-score {width: 16%; padding-right:10px;} .golf-recent-results .goh-bar .col.goh-score span{color:#111; } .golf-recent-results .goh-table tbody td:nth-child(1) {text-align: center;} /*Course Location css*/ .preview-course-location{float:left; width:100%;} .course-assets{float:left; width:100%; display:table; table-layout:auto; padding:4px 0 10px; position:relative;} .course-block{float:left; width:100%; display:flex; align-items:center; justify-content:center; padding:0 10px;} .course .course-block{flex:1; justify-content:flex-start; padding:0 10px 0 0;} .preview-course-location .course-assets {padding-top: 12px;} .far-single{float:left; width:50px; text-align:center;display:block;} .far-single span{float:left; width:100%; font-size:11px; text-transform:uppercase; color:#9c9c9c; text-align:center; display:block;} .far-single strong{font-size:14px; text-transform:uppercase; color:#111; font-weight:bold; text-align:center; display:block;} .course-block .icon{float:left; margin-right:8px; font-size:30px; color:#8b8b8b;} .course-block .course-stadium-name{display:block; overflow:hidden; text-align:left;} .course-block .course-stadium-name p{display:block; color:rgba(0, 0, 0, 0.87); font-size:13px; margin-bottom:2px;} .course-block .course-stadium-name span{display:block; color:rgba(0, 0, 0, 0.87); font-size:13px;} .course-block figure{float:left; width:32px; height:32px; border-radius:50%; overflow:hidden; border:1px solid rgba(148,148,148,0.77); margin-right:8px;} .course-block figure img{width:100%; height:100%; border-radius:50%;} .course{float:left; width:100%; display:flex; justify-content:space-between; padding:0 16px;} .golf-home-wrap .upcoming-tournaments .course, .course-detail-card .upcoming-tournaments .course{padding:0;} .round-far{float:right;} .tabs-container{float:left; width:100%; position:relative;} .tabs-container .tab-content{float:left; width:100%; display:none;} /*Widget Card*/ .widget-card{float:left; width:100%;padding:15px; } .widget-outer{float:left; width:100%; padding:0 8px;} .widget-title h2{float:left; width:100%; color:#111; font-size:15px; font-weight:500; margin-bottom:6px;} .widget-time{float:left; width:100%; color:rgba(0, 0, 0, 0.87); font-size:12px; font-weight:normal;} .match-card-detail{float:left; width:100%; display:flex; flex-wrap:wrap; border-top:1px solid #525252; padding-top:4px;} .match-card-detail .col{float:left; flex:4; text-align:center; padding:10px 8px;} .match-card-detail .col span{float:left; width:100%; white-space:nowrap; font-size:13px; color:rgba(0, 0, 0, 0.87); margin:2px 0;} .match-card-detail .col p{float:left; width:100%; white-space:nowrap; font-size:11px; color:rgba(0, 0, 0, 0.87); margin:2px 0;} .weather-icon{display:inline-block;} .weather-col img{float:left; height:20px; width:20px; border-radius:50%;} .top-tooltip{float:left; width:100%; top:44px; left:0; z-index:9; padding:0 8px;} .review-bx{float:left; width:100%;padding:20px 0 0; } .review-bx h3{float:left; width:100%; color:rgba(0, 0, 0, 0.87); font-size:12px;margin-bottom:5px;} .review-bx h2{float:left; width:100%; color:#111; font-size:15px; font-weight:500;} .review-bx p{float:left; width:100%; color:rgba(0, 0, 0, 0.87); font-size:12px; margin-top:4px;} .top-card .wcard {background: none;box-shadow: none;margin-bottom:0px;} .golf-preview .genesis-open-history{float:left;width:100%;} .golf-preview .golf-recent-results{float:left; width:100%;} .golf-preview .widget-outer{display:flex; padding:0;flex-wrap:wrap; } .golf-preview .widget-title{float:left; width:auto; padding-left:0;flex:1; } .golf-preview .match-card-detail{flex:2; width:auto; padding-top:0; border-top:0; border-left:1px solid rgba(0,0,0,0.12);} .golf-preview .match-card-detail .col{display:flex; align-items:center; justify-content:center; align-content:center; flex-wrap:wrap;} .top-tooltip{padding:0; margin-bottom:12px;} .team-tooltip-outer{float:left; width:100%; position:relative; background:#fff; padding:10px 40px 10px 12px; min-height:54px; display:flex; align-items:center; justify-content:flex-start;} .top-tooltip .team-tooltip-outer{max-width:1140px; float:none; margin:0 auto; border-radius:4px;} .team-tooltip-outer p{color:rgba(0, 0, 0, 0.87); font-size:12px; line-height:normal;} .golf-preview .funfact-crousel .owl-carousel .owl-item{ height:70px; padding:0px 15px; line-height:70px;width:100%;display: block;} .funfact-crousel .owl-carousel .owl-item li { height:auto; display:inline-block; vertical-align:middle; width:100%; line-height: normal;} .funfact-crousel .owl-controls{ display:inline-block;} .funfact-crousel .owl-controls .owl-page{ display:inline-block;} .funfact-crousel .owl-controls .owl-page.active span{ background:#000;} .select-season{width:auto; background:none; padding:0;float:left; } .team-bx{float:left; width:100%; display:flex;padding:5px 0 15px; } .tm-detail{float:left; width:calc(100% - 66px);} .golf-top-card span.filter-option {padding-right: 10px;} .hole-information .table-container {width: 100%;margin-left: 0;} .hole-information{float:left;width:100%; } .hole-information .dropdown-menu{right:0;left:auto; } .hole-information .dropdown-menu li {position: relative;float: left;width: 100%;} .hole-information .dropdown-menu li a{float:left;} .left-pull {position:relative;left: 101px;top:0px;} .score-date #date-picker {margin: 7px 0 0;} .score-cal {margin-left: 15px;} .golf-score-wrap .carousel-week {padding-bottom: 0;} .dropdown-menu.golf-tour > li > a {margin-left: 0;padding: 10px;} .lable-next{display:flex;align-items: center; } .performance-info{width:100%;} .performance-table{float:left; width:100%;} .table-outer{float:left; width:100%;} .performance-outer{float:left; width:100%;} .sm-title{float:left; width:100%; padding:0 0 10px; display:flex; align-items:center; justify-content:space-between;} .sm-title h4{float:left; color:rgba(0, 0, 0, 0.87); font-size: 15px; font-weight:normal; line-height:28px; padding:0 15px;} .select-multi{float:left;} .sm-title .select-multi{float:right; max-width:120px;} .sm-title .select-multi .ms-drop{left:auto; right:0;} .select-multi button.ms-choice{background: url(../../shared/images/arw.png) no-repeat right 10px center #fafafa; border:1px solid rgba(0,0,0,0.38); width:100%; padding:6px 15px; text-align:left;} .select-multi .ms-drop{position:absolute; top:100%; left:0; display:none; background:#fff; border:1px solid rgba(0, 0, 0, 0.38); width:130px; box-shadow:0 0 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12); z-index:2;} .select-multi .ms-parent{position:relative; max-width:100%;} .select-multi .ms-drop ul{ max-height:380px !important; overflow:auto;} .select-multi .ms-drop ul li{ padding:3px 7px;} .select-multi .ms-drop ul li label{font-size:14px; font-weight: normal; line-height: 28px;} .select-multi .ms-drop ul li label input[type="checkbox"]{ margin-right:10px; background: rgba(255, 255, 255, 1);} .performance-table .table > tbody > tr > td:first-child span {width: auto;} .performance-table .team_link{display: flex;align-items: center;} .tournament-multi{width:100%; float:left;} .title-top{width:100%; float:left; position:relative; } .title-top h3{float: left; width: 100%; color: #111; font-weight: 500; font-size: 15px; margin-bottom:10px;} .tournament-title .wcard{width:100%; float:left;} .tournament-block{width:100%; float:left;} .tournament-list{width:100%; float:left;} .tournament-list li{width:100%; float:left; border-bottom: 1px solid rgba(0,0,0,0.12);} .tournament-list li:last-child{border-bottom:none;} .tournament-list li a{width:100%; float:left; padding:5px 15px; color:#111;} .tournament-list li a:hover{background:#f8f8f8;} .tournament-list .team-info{display:block; overflow:hidden;} .tournament-multi .tournament-list .team-info{display:block; overflow:hidden; padding-top:14px;} .tournament-list .team-info span{width:100%; float:left;} .tournament-list .tm-score{float:right; min-width: 100px;} .tournament-list .tm-score small{font-weight:500; font-size:14px; margin-top:5px; float:right; width:100%;} .title-top .slide-arrows .icon { position: absolute; top: 0; left: auto; height: 100%; display: flex; align-items: center; color: #acacac; font-size: 12px; right:28px;} .title-top .slide-arrows .right{ left: auto; right: 0px;} .scroll_content {width:100%; float: left;} /* weather record */ .golf-win-loss.day_night_card .topcard { padding: 30px 0 60px 0; border-top-left-radius: 2px; border-top-right-radius: 2px;} .golf-win-loss .weather_card .weather_tabs, .golf-win-loss.day_night_card .day_night_tabs {width:100%;position:absolute;right:0;top:117px;} .golf-win-loss .weather_card .weather_tabs li , .golf-win-loss.day_night_card .day_night_tabs li{ width:20%; float:left;} .golf-win-loss .bootstrap-select.btn-group .dropdown-toggle .filter-option{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .golf-win-loss.day_night_card.night .topcard{background-image: linear-gradient(0deg, #10275c 0%, #10265a 100%);} .division-golf.stadium-hub-wrap .division_wrap ul li h3{text-align:left; width:100%; float:left;padding: 10px 0 2px; font-size: 15px; line-height: 20px;} .division-golf.stadium-hub-wrap .division_wrap ul li .info > a{min-height:34px;} .division-golf.stadium-hub-wrap .division_wrap ul li .info > a figure{margin-right:8px;} .division-golf.stadium-hub-wrap .division_wrap ul{display:flex; flex-wrap:wrap; width: 100%; float: left;} .division-golf .division_wrap .list-venue{width:100%; float:left;padding-bottom: 10px; padding-left: 52px; padding-right:10px; } .division-golf .division_wrap .list-venue li{width:100%; float:left; margin:0; box-shadow: none; border:none;} .division-golf .division_wrap .list-venue li a{width:100%; float:left; line-height: 20px; text-align: left; font-size:12px; font-weight:700; color:rgba(0, 0, 0, 0.75); padding-left:0; display:block; overflow:hidden; padding-right:0; } .division-golf .division_wrap .list-venue li:hover a{color:#2196F3;} .division-golf.stadium-hub-wrap .division_wrap ul li:hover{background: #fff;} .division-golf.stadium-hub-wrap .division_wrap ul li .info{height:auto;} .division-golf .division_wrap > h3{width:100%; float:left;} .player_detail_team_statistics .current_form li { width:34px; height:26px; line-height:26px;font-size: 13px;} .division-golf.stadium-hub-wrap .division_wrap ul li .info{padding:10px 0 0;} .golf-course.division_wrap ul li figure{width:30px; height:30px;} .division-golf.stadium-hub-wrap .division_wrap ul li h3{width:auto; float:none; display:block; overflow:hidden; padding:0;} .view-more-btn .expand_btn {display: block;} .tournament-carosual{position:relative;} .tournament-carosual .owl-prev, .tournament-carosual .owl-next{position:absolute; left: -20px; top: calc(50% - 11px);} .tournament-carosual .owl-next{left:auto; right:-20px;} .tournament-wrap .team_card .title h2{ overflow: inherit;} .ranking-table {position:relative; } .ranking-table .table-container table tbody tr{display:none;} .ranking-table .table-container table tbody tr:nth-child(-n+18), .ranking-table .show-list table tbody tr{display:table-row; } .game_team .col span.mob-team-name{display:none;} .golf-preview-wrap .ground_info .wcard{padding:15px; min-height: 131px;} .golf-preview-wrap .ground_info .wcard p{text-align:center; font-size: 12px; color: rgba(0,0,0,0.65); line-height: 20px; margin-bottom: 5px;} .golf-preview-wrap .ground_info .time_counter ul li{font-size:25px; margin-top:18px; font-weight:700;} .tournament-list .team-info strong, .tournament-list .tm-score strong{font-weight:700; width:100%; float:left;} .tournament-list .team-info strong{font-size:16px; } .tournament-list .tm-score strong{font-size:22px; margin-top: 2px; } .golf-preview-wrap .ground_info > div{padding:0;} .golf-preview-wrap .ground_info figure + div strong{font-size:14px;} .ground_info .ground-score{float:right; margin-top: 15px; text-align: center;} .ground_info .ground-score span{width:100%; float:left; font-weight:700; font-size:25px; color:#000;} .ground_info .ground-score small{width:100%; float:left; font-size:13px; color:rgba(0, 0, 0, 0.65); margin-top: 5px;} .golf-preview-wrap .ground_info .temperature figure{float:right; margin-right:0; margin-left:15px; margin-top:0px;} .ground-info-box{margin-top:15px; text-align:center;} .ground_info .temperature .ground-score{float:left;} .golf-preview-wrap .ground_info .temperature figure figcaption{ font-weight:700; font-size:13px; color:rgba(0, 0, 0, 0.65);} .golf-preview-wrap .ground_info > div figure{width:42px; margin-top: 9px; float:left;} .golf-preview-wrap .ground_info .tournament-center .ground-score{text-align:center; width:100%;} .not-started.goh-table tbody td:nth-child(2n), .not-started.goh-table thead th:nth-child(2n){text-align:left;} .golf-sport .division_wrap .player-listing ul li:hover{background:none;} .golf-sport .division_wrap .player-listing ul li:hover h3{color:#000;} .golf-sport .filter .game_section label{font-size:8px;} .golf-sport .filter .game_section .scoring-points input[type="text"]{width: 38px;} /*tournament hasn't started yet Css*/ .not-started-table .goh-table table{float:left; width:100%;} .not-started-table .goh-table table thead{float:left; width:100%; border-bottom:1px solid #d9d9d9;} .not-started-table .goh-table table thead tr{border:0; width:100%;} .not-started-table .goh-table table tr{width:25%; float:left;} .not-started-table .goh-team a.team_link{width:100%;} .not-started-table .goh-table tbody td{width:100%; max-width:100%;} .not-started-table .goh-table tbody tr{border-right:1px solid #d9d9d9;} .not-started-table .goh-table tbody tr:nth-of-type(4n){border-right:0;} .not-started-table .scoreboard-table tbody td:first-child{width:60px; min-width:60px;} .not-started-table .player-table .view-more{border-top:1px solid #d9d9d9; margin-top:-1px;} .not-started-heading{float:left; width:100%; margin-bottom:10px; font-size:15px;} .not-started-table .show-list .scoreboard-table table tr, .not-started-table .scoreboard-table table tr:nth-child(-n+56){display:table-row;} .portal-tab{float:right; padding-right:10px} .portal-tab ul{float:right;} .portal-tab ul li{float:left;} .portal-tab ul li a{float:left;border: 1px #033954 solid;padding:5px 15px;border-right:none;font-size:14px;min-width:90px;text-align:center;} .portal-tab ul li:first-child a { border-bottom-left-radius: 3px; border-top-left-radius: 3px;} .portal-tab ul li:last-child a {border-bottom-right-radius: 3px;border-top-right-radius: 3px;border-right: 1px #033954 solid;} .portal-tab ul li.active a{background: #033954;color:#fff;} .golf-portal .panel_header{display:flex; align-items:center; justify-content:space-between;} .golf-win-loss .day_night_drop.bootstrap-select > .btn-default{ font-size: 17px;} .course-topcard{width:100%; float:left;} .performance_tabs{width:100%; float:left;} .performance_tabs li{float:left;} .performance_tabs li a{display:block; background:#fff; padding: 10px 15px; font-size: 14px;} .performance_tabs li.active a{background:#2196f3; color:#fff;} .performance-info h3.golf-heading{ padding-top:0; padding-bottom: 5px;} .performance-info .sm-title{padding-bottom:2px;} .golf-win-loss .day_night_drop.bootstrap-select > .btn-default{ font-size: 17px;} .odds_form_cell.stake-calculator-wrap{float:none !important; margin:0 auto !important;} .table_inner table tr td.first_win_loss a small{width:40px; display:inline-block; float:left; font-size:14px;} .table_inner table tr td.first_win_loss a{display:flex; align-items:center; justify-content:center; } .table_inner table tr td.first_win_loss a samp{display:block; overflow:hidden; min-width:200px; text-align:left;} .list-tab{width:100%; float:left; overflow-x:auto; white-space:nowrap; border-bottom:1px #2195f3 solid; overflow-y:hidden; margin-bottom: 10px;} .list-tab ul{ display:table; margin:0 auto; table-layout:auto; width:100%; float:none; margin:0} .list-tab ul li{display:table-cell; width:auto; margin:0; float:none;} .list-tab ul li.active a, .list-tab ul li:hover a{background:#2196F3; color:#fff;} .list-tab ul li.active a:before, .list-tab ul li:hover a:before{content:""; position:absolute; bottom:-5px; width:10px; height:10px; background:#fff; transform:rotate(-45deg);left:0; right:0; text-align:center; margin:0 auto } .list-tab ul li a{display:block; background:#fff; text-align:center; padding:10px 15px; font-size:14px; font-weight:700; border-right: 1px #eee solid; border-radius:0; box-shadow:none; position:relative;} .list-tab ul li:last-child a{border-right:none;} .match-analysis-team{display:flex; justify-content:space-between; align-items:center;} .match-analysis-team span{width:100px; line-height:24px;} .match-analysis-team figure{margin-right:10px;} .match-analysis-team span:last-child{float:right;} .match-analysis-team span:last-child figure{float:right; margin-right:0; margin-left:10px;} .genius-fact-right{float:right;} .score-wrap .score_drops .team_dd.bootstrap-select > .btn-default{padding: 8px 24px 8px 0;} .td-border, .table-container table thead tr th.td-border, .table-container table thead tr td.td-border{border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;} .course-nm span{ white-space: nowrap; font-size: 14px;} .golf_night_card .table > thead > tr > th:first-child, .golf_night_card .table > tbody > tr > td:first-child{text-align:center;} .offensive_tds{float: right; color: #fff; font-size: 12px; background: rgba(0, 0, 0, 0.40); padding: 3px 5px; border-radius: 2px;} .golf-team-card.team_card .odds { width:60%; float:right; padding-left:30px; display: flex;align-items: center;justify-content: flex-end;} .golf-team-card.team_card .odds ul { padding-top:10px; flex-basis: 50%;display: flex;justify-content: flex-end;} .golf-team-card.team_card .odds ul li {margin:0px; width: inherit;padding: 0 30px; white-space: nowrap;} .golf-team-card.team_card .title{border:none;} .select-filed .btn-group.bootstrap-select .bs-caret i{position:absolute; right:0; top: 10px;} .note { text-align: right; font-style: italic; font-size: 14px; color: #999;} .table-container table tr.record-total td {font-weight:700; border-top: 1px solid rgba(0, 0, 0, 0.12);} .all_teams_popup i.close-icon{color:#fff;} /*Footer CSS*/ .footer{float:left; width:100%; background:#033954; padding:0; overflow:hidden; z-index: 99; position: relative; bottom:inherit; left: inherit;} .nav-footer{float:left; width:100%; padding:50px 0 26px;} .nav-footer-row{float:left; width:100%; display:flex; justify-content:space-between;} .nav-footer-row .col{float:left;} .nav-footer-row .col:last-child{padding-right:40px;} .footer-title{color:#fff; display:table; color:#fff; font-size:13px; font-weight:600; text-align:left; margin-bottom:18px; position:relative;} .footer-links{float:left; text-align:left;} .footer-links > li{display:table; margin-bottom:14px;} .footer-links > li a{float:left; width:100%; color:rgba(255,255,255,0.5); font-size:13px; font-weight:600;} .footer-links > li a:hover{color:#fff;} .center-footer{float:left; width:100%;} .center-footer-top{float:left; width:100%; display:flex; justify-content:space-between; align-items:center; padding:30px 0; border-bottom:1px solid rgba(255,255,255,0.08); position:relative;} .center-footer-top:after{position:absolute; bottom:-1px; left:100%; height:1px; content:''; width:100%; background:rgba(255,255,255,0.08);} .oc-app{float:right; max-width:140px;} .oc-app a{float:left; width:100%;} .oc-app a img{float:left; width:100%;} .oc-logo{float:left; max-width:140px;} .oc-logo img{float:left; width:100%;} .center-footer-bottom{float:left; width:100%; display:flex; justify-content:space-between; align-items:center; padding-top:26px;} .copyright{float:left; max-width:50%; text-align:left;} .copyright p{padding:0; color:rgba(255,255,255,0.5); font-size:12px; font-weight:600; text-align:left;} .footer-bottom{float:left; width:100%; background:#014c6b; position:relative; padding:12px 0;} .footer-bottom-row{float:left; width:100%; display:flex; justify-content:space-between; align-items:center;} .footer-bottom-nav{float:left;} .footer-bottom-nav li{float:left; margin-right:40px;} .footer-bottom-nav li a{float:left; color:rgba(255,255,255,0.5); font-size:13px; font-weight:600;} .footer-bottom-nav li a:hover{color:#fff;} .footer-bottom .powered_by{position:relative; top:auto; left:auto; margin:0; padding-top:3px;} .footer-bottom .powered_by figure{margin:0; float:left; width:138px;} .footer-bottom .powered_by span{left:auto; right:0; top:-8px; text-transform:none; font-size:12px;} .footer-social{float:right;} .footer-social a{margin-left:30px; display:inline-block; width:38px;} .footer-social a img{opacity:0.6; float:left; width:100%;} .footer-social a:hover img{opacity:1;} /*mobile tooltip css start*/ span.info-block {position: absolute; left: 5px; top: -6px; width: 30px; z-index: 99; height: 30px; display: flex; align-items: center;} span.info-block.info-block-two { left: 27px;} .score_xs_match_cards.qtr-tbl .wcard ul li.re_schedule span.info-block i{position:static;} span.info-block i, .score_xs_match_cards .wcard ul li span.info-block i{font-size:13px; cursor:pointer; position:inherit; color: #ed1c24; } .info-tooltip{ max-width: 170px; padding: 5px; background: #000; padding: 5px; position: absolute; bottom: 50%; left: 0px; display: none; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 20px;} .info-tooltip:before{ content: ""; position: absolute; bottom: -3px; width: 7px; height: 7px; background: #000; transform: rotate(45deg); left: 2px; margin: 0 auto;} .info-tooltip small{color:#fff; font-size:12px; text-align:left; display:block; white-space: nowrap; line-height: 16px;} span.info-block:hover > .info-tooltip{display:block;} .score_xs_match_cards .wcard ul li.board_schedule a { display: block;} .otm {position: relative;} .otm:after { width: 0; height: 0; border-top: 8px solid #fcf308; border-left: 8px solid transparent; position: absolute; top: 1px; right: 1px; content: ""; } /* #login_logout_block {display:none;} */ /*golf tournament page css start*/ .division-golf.stadium-hub-wrap .division_wrap ul li.current_tournament3 ul.list-venue{ padding: 0 10px; margin-bottom: 15px;} /*.division-golf.stadium-hub-wrap .division_wrap ul li.current_tournament3 .owl-carousel.owl-drag .owl-item{margin:0!important;}*/ .division-golf.stadium-hub-wrap .division_wrap ul li.current_tournament3 ul.list-venue li a{text-align:center; font-size: 14px; font-weight: normal;} .division-golf.stadium-hub-wrap .division_wrap ul li.current_tournament3 ul.list-venue li:hover a{ color: #000;} .division-golf.stadium-hub-wrap .division_wrap ul li.current_tournament3 ul.list-venue li a{ color: #000;} .tournament_owl_carousel_item{width:100%; float:left; padding: 0 20px;} .stadium-hub-wrap .division_wrap ul li .tournament_owl_carousel_a{width:100%; float:left; line-height:20px; color: #000; display: flex; align-items: center; justify-content: center; } .current_tournament3 .owl-nav{position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center;} .current_tournament3 .owl-nav .owl-prev{position:absolute; left:5px; z-index: 99; padding:5px!important;} .current_tournament3 .owl-nav .owl-next{position:absolute; right:5px; z-index: 99; padding:5px!important;} .current_tournament3 .owl-nav .owl-prev i, .current_tournament3 .owl-nav .owl-next i{font-size:22px;margin:0;} .division-golf.stadium-hub-wrap .division_wrap ul li.current_tournament3 h3{text-align:center;} .tournament_owl_carousel{margin-bottom:15px;} .tournament_owl_carousel .disabled i.arrow-left, .tournament_owl_carousel .disabled i.arrow-right{color:rgba(0, 0, 0, 0.20);} .tournament_owl_carousel.owl-carousel .owl-stage-outer{z-index:9;} .tournament_owl_carousel.owl-carousel .owl-dots.disabled, .tournament_owl_carousel.owl-carousel .owl-nav.disabled{display:flex;} .tournament_owl_carousel.owl-carousel .owl-dots.disabled i, .tournament_owl_carousel.owl-carousel .owl-nav.disabled i{color:rgba(0, 0, 0, 0.20);} .tournament_owl_carousel i.arrow-left,.tournament_owl_carousel i.arrow-right { width: 10px; height: 7px;} .golf-sport .avg-content li{ margin: 15px 0 15px;} .golf-sport .avg-content li span{line-height:normal;} .golf-sport .avg-content li label{line-height:normal; margin:0;} /*nascar css start*/ .motor-sports .performance-table table tr{display:none;border-bottom: 1px solid rgba(0,0,0,0.12);} .motor-sports .performance-table table tr:nth-child(-n+6), .performance-table.show-all-rows table tr{display: table-row;} .motor-sports .golf-preview-wrap .ground_info > div .stadium figure{transform: rotate(90deg); margin: 0; width: 70px;} .motor-sports .golf-preview-wrap .ground_info .wcard.stadium{justify-content:inherit; align-items: flex-start; } .motor-sports .golf-preview-wrap .ground_info .wcard.stadium .track-info{flex:1; margin:0;} .motor-sports .golf-preview-wrap .ground_info .wcard.stadium .ground-info-box{margin-top:0;} .motor-sports .genesis-open-history .goh-bar .col.goh-score{ padding-right: 14px;} .motor-sports .genesis-open-history .goh-team span, .motor-sports .golf-recent-results .goh-team span{padding-left:0;} .motor-sports .goh-team figure{margin-right:5px;} .motor-sports .dropdown-content .goh-table thead th{text-align:left;} .motor-sports .dropdown-content .goh-table tbody td{text-align:left;} .motor-sports .genesis-open-history .history-head span.goh-score{padding-right: 0;} .motor-sports .golf-recent-results .history-head span.season-col, .motor-sports .golf-recent-results .goh-bar .col.season-col{width:35%;} .motor-sports .golf-recent-results .history-head span.winner-col, .motor-sports .golf-recent-results .goh-bar .col.winner-col{width: 30%; text-align:left;} .motor-sports .golf-recent-results .history-head span.goh-make, .motor-sports .golf-recent-results .goh-bar .col.goh-make{width:20%; flex: inherit;} .motor-sports .golf-recent-results .history-head span.goh-score, .motor-sports .golf-recent-results .goh-bar .col.goh-score{width:15%;} .history-head span.race-points{text-align:right; width:16.66%;} .goh-bar .col.race-points{text-align:right; padding-right:15px; width:16.66%; max-width:16.66%;} .motor-sports .track-table .goh-team span{padding-left:0;} .track-table .goh-table thead th, .track-table .goh-table tbody td{text-align:left;} .track-card{width:100%; float:left; margin-bottom:20px!important;} .track-card ul{width:100%; float:left;} .track-card ul li{width:25%; float:left; text-align:center; padding: 20px 10px; border-right:1px rgba(0, 0, 0, 0.10) solid;} .track-card ul li:last-child{border-right:0;} .track-card ul li strong{width:100%; float:left; font-size:18px; font-weight:700; } .track-card ul li p{width:100%; float:left; font-size:13px; color:rgba(0, 0, 0, 0.65); margin-top:5px;} .track-table .goh-table thead th:nth-child(1), .track-table .goh-table tbody td:nth-child(1){width:auto; text-align:left;} .track-table .goh-list > li:nth-child(2n){ background: #f5f5f5;} .track-table .goh-team span{padding-left:0;} .track-table .goh-team figure{margin-right:5px;} .track-table .goh-table table thead{background: #fff;} .track-table .goh-table table thead tr th{border-bottom:1px solid rgba(0,0,0,0.12)} .track-table .goh-table table tr:last-child{border-bottom:none;} .track-table .goh-table thead th, .track-table .goh-table tbody td{padding:8px 10px;} .track-table .goh-table thead th:last-child, .track-table .goh-table tbody td:last-child{text-align:right;} .track-table .goh-list > li > a{ color: rgba(0, 0, 0, 0.87);} .motor-sports .wcl{margin:0 2px;} .nav.nav-pills > li.active > a, .nav.nav-pills > li.active > a:hover, .nav.nav-pills > li.active > a:focus{background: #033954; color: #fff;} .nav-pills > li > a{border-radius:0; background:#fff; min-width: 125px;text-align: center; font-size: 14px;} .nav-pills > li + li{margin:0;} .nav.nav-pills > li > a:hover, .nav.nav-pills > li > a:focus{background:#fff;} .rank-drops .select_season.bootstrap-select > .btn-default{color: rgba(0,0,0,0.65);} .motor-sports .betting .topcard .chart .wh-circle{ padding-top:0; display: flex; align-items: center; justify-content: center;} .motor-sports .track-card.race-statics ul li{width:20%;} .motor-sports .track-card.race-statics{margin : 0 !important;} .division-golf.stadium-hub-wrap .division_wrap.race-hub ul li h3{padding-bottom: 4px; border-bottom: 1px rgba(0, 0, 0, 0.12) solid; margin-bottom: 5px; display:block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;} .tournament-race-division.division-golf .division_wrap.race-hub .list-venue li strong {font-size: 12px; float: left; font-weight: 400; color: rgba(0, 0, 0, 0.85); font-weight:700; } .tournament-race-division.division-golf .division_wrap.race-hub .list-venue li{padding:2px 0;} .tournament-race-division.division-golf .division_wrap.race-hub .list-venue li strong img{height:14px;} .tournament-race-division.division-golf .division_wrap.race-hub .list-venue li strong i{font-size:13px; vertical-align: middle; vertical-align: middle;} .tournament-race-division.division-golf .division_wrap.race-hub .list-venue li span {font-size:12px; color: rgba(0, 0, 0, 0.65); display: block; overflow: hidden; text-align: right; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; font-weight:700;} .motor-sports .goh-team.make-name{justify-content: center; margin: 0;} .motor-sports .track-detail.wcard {margin-bottom:5px;} .motor-sports .track-detail .history-head span{min-width:20%; font-weight:700; padding-bottom:0; text-align:right;} .motor-sports .track-detail .goh-bar .col{ min-width:20%; padding-top: 3px; padding-bottom: 3px; text-align:right;} .motor-sports .track-detail .head-outer{ background: #fdfdfd; border-bottom:none;} .motor-sports .track-detail span.col.race-points{padding-right:16px;} .motor-sports .track-detail .history-head span.race-name, .track-detail .goh-bar .col.race-name{text-align:left;} .motor-sports .golf-preview-wrap .ground_info .wcard{min-height: 104px; display: flex; flex-wrap: wrap; justify-content: center; } .motor-sports .golf-preview-wrap .ground_info .wcard.time_counter {display: flex; flex-wrap: wrap;} .motor-sports .golf-preview-wrap .ground_info .wcard p{width:100%; margin-bottom:0; } .motor-sports .ground_info figure + div{text-align:left;} .motor-sports .golf-preview-wrap .ground_info .time_counter ul li{margin-top:0;} .motor-sports .golf-preview-wrap .ground_info .tournament-center .ground-score{margin-top:0px;} .motor-sports .track-table .goh-bar{padding-bottom:5px; padding-top:5px; justify-content: space-between;} .motor-sports .track-table .goh-list > li > a > .icon{top: -3px; right: 3px;} .motor-sports .goh-col-left { float: left;} .motor-sports .goh-head span{width:100%; float:left; padding: 2px 0; font-size: 13px; } .motor-sports .goh-head span samp{float:left; font-size: 12px; font-weight:700; min-width: 116px;} .motor-sports .goh-head span small{ font-size: 13px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .motor-sports .goh-head ul{ width: 100%; float: left; max-width: 450px;} .motor-sports .goh-head ul li{width:60%; float:left; padding: 0 10px;} .motor-sports .goh-head ul li.col-li{width:38%;} .motor-sports .tournament-wrap h3.golf-heading{width:100%; float:left;} .motor-sports .tournament-wrap h3.golf-heading{width:100%; float:left;} .motor-sports .standing-wrap table#standings tbody tr .sticked-2 a{display:block;} .motor-sports .standing-wrap table#table_make_standings tr .sticked-2 a img{margin-right:5px;} .tournament-race-division.division-golf .division_wrap .list-venue{padding:0 15px 10px;} .tournament-race-division.division-golf.stadium-hub-wrap .division_wrap ul li .info > a{min-height:inherit;} .scroll-table {position: relative; max-height: 400px; overflow: auto;} .motor-sports .performance-table .table-outer{overflow:auto;} .motor-sports .not-started-table .goh-table tbody td{font-size: 14px;} .motor-sports .not-started-table .goh-team span{font-size: 14px;} /*nascar css end*/ .golf-sport .golf-player-wrap{position:relative;} .golf-sport .golf-player-wrap:before { content: ""; position: absolute; bottom: -17px; background: #eee; height: 54px; width: 100%; left: 0; z-index: 9;} .scroll-predict { position: relative; overflow: auto; max-height: 433px; padding-bottom: 35px;} .data-tag { width: 100%; float: left;} .data-tag span { display: inline-block!important; border: 1px #f9f9f9 solid; border-left: 2px #033954 solid; padding: 3px 6px !important; background: #f0f0f0; color: #033954!important; margin-right: 3px;} .data-tag span:last-child{margin-right:0;} .data_row.payout {position: -webkit-sticky; position: sticky; bottom: -35px; background: #fff;} .isg_loader.isg-content-loader { min-height: 300px;} .scroll-predict { position: relative; overflow: auto; max-height: 433px; padding-bottom: 35px;} .data-tag { width: 100%; float: left;} .data-tag span { display: inline-block!important; border: 1px #f9f9f9 solid; border-left: 2px #033954 solid; padding: 3px 6px !important; background: #f0f0f0; color: #033954!important; margin-right: 3px;} .data-tag span:last-child{margin-right:0;} .data_row.payout {position: -webkit-sticky; position: sticky; bottom: -35px; background: #fff;} /*odds tooltip css start*/ .odds-info{display:inline-block; vertical-align:middle; position:relative; padding-left:5px;} .odds-info i{font-size: 18px !important;color:#014c6b !important;cursor:pointer;line-height:16px !important;position:relative !important; top: -2px !important;} .odds-tooltip{position:absolute;bottom: 100%; right:-3px; max-width:200px; margin-bottom: 10px; display:none;} .odds-tooltip:before{content:""; position:absolute; width:10px; height:10px;background:#333333; transform:rotate(45deg); bottom:-5px; right:7px;} .odds-tooltip > ul{background:#333333; padding:6px 8px; width:100%; float:left; border-radius:3px; -webkit-border-radius:3px; } .odds-tooltip > ul > li{ width: 100%!important; float: left!important; color: #fff!important; margin: 3px 0!important; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; font-size: 14px;} /*.odds-info:hover .odds-tooltip{display:block;} */ .odds-tooltip a{padding:0 !important; margin:0 !important; width:auto !important; line-height:inherit !important;} /*filter message css start */ .filter-message { width: 100%; float: left; background: #e0e0e0; text-align: center; padding: 5px;} .filter-message p { font-size: 13px; font-style: italic; color: rgba(0, 0, 0, 0.65);} .filter-message.standing-filter-message {position: absolute; top:-30px; right:0; width:auto;} .preview-wrap .row ~ .row .messgae-add h4{display:inline-block;} .team_statistics.messgae-add h3 {display:inline-block;} .messgae-add .filter-message{width:auto; float: right;} .filter-message.shortened-msg-mobile{display:none;} .stadium-wrap .filter-message{margin-bottom:10px;} .login-msg {background: #f55252;text-align:center;padding: 6px;position:relative;border-top-right-radius: 3px;border-top-left-radius: 3px;} .login-msg:before{content:"";position:absolute;width: 10px;height: 10px;background: #f55252;bottom: -5px;z-index: 9;transform: rotate(45deg);} .login-msg p {color: #ffffff;font-size: 14px;} .mobile-bookie-url{display:none !important;} .non_graphic_data .data_content li .layer .cell.title img{float:none; display:inline-block; margin-right: 4px; border:0;} .non_graphic_data .data_content li .layer .cell.title img{float:none; display:inline-block; margin-right: 4px; border:0;}