*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,body.subMenuPresent{padding:0 !important}.clearfix:after{clear:both;display:table;content:" "}.clearfix:before{display:table;content:" "}ul{list-style:none;margin:0;padding:0}p{margin:0 0 10px}.text-center{text-align:center}a:hover,a:visited,a:link,a:active{text-decoration:none}.d-flex{display:flex}.d-block{display:block}.pull-left{float:left}.pull-right{float:right}.btn{font-family:"Titillium Web",sans-serif;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;cursor:pointer;outline:0}.drfNavBtnGreen{background:#693}.drfNavBtnGreen:hover{background:#693}.drfNavBtnBlue{background:#06c}.drfNavBtnBlue:hover{background:#06c}.btnRed{color:#fff;background:#ec1c24;box-shadow:0 4px 4px -3px rgba(236,28,36,.5);height:40px}.btnRed:hover{background:#ce2029;box-shadow:0 4px 8px -2px rgba(206,32,41,.7)}.divider{position:relative;margin:0 20px 0 31px;height:32px}.divider::before{content:"";position:absolute;left:0;width:1px;background:#666;height:100%}#skyscraperLeft{position:fixed;top:250px;left:calc((100vw - 1349px)/2 - 150px);z-index:100}#skyscraperRight{position:fixed;top:250px;right:calc((100vw - 1349px)/2 - 150px);z-index:100}@supports(-webkit-overflow-scrolling: touch){.drfNavFundingIframeWrap{-webkit-overflow-scrolling:touch;overflow-y:auto}}.drfNavRegLink{padding:0 40px;width:100%}.drfNavLoginRegWrap{position:fixed;top:0;right:0;left:0;bottom:0;z-index:999;overflow:auto}.drfNavRightCnt{display:flex;align-items:center}.drfNavRightCnt button{height:40px;line-height:40px}.drfNavRightCnt button.createAccountBtn{width:67px;height:32px;line-height:32px;font-size:13px;padding:0}.drfNavRightCnt .logInBtn{font-size:13px;line-height:32px;color:#06c;cursor:pointer;font-family:"Titillium Web",sans-serif;font-weight:700;margin-right:12px}.drfNavRightCnt .logInBtn:hover{color:#19345e}@media screen and (min-width: 768px){.drfNavRightCnt button.createAccountBtn{width:82px;height:40px;line-height:40px;font-size:15px}.drfNavRightCnt .logInBtn{font-size:15px;line-height:20px}}.drf-nav-leftNavOpened .drfNavHamburgerWrap,.drf-nav-leftNavOpened .drfNavHeaderBtn,.drf-nav-leftNavOpened.drfNavleftSectionIcon{visibility:hidden}body .drfNavigationWrap{position:fixed !important}.drfNavigationWrap{position:fixed;top:0;z-index:100;width:100%;background:#fff;left:0;right:0;max-width:1349px;margin:0 auto}.drfNavigationWrap ul{list-style-type:none}.drfNavigationWrap .drfNavMobile{display:block !important}.drfNavigationWrap .drfNavDesktop{display:none !important}.drfNavigationWrap .drfNavPrimaryNavWrap{box-shadow:0 0 3px 0 rgba(0,0,0,.16);display:flex;align-items:center;background:#fff;height:50px}.drfNavigationWrap .drfNavHamburgerWrap{vertical-align:middle}.drfNavigationWrap .drfNavHamburgerWrap.drfNavMobile{display:block;margin:0 15px}.drfNavigationWrap .drfNavHamburgerWrap .drfNavHamburger{margin:8px 0;display:block;height:2px;width:28px;background:#707070;content:" "}.drfNavigationWrap .drfNavHamburgerWrap .drfNavHamburger:before{display:block;height:2px;width:28px;background:#707070;content:" ";position:relative;top:-10px}.drfNavigationWrap .drfNavHamburgerWrap .drfNavHamburger:after{position:relative;top:8px;display:block;height:2px;width:28px;background:#707070;content:" "}.drfNavigationWrap .drfNavleftSectionIcon{display:block;width:28px;height:28px;cursor:pointer;padding:0;border:0}.drfNavigationWrap .DRFLogo{position:absolute;width:92px;margin:0 auto;left:0;right:0}.drfNavigationWrap .DRFLogo a{width:92px;height:50px}.drfNavigationWrap .DRFLogo a.drfNavDesktop{display:none}.drfNavigationWrap .drfNavRightSection{display:flex;align-items:center;margin-left:auto;margin-right:10px}.drfNavigationWrap .drfNavRightSection.drfNavLoggedIn{padding:5px 0 5px 0;margin-right:0}.drfNavigationWrap .drfNavRightSection .drfNavOverlay{display:none}.drfNavigationWrap .drfNavRightSection .drfNavHeaderBtn{font-size:12px !important;line-height:1.5;padding:6px}.drfNavigationWrap .drfNavRightSection .drfNavHeaderBtn:hover{color:#fff;line-height:28px}.drfNavigationWrap .drfNavMainNavigation{display:none}.drfNavigationWrap .drfNavRightSection .drfNavHeaderBtn,.drfNavigationWrap .drfNavLoginRegCnt .drfNavHeaderBtn{color:#fff;font-family:"Titillium Web",sans-serif;font-weight:500;background:#ec1c24;font-size:14px !important;height:auto;border-radius:4px;padding:6px 12px;line-height:21px}.drfNavigationWrap .drfNavUserProfileWrap{display:inline-block;vertical-align:middle;border-left:none;padding-left:0;margin-left:0}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList{width:190px;background:#fff;top:41px;right:-1px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;overflow:auto;position:absolute;z-index:100}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList .drfNavBalanceWrap{display:inline-block;vertical-align:middle}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList a{cursor:pointer}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList a:hover{background:#f7f7f7;text-decoration:none}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile a:hover{background:none;color:#005bf0}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList li{border-bottom:1px solid #ccc}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList li:last-child{border-bottom:none}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile .drfNavAccDetail{padding:12px 0;font-size:15px;line-height:20px}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile .drfNavMenuBalance{padding:15px 0 12px}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile .drfNavAccDetail{font-family:"Titillium Web",sans-serif;color:#000;display:block}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList a{font-family:"Titillium Web",sans-serif;color:#000;display:block;padding:10px;font-size:14px;line-height:16px;padding:10px}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile a{padding:12px 0;font-size:15px;line-height:20px}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile li.drfNavUserBalanceWrap{border-bottom:none}.drfNavigationWrap .drfNavUserInitial{display:flex;align-items:center}.drfNavigationWrap .drfNavUserInitial div,.drfNavigationWrap .drfNavUserInitial span{display:inline-block;vertical-align:middle}.drfNavigationWrap .drfNavUserInitial div{padding:8px 4px;cursor:pointer}.drfNavigationWrap .drfNavUserInitial svg{width:29px;height:29px}.drfNavigationWrap .drfNavUserInitial span{width:29px;height:29px;border:1px solid #666;color:#666;font-size:16px;font-weight:600;line-height:29px;border-radius:100%;text-align:center;font-family:"Titillium Web",sans-serif}.drfNavigationWrap .drfNavUserInitial i{width:0;height:0;display:block;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #666}.drfNavigationWrap .drfNavUserInitial.active i{border-top:0;border-bottom:5px solid #666}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile{position:absolute;z-index:100;width:300px;max-height:inherit;border-radius:8px;padding:12px 24px 0;top:0;right:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border:solid 1px #ccc;background-color:#fff}.drfNavigationWrap .drfNavSubMenuListing .drfNavHamburgerMenuList{display:block}.openPopUp,.drf-nav-leftNavOpened{overflow:hidden;height:100%}.openPopUp{left:0;right:0}.drfNavHamburgerMenuWrap{width:100%;position:fixed;z-index:1002 !important;top:50px;left:0;bottom:0;right:0;overflow:auto;min-width:300px}.drfNavHamburgerMenuWrap::after{content:"";top:50px}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu{background:#fff;overflow:auto}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt{padding:0 0 20px;display:block;margin:0 auto;width:100%;display:block;background-color:#fff}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt .drfNavMenuCntList{display:block;margin:0 10px 0 10px}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt div h3{margin:0;float:left}.drfNavHamburgerMenuWrap .drfNavSubMenuListing .drfNavHamburgerMenuList,.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuHead{display:none}.drfNavHamburgerMenuWrap .drfNavSubMenuListing .drfNavHamburgerMenuList,.drfNavHamburgerMenuWrap .drfNavBetsProfileMenu ul,.drfNavHamburgerMenuWrap .drfNavUserProfileWrap .drfNavUserProfileList,.drfNavHamburgerMenuWrap .drfNavSecondaryNavCnt ul{padding-left:0;list-style:none}.drfNavHamburgerMenuWrap .drfNavSubMenuListing.selected{border-left:2px solid #000}.drfNavHamburgerMenuWrap .drfNavSubMenuListInfo .drfNavArrow{float:right;border:solid #666;border-width:0 1px 1px 0;display:inline-block;padding:6px;margin-right:4px;margin-top:5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList{padding-bottom:0}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList:first-child{margin-top:0}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList:first-child .drfNavSubMenuListing:first-child{border-top:1px solid #ccc}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing{display:block;padding:16px 8px;border-bottom:1px solid #ccc;cursor:pointer}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing.active .drfNavArrow{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing.active .drfNavHamburgerMenuList{display:block;margin-top:10px;padding-left:15px}.drfNavSubHeader{text-align:center;font-family:"Alfa Slab One",sans-serif;margin:0;font-size:28px;font-weight:500;line-height:1;padding:15px 0 10px}.drfNavSecondaryNav{box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}.drfNavSecondaryNavCnt{text-align:center}.drfNavSecondaryNavCnt ul{overflow:auto;white-space:nowrap}.drfNavSecondaryNavCnt ul li{display:inline-block;list-style-type:none}.drfNavSecondaryNavCnt ul li a{color:#fff}.drfNavSecondaryNav li{display:inline-block}.drfNavSecondaryNav li .navSubMenu{color:#ccc;padding:8px;cursor:pointer;display:block;font-family:"Titillium Web",sans-serif;font-weight:400;font-size:14px;line-height:24px;position:relative}.drfNavSecondaryNav li .navSubMenu::before{content:" ";position:absolute;width:1px;height:18px;background:#666;right:0;top:50%;transform:translateY(-50%);bottom:0}.drfNavSecondaryNav li.active .navSubMenu{background:#19345e;color:#fff;font-weight:700}.drfNavSecondaryNav li.active .navSubMenu::after{content:"";position:absolute;bottom:0;left:8px;right:8px;border-bottom:4px solid #fff}.drfNavSecondaryNav li:hover .navSubMenu::after{content:"";position:absolute;bottom:0;left:8px;right:8px;border-bottom:4px solid #fff}.drfNavSecondaryNav li:last-child .navSubMenu:after{background:rgba(0,0,0,0)}.drfNavSecondaryNav li.active .navSubMenu,.drfNavSecondaryNav li:hover .navSubMenu{background:rgba(0,0,0,0);color:#fff}.drfNavSecondaryNav li.active .navSubMenu,.drfNavSecondaryNav li:hover .navSubMenu{color:#fff}.drfNavHamburgerMenuCnt .drfNavMenuCntList div h3{font-weight:500;font-family:"Alfa Slab One",sans-serif;color:#19345e;font-size:22px;line-height:24px;margin:0 0 13px 0;display:inline-block;cursor:pointer}.drfNavHamburgerMenuCnt .drfNavMenuCntList li a{font-size:15px;line-height:30px;color:#666;font-weight:400;cursor:pointer;font-family:"Titillium Web",sans-serif}.drfNavHamburgerMenuCnt .drfNavMenuCntList:hover,.drfNavHamburgerMenuCnt .drfNavMenuCntList:active{color:#005bf0;text-decoration:none}.drfNavHamburgerMenuCnt .drfNavHamburgerSubMenuList{margin-left:20px}.drfNavHamburgerMenuCnt .drfNavHamburgerSubMenuList li a{font-size:13px}@media(min-width: 1025px){.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList a:hover{color:#005bf0}}.leftNavClose{display:none;width:27px;height:27px;cursor:pointer;padding:0 12px;position:relative;left:-38px}.leftNavClose:before,.leftNavClose:after{content:"";height:24px;border-left:2px solid #707070;position:absolute}.leftNavClose:before{transform:rotate(-45deg)}.leftNavClose:after{transform:rotate(45deg)}.drf-nav-leftNavOpened .leftNavClose{display:inline-block}.drfNavHamburgerMenuWrap::after{content:"";top:50px;right:auto;min-width:300px}.drfNavClockIcon{visibility:hidden}.rewardsPage .drfNavClockIcon,.mainAppDashBoard .drfNavClockIcon{visibility:visible;background:url(https://static.drf.com/images/drf-clock.svg) 0 0 no-repeat;min-width:27px;min-height:27px}.subMenuPresent .stakesScheduleContainer .leftNavFixed,.subMenuPresent .trackPage .leftNavFixed{z-index:1000;transform:translateX(-100%);left:0;top:50px}@media screen and (orientation: landscape){.drfNavigationWrap{position:fixed !important}}@media(min-width: 856px)and (orientation: landscape){.drfNavUserProfileWrap .drfNavUserProfileList{max-height:auto}}@media only screen and (min-width: 768px){.drfNavigationWrap .drfNavUserInitial{margin-right:7px}}.drfNavMenuClose{width:28px;height:22px;cursor:pointer;padding:12px;position:relative;display:block}.drfNavMenuClose:after,.drfNavMenuClose:before{content:"";height:24px;border-left:2px solid #707070;position:absolute;top:0}.drfNavMenuClose:after{transform:rotate(45deg)}.drfNavMenuClose:before{transform:rotate(-45deg)}@media(min-width: 375px){.drfNavigationWrap .drfNavUserInitial svg{width:32px;height:32px}.drfNavigationWrap .drfNavUserInitial span{width:32px;height:32px;line-height:32px}}@media(min-width: 768px){.drfNavigationWrap .drfNavUserInitial div{padding:8px}.drfNavigationWrap .drfNavUserInitial span,.drfNavigationWrap .drfNavUserInitial svg{width:40px;height:40px;line-height:40px}}@media(min-width: 768px)and (max-width: 1199px){.drfNavHamburgerMenu .drfNavHamburgerMenuCnt{font-size:15px;line-height:18px}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList{top:45px}}@media(min-width: 1200px){.drfNavSecondaryNav li .navSubMenu{line-height:1.3;padding:10px 8px;font-weight:600}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList{top:50px;right:-1px}.drfNavigationWrap .drfNavPrimaryNavWrap{background:#f6f6f6}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt .drfNavMenuCntList{margin:10px 10px 0 10px}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing:first-child{padding-left:0}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt{margin-bottom:13px}.drfNavMenuClose{margin-right:20px}.drf-nav-leftNavOpened{position:static;overflow:auto}.drfNavigationWrap .drfNavPrimaryNavWrap{height:60px}.drfNavHamburgerMenuWrap{top:0}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu{margin-top:60px}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing{padding:0}.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing,.drfNavHamburgerMenuWrap .drfNavHamburgerMenuCnt .drfNavMenuCntList:first-child .drfNavSubMenuListing:first-child{border:none}.drfNavHamburgerMenuWrap .drfNavSubMenuListInfo .drfNavArrow{display:none}.drfNavHamburgerMenuWrap .drfNavSubMenuListing .drfNavHamburgerMenuList{display:block}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuHead{display:flex;align-items:center;justify-content:space-between}.drfNavigationWrap .divider{position:relative;margin:0 20px 0 31px;height:32px;display:inline-block}.drfNavigationWrap .divider:before{content:"";position:absolute;left:0;width:1px;background:#666;height:100%}.drfNavigationWrap .drfNavleftSectionIcon{display:none}.drfNavigationWrap .drfNavMobile{display:none !important}.drfNavigationWrap .drfNavDesktop{display:inline-block !important;cursor:pointer}.drfNavigationWrap .drfNavHamburgerWrap .drfNavHamburger{width:20px}.drfNavigationWrap .drfNavHamburgerWrap .drfNavHamburger:before{width:20px;top:-7px}.drfNavigationWrap .drfNavHamburgerWrap .drfNavHamburger:after{width:20px;top:5px}.drfNavigationWrap .DRFLogo{position:static;width:111px;height:60px}.drfNavigationWrap .DRFLogo a{width:111px;height:60px}.drfNavigationWrap .DRFLogo a.drfNavMobile{display:none}.drfNavigationWrap .DRFLogo a.drfNavDesktop{display:block}.drfNavHamburgerMenuHead{display:block;position:fixed;left:0;top:0;right:0;box-shadow:0 1px 2px rgba(0,0,0,.3);background:#fff;margin:0 auto}.drfNavHamburgerMenuHead a{display:inline-block;width:111px;height:60px}.drfNavigationWrap .drfNavMainNavigation{margin:0 25px;display:flex;justify-content:space-between;align-items:center;flex:1 0 auto;padding:0}.drfNavigationWrap .drfNavMainNavigation li{flex-grow:1;display:flex;align-items:center;margin-top:0}.drfNavigationWrap .drfNavMainNavigation li .navTopMenu{width:100%;justify-content:center;display:flex;align-items:center}.drfNavigationWrap .drfNavMainNavigation li .navIcon{width:25px;height:25px;margin-right:6px}.drfNavigationWrap .drfNavMainNavigation li a{font-size:15px;line-height:17px;cursor:pointer;color:#333;font-weight:600;font-family:"Titillium Web",sans-serif}.drfNavigationWrap .drfNavMainNavigation li a:hover{color:#2161cc}.drfNavigationWrap .drfNavMainNavigation li.active>a{color:#2161cc;font-weight:600}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt{display:table;width:80%;padding:30px 0 20px;margin:0 auto;background:#fff}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt .drfNavMenuCntList{display:table-row}.drfNavHamburgerMenuWrap .drfNavHamburgerMenu .drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing{display:table-cell;width:25%;vertical-align:top;padding-left:30px;padding-bottom:90px}.drfNavSubMenuListing.selected{border-left:none}.entriesResultsContainer .drfNavigationWrap .drfNavleftSectionIcon{display:block}}@media only screen and (min-width: 1200px)and (max-width: 1260px){.drfBetsHomePageSSr.drfNavMainNavigation{margin:0 12px}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.loginInputWrap.eye .password-trigger{left:200px}}.popUpOverLay{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:998}.drfNavOverlay{background:#000;opacity:.7;position:fixed;height:100%;z-index:1}.drfNavLoginRegCnt{margin:0 auto;z-index:2;position:relative;display:flex;justify-content:center;align-items:center;top:50px}.drfNavigationWrap .drfNavDesktop{display:block}.drfNavigationWrap .drfNavHamburgerWrap.drfNavDesktop{display:inline-block;cursor:pointer}.drfNavigationWrap .drfNavMobile,.drfNavigationWrap .drfNavHamburgerWrap.drfNavMobile{display:none}.drfNavHamburgerMenuHead{position:fixed;left:0;top:0;right:0;box-shadow:0 1px 2px rgba(0,0,0,.3);background:#fff;margin:0 auto}.drfNavHamburgerMenu .drfNavHamburgerMenuCnt{padding:0 0 20px;display:block;margin-bottom:0;width:100%;display:block}.drfNavHamburgerMenu .drfNavHamburgerMenuCnt .drfNavMenuCntList{display:block}.drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing{display:block;padding:16px 8px;border-bottom:1px solid #ccc;cursor:pointer}.drfNavHamburgerMenuCnt .drfNavMenuCntList:first-child .drfNavSubMenuListing:first-child{border-top:1px solid #ccc}.drfNavMenuCntList div h3{margin:0;float:left}.drfNavSubMenuListInfo .drfNavArrow{float:right;border:solid #666;border-width:0 1px 1px 0;display:inline-block;padding:6px;margin-right:4px;margin-top:5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing.active .drfNavArrow{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.drfNavHamburgerMenuCnt .drfNavMenuCntList .drfNavSubMenuListing.active .drfNavHamburgerMenuList{display:block;margin-top:10px;padding-left:15px}.drfNavBetsProfileMenu ul li:last-child{border-bottom:none}.drfNavBetsProfileMenu ul li:last-child div h3{font-size:15px;line-height:18px;margin:0}.drfNavBetsBalanceBox{display:none}@media(min-width: 768px){.drfNavHamburgerMenuWrap{max-width:300px}.drfNavHamburgerMenuWrap .drfNavSubMenuListInfo .drfNavArrow{margin-top:3px}}@media(min-width: 1200px){.drfNavSecondaryNav li.active .navSubMenu,.drfNavSecondaryNav li:hover .navSubMenu{background:#f8f8f8;color:#19345e;font-weight:600}.drfNavSecondaryNav li .navSubMenu{color:#fff}.drfNavSecondaryNav li .navSubMenu::before{display:none}.drfNavHamburgerMenuWrap,.drfNavHamburgerMenuHead{max-width:1349px;margin:0 auto}.drfNavigationWrap .drfNavDesktop,.drfNavigationWrap .drfNavHamburgerWrap.drfNavDesktop{display:none}.drfNavigationWrap .drfNavMobile{display:block}.drfNavMenuCntList:last-child .drfNavSubMenuListing:last-child{padding-left:7px}.drfNavMenuCntList:last-child .drfNavSubMenuListing:last-child .drfNavSubMenuListInfo,.drfNavMenuCntList:last-child .drfNavSubMenuListing:last-child .drfNavHamburgerMenuList{padding-left:30px;border-left:2px solid #000}}.wagerAndHandicappingWrapper .wageringAndInfoTabs{list-style:none}.mCSB_container{margin-right:20px}.mCSB_container.mCS_y_hidden{margin-right:20px}.drf-nav-leftNavOpened .wagerAndHandicappingWrapper.showLeftNav .leftNavFixed{transform:translateX(0%);top:50px;transition:transform 500ms}.hideFixNav{visibility:hidden}.homepageWrapper{margin-top:150px}.wagerAndHandicappingWrapper{flex:0}.wagerAndHandicappingWrapper.showLeftNav:after{content:"";position:fixed;top:50px;right:0;bottom:0;left:0;background-color:#000;opacity:.6;z-index:100}.wagerAndHandicappingWrapper{position:fixed;top:55px;left:0;z-index:1000;background:#fff;width:100%}.wagerAndHandicappingWrapper .leftNavFixed{width:100%;left:0px;box-shadow:0 0 2px 0 rgba(0,0,0,.16);position:fixed;background:#fff;top:60px;bottom:0;z-index:101;transform:translateX(-100%);transition:transform 500ms}.wagerAndHandicappingWrapper .leftNavFixed .leftNavHeader{font-size:21px;line-height:32px;color:#000;font-family:"Titillium Web",sans-serif;font-weight:700;margin-bottom:0px;letter-spacing:-0.2px;padding:16px 9px 15px}.wagerAndHandicappingWrapper.showLeftNav:after{content:"";position:fixed;top:50px;right:0;bottom:0;left:0;background-color:#000;opacity:.6;z-index:100}.wagerAndHandicappingWrapper ul{padding-left:0}.wagerAndHandicappingWrapper .handicappingNavContainer{padding:0}.wagerAndHandicappingWrapper .mCSB_container{margin-right:10px !important}.wagerAndHandicappingWrapper .mCSB_container.mCS_y_hidden{margin-right:10px !important}.wagerAndHandicappingWrapper .trackHandicappingCategory{justify-content:space-between}.wagerAndHandicappingWrapper .collapseDownMinus,.wagerAndHandicappingWrapper .collapseUpPlus{width:14px;height:14px}.wagerAndHandicappingWrapper .favoriteStar{width:16px;margin:3px 6px 0 0;fill:#ffc600;cursor:pointer}.wagerAndHandicappingWrapper .favoriteStar.unFavoriteStar{fill:none}.wagerAndHandicappingWrapper .favoriteStar.unFavoriteStar .unChecked{stroke:#06c}.leftNavWageringContainer>div>div:nth-child(2){background-color:rgba(0,0,0,0);visibility:hidden}.wagerAndHandicappingWrapper .handicappingNavContainer{padding:0;height:calc(100vh - 120px)}.wagerAndHandicappingWrapper .leftNavWageringContainer{overflow:auto;height:calc(100vh - 120px);padding:0 0 0 10px;position:relative}.wagerAndHandicappingWrapper .wageringAndInfoTabs{margin:15px 10px}.wagerAndHandicappingWrapper .wageringAndInfoTabs li{flex:1}.wagerAndHandicappingWrapper .wageringAndInfoTabs a{font-size:12px;line-height:16px;font-family:"Titillium Web",sans-serif;font-weight:400;border:1px solid #06c;text-align:center}.wagerAndHandicappingWrapper .wageringAndInfoTabs a.active{background:#06c;color:#fff;text-decoration:none}.wagerAndHandicappingWrapper .wageringAndInfoTabs a:hover{text-decoration:none}.wagerAndHandicappingWrapper .leftNavWageringContainer .mCS-dark.mCSB_scrollTools .mCSB_draggerRail,.wagerAndHandicappingWrapper .leftNavWageringContainer .mCSB_dragger .mCSB_dragger_bar{background:rgba(0,0,0,0) !important}.wagerAndHandicappingWrapper .collapseIcon{position:relative;width:15px}.wagerAndHandicappingWrapper .collapseIcon.collapseActive{margin-top:5px}.wagerAndHandicappingWrapper .collapseIcon:before{content:"";width:12px;height:12px;border-width:0 2px 2px 0;border-style:solid;border-color:#ccc;position:absolute;transform:rotate(45deg);transition:trasnform .3s}.wagerAndHandicappingWrapper .collapseActive:before{transform:rotate(-135deg)}.loaderBackground{background:#fff;position:absolute;z-index:50;left:0;top:0;bottom:0;right:0}.loader{width:150px;height:80px;z-index:51;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url("https://static.drf.com/images/drf_loader.gif");background-size:150px 80px;visibility:visible !important}.trackHandicappingCategory{justify-content:space-between}.collapseDownMinus,.collapseUpPlus{width:14px;height:14px}.favoriteStar{width:16px;margin-right:6px;fill:#ffc600}.favoriteStar.unFavoriteStar{fill:none}.favoriteStar.unFavoriteStar .unChecked{stroke:#06c}.leftNavWageringContainer .wageringAccordion a{justify-content:space-between;font-size:14px;font-family:"Titillium Web",sans-serif;font-weight:600;color:#000;line-height:1.4;vertical-align:middle}.leftNavWageringContainer .wageringAccordion li{margin-bottom:15px}.leftNavWageringContainer .wageringAccordion li .wagerCard{border:1px solid #06c;padding:6px 10px 6px 12px;margin-bottom:6px;cursor:pointer}.leftNavWageringContainer .wageringAccordion li .wagerCard:first-of-type{margin-top:12px}.leftNavWageringContainer .wageringAccordion li .trackMtpWrapper{align-items:center;flex:1 0 30%;justify-content:flex-end}.leftNavWageringContainer .wageringAccordion li .timeLeft{color:#ec1c24}.leftNavWageringContainer .wageringAccordion li .trackName{font-size:21px;line-height:1}.leftNavWageringContainer .wageringAccordion li .firstWord{font-family:"Titillium Web",sans-serif;font-weight:600;font-size:21px}.leftNavWageringContainer .wageringAccordion li .fullTrackName,.leftNavWageringContainer .wageringAccordion li .trackName{font-family:"Titillium Web",sans-serif;font-weight:400;color:#000}.leftNavWageringContainer .wageringAccordion li .fullTrackName{font-size:11px;line-height:1}.leftNavWageringContainer .wageringAccordion li .clockIcon{width:20px;height:20px;display:inline-block;border-radius:50%;border:1px solid;color:inherit;margin-right:5px;position:relative}.leftNavWageringContainer .wageringAccordion li .clockIcon::after{content:"";position:absolute;width:6px;height:6px;border-width:0 0 1px 1px;border-style:solid;border-color:inherit;top:5px;right:5px}.leftNavWageringContainer .wageringAccordion li .trackMtp{font-size:14px;color:inherit;font-family:Titillium_Web_Regular,Arial,sans-serif;text-align:center;display:flex;flex-direction:column}.leftNavWageringContainer .wageringAccordion li .trackMtpAndTrackName{margin-bottom:10px;justify-content:space-between;align-items:center;color:#000}.leftNavWageringContainer .wageringAccordion li .trackNameAndStarWrappper{align-items:center;flex:1 0 50%}.leftNavWageringContainer .wageringAccordion li .trackNameWrapper{flex-direction:column}.leftNavWageringContainer .wageringAccordion li .trackLoc{font-size:11px;font-family:"Titillium Web",sans-serif;font-weight:600;color:#000;line-height:1.2;margin-bottom:0;max-width:200px;word-wrap:break-word}.leftNavWageringContainer .wageringAccordion li .trackInfo{margin-bottom:6px;color:#000}.leftNavWageringContainer .wageringAccordion li .trackInfo span{font-size:11px;font-family:"Titillium Web",sans-serif;font-weight:400}.leftNavWageringContainer .wageringAccordion li .trackInfo span::after{content:"|";margin:0 3px}.leftNavWageringContainer .wageringAccordion li .trackInfo span:last-of-type::after{content:""}.leftNavWageringContainer .wageringAccordion li .trackFave{margin-bottom:0;font-size:11px;color:#000;font-family:"Titillium Web",sans-serif;font-weight:400}.leftNavWageringContainer .wageringAccordion li a:focus{outline:none;text-decoration:none}.wageringAndInfoTabs{margin:15px 10px}.wageringAndInfoTabs li{flex:1;overflow:hidden}.wageringAndInfoTabs a{font-size:12px;font-family:"Titillium Web",sans-serif;font-weight:400;border:1px solid #06c;padding:6px 25px;text-align:center;color:#005bf0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wageringAndInfoTabs a.active{background:#06c;color:#fff}.handicappingNavContainer .calenderWrap .calenderHead{font-size:12px;color:#333;font-family:"Arial",sans-serif;text-transform:capitalize;cursor:pointer;margin-bottom:15px;font-size:12px;color:#333;font-family:"Arial",sans-serif;text-transform:capitalize;cursor:pointer;margin-bottom:15px}.handicappingNavContainer .calenderWrap.open .TrackContentSection{display:block;margin-bottom:15px}.handicappingNavContainer .TrackContentSection .freePps{background:#19345e;border-radius:4px;padding:8px}.handicappingNavContainer .TrackContentSection .freePps h2{font-size:15px;text-align:center;font-family:"Alfa Slab One",sans-serif;font-weight:500;color:#ffe502;line-height:1.6s;margin-bottom:8px;padding-bottom:8px;position:relative}.handicappingNavContainer .TrackContentSection .freePps h2::after{content:"";width:100%;padding:0 40%;border-bottom:1px solid #ec1c24;position:absolute;bottom:0;left:50%;transform:translateX(-50%);right:0}.handicappingNavContainer .TrackContentSection .freePps .freePPsTrack{color:#fff;font-family:"Titillium Web",sans-serif;font-size:13px;line-height:1.6;margin-bottom:0;position:relative;cursor:pointer}.handicappingNavContainer .TrackContentSection .freePps span{font-weight:bold}.freePPsTrackTooltip{left:230px;transition:none;transform:translateX(-50%);max-width:300px;min-width:auto;visibility:hidden;font-family:"Titillium Web",sans-serif;font-size:12px;line-height:1.4;position:fixed;background:#fff;color:#000;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border:1px solid #ccc;padding:8px;border-radius:3px;z-index:1001}.freePPsTrackTooltip.noText{display:none}.freePPsTrackTooltip::before{left:50%;top:-16px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff;content:"";position:absolute;border-width:8px;border-style:solid;transform:translateY(-50%);z-index:1}.freePPsTrackTooltip::after{content:"";position:absolute;border-width:8px;border-style:solid;transform:translateY(-50%);z-index:1;z-index:-1;left:50%;top:-16px;margin-top:-1px;margin-left:0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #ccc}.handicappingNavContainer .TrackContentSection .freePpInfo{color:#666;font-family:"Titillium Web",sans-serif;font-size:13px;line-height:1.4;margin-top:8px}.handicappingNavContainer .trackCalenderList li.trackCalenderItem{padding:6px;border:1px solid #06c;background:#fff;margin-bottom:8px}.handicappingNavContainer .trackCalenderList li.trackCalenderItem.breederCup{border:1px solid #3b256b;background:#efeef3;margin:16px 0 8px 0;position:relative}.handicappingNavContainer .trackCalenderList li.trackCalenderItem.breederCup .breederCuptext{height:16px;padding:0 4px;border-radius:4px;background-color:#ec1c24;font-family:"Titillium Web",sans-serif;font-size:11px;font-weight:bold;line-height:16px;letter-spacing:normal;color:#fff;position:absolute;top:-12px;left:2px}.handicappingNavContainer .trackCalenderList li.NorthAmericanTracks,.handicappingNavContainer .trackCalenderList li.InternationalTracks{border:1px solid #ccc}.handicappingNavContainer .trackCalenderList li.trackCalenderItem:last-of-type{margin-bottom:15px}.handicappingNavContainer .trackCalenderList .calenderLeft{flex:1 0 40%;max-width:40%}.handicappingNavContainer .trackCalenderList .calenderRight{flex:1 0 60%;max-width:60%;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end}.hide{display:none}.handicappingNavContainer .calenderLeft .trackAbbriName{font-size:22px;line-height:24px;color:#000;font-family:"Titillium Web",sans-serif;font-weight:600;text-transform:uppercase;display:inline-block;padding:0}.handicappingNavContainer .calenderLeft .trackFullName{font-size:12px;line-height:14px;color:#000;font-family:"Titillium Web",sans-serif;display:block;white-space:nowrap}.handicappingNavContainer .calenderRight .calenderDate{background:#fff;border:1px solid #ccdefc;min-width:26px;padding:2px;display:block;margin:2px;text-align:center;cursor:pointer}.handicappingNavContainer .calenderRight .calenderDate span{display:block;color:#000}.handicappingNavContainer .calenderRight .calenderDate:hover span{color:#005bf0}.handicappingNavContainer .calenderRight .calenderDate span.dateNo{font-weight:600;font-size:11px;line-height:1;font-family:"Arial",sans-serif}.handicappingNavContainer .calenderRight .calenderDate span.day{font-size:9px;line-height:1;font-family:"Arial",sans-serif;text-transform:uppercase}.handicappingNavContainer .calenderLeft .favoriteStar{margin-top:6px}.handicappingNavContainer .calenderRight .calenderDate.today:hover span{color:#005bf0}.handicappingNavContainer .upcommingPastWrap{text-align:right}.handicappingNavContainer .upcommingPastWrap span{font-size:12px;line-height:18px;color:#67a0ff;font-weight:600;display:inline-block;padding:0 10px;text-transform:uppercase;cursor:pointer}.handicappingNavContainer .calenderTitle{font-size:14px;color:#000;font-weight:600;font-family:"Titillium Web",sans-serif}.handicappingNavContainer .upcommingPastWrap span.active{color:#1060ec;text-decoration:underline}.wagerAndHandicappingWrapper .handicappingNavContainer,.wagerAndHandicappingWrapper .leftNavWageringContainer{background:#fff;position:relative}.raceTracks .dashboardContent{margin-left:0;flex:auto}.raceTracks .dashboardContent .rightSidebarWrap.dashboardRtgCnt{width:100%}.LeftNavHandicapping{height:100%;margin-right:10px}.leftRailWarningPopup .heading{font-size:18px;font-family:"Titillium Web",sans-serif;font-weight:700}.leftRailWarningPopup .wagerMessage{font-size:15px;line-height:1.4;font-family:"Titillium Web",sans-serif;font-weight:600}.leftRailWarningPopup .note{font-size:12px;line-height:1.4;font-family:"Arial",sans-serif;font-weight:600}.leftRailWarningPopup .ppBtnsWrap .modalBtn{font-size:14px;font-family:"Titillium Web",sans-serif;font-weight:600;padding:10px 12px;border:0;border-radius:3px;margin-right:15px;letter-spacing:.3px;background:#06c;color:#fff;box-shadow:0px 2px 8px rgba(0,0,0,.3)}.leftRailWarningPopup .ppBtnsWrap .modalBtn:last-child{margin-right:0}.leftRailWarningPopup .modal-body{padding:30px 20px 15px}.leftNavOverlay{background:#000;opacity:.7;position:fixed;height:100%;z-index:1;width:100%;left:0;top:53px;display:none}.leftNavWageringContainer .wageringAccordion .collapseDownMinus,.leftNavWageringContainer .wageringAccordion .collapseUpPlus{margin-top:7px}.leftNavWageringContainer .wageringAccordion a:focus{outline:none;text-decoration:none}.wageringAndInfoTabs a{font-size:17px}@media only screen and (min-width: 481px){.wagerAndHandicappingWrapper .leftNavFixed{width:255px}.freePPsTrackTooltip{left:50% !important;transform:translateX(-50%);max-width:300px;min-width:auto}.freePPsTrackTooltip::before{left:50%;top:-16px;transform:translateX(-50%);border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff}.freePPsTrackTooltip::after{left:50%;top:-16px;transform:translateX(-50%);border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff;margin-top:-1px;margin-left:0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #ccc}}@media screen and (min-width: 768px){.leftRailWarningPopup .modal-dialog{width:450px}.leftNavOpened .wagerAndHandicappingWrapper{display:block}.wagerAndHandicappingWrapper .leftNavWageringContainer{height:calc(100vh - 150px)}.raceTracks .dashboardContent{flex:0 0 75%}}@media only screen and (min-width: 768px)and (max-width: 1024px){.raceTracks .dashboardContent{flex:auto;margin:0}}@media screen and (min-width: 1200px){.drf-nav-leftNavOpened .wagerAndHandicappingWrapper.showLeftNav .leftNavFixed{top:60px}.drf-nav-leftNavOpened .wagerAndHandicappingWrapper:after{top:60px}.wagerAndHandicappingWrapper{left:auto;position:static}.wagerAndHandicappingWrapper .leftNavFixed{left:auto;z-index:3;transform:translateX(0);transition:none}.entriesResultsContainer .wagerAndHandicappingWrapper .leftNavFixed{transform:translateX(-100%);transition:transform 500ms;left:0}.homepageWrapper{margin-top:60px}.freePPsTrackTooltip{left:50% !important;transition:all 300ms ease-in}}@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active){.trackMtpAndTrackName{height:40px}.trackCalenderItem{height:60px}.handicappingNavContainer .calenderLeft .favoriteStar{height:15px}}.drfNavBalanceWrap{margin-right:15px}.drfNavBalanceWrap a span,.drfNavBalanceWrap a i{display:inline-block;vertical-align:middle}.drfNavBalanceInfo .drfNavBalCopy,.drfNavBalanceInfo .drfNavPlusIcon{display:inline-block;vertical-align:middle}.drfNavHeadBalWrap .drfNavBalAmtWrap{display:inline-block;vertical-align:middle}.drfNavBalanceInfo .drfNavBalCopy{margin-right:2px;font-size:12px;line-height:14px;color:#666}.drfNavBalanceWrap a .drfNavBalCopy{font-size:14px;line-height:16px;color:#fff;font-family:"Titillium Web",sans-serif;font-weight:700}.drfNavBalanceWrap a i{font-size:19px;font-family:Arial,Helvetica,sans-serif;color:#666}.drfNavBalanceInfo i{display:inline-block;vertical-align:middle;font-size:19px;font-family:Arial,Helvetica,sans-serif;color:#666}.drfNavBalanceInfo a{margin-right:5px}.divider{display:none}.drfNavBalanceWrap span,.drfNavBalanceWrap a{display:block;font-family:"Titillium Web",sans-serif}.drfNavBalanceWrap .drfNavBalAmt{color:#005bf0;font-weight:700;font-size:16px;line-height:25px}.drfNavBalanceInfo .drfNavBalAmt{color:#005bf0;font-weight:700;font-size:16px;line-height:25px}.drfNavBetsUserProfile .drfNavBalanceInfo .drfNavMenuBalance{cursor:default}.drfNavBalanceWrap a{font-size:12px;line-height:14px;color:#666;text-align:right}.drfNavBalanceInfo .drfNavBalCopy{font-size:13px;line-height:15px;color:#000}.drfNavAccountInfo{border-top:none;position:relative}.drfNavAccountInfo .drfNavUserProfileClose{position:absolute;top:-6px;right:-19px;width:20px;height:20px;padding:12px;cursor:pointer}.drfNavAccountInfo .drfNavUserProfileClose:after{content:"";height:16px;border-left:2px solid #000;position:absolute;top:4px;left:10px}.drfNavAccountInfo .drfNavUserProfileClose:before{content:"";height:16px;border-left:2px solid #000;position:absolute;top:4px;left:10px;transform:rotate(-45deg)}.drfNavAccountInfo .drfNavUserProfileClose:after{transform:rotate(45deg)}.drfNavAccountInfo span{font-size:15px;line-height:24px;display:block;word-break:break-word;font-family:"Titillium Web",sans-serif}.drfNavBalanceInfo span{display:block;word-break:break-word;font-family:"Titillium Web",sans-serif}.drfNavAccountInfo a{pointer-events:none}.drfNavBalanceInfo span:first-child{line-height:18px}.drfNavBetsProfileMenu ul li:last-child{border-bottom:none}.drfNavBetsProfileMenu .drfNavRefresh{background:url("https://static.drf.com/images/balance-refresh.png") no-repeat;width:25px;height:25px;background-size:100% 100%;cursor:pointer;margin-right:12px}.drfNavBetsProfileMenu .drfNavBalanceAmtWrap{margin-right:10px}.drfNavBalanceInfo{border-bottom:1px solid #ccc}.drfNavFundingActionBtns{margin-top:14px}.drfNavUserProfileWrap .drfNavUserProfileList.drfNavBetsUserProfile .drfNavFundingActionBtns a:hover{color:#fff;background:#693}.drfNavBetsProfileMenu .drfNavBalanceAmtWrap,.drfNavBetsProfileMenu .drfNavRefresh{vertical-align:middle;display:inline-block}.drfNavUserProfileWrap .drfNavUserProfileList{top:40px}.drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns a{vertical-align:middle;display:inline-block;padding:4px 4px 4px 8px;font-size:14px;line-height:16px;color:#fff;font-weight:700}.drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns a span,.drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns a i{padding:4px 4px 4px 8px;font-size:14px;line-height:16px;color:#fff;font-weight:700}.drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns .drfNavBtnGreen span{margin-right:5px;display:inline-block;padding:0;vertical-align:middle}.drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns a:first-child{margin-right:10px}.drfNavHeadBalWrap{background:#693;border-radius:4px;padding:4px 4px 4px 8px;cursor:pointer}.drfNavHeadBalWrap .drfNavPlusIcon{vertical-align:middle;display:inline-block}.drfNavBalanceInfo .drfNavPlusIcon{vertical-align:middle;display:inline-block}.drfNavHeadBalWrap .drfNavBalAmtWrap{margin-right:5px}.drfNavBalanceWrap.drfNavHeadBalWrap .drfNavBalAmt,.drfNavBalanceWrap.drfNavHeadBalWrap a .drfNavBalCopy{color:#fff}.drfNavBalanceWrap.drfNavHeadBalWrap .drfNavBalAmt{font-size:14px;line-height:17px;font-weight:700;text-align:right}.drfNavBalanceWrap.drfNavHeadBalWrap .drfNavPlusIcon{background:url(https://static.drf.com/images/expand.svg);width:24px;height:24px}.drfNavBalanceInfo .drfNavPlusIcon{background:url(https://static.drf.com/images/expand.svg);width:24px;height:24px}.drfNavBetsBalanceBox{margin-right:12px;display:none}.drfNavBetsBalanceBox div:first-child span{display:inline-block;vertical-align:middle}.drfNavBetsBalanceBox div:first-child svg{display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:20px}.drfNavBetsBalanceBox div:first-child span{font-size:12px;line-height:16px;color:#666;font-family:"Titillium Web",sans-serif;font-weight:400}.drfNavBetsBalanceBox div:last-child{font-size:12px;line-height:16px;color:#666;font-family:"Titillium Web",sans-serif;font-weight:400;color:#000;font-weight:700}.drfNavBetsBalanceBox.balRefLoading svg{animation:refrotation 1.4s infinite linear}@keyframes refrotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.drfNavFundingFrame{width:375px;height:560px;border-radius:8px}.fundingIframeOpen{overflow:hidden;position:fixed;height:100%;width:100%;left:0;right:0}.drfNavFundingFrame,.drfNavFundingIframeWrap{width:100%;height:100%}.drfNavFundingIframeWrap{position:fixed;top:0;right:0;z-index:999;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border:solid 1px #ccc;background:#fff url("https://static.drf.com/images/drf_loader.gif") center center no-repeat}.drfNavFundingIframeClose{z-index:999;position:absolute;top:6px;right:13px;width:20px;height:20px;padding:12px;cursor:pointer}.drfNavFundingIframeClose:after{content:"";height:16px;border-left:2px solid #000;position:absolute;top:4px;left:10px}.drfNavFundingIframeClose:before{content:"";height:16px;border-left:2px solid #000;position:absolute;top:4px;left:10px;transform:rotate(-45deg)}.drfNavFundingIframeClose:after{transform:rotate(45deg)}.loginInputWrap input{width:100%}.loginInputWrap.eye{position:relative}.unLinkedUserErrorMsg{font-size:12px;color:#f30707;line-height:14px;word-break:break-word}.loginInputWrap.eye .password-trigger{position:absolute;top:8px;left:225px;font-size:15px;cursor:pointer;display:inline-block;height:15px;margin-top:3px}.loginInputWrap.eye .password-trigger svg{width:22px;height:15px;fill:#acacac}.drfNavLoginRegCnt .drfNavLoginWrap .loginInputWrap.eye .form-control::-ms-reveal{display:none}.drfNavLoginRegCnt .drfNavLoginWrap .loginInputWrap .form-control{color:#555 !important}.betsLoginView .loginCnt label{font-weight:400 !important}.inputBox input:-webkit-autofill{background-color:#fff !important}.pipe{display:inline-block;color:#fff;height:26px;vertical-align:middle}.drfNavHamburgerWrap .drfNavHamburger{width:28px}.drfNavHamburgerWrap .drfNavHamburger:after{width:28px}.drfNavHamburgerWrap .drfNavHamburger:before{width:28px;top:-10px}.drfNavHamburgerWrap .drfNavHamburger:after{top:8px}.drfNavFundingIframeClose{top:6px;right:2px}.drfNavHamburgerMenuWrap{width:100%}.drfNavBalanceWrap{display:none}.drfNavBalanceInfo{display:block}.drfNavSubMenuListInfo .drfNavArrow{margin-top:5px}.betsBodyWrap .drfNavigationWrap{position:static}.betsBodyWrap .drfNavigationWrap .drfNavPrimaryNavWrap{z-index:1}.betsBodyWrap .mainContent{margin-top:0}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns a,.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns a i,.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns a span{padding:4px 4px 4px 8px;font-size:14px;line-height:16px;color:#fff;font-weight:700;margin-right:0}.drfNavigationWrap .drfNavUserProfileWrap .drfNavUserProfileList .drfNavFundingActionBtns .drfNavBtnGreen span{margin-right:5px;display:inline-block;padding:0;vertical-align:middle}.drfNavigationWrap .drfNavRightSection{padding:0}.drfNavigationWrap .drfNavUserProfileWrap{position:relative}@media(min-width: 768px){.drfNavBalanceWrap{display:inline-block}.drfNavFundingFrame,.drfNavFundingIframeWrap{width:375px;height:560px}.drfNavFundingIframeWrap{position:absolute}.drfNavFundingIframeWrap{top:-1px;right:0}}@media(min-width: 1025px){.drfNavBetsBalanceBox{display:inline-block}.drfNavFundingIframeWrap{top:0;right:4px}}@media(min-width: 1200px){.drfNavFundingIframeWrap{-webkit-overflow-scrolling:auto;overflow-y:visible}.drfNavUserProfileWrap .drfNavUserProfileList{top:50px}.drfNavHamburgerWrap .drfNavHamburger{width:20px}.drfNavHamburgerWrap .drfNavHamburger:after{width:20px}.drfNavHamburgerWrap .drfNavHamburger:before{width:20px;top:-10px}.drfNavHamburgerWrap .drfNavHamburger:after{top:8px}}.drfNavLoginRegCnt{width:320px}.drfNavLoginRegCnt .drfNavRegWrap{display:none}.drfNavLoginRegCnt .drfNavLoginWrap{width:100%;height:auto;background:#fff}.drfSportRegWrap{width:50%;position:relative;height:400px;background:#fff}.popUps .drfNavLoginRegCnt .drfNavMenuClose{margin:15px 15px 0 0}.drfNavLoginRegCnt .drfNavRegWrap{background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(https://static.drf.com/images/login-register-modal-background.jpg);text-align:center;color:#fff;font-family:"Titillium Web",sans-serif}.drfNavLoginRegCnt .drfSportRegWrap{background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(https://static.drf.com/sstf/stage/images/sportsBack.jpg);text-align:center;color:#fff;font-family:"Titillium Web",sans-serif}.drfNavLoginRegCnt .drfNavRegWrap h4,.drfNavLoginRegCnt .drfSportRegWrap .regTitle{font-size:22px;line-height:24px;margin-top:30px;margin-bottom:20px;font-weight:600}.drfNavLoginRegCnt .drfNavRegWrap p,.drfNavLoginRegCnt .drfSportRegWrap .regSubTitle{font-size:16px;line-height:25px;font-weight:600;margin-bottom:20px;padding:0 40px}.drfNavLoginRegCnt .drfNavRegWrap li,.drfNavLoginRegCnt .drfSportRegWrap li{font-size:13px;line-height:22px;font-weight:400}.drfNavLoginRegCnt .drfNavHeaderBtn{width:100%;text-align:center;color:#fff;font-family:"Titillium Web",sans-serif;font-weight:500;background:#ec1c24;font-size:14px !important;height:auto;padding:6px 12px;line-height:26px;position:static;margin-bottom:20px;width:100%;display:block;text-align:center}.drfNavLoginRegCnt .drfNavLoginWrap{padding:30px 33px}.drfNavLoginRegCnt .drfNavLoginWrap.drfNavGeneralLogin{padding:35px 0}.drfNavLoginRegCnt .drfNavLoginWrap h4{font-size:20px;line-height:23px;color:#666;font-weight:600;padding:0 45px;text-align:center;margin-bottom:30px;margin-top:10px;font-family:"Titillium Web",sans-serif}.drfNavLoginRegCnt .drfNavLoginWrap .loginInputWrap.form-group{margin-bottom:15px;font-family:"Titillium Web",sans-serif}.drfNavLoginRegCnt .drfNavLoginWrap .form-control{border:none;border-radius:0;padding:4px 5px;font-size:13px;line-height:24px;width:100%;outline:none;border-bottom:1px solid #ccc;-webkit-box-shadow:none;box-shadow:none}.drfNavLoginRegCnt .drfNavLoginWrap .drfNavErrMsg{color:#f30707;font-size:11px;line-height:13px;display:block;margin-top:5px}.drfNavLoginRegCnt .drfNavLoginWrap .drfNavForgotPassLink{font-family:"Titillium Web",sans-serif;font-size:13px;line-height:15px;color:#666;text-decoration:underline;display:inline-block;margin-bottom:20px}.drfNavLoginRegCnt .drfNavLoginWrap .drfNavRegLink{font-size:13px;line-height:15px;color:#666;text-decoration:underline;text-decoration:none;margin-bottom:0}.drfNavLoginWrap .drfNavRegLink a{color:#ec1c24}.drfNavLoginRegCnt .drfNavMenuClose{position:absolute;right:0;z-index:1;top:0}.forgotUserPassLinks{margin-top:16px}.forgotUserPassLinks a{text-decoration:underline !important;font-size:13px;line-height:15px;color:#666;font-family:"Titillium Web",sans-serif}.forgotUserPassLinks a:hover{text-decoration:none;color:#000}.drfNavLoginWrap form .recaptchaBox{display:flex;justify-content:center;margin:0 0 12px 0}.drfNavLoginRegCnt .drfNavBetsLoginSection h4{margin-bottom:30px;margin-top:10px}.drfNavLoginWrap.drfNavBetsLoginSection form.recaptchaErrorMsg .recaptchaBox{margin:0 0 12px}.betLoginBtn{width:100%;display:block}@media screen and (min-width: 768px){.drfNavLoginRegCnt{width:624px}.drfNavLoginRegCnt .drfNavRegWrap{display:flex;flex-direction:column}.drfNavLoginRegCnt .drfNavRegWrap,.drfNavLoginRegCnt .drfNavLoginWrap{width:50%;position:relative;height:400px}.drfNavLoginRegCnt .drfNavHeaderBtn{width:252px;position:absolute;left:30px;bottom:33px;margin-bottom:0}.drfNavLoginRegCnt .drfNavLoginWrap .drfNavRegLink{display:none;margin-bottom:0}.drfNavLoginWrap.drfNavBetsLoginSection form .recaptchaBox{margin:24px 0 0}.drfNavLoginWrap.drfNavBetsLoginSection form.recaptchaErrorMsg .recaptchaBox{margin:5px 0 0}.drfNavLoginRegCnt .drfNavBetsLoginSection h4{margin-bottom:12px;margin-top:0}}.drfNavigationWrap{--navBarHeight: 60px}.drfNavigationWrap .drfNavMainNavigation>li>a{height:var(--navBarHeight);line-height:var(--navBarHeight)}.drfNavigationWrap .drfNavMainNavigation>li:hover .hoverMenuWrapper{display:block}.drfNavigationWrap .hoverMenuWrapper{display:none;width:100%;height:269px;max-width:1349px;margin:0 auto;position:absolute;top:var(--navBarHeight);left:0;z-index:100;border-radius:0 0 8px 8px;background-color:#fff;box-shadow:0px 20px 20px rgba(20,41,62,.2);font-family:"Titillium Web",sans-serif}.drfNavigationWrap .hoverMenuWrapper .hoverMenuContainer{display:flex;justify-content:flex-start;align-items:flex-start;gap:24px;width:100%;margin:0 auto;padding:24px 106px 24px 146px}.drfNavigationWrap .hoverMenuWrapper .hoverMenuSection,.drfNavigationWrap .hoverMenuWrapper .hoverMenuProducts,.drfNavigationWrap .hoverMenuWrapper .hoverMenuMarketing{flex:1 1 auto}.drfNavigationWrap .hoverMenuWrapper .hoverMenuSection{flex:0 0 auto}.drfNavigationWrap .hoverMenuWrapper .hoverMenuMarketing{height:221px;margin-left:-12px;padding-left:24px;border-left:1px solid #dae4e9}.drfNavigationWrap .hoverMenuWrapper .hoverMenuMarketing .marketingWrap .hoverMenuColumns{gap:24px}.drfNavigationWrap .hoverMenuWrapper .hoverMenuMarketing .marketingWrap .content:hover h2,.drfNavigationWrap .hoverMenuWrapper .hoverMenuMarketing .marketingWrap .content:hover p{color:#2161cc}.drfNavigationWrap .hoverMenuWrapper .sectionWrap .sectionHeading,.drfNavigationWrap .hoverMenuWrapper .productsWrap .sectionHeading{font-size:13px;line-height:16px;padding-bottom:12px;border-bottom:1px solid #dae4e9;margin:0}.drfNavigationWrap .hoverMenuWrapper .hoverMenuColumns{display:flex;flex-direction:row;gap:16px}.drfNavigationWrap .hoverMenuWrapper li{margin-top:12px;min-width:162px}.drfNavigationWrap .hoverMenuWrapper li a{font-size:15px;line-height:20px;font-weight:400;color:#222}.drfNavigationWrap .hoverMenuWrapper li a:hover{color:#2161cc}.drfNavigationWrap .hoverMenuWrapper .block{display:flex;flex-direction:row;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #dae4e9;cursor:pointer}.drfNavigationWrap .hoverMenuWrapper .block:last-child{border:none}.drfNavigationWrap .hoverMenuWrapper .block img{width:48px;height:48px;display:inline-block;margin-right:12px}.drfNavigationWrap .hoverMenuWrapper .block .content{width:172px}.drfNavigationWrap .hoverMenuWrapper .block .blockTitle{font-size:13px;line-height:16px;margin-bottom:4px;margin-top:0}.drfNavigationWrap .hoverMenuWrapper .block p{font-size:13px;line-height:16px;color:#222;margin:0}@media screen and (min-width: 1349px){.drfNavigationWrap .hoverMenuWrapper .hoverMenuContainer{gap:48px}.drfNavigationWrap .hoverMenuWrapper .hoverMenuColumns{gap:32px}.drfNavigationWrap .hoverMenuWrapper .hoverMenuMarketing{margin-left:-24px;padding-left:24px}.drfNavigationWrap .hoverMenuWrapper li{min-width:188px}}.topAdPresent .sstfContainer .homepageWrapper{margin-top:47px}.topAdPresent .sstfContainer.drfSecondaryNavToggle .wagerAndHandicappingWrapper .leftNavFixed{top:50px}.topAdPresent .sstfContainer.drfSecondaryNavToggle .homepageWrapper{margin-top:0}.topAdPresent .sstfContainer.drfSecondaryNavToggle.discoveryTopRaces .homepageWrapper{margin-top:0}.topAdPresent .sstfContainer.drfSecondaryNavToggle.discoveryTopRaces .drfSecondryNav{position:static}.topAdPresent .sstfContainer.hideLeftNav .wagerAndHandicappingWrapper .leftNavFixed{position:fixed}.topAdPresent .sstfContainer.trackPage .homepageWrapper,.topAdPresent .ppDetailsContainer .container,.topAdPresent .customContainer .homepageWrapper{margin-top:0}.topAdPresent .drfSecondryNav{position:absolute;top:auto}.topAdPresent .drfNavigationWrap{position:relative !important;width:auto}.topAdPresent .homepageLoggedOutView{margin-top:55px}.topAdPresent.subMenuPresent .sstfContainer .wagerAndHandicappingWrapper .leftNavFixed{top:16px}.topAdPresent.subMenuPresent .sstfContainer .ppDetailsContainer,.topAdPresent.subMenuPresent .sstfContainer .homepageWrapper{margin-top:16px}.topAdPresent.drfNavigationFixed .sstfContainer .homepageWrapper{margin-top:90px;padding-top:0}.topAdPresent.drfNavigationFixed .sstfContainer.drfSecondaryNavToggle .homepageWrapper{margin-top:90px}.topAdPresent.drfNavigationFixed .sstfContainer.drfSecondaryNavToggle.discoveryTopRaces .drfSecondryNav{position:fixed}.topAdPresent.drfNavigationFixed .sstfContainer.drfSecondaryNavToggle.discoveryTopRaces .homepageWrapper{margin-top:75px}.topAdPresent.drfNavigationFixed .sstfContainer .wagerAndHandicappingWrapper .leftNavFixed{position:fixed;top:96px}.topAdPresent.drfNavigationFixed .sstfContainer .drfSecondryNav{position:fixed;top:50px}.topAdPresent.drfNavigationFixed .sstfContainer .drfNavigationWrap{margin:0}.topAdPresent.drfNavigationFixed .sstfContainer .homepageLoggedOutView{margin-top:0}.topAdPresent.drfNavigationFixed .sstfContainer.trackPage .drfNavPrimaryNavWrap,.topAdPresent.drfNavigationFixed .sstfContainer.trackPage .drfNavSecondaryNavWrap{margin:0}.topAdPresent.drfNavigationFixed .wagerAndHandicappingWrapper .leftNavWageringContainer{height:calc(100vh - 110px)}.topAdPresent.drfNavigationFixed .drfNavigationWrap{position:fixed !important;top:0}.topAdPresent.drfNavigationFixed .mobileRaceDetails{margin-top:50px}.topAdPresent.drfNavigationFixed .wagerAndHandicappingWrapper .leftNavFixed{top:50px}.topAdPresent.drfNavigationFixed.subMenuPresent .sstfContainer .wagerAndHandicappingWrapper .leftNavFixed{top:155px}.topAdPresent .wagerAndHandicappingWrapper .leftNavWageringContainer{height:calc(100vh - 382px)}.topAdPresent.drf-nav-leftNavOpened{position:static;overflow:hidden}.topAdPresent.drf-nav-leftNavOpened.drfNavigationFixed .leftNavFixed,.topAdPresent.drf-nav-leftNavOpened.drfNavigationFixed .wagerAndHandicappingWrapper.showLeftNav .leftNavFixed,.topAdPresent.drf-nav-leftNavOpened.drfNavigationFixed .wagerAndHandicappingWrapper.showLeftNav .calendarOverlay{top:50px;overflow:hidden}.topAdPresent.drf-nav-leftNavOpened .wagerAndHandicappingWrapper.showLeftNav:after{content:"";display:none}.topAdPresent.drf-nav-leftNavOpened .wagerAndHandicappingWrapper.showLeftNav .calendarOverlay{position:fixed;top:62px;right:0;bottom:0;left:0;background-color:#000;opacity:.6;z-index:100}.topAdPresent.openPopUp{position:static !important}.topAdPresent.openPopUp.drfNavigationFixed .drfNavHamburgerMenuWrap,.topAdPresent.openPopUp.drfNavigationFixed .popUpOverLay{top:50px}.topAdPresent .customContainer,.topAdPresent .sstfContainer{padding-top:15px}.topAdPresent.raceChartPage .raceChartBlock{margin-top:0}.drfNavMainWrap .topAdWrapper{grid-template-columns:auto;display:grid;column-gap:24px;margin:0 20px 0 20px;max-height:282px;place-items:center}.drfNavMainWrap .topAdWrapper .biggerAd{display:none;margin-bottom:15px}.drfNavMainWrap .topAdWrapper .smallerAd{width:300px;max-height:250px;text-align:center;margin:0 auto 15px auto}.drfNavMainWrap .topAdWrapper .biggerAd:has(div:empty),.drfNavMainWrap .topAdWrapper .smallerAd:has(div:empty){margin:0 !important}.subMenuPresent.topAdPresent .homePageLoggedOutView,.topAdPresent.subMenuPresent .newsDetailsPage .homepageLoggedOutView{margin-top:0}body:not(.subMenuPresent) .sstfContainer .homepageWrapper{margin-top:16px}body:not(.subMenuPresent).topAdPresent .homepageLoggedOutView,body:not(.subMenuPresent).topAdPresent .homepageWrapper,body:not(.subMenuPresent).topAdPresent .sstfContainer .homepageWrapper,body:not(.subMenuPresent).topAdPresent .newsDetailsPage.sstfContainer .homepageWrapper{margin-top:16px}@media screen and (min-width: 768px){.topAdPresent .sstfContainer .homepageLoggedOutView{margin-top:55px}.topAdPresent.drfNavigationFixed .sstfContainer .homepageLoggedOutView{margin-top:55px}}@media(min-width: 1020px){.drfNavMainWrap .topAdWrapper{padding:0}.drfNavMainWrap .topAdWrapper .biggerAd{display:inline-block;width:970px;text-align:center;margin:0 auto 15px auto}.drfNavMainWrap .topAdWrapper .smallerAd{display:none;margin-bottom:15px}}@media screen and (min-width: 1200px){.topAdPresent.drfNavigationFixed.drf-nav-leftNavOpened .leftNavFixed,.topAdPresent.drfNavigationFixed.drf-nav-leftNavOpened .wagerAndHandicappingWrapper.showLeftNav .leftNavFixed,.topAdPresent.drfNavigationFixed.drf-nav-leftNavOpened .wagerAndHandicappingWrapper.showLeftNav .calendarOverlay{top:60px}.topAdPresent.openPopUp.drfNavigationFixed .popUpOverLay,.topAdPresent.openPopUp.drfNavigationFixed .drfNavHamburgerMenuWrap{top:0}.topAdPresent.openPopUp .drfNavHamburgerMenuWrap{top:0}.topAdPresent.openPopUp .drfNavHamburgerMenu{margin-top:60px}.topAdPresent.drfNavigationFixed .sstfContainer .drfNavigationWrap{margin:0 auto !important}.topAdPresent.drfNavigationFixed .sstfContainer .drfSecondryNav{top:60px}.topAdPresent.drfNavigationFixed .sstfContainer .homepageWrapper,.topAdPresent.drfNavigationFixed .sstfContainer .subMenuPresent .pageContent,.topAdPresent.drfNavigationFixed .sstfContainer .subMenuPresent .videoContentWrap{margin-top:155px}.topAdPresent.drfNavigationFixed .sstfContainer .homepageLoggedOutView{margin-top:0}.topAdPresent.drfNavigationFixed .sstfContainer .wagerAndHandicappingWrapper .leftNavFixed{position:fixed;top:97px}.topAdPresent.drfNavigationFixed .sstfContainer.newsDetailsPage .wagerAndHandicappingWrapper .leftNavFixed{top:60px}.topAdPresent.drfNavigationFixed .sstfContainer.drfSecondaryNavToggle .wagerAndHandicappingWrapper .leftNavFixed{top:97px;margin-top:0}.topAdPresent.drfNavigationFixed .sstfContainer.drfSecondaryNavToggle .homepageWrapper{margin-top:96px}.topAdPresent.drfNavigationFixed .sstfContainer .ppDetailsSkeleton{top:0}.topAdPresent.drfNavigationFixed .wagerAndHandicappingWrapper .leftNavWageringContainer{height:calc(100vh - 150px)}.topAdPresent .wagerAndHandicappingWrapper .leftNavWageringContainer{height:calc(100vh - 405px)}.topAdPresent .drfNavigationWrap{margin:0 auto !important}.topAdPresent .ppDetailsSkeleton{top:266px}.topAdPresent .sstfContainer .wagerAndHandicappingWrapper .leftNavFixed{float:left;position:static}.topAdPresent .sstfContainer.drfSecondaryNavToggle .wagerAndHandicappingWrapper .leftNavFixed{margin-top:36px}.topAdPresent .sstfContainer .homepageWrapper{margin-top:16px}.topAdPresent .sstfContainer .homepageLoggedOutView{margin-top:51px}.topAdPresent .sstfContainer.trackPage .drfNavPrimaryNavWrap,.topAdPresent .sstfContainer.trackPage .drfNavSecondaryNavWrap{margin:0}}body:not(.subMenuPresent).topAdPresent .sstfContainer.drfSecondaryNavToggle .homepageWrapper{margin-top:0}body:not(.subMenuPresent).topAdPresent .drfSecondaryNavToggle .homepageLoggedOutView{margin-top:55px}@media(min-width: 1330px){.topAdPresent .customContainer,.topAdPresent .sstfContainer{padding-top:16px}.drfNavMainWrap .topAdWrapper{padding:0;margin:0 24px 0 24px;grid-template-columns:auto 300px}.drfNavMainWrap .topAdWrapper .biggerAd{display:inline-block;width:970px;text-align:center;margin-bottom:16px}.drfNavMainWrap .topAdWrapper .smallerAd{display:inline-block;margin-bottom:16px}}.drfNavSecondaryNav{position:relative}.scrollableSecondaryNav>li:hover .hoverSubMenuWrapper{display:block}.subMenus.hoverSubMenuWrapper{display:none;height:calc(100vh - 140px);overflow-y:auto;top:38px;left:0;width:100%;max-width:1349px;margin:0 auto;position:absolute;z-index:100;background:#fff}.subMenus.hoverSubMenuWrapper .menuTitle{display:flex;align-items:center;padding:12px 0 11px;border-bottom:1px solid #dae4e9;font-weight:700;text-transform:uppercase;font-size:14px;line-height:16px;color:#000;font-family:"Titillium Web",sans-serif}.subMenuWrap{text-align:left;margin:0 auto;padding:8px 16px;width:100%}.subMenus{display:grid}.subMenus .menuSubList{display:flex;align-items:center;padding:12px 0 11px;border-bottom:1px solid #dae4e9;font-size:15px;line-height:20px;color:#333;font-family:"Titillium Web",sans-serif}.subMenus .menuSubList a{color:#000;word-break:break-word;display:inline-block;white-space:normal}@media only screen and (min-width: 768px){.subMenus.hoverSubMenuWrapper .subMenuWrap{padding:12px 24px}}@media screen and (min-width: 1200px){.subMenus.hoverSubMenuWrapper{box-shadow:0px 4px 8px 0px rgba(0,0,0,.1);min-height:225px;max-height:515px;height:auto}.subMenus.hoverSubMenuWrapper .subMenuWrap{padding:24px 100px 19px;display:grid;align-items:start;grid-template-columns:auto;gap:0 16px}.subMenus.hoverSubMenuWrapper .featuredRacesMenu{grid-template-columns:154px auto}.subMenus.hoverSubMenuWrapper .menuList{gap:10px 16px;margin-top:10px}.subMenus.hoverSubMenuWrapper .menuList .menuSubList{border:none;padding:0;max-width:154px;align-items:start}.subMenus.hoverSubMenuWrapper .menuList .menuSubList a:hover{color:#2161cc}.subMenus.hoverSubMenuWrapper .menuTitle{font-size:12px;line-height:16px;padding-bottom:10px;border-bottom:1px solid #dae4e9;padding-top:0}.subMenus.hoverSubMenuWrapper .allRaces{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));grid-auto-rows:1fr}.subMenus.hoverSubMenuWrapper .allRaces .menuList{display:grid;grid-template-rows:repeat(14, auto);grid-auto-flow:column;grid-template-columns:repeat(5, 1fr)}}@media screen and (min-width: 1349px){.subMenus.hoverSubMenuWrapper .subMenuWrap{padding:24px 84px;gap:0 24px}.subMenus.hoverSubMenuWrapper .subMenuWrap .menuList{gap:10px 24px}.subMenus.hoverSubMenuWrapper .subMenuWrap .menuList .menuSubList{max-width:166px}}.drfNavleftSectionIcon{display:block;margin:0;width:28px;min-width:28px;height:28px;cursor:pointer;padding:0;border:0}.drf-nav-leftNavOpened{overflow:hidden;position:static;max-width:1349px;margin:0 auto}.drf-nav-leftNavOpened .leftNavToggle{display:none}.drf-nav-leftNavOpened .leftNavClose{left:-38px;top:auto;position:relative;padding:12px}.drf-nav-leftNavOpened .leftNavClose::before{content:"";height:24px;border-left:2px solid #707070;position:absolute;top:0;transform:rotate(-45deg)}.drf-nav-leftNavOpened .leftNavClose::after{content:"";height:24px;border-left:2px solid #707070;position:absolute;transform:rotate(45deg);top:0}.showLeftNav::after{content:"";position:fixed;top:64px;right:0;bottom:0;left:0;z-index:100;background-color:#000;opacity:.6}.wagerAndHandicappingWrapper.showLeftNav .leftNavFixed{transition:500ms}.wagerAndHandicappingWrapper .favoriteStar{height:16px;stroke:#dda600}.drf-nav-leftNavOpened .drfNavleftSectionIcon{display:none}.drf-nav-leftNavOpened .leftNavFixed{top:60px;left:0;z-index:1000}.subMenuPresent .trackPage .drfNavleftSectionIcon,.subMenuPresent .stakesScheduleContainer .drfNavleftSectionIcon{display:block;margin:0}.ppDetailsPage .drfBetsSignUpModal .passwordField .form-control::-ms-reveal,.ppDetailsPage .drfBetsSignUpModal .passwordField .form-control::-ms-clear,.raceChartPage .drfBetsSignUpModal .passwordField .form-control::-ms-reveal,.raceChartPage .drfBetsSignUpModal .passwordField .form-control::-ms-clear,.damDetailsPage .drfBetsSignUpModal .passwordField .form-control::-ms-reveal,.damDetailsPage .drfBetsSignUpModal .passwordField .form-control::-ms-clear,.sireDetailsPage .drfBetsSignUpModal .passwordField .form-control::-ms-reveal,.sireDetailsPage .drfBetsSignUpModal .passwordField .form-control::-ms-clear,.trainerPatternPage .drfBetsSignUpModal .passwordField .form-control::-ms-reveal,.trainerPatternPage .drfBetsSignUpModal .passwordField .form-control::-ms-clear{display:none}.ppDetailsPage .drfNavleftSectionIcon,.raceChartPage .drfNavleftSectionIcon,.damDetailsPage .drfNavleftSectionIcon,.sireDetailsPage .drfNavleftSectionIcon,.trainerPatternPage .drfNavleftSectionIcon{display:block !important}.ppDetailsPage .leftNavFixed,.raceChartPage .leftNavFixed,.damDetailsPage .leftNavFixed,.sireDetailsPage .leftNavFixed,.trainerPatternPage .leftNavFixed{z-index:1000;transform:translateX(-100%);left:0}.ppDetailsPage.drf-nav-leftNavOpened .leftNavToggle,.raceChartPage.drf-nav-leftNavOpened .leftNavToggle,.damDetailsPage.drf-nav-leftNavOpened .leftNavToggle,.sireDetailsPage.drf-nav-leftNavOpened .leftNavToggle,.trainerPatternPage.drf-nav-leftNavOpened .leftNavToggle{display:none}.ppDetailsPage.drf-nav-leftNavOpened .leftNavClose,.raceChartPage.drf-nav-leftNavOpened .leftNavClose,.damDetailsPage.drf-nav-leftNavOpened .leftNavClose,.sireDetailsPage.drf-nav-leftNavOpened .leftNavClose,.trainerPatternPage.drf-nav-leftNavOpened .leftNavClose{left:0;top:auto;position:relative;margin:0 20px;padding:12px}.ppDetailsPage.drf-nav-leftNavOpened .leftNavClose::before,.raceChartPage.drf-nav-leftNavOpened .leftNavClose::before,.damDetailsPage.drf-nav-leftNavOpened .leftNavClose::before,.sireDetailsPage.drf-nav-leftNavOpened .leftNavClose::before,.trainerPatternPage.drf-nav-leftNavOpened .leftNavClose::before{content:"";height:24px;border-left:2px solid #707070;position:absolute;top:0;transform:rotate(-45deg)}.ppDetailsPage.drf-nav-leftNavOpened .leftNavClose::after,.raceChartPage.drf-nav-leftNavOpened .leftNavClose::after,.damDetailsPage.drf-nav-leftNavOpened .leftNavClose::after,.sireDetailsPage.drf-nav-leftNavOpened .leftNavClose::after,.trainerPatternPage.drf-nav-leftNavOpened .leftNavClose::after{content:"";height:24px;border-left:2px solid #707070;position:absolute;transform:rotate(45deg);top:0}.ppDetailsPage.drf-nav-leftNavOpened .drfNavleftSectionIcon,.raceChartPage.drf-nav-leftNavOpened .drfNavleftSectionIcon,.damDetailsPage.drf-nav-leftNavOpened .drfNavleftSectionIcon,.sireDetailsPage.drf-nav-leftNavOpened .drfNavleftSectionIcon,.trainerPatternPage.drf-nav-leftNavOpened .drfNavleftSectionIcon{display:none}.ppDetailsPage.drf-nav-leftNavOpened .leftNavFixed,.raceChartPage.drf-nav-leftNavOpened .leftNavFixed,.damDetailsPage.drf-nav-leftNavOpened .leftNavFixed,.sireDetailsPage.drf-nav-leftNavOpened .leftNavFixed,.trainerPatternPage.drf-nav-leftNavOpened .leftNavFixed{top:60px;left:0;z-index:1000}@media(min-width: 1200px){.drfNavleftSectionIcon{margin:0 20px}.leftNavClose{left:0;margin:0 20px}.drf-nav-leftNavOpened .leftNavClose{left:0}.hideLeftNav .drfNavleftSectionIcon{margin:0 20px}.hideLeftNav .leftNavFixed{z-index:1000;transform:translateX(-100%);left:0}.hideLeftNav .leftNavClose{left:0;margin:0 20px}.hideLeftNav .drf-nav-leftNavOpened .leftNavClose{left:0}.subMenuPresent .trackPage .drfNavleftSectionIcon,.subMenuPresent .stakesScheduleContainer .drfNavleftSectionIcon{margin:0 20px}.subMenuPresent .wagerAndHandicappingWrapper .leftNavFixed{top:150px}} /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid silver; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: ' (' attr(href) ')'; } abbr[title]:after { content: ' (' attr(title) ')'; } a[href^='javascript:']:after, a[href^='#']:after { content: ''; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url(/glyphicons-halflings-regular.eot); src: url(/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/glyphicons-halflings-regular.woff2) format('woff2'), url(/glyphicons-halflings-regular.woff) format('woff'), url(/glyphicons-halflings-regular.ttf) format('truetype'), url(/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: '\002a'; } .glyphicon-plus:before { content: '\002b'; } .glyphicon-eur:before, .glyphicon-euro:before { content: '\20ac'; } .glyphicon-minus:before { content: '\2212'; } .glyphicon-cloud:before { content: '\2601'; } .glyphicon-envelope:before { content: '\2709'; } .glyphicon-pencil:before { content: '\270f'; } .glyphicon-glass:before { content: '\e001'; } .glyphicon-music:before { content: '\e002'; } .glyphicon-search:before { content: '\e003'; } .glyphicon-heart:before { content: '\e005'; } .glyphicon-star:before { content: '\e006'; } .glyphicon-star-empty:before { content: '\e007'; } .glyphicon-user:before { content: '\e008'; } .glyphicon-film:before { content: '\e009'; } .glyphicon-th-large:before { content: '\e010'; } .glyphicon-th:before { content: '\e011'; } .glyphicon-th-list:before { content: '\e012'; } .glyphicon-ok:before { content: '\e013'; } .glyphicon-remove:before { content: '\e014'; } .glyphicon-zoom-in:before { content: '\e015'; } .glyphicon-zoom-out:before { content: '\e016'; } .glyphicon-off:before { content: '\e017'; } .glyphicon-signal:before { content: '\e018'; } .glyphicon-cog:before { content: '\e019'; } .glyphicon-trash:before { content: '\e020'; } .glyphicon-home:before { content: '\e021'; } .glyphicon-file:before { content: '\e022'; } .glyphicon-time:before { content: '\e023'; } .glyphicon-road:before { content: '\e024'; } .glyphicon-download-alt:before { content: '\e025'; } .glyphicon-download:before { content: '\e026'; } .glyphicon-upload:before { content: '\e027'; } .glyphicon-inbox:before { content: '\e028'; } .glyphicon-play-circle:before { content: '\e029'; } .glyphicon-repeat:before { content: '\e030'; } .glyphicon-refresh:before { content: '\e031'; } .glyphicon-list-alt:before { content: '\e032'; } .glyphicon-lock:before { content: '\e033'; } .glyphicon-flag:before { content: '\e034'; } .glyphicon-headphones:before { content: '\e035'; } .glyphicon-volume-off:before { content: '\e036'; } .glyphicon-volume-down:before { content: '\e037'; } .glyphicon-volume-up:before { content: '\e038'; } .glyphicon-qrcode:before { content: '\e039'; } .glyphicon-barcode:before { content: '\e040'; } .glyphicon-tag:before { content: '\e041'; } .glyphicon-tags:before { content: '\e042'; } .glyphicon-book:before { content: '\e043'; } .glyphicon-bookmark:before { content: '\e044'; } .glyphicon-print:before { content: '\e045'; } .glyphicon-camera:before { content: '\e046'; } .glyphicon-font:before { content: '\e047'; } .glyphicon-bold:before { content: '\e048'; } .glyphicon-italic:before { content: '\e049'; } .glyphicon-text-height:before { content: '\e050'; } .glyphicon-text-width:before { content: '\e051'; } .glyphicon-align-left:before { content: '\e052'; } .glyphicon-align-center:before { content: '\e053'; } .glyphicon-align-right:before { content: '\e054'; } .glyphicon-align-justify:before { content: '\e055'; } .glyphicon-list:before { content: '\e056'; } .glyphicon-indent-left:before { content: '\e057'; } .glyphicon-indent-right:before { content: '\e058'; } .glyphicon-facetime-video:before { content: '\e059'; } .glyphicon-picture:before { content: '\e060'; } .glyphicon-map-marker:before { content: '\e062'; } .glyphicon-adjust:before { content: '\e063'; } .glyphicon-tint:before { content: '\e064'; } .glyphicon-edit:before { content: '\e065'; } .glyphicon-share:before { content: '\e066'; } .glyphicon-check:before { content: '\e067'; } .glyphicon-move:before { content: '\e068'; } .glyphicon-step-backward:before { content: '\e069'; } .glyphicon-fast-backward:before { content: '\e070'; } .glyphicon-backward:before { content: '\e071'; } .glyphicon-play:before { content: '\e072'; } .glyphicon-pause:before { content: '\e073'; } .glyphicon-stop:before { content: '\e074'; } .glyphicon-forward:before { content: '\e075'; } .glyphicon-fast-forward:before { content: '\e076'; } .glyphicon-step-forward:before { content: '\e077'; } .glyphicon-eject:before { content: '\e078'; } .glyphicon-chevron-left:before { content: '\e079'; } .glyphicon-chevron-right:before { content: '\e080'; } .glyphicon-plus-sign:before { content: '\e081'; } .glyphicon-minus-sign:before { content: '\e082'; } .glyphicon-remove-sign:before { content: '\e083'; } .glyphicon-ok-sign:before { content: '\e084'; } .glyphicon-question-sign:before { content: '\e085'; } .glyphicon-info-sign:before { content: '\e086'; } .glyphicon-screenshot:before { content: '\e087'; } .glyphicon-remove-circle:before { content: '\e088'; } .glyphicon-ok-circle:before { content: '\e089'; } .glyphicon-ban-circle:before { content: '\e090'; } .glyphicon-arrow-left:before { content: '\e091'; } .glyphicon-arrow-right:before { content: '\e092'; } .glyphicon-arrow-up:before { content: '\e093'; } .glyphicon-arrow-down:before { content: '\e094'; } .glyphicon-share-alt:before { content: '\e095'; } .glyphicon-resize-full:before { content: '\e096'; } .glyphicon-resize-small:before { content: '\e097'; } .glyphicon-exclamation-sign:before { content: '\e101'; } .glyphicon-gift:before { content: '\e102'; } .glyphicon-leaf:before { content: '\e103'; } .glyphicon-fire:before { content: '\e104'; } .glyphicon-eye-open:before { content: '\e105'; } .glyphicon-eye-close:before { content: '\e106'; } .glyphicon-warning-sign:before { content: '\e107'; } .glyphicon-plane:before { content: '\e108'; } .glyphicon-calendar:before { content: '\e109'; } .glyphicon-random:before { content: '\e110'; } .glyphicon-comment:before { content: '\e111'; } .glyphicon-magnet:before { content: '\e112'; } .glyphicon-chevron-up:before { content: '\e113'; } .glyphicon-chevron-down:before { content: '\e114'; } .glyphicon-retweet:before { content: '\e115'; } .glyphicon-shopping-cart:before { content: '\e116'; } .glyphicon-folder-close:before { content: '\e117'; } .glyphicon-folder-open:before { content: '\e118'; } .glyphicon-resize-vertical:before { content: '\e119'; } .glyphicon-resize-horizontal:before { content: '\e120'; } .glyphicon-hdd:before { content: '\e121'; } .glyphicon-bullhorn:before { content: '\e122'; } .glyphicon-bell:before { content: '\e123'; } .glyphicon-certificate:before { content: '\e124'; } .glyphicon-thumbs-up:before { content: '\e125'; } .glyphicon-thumbs-down:before { content: '\e126'; } .glyphicon-hand-right:before { content: '\e127'; } .glyphicon-hand-left:before { content: '\e128'; } .glyphicon-hand-up:before { content: '\e129'; } .glyphicon-hand-down:before { content: '\e130'; } .glyphicon-circle-arrow-right:before { content: '\e131'; } .glyphicon-circle-arrow-left:before { content: '\e132'; } .glyphicon-circle-arrow-up:before { content: '\e133'; } .glyphicon-circle-arrow-down:before { content: '\e134'; } .glyphicon-globe:before { content: '\e135'; } .glyphicon-wrench:before { content: '\e136'; } .glyphicon-tasks:before { content: '\e137'; } .glyphicon-filter:before { content: '\e138'; } .glyphicon-briefcase:before { content: '\e139'; } .glyphicon-fullscreen:before { content: '\e140'; } .glyphicon-dashboard:before { content: '\e141'; } .glyphicon-paperclip:before { content: '\e142'; } .glyphicon-heart-empty:before { content: '\e143'; } .glyphicon-link:before { content: '\e144'; } .glyphicon-phone:before { content: '\e145'; } .glyphicon-pushpin:before { content: '\e146'; } .glyphicon-usd:before { content: '\e148'; } .glyphicon-gbp:before { content: '\e149'; } .glyphicon-sort:before { content: '\e150'; } .glyphicon-sort-by-alphabet:before { content: '\e151'; } .glyphicon-sort-by-alphabet-alt:before { content: '\e152'; } .glyphicon-sort-by-order:before { content: '\e153'; } .glyphicon-sort-by-order-alt:before { content: '\e154'; } .glyphicon-sort-by-attributes:before { content: '\e155'; } .glyphicon-sort-by-attributes-alt:before { content: '\e156'; } .glyphicon-unchecked:before { content: '\e157'; } .glyphicon-expand:before { content: '\e158'; } .glyphicon-collapse-down:before { content: '\e159'; } .glyphicon-collapse-up:before { content: '\e160'; } .glyphicon-log-in:before { content: '\e161'; } .glyphicon-flash:before { content: '\e162'; } .glyphicon-log-out:before { content: '\e163'; } .glyphicon-new-window:before { content: '\e164'; } .glyphicon-record:before { content: '\e165'; } .glyphicon-save:before { content: '\e166'; } .glyphicon-open:before { content: '\e167'; } .glyphicon-saved:before { content: '\e168'; } .glyphicon-import:before { content: '\e169'; } .glyphicon-export:before { content: '\e170'; } .glyphicon-send:before { content: '\e171'; } .glyphicon-floppy-disk:before { content: '\e172'; } .glyphicon-floppy-saved:before { content: '\e173'; } .glyphicon-floppy-remove:before { content: '\e174'; } .glyphicon-floppy-save:before { content: '\e175'; } .glyphicon-floppy-open:before { content: '\e176'; } .glyphicon-credit-card:before { content: '\e177'; } .glyphicon-transfer:before { content: '\e178'; } .glyphicon-cutlery:before { content: '\e179'; } .glyphicon-header:before { content: '\e180'; } .glyphicon-compressed:before { content: '\e181'; } .glyphicon-earphone:before { content: '\e182'; } .glyphicon-phone-alt:before { content: '\e183'; } .glyphicon-tower:before { content: '\e184'; } .glyphicon-stats:before { content: '\e185'; } .glyphicon-sd-video:before { content: '\e186'; } .glyphicon-hd-video:before { content: '\e187'; } .glyphicon-subtitles:before { content: '\e188'; } .glyphicon-sound-stereo:before { content: '\e189'; } .glyphicon-sound-dolby:before { content: '\e190'; } .glyphicon-sound-5-1:before { content: '\e191'; } .glyphicon-sound-6-1:before { content: '\e192'; } .glyphicon-sound-7-1:before { content: '\e193'; } .glyphicon-copyright-mark:before { content: '\e194'; } .glyphicon-registration-mark:before { content: '\e195'; } .glyphicon-cloud-download:before { content: '\e197'; } .glyphicon-cloud-upload:before { content: '\e198'; } .glyphicon-tree-conifer:before { content: '\e199'; } .glyphicon-tree-deciduous:before { content: '\e200'; } .glyphicon-cd:before { content: '\e201'; } .glyphicon-save-file:before { content: '\e202'; } .glyphicon-open-file:before { content: '\e203'; } .glyphicon-level-up:before { content: '\e204'; } .glyphicon-copy:before { content: '\e205'; } .glyphicon-paste:before { content: '\e206'; } .glyphicon-alert:before { content: '\e209'; } .glyphicon-equalizer:before { content: '\e210'; } .glyphicon-king:before { content: '\e211'; } .glyphicon-queen:before { content: '\e212'; } .glyphicon-pawn:before { content: '\e213'; } .glyphicon-bishop:before { content: '\e214'; } .glyphicon-knight:before { content: '\e215'; } .glyphicon-baby-formula:before { content: '\e216'; } .glyphicon-tent:before { content: '\26fa'; } .glyphicon-blackboard:before { content: '\e218'; } .glyphicon-bed:before { content: '\e219'; } .glyphicon-apple:before { content: '\f8ff'; } .glyphicon-erase:before { content: '\e221'; } .glyphicon-hourglass:before { content: '\231b'; } .glyphicon-lamp:before { content: '\e223'; } .glyphicon-duplicate:before { content: '\e224'; } .glyphicon-piggy-bank:before { content: '\e225'; } .glyphicon-scissors:before { content: '\e226'; } .glyphicon-bitcoin:before { content: '\e227'; } .glyphicon-btc:before { content: '\e227'; } .glyphicon-xbt:before { content: '\e227'; } .glyphicon-yen:before { content: '\00a5'; } .glyphicon-jpy:before { content: '\00a5'; } .glyphicon-ruble:before { content: '\20bd'; } .glyphicon-rub:before { content: '\20bd'; } .glyphicon-scale:before { content: '\e230'; } .glyphicon-ice-lolly:before { content: '\e231'; } .glyphicon-ice-lolly-tasted:before { content: '\e232'; } .glyphicon-education:before { content: '\e233'; } .glyphicon-option-horizontal:before { content: '\e234'; } .glyphicon-option-vertical:before { content: '\e235'; } .glyphicon-menu-hamburger:before { content: '\e236'; } .glyphicon-modal-window:before { content: '\e237'; } .glyphicon-oil:before { content: '\e238'; } .glyphicon-grain:before { content: '\e239'; } .glyphicon-sunglasses:before { content: '\e240'; } .glyphicon-text-size:before { content: '\e241'; } .glyphicon-text-color:before { content: '\e242'; } .glyphicon-text-background:before { content: '\e243'; } .glyphicon-object-align-top:before { content: '\e244'; } .glyphicon-object-align-bottom:before { content: '\e245'; } .glyphicon-object-align-horizontal:before { content: '\e246'; } .glyphicon-object-align-left:before { content: '\e247'; } .glyphicon-object-align-vertical:before { content: '\e248'; } .glyphicon-object-align-right:before { content: '\e249'; } .glyphicon-triangle-right:before { content: '\e250'; } .glyphicon-triangle-left:before { content: '\e251'; } .glyphicon-triangle-bottom:before { content: '\e252'; } .glyphicon-triangle-top:before { content: '\e253'; } .glyphicon-console:before { content: '\e254'; } .glyphicon-superscript:before { content: '\e255'; } .glyphicon-subscript:before { content: '\e256'; } .glyphicon-menu-left:before { content: '\e257'; } .glyphicon-menu-right:before { content: '\e258'; } .glyphicon-menu-down:before { content: '\e259'; } .glyphicon-menu-up:before { content: '\e260'; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role='button'] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ''; } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*='col-'] { position: static; display: table-column; float: none; } table td[class*='col-'], table th[class*='col-'] { position: static; display: table-cell; float: none; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type='checkbox'], input[type='radio'] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } input[type='file'] { display: block; } input[type='range'] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type='file']:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type='search'] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type='date'].form-control, input[type='time'].form-control, input[type='datetime-local'].form-control, input[type='month'].form-control { line-height: 34px; } .input-group-sm input[type='date'], .input-group-sm input[type='time'], .input-group-sm input[type='datetime-local'], .input-group-sm input[type='month'], input[type='date'].input-sm, input[type='time'].input-sm, input[type='datetime-local'].input-sm, input[type='month'].input-sm { line-height: 30px; } .input-group-lg input[type='date'], .input-group-lg input[type='time'], .input-group-lg input[type='datetime-local'], .input-group-lg input[type='month'], input[type='date'].input-lg, input[type='time'].input-lg, input[type='datetime-local'].input-lg, input[type='month'].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'], .radio input[type='radio'], .radio-inline input[type='radio'] { position: absolute; margin-top: 4px\9; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } fieldset[disabled] input[type='checkbox'], fieldset[disabled] input[type='radio'], input[type='checkbox'].disabled, input[type='checkbox'][disabled], input[type='radio'].disabled, input[type='radio'][disabled] { cursor: not-allowed; } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed; } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type='checkbox'], .form-inline .radio input[type='radio'] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type='button'].btn-block, input[type='reset'].btn-block, input[type='submit'].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ''; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle='buttons'] > .btn input[type='checkbox'], [data-toggle='buttons'] > .btn input[type='radio'], [data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'], [data-toggle='buttons'] > .btn-group > .btn input[type='radio'] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type='checkbox'], .input-group-addon input[type='radio'] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type='checkbox'], .navbar-form .radio input[type='radio'] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: '/\00a0'; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail a > img, .thumbnail > img { margin-right: auto; margin-left: auto; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ''; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: ' '; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: ' '; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: ' '; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: ' '; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: ' '; } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.min.css.map */ /* hiding the reCaptcha badge from screen also shifting it outside the viewport so that it does not block any click event on screen */ .grecaptcha-badge { visibility: hidden !important; right: -260px !important; } html { height: 100%; } input[type='text']::-ms-clear, input[type='tel']::-ms-clear { display: none; } input, .form-group .form-control { box-shadow: none; } .titelliumRegular, .raceVideos h3 { font-family: 'Titillium Web', sans-serif; font-weight: 400; } .titWebSemiBold, .btnRed { font-family: 'Titillium Web'; font-weight: 600; } body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; min-height: 100%; position: relative; } .mainLogo .mobileHide { display: block; } .mainLogo .mobileShow { display: none; } #app-container { padding-bottom: 80px; /*footer height*/ } body.activeMenu { overflow: hidden; } .tabs.active { display: block; } .clr { clear: both; } .fancybox-skin { background: #fff; color: #666; border-radius: 10px; } input.error, select.error { border: 1px solid #ec1c24; } .customCheckbox { display: inline-block; position: relative; } .customCheckbox input[type='checkbox'] { opacity: 0; margin: 0 0; } .customCheckbox span { display: block; height: 20px; width: 20px; background-color: #fff; border: 1px solid #c4c8cc; border-radius: 3px; cursor: pointer; background-position: 1000px; } .customCheckbox span.checked { background-position: -31px -19px; border: 1px solid transparent; } .customCheckbox span.disabled, .customCheckbox .horseList .scratchHorse span.icon-checkBox, .horseList .scratchHorse .customCheckbox span.icon-checkBox { background-color: #e8e8e8; opacity: 0.5; } .defaultSelect { border: 1px solid #ccc; height: 30px; border-radius: 2px; position: relative; width: 100%; padding: 0 0 0 10px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; line-height: 20px; border: 1px solid #dcdcdc; background-position: right 10px center; z-index: 2; background: url(/arrowDown@2x.png) no-repeat white; background-size: 11px 6px; background-position: top 50% right 10px; } select::-ms-expand { display: none; } .noTextSelect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .listInline:after, .listInline:before { display: table; content: ' '; } .listInline:after { clear: both; } .listInline li { float: left; } .blockElement { display: block; } .btns { display: inline-block; vertical-align: top; text-align: center; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; text-decoration: none; border: 0; transition: background 0.3s linear; } .btns:visited, .btns:focus { text-decoration: none; } .btnO:focus, .btnO:hover, .btnO { background: #fff; color: #666; text-decoration: none; border: 1px solid #dedede; } .btnBorder { background: #fff; border: 1px solid #005bf0; color: #005bf0; font-size: 14px; line-height: 18px; text-decoration: none; padding: 7px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .btnBorder:hover, .btnBorder:focus { background: #005bf0; color: #fff; text-decoration: none; } .btnBlue:focus, .btnBlue { color: #fff; background: #005bf0; } .btnBlue:focus:hover, .btnBlue:hover { text-decoration: none; background: #3079f0; color: #fff; } .btnGreen:focus, .btnGreen { background: #66aa33; color: #fff; border: 0; } .btnGreen:focus:hover, .btnGreen:hover { text-decoration: none; color: #fff; background: #64a030; } .btnRed { background: #ec1c24; color: #fff; font-size: 16px; line-height: 18px; padding: 5px; } .btnRed:hover { text-decoration: none; color: #fff; background: #d7030b; } .btnBlueBorder { border: 1px solid #005bf0; color: #005bf0; font-size: 14px; height: 40px; line-height: 40px; border-radius: 4px; padding: 0 10px; background: #fff; } .dataTable { margin: 0; list-style-type: none; display: table; width: 100%; } .dataTable .dataRow { display: table-row; } .dataTable .dataCell { display: table-cell; } .textWarning { color: #ec1c24; } .textLive, .textSuccess, .textGreen { color: #6ba444; } .ttFont { font-family: 'Titillium Web', sans-serif; } [class^='icon-'], [class*='icon-'] { background-image: url(/sprite.png); display: inline-block; background-repeat: no-repeat; } .icon-fb { width: 7px; height: 20px; background-position: -40px -182px; } .icon-twit { width: 12px; height: 20px; background-position: -40px -156px; } .icon-gPlus { height: 20px; width: 12px; background-position: -40px -135px; } .icon-mails { height: 20px; width: 12px; background-position: -40px -112px; } .icon-share { width: 13px; height: 14px; background-position: -58px -97px; } .icon-call { height: 15px; width: 15px; background-position: -59px -21px; } .icon-closeBlack { width: 13px; height: 13px; background-position: -58px -2px; } .icon-help { width: 15px; height: 15px; background-position: -20px 0; } .icon-bell { width: 18px; height: 19px; background-position: 0 -207px; } .icon-close { height: 12px; width: 13px; display: inline-block; } .icon-next, .icon-prev { display: inline-block; height: 40px; width: 25px; } .icon-prev { background-position: 2px -36px; } .icon-next { background-position: 2px -81px; } .icon-popout { width: 16px; height: 16px; background-position: 0 -17px; } .icon-listUp { width: 12px; height: 8px; background-position: -22px -216px; } .icon-listDown { width: 12px; height: 8px; background-position: -22px -208px; } .icon-hotstate { width: 50px; height: 12px; background-position: 0 -252px; } .icon-xbets { width: 80px; height: 16px; background-position: 0 -305px; } .icon-tooltip { width: 8px; height: 15px; background-position: -40px 0; } .icon-infoBlue { height: 17px; width: 17px; background-position: -33px -268px; } .icon-left { background-position: 0 -230px; } .icon-right { background-position: -15px -230px; } .arrowDown, .arrowUp { display: inline-block; width: 15px; height: 8px; right: 10px; background: url(/arrowDown@2x.png) no-repeat; background-size: 100% 100%; } .arrowUp { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .icon-downArrow { width: 7px; height: 11px; background-position: -30px -82px; } .icon-rightArrow { height: 7px; width: 11px; background-position: -30px -97px; } .icon-blackArrow { width: 11px; height: 20px; background-position: -58px -116px; } .icon-watchVideo { width: 65px; height: 65px; background-position: 0 -330px; } .pipeSpacer { content: '|'; } [class^='iconW'], [class*='iconW'] { background-image: url(/weatherSprite.png); width: 30px; height: 30px; display: inline-block; vertical-align: top; margin-left: -5px; } .iconW01, .iconW02, .iconW03, .iconW04 { background-position: 0 0; } .iconW05 { background-position: -180 0; } .iconW06 { background-position: -210px 0; } .iconW07 { background-position: -240px 0; } .iconW08 { background-position: -270px 0; } .iconW09 { background-position: 0 -30px; } .iconW10 { background-position: -30px -30px; } .iconW11 { background-position: -60px -30px; } .iconW12 { background-position: -90px -30px; } .iconW13 { background-position: -120px -30px; } .iconW14 { background-position: -150px -30px; } .iconW15 { background-position: -180p -30px; } .iconW16 { background-position: -210px -30px; } .iconW17 { background-position: -240px -30px; } .iconW18 { background-position: -270px -30px; } .iconW19 { background-position: 0 -60px; } .iconW20 { background-position: -30px -60px; } .iconW21 { background-position: -60px -60px; } .iconW22 { background-position: -90px -60px; } .iconW23, .iconW24 { background-position: -120px -60px; } .iconW25 { background-position: -180px -60px; } .iconW26 { background-position: -210px -60px; } .iconW27 { background-position: -240px -60px; } .iconW28 { background-position: -270px -60px; } .iconW29 { background-position: 0 -90px; } .iconW30 { background-position: -30px -90px; } .iconW31 { background-position: -60px -90px; } .iconW32 { background-position: -90px -90px; } .iconW33 { background-position: -120px -90px; } .iconW34 { background-position: -150px -90px; } .iconW35 { background-position: -180px -90px; } .iconW36 { background-position: -210px -90px; } .iconW37, .iconW38 { background-position: -240px -90px; } .iconW39 { background-position: 0 -120px; } .iconW40 { background-position: -30px -120px; } .iconW41 { background-position: -60px -120px; } .iconW42 { background-position: -90px -120px; } .iconW43 { background-position: -120px -120px; } .iconW44 { background-position: -150px -120px; } .iconW45 { background-position: -180px -120px; } .iconW46 { background-position: -210px -120px; } .iconW47 { background-position: -240px -120px; } .toolTipWrapper { display: inline-block; position: relative; } .toolTipWrapper .toolTipIcon { display: inline-block; width: 18px; height: 18px; background-color: #7d7d7d; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; } .toolTipWrapper .toolTipIcon .icon-tooltip { margin-left: 5px; margin-top: 2px; } .toolTipWrapper .toolTipContent { font-size: 14px; line-height: 18px; position: absolute; bottom: 105%; padding: 5px; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #fff; width: 200px; left: 50%; margin-left: -100px; display: none; z-index: 1000; } .toolTipWrapper .toolTipContent:before { position: absolute; content: ''; display: inline-block; left: 50%; margin-left: -10px; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #7d7d7d; } .horseName { font-size: 15px; line-height: 18px; color: #333333; } .toolTip { position: absolute; bottom: 100%; padding: 4px 10px; background: #fff; border: 1px solid #bbb; white-space: nowrap; margin-bottom: 10px; border-radius: 3px; text-align: center; font-size: 12px; cursor: text; display: none; color: #666; } .toolTip:after { content: ''; display: block; position: absolute; border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; top: 100%; left: 50%; margin-left: -7px; z-index: 3; } .toolTip:before { margin-top: 1px; content: ''; display: block; position: absolute; border-top: 7px solid #bbb; border-right: 7px solid transparent; border-left: 7px solid transparent; top: 100%; left: 50%; margin-left: -7px; z-index: 2; } .loaderImg { display: inline-block; background-image: url(/loader.gif); height: 112px; width: 202px; } .icon-info { background-position: -33px -268px; height: 17px; width: 17px; } .blackOverLay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 9991; } .mobTodaysTrack, .headerMobLoginBtn { display: none; } .dashboardContent, .bannerWrapper { margin: 0 auto; padding-right: 15px; padding-left: 15px; position: relative; } /*header style starts*/ .hamburgerBtnBox { width: 55px; position: relative; vertical-align: middle; float: left; } .hamburgerBtnBox.active { background: #eceff5; } .hamburgerBtnBox .hamburgerBtn { padding: 25px 0 24px; cursor: pointer; } .hamburgerBtnBox .hamburgerBtn .arrowUp:before, .hamburgerBtnBox .hamburgerBtn .arrowUp:after, .hamburgerBtnBox .hamburgerBtn .hamburger:before, .hamburgerBtnBox .hamburgerBtn .hamburger:after, .hamburgerBtnBox .hamburgerBtn .hamburger { display: block; margin: 0 auto; height: 1px; width: 20px; background: #005bf0; content: ' '; } .hamburgerBtnBox .hamburgerBtn .arrowUp { background: none; width: auto; height: auto; display: block; } .hamburgerBtnBox .hamburgerBtn .arrowUp:before { top: 0; transform: rotate(-45deg); } .hamburgerBtnBox .hamburgerBtn .arrowUp:after { top: -1px; transform: rotate(45deg); } .hamburgerBtnBox .hamburgerBtn span:before { position: relative; top: -7px; } .hamburgerBtnBox .hamburgerBtn span:after { position: relative; top: 6px; } .hamburgerBtnBox.active .hamburgerBtn span { background: transparent; } .hamburgerBtnBox.active .hamburgerBtn span:before, .hamburgerBtnBox.active .hamburgerBtn span:after { top: 0; background: #000; } .hamburgerBtnBox.active .hamburgerBtn span:before { transform: rotate(-45deg); } .hamburgerBtnBox.active .hamburgerBtn span:after { transform: rotate(45deg); } .mobileHamburgerBtn { display: none; } .header { border-bottom: 1px solid #eee; border-left: 0; border-right: 0; margin-bottom: 0; width: 100%; position: fixed; background: #fff; z-index: 10; height: 50px; } .mainLogo { display: inline-block; vertical-align: middle; height: 50px; } div.mainLogo { float: left; } .mainLogo img { width: 174px; height: 50px; display: block; } .memberDropdown.active > a, .notificationsWrap.active > a, .helpWrap.active > a, .hamburgerBtnBox.active > a { background: #f3f3f3; } .memberDropdown.active { background: #eceff5; } .memberDropdown.active .menuBtn .placeholder { background: #d9dee8; border: 1px solid #b5c1db; } .defaultDropList { display: none; position: absolute; top: 100%; left: 0; background: #fff; z-index: 201; text-align: left; border: 1px solid #ddd; top: 50px; } .defaultDropList li { font-size: 16px; font-weight: 600; line-height: 40px; } .defaultDropList li a { display: block; color: #000; padding: 0 10px; font-size: 14px; border-top: 1px solid #eee; text-decoration: none; } .defaultDropList li a:hover { background: #eceff5; color: #005bf0; } .defaultDropList li:first-child a { border: 0; } .helpDropdown, .navDropdown { width: 302px; border: 1px solid #ddd; top: 50px; } .helpDropdown { left: -1px; } .helpDropdown li a { padding: 15px; font-weight: normal; font-size: 14px; line-height: 16px; font-family: Titillium Web, sans-serif; } .menuBtn.open .helpDropdown { display: block; } .navDropdown li.betsLinkList { border-top: 1px solid #eee; text-align: center; padding: 24px; } .navDropdown li.betsLinkList a { text-decoration: underline; font-family: Arial; font-size: 14px; font-weight: 400; color: #005bf0; display: inline; border: 0; } .navDropdown li.betsLinkList a:hover { background: #fff; } .navDropdown.defaultDropList li a { font-size: 14px; line-height: 16px; padding: 15px; font-family: Titillium Web, sans-serif; font-weight: 400; } .helpWrap { position: relative; text-align: center; float: left; cursor: pointer; } .helpWrap .helpArrow { display: inline-block; vertical-align: middle; padding: 6px 10px; } .helpWrap .helpArrow i { margin: 0; } .helpWrap .menuBtn { text-decoration: none; color: #000; display: block; line-height: 18px; padding: 10px 0; cursor: pointer; } .helpWrap .menuBtn.open { background: #eceff5; } .helpWrap .menuBtn .placeholder { display: inline-block; vertical-align: middle; line-height: 30px; font-size: 16px; text-decoration: none; color: #333; font-family: 'Titillium Web', sans-serif; cursor: pointer; } .notificationsWrap { float: left; width: 60px; border-left: 1px solid #e9e9e9; text-align: center; position: relative; } .notificationsWrap > span { display: block; padding: 19px 0; } .notificationsWrap > span .bellNotification { display: block; position: relative; } .notificationsWrap .bellNotification { padding: 19px 0; } .notificationsWrap .notifyNumber { position: absolute; display: inline-block; z-index: 1; top: 13px; color: #fff; right: 15px; font-size: 10px; width: 20px; text-align: center; } .notificationsWrap .notifyNumber:before { content: ''; display: block; height: 17px; width: 17px; background: #ec1c24; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; top: 50%; left: 50%; z-index: -1; margin-top: -9px; margin-left: -9px; } .notificationsWrap .notifyDropdown { position: absolute; top: 100%; width: 278px; background: #fff; z-index: 205; padding: 10px 0 0 10px; box-shadow: 0 0 27px rgba(0, 0, 0, 0.14); } .notificationsWrap .notifyDropHeader { border-bottom: 1px solid #e9e9e9; padding: 0 10px 5px 0; } .notificationsWrap .notifyTime, .notificationsWrap .notifyRemaining { float: right; font-size: 11px; color: #888; } .notificationsWrap .notifyRemaining { display: block; line-height: 22px; } .notificationsWrap .notifyRemaining i { width: 16px; height: 16px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #ec1c24; display: inline-block; text-align: center; top: 0; line-height: 16px; font-size: 10px; margin-left: 5px; } .notificationsWrap .notifyTitle { float: left; font-size: 16px; color: #ec1c24; } .notificationsWrap .notifyTime { font-size: 12px; color: #aaa; } .notificationsWrap .moreNotify a { float: left; } .notificationsWrap .moreNotify .moreNotifyLink { font-size: 12px; color: #005bf0; text-decoration: underline; } .notificationsWrap .moreNotify .btnGreen { width: 75px; padding: 3px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .notificationsWrap .notificationsList { margin: 0; } .notificationsWrap .notificationsList li { padding: 15px 10px; border-bottom: 1px solid #e9e9e9; } .notificationsWrap .notificationsList p { font-size: 13px; margin-bottom: 5px; color: #7b7b7b; } .notificationsWrap .notificationsList .lastNotifyList { border: 0; padding: 14px 0; text-align: center; } .notificationsWrap .notificationsList .lastNotifyList a { font-size: 13px; text-decoration: underline; color: #005aee; } .depositWrap { padding: 9px 0; text-align: center; float: left; } .depositWrap > a { width: 95px; font-size: 12px; padding: 7px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-family: Titillium Web, sans-serif; font-weight: 600; text-transform: uppercase; } .headBalance { float: left; text-align: left; padding: 7px 0; font-family: 'Titillium Web', Arial, sans-serif; font-weight: 600; text-transform: uppercase; } .breadcrumb > a.active { font-weight: bold; } .headBalance .userBalance { display: block; font-weight: bold; color: #005bf0; font-size: 16px; line-height: 16px; } .headBalance .userBalanceLabel { font-size: 12px; line-height: 14px; font-weight: 400; } .mainLogo svg .cls-1 { fill: #ec1c24; } .mainLogo svg .cls-2, .mainLogo svg .cls-3, .mainLogo svg .cls-4 { fill-rule: evenodd; } .mainLogo svg .cls-3 { fill: #ae060d; } .mainLogo svg .cls-4 { fill: #fff; } .memberDropdown { text-align: center; position: relative; float: left; } .memberDropdown > .menuBtn { color: #000; padding: 5px 0; display: block; } .memberDropdown > .menuBtn .placeholder, .mobileMenuDropdown .loginName .placeholder { background: #eee; border: 1px solid #ddd; font-size: 16px; font-weight: 600; color: #333; width: 40px; height: 40px; display: inline-block; border-radius: 50%; margin: auto; text-align: center; vertical-align: middle; line-height: 40px; font-family: Titillium Web, sans-serif; } .memberArrowDown, .memberArrowUp { margin-left: 10px; display: inline-block; width: 11px; height: 6px; right: 10px; background: url(/arrowDown@2x.png) no-repeat; background-size: 100% 100%; } .memberArrowUp { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .memberDropdown .memberDropdownList { display: none; right: 0; width: 216px; left: auto; } .memberDropdownList .userEmailId { padding: 15px; font-size: 14px; line-height: 16px; font-family: Titillium Web, sans-serif; font-weight: 400; color: #666; } .memberDropdown .memberDropdownList li a { padding: 15px; line-height: 16px; font-family: Titillium Web, sans-serif; font-weight: normal; } .memberDropdown .memberDropdownList li a.logout { color: #ec1c24; } .memberDropdown .memberDropdownList li a.logout:hover { color: #ec1c24; } .headerLogin { padding: 10px 10px 0 0; display: inline-block; margin-right: 6px; vertical-align: top; } .headerLogin > .form-group { display: inline-block; margin-right: 6px; margin-bottom: 0; vertical-align: top; width: 170px; } .headerLogin > .form-group input { padding: 0 0 0 15px; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; font-size: 13px; height: 30px; margin-bottom: 3px; } .headerLogin > .form-group a { display: block; font-weight: 400; font-size: 11px; color: #7b7b7b; text-decoration: underline; margin-bottom: 2px; } .headerLogin .headerSelect { width: 160px; } .headerRegisterBtn, .headerLoginBtn { width: 91px; font-size: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .headerLoginBtn { height: 44px; line-height: 44px; padding: 0; } .headerRegisterBtn { margin-top: 10px; } header .classicDrfBetsLink, header .helpWrap .menuBtn, header .headBalance, header .depositWrap, header .memberDropdown > .menuBtn { padding-left: 10px; padding-right: 10px; /*horizontal spance*/ } header .helpWrap .menuBtn { padding-right: 0; } /*header style ends*/ /*main content starts*/ .rightSidebarWrap, .raceInfoLeftWrap { float: left; } .raceInfoLeftWrap { border-right: 1px solid #e9e9e9; width: 850px; min-height: 300px; } .rightSidebarWrap { padding: 10px 0; width: 318px; border-left: 1px solid #e9e9e9; margin-left: -1px; } .rightTabsWrap { padding: 0 10px; } .redSectionTitle { font-size: 24px; font-weight: 600; color: #dd2222; margin-top: 10px; } .raceBetNowBtn { float: right; width: 84px; padding: 7px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .spinner { text-align: center; vertical-align: middle; } /*main content ends*/ /*right sidebar starts*/ .rightSidebar { width: 320px; } .sidebarRedSubTitle { color: #dd2222; font-size: 20px; padding-left: 20px; margin: 5px 0; } .rightTabsContent .tabContent { padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; } /*right sidebar ends*/ /*mobile header starts*/ .mobileLogo { margin: 14px 0; } .menuOpen { display: block; width: 45px; border-right: 1px solid #ddd; padding: 21px 0; } .menuOpen span:before, .menuOpen span:after, .menuOpen span { display: block; margin: 0 auto; height: 1px; width: 16px; background: #005bf0; content: ' '; } .menuOpen span:before, .menuOpen span:after { height: 1px; } .menuOpen span:after { position: relative; bottom: -4px; } .menuOpen span:before { position: relative; top: -5px; } .mobileHeader { position: relative; } .mobileMenubar { float: left; } .mobileMenubar .loggedUser { background: #f5f5f5; padding: 0; margin-bottom: 10px; } .mobileMenubar .loggedUser h4 { margin: 0; line-height: 48px; font-size: 16px; line-height: 18px; color: #000; padding: 10px 15px; } .mobileMenubar .loggedUser h4 .placeholder { margin: 0 10px 0 0; } .mobileMenubar .loggedUser h4 .icon-DropArrow { float: right; margin: 15px 20px 0 0; width: 13px; display: inline-block; height: 13px; background-position: -22px -203px; } .mobileMenubar .loggedUser li.logoutLink a { color: #ec1c24; } .mobileMenubar .mobileLogo a { display: block; margin: 0 auto; width: 80px; height: 16px; background: url(/logo@2x.png) no-repeat; background-size: 100% 100%; } .mobileMenubar .userBalanceWrap { border-top: 1px solid #ddd; padding: 5px 0; } .mobileMenubar .userBalanceWrap > div { width: 50%; text-align: center; } .mobileMenubar .userBalanceWrap > div:first-child { } .mobileMenubar .userBalanceWrap > div .userBalance { text-decoration: none; font-size: 18px; font-family: Titillium Web, sans-serif; font-weight: 600; color: #3079f0; } .mobileMenubar .userBalanceWrap > div .userBalanceLabel { color: #888888; font-size: 13px; font-family: Arial; display: block; } .mobileMenubar .userBalanceWrap .depositBtnWrap .depositBtn { font-size: 12px; padding: 0 15px; height: 44px; line-height: 44px; width: 120px; text-transform: uppercase; font-family: Titillium Web, sans-serif; font-weight: 600; } .mobileMenubar .mobileMenuDropdown { position: fixed; overflow-y: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 250; background: #fff; border: 1px solid #ddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .mobileMenubar .mobileMenuDropdown .closePopup { width: 45px; position: fixed; top: 0; bottom: 0; z-index: 999; margin: auto; box-shadow: 4px 0px 8px 1px #ddd; } .mobileMenubar .mobileMenuDropdown .popupContent { padding-top: 45px; margin-left: 45px; } .mobileMenubar .mobileMenuDropdown .popupMobileLogo { background: #fafafa; padding: 13px 0; border-bottom: 1px solid #ddd; text-align: center; position: fixed; width: 100%; top: 0; z-index: 99; } .popupMobileLogo .mobileLogoSvgWrap { margin-left: -45px; /*center the logo */ } .mobileMenubar .mobileMenuDropdown.active { left: 0; } .mobileMenubar .mobileMenuDropdown .userLinks { padding: 0; margin-bottom: 0; } .mobileMenubar .mobileMenuDropdown .userLinks > li { padding: 0; } .mobileMenubar .mobileMenuDropdown .btnBlue, .mobileMenubar .mobileMenuDropdown .btnBorder { display: block; margin: 0 20px 15px; font-size: 18px; padding: 8px 0; } .mobileMenubar .mobileMenuDropdown .headerlinkList { margin: 0 0 10px 0; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li, .mobileMenubar .mobileMenuDropdown ul li { padding: 13px 9px; border-top: 1px solid #eee; background: #f5f5f5; } .mobileMenubar .mobileMenuDropdown ul li:last-child { border-bottom: 1px solid #eee; } .mobileMenubar .mobileMenuDropdown ul.userLinks .active.profileDropArrow .profileLinkWrap { border-bottom: 1px solid #ddd; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.helpMenu { background: #eceff5; overflow: hidden; margin: 0 0 10px 0; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li > a, .mobileMenubar .mobileMenuDropdown ul li a { font-size: 16px; color: #333; display: block; position: relative; text-decoration: none; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .helpDrop:before, .mobileMenubar .mobileMenuDropdown .headerlinkList > li .helpDrop:after { content: ''; display: block; position: absolute; right: 28px; top: 50%; margin-top: -1px; border-top: 7px solid #005bf0; border-left: 7px solid transparent; border-right: 7px solid transparent; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .helpDrop:after { margin-top: -3px; border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; } .headerlinkList .icon-helpDropArrow { margin-top: 15px; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .mobilehHelpList { padding: 0; display: none; margin: 0 -15px; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .mobilehHelpList li { padding: 13px 9px; border-top: 1px solid #ddd; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .mobilehHelpList li a { color: #333; font-size: 16px; font-family: Titillium Web, sans-serif; text-decoration: none; } .mobileMenubar.active .mobileMenuDropdown { left: 0; } .mobileMenubar.active .menuOpen span { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); height: 0; } .mobileMenubar.active .menuOpen span:before { top: 1px; transform: rotate(45deg); } .mobileMenubar.active .menuOpen span:after { bottom: 0; transform: rotate(-45deg); } /*mobile header ends*/ .errorMsg { background: #fbfbfb; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 16px; color: #888888; text-align: center; padding: 10px 70px; margin: 20px 0; } /*404 page*/ .fixedBottom { position: fixed; left: 0; right: 0; bottom: 0; } .notFoundWrap { position: absolute; width: 430px; left: 50%; margin-left: -215px; top: 50%; margin-top: -70px; } .notFoundWrap h4 { color: #be2025; font-size: 25px; margin: 20px 0 10px; } .notFoundWrap p { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .notFoundWrap .btn { border: 1px solid #eee; min-width: 102px; padding: 4px 0; } .yellowBox, .whiteBox { display: inline-block; vertical-align: top; font-size: 30px; color: #000; background: #e7e630; padding: 4px 17px; margin: 0 4px; border: 1px solid #e7e630; border-radius: 4px; } .whiteBox { background: #fff; border: 1px solid #000; } .center-block { float: none; } /* withdraw */ .paymentMethodWrap { padding-bottom: 30px; } .paymentMethodWrap.creditDebitCardWrap { padding-bottom: 0; } .paymentMethodWrap .pageTitle { padding: 10px 0 30px 0; } .paymentMethodWrap .pageTitle h2 { font-size: 26px; font-weight: 600; color: #333; } .paymentMethodWrap .pageTitle .addLink { margin: 20px 0 0 0; } .paymentMethodWrap .pageTitle .addLink a { font-family: Titillium Web, sans-serif; font-size: 15px; vertical-align: middle; cursor: pointer; } .paymentMethods li.paymentMethod { padding: 13px 11px; box-shadow: 0px 0px 14px 1px #ededed; margin-bottom: 15px; cursor: pointer; overflow: hidden; border: 1px solid #fff; } .chequeIssue { font-size: 16px; color: #001248; font-weight: 600; } .paymentMethods li.paymentMethod.active { border: 1px solid #66aa33; } .paymentMethods li.paymentMethod.active i.radioIcon.active { background-position: -36px -403px; } .paymentMethods .paymentRadioBtn { position: relative; } .paymentMethods .paymentRadioBtn input { opacity: 0; width: 30px; } .paymentMethods .paymentRadioBtn i.radioIcon { background: url(/sprite.png) no-repeat 0 -403px; display: inline-block; position: absolute; width: 30px; height: 32px; top: 0; left: 0; z-index: 1; } .paymentMethods .paymentMethodType { margin-left: 35px; } .paymentMethods .paymentMethodType .methodName span.xpressBetTxt { color: #001248; font-size: 16px; font-weight: 600; vertical-align: middle; margin-right: 6px; } .paymentMethods .paymentMethodType .methodName i.icon { background-image: url(/sprite.png); display: inline-block; } .paymentMethods .paymentMethodType .methodName .xpressFundMethod { background-position: 0 -437px; width: 120px; height: 25px; } .paymentMethods .paymentMethodType .methodName .cardPaymentMethod { background-position: -1px -563px; width: 120px; height: 34px; } .paymentMethods .paymentMethodType .methodName .payNearMeMethod { background-position: 0 -598px; width: 120px; height: 30px; } .paymentMethods .paymentMethodType .methodName .xpressbetMethod { background-position: 0 -466px; width: 120px; height: 25px; vertical-align: middle; } .paymentMethods .paymentMethodType .methodName .paypalMethod { background-position: 0 -494px; width: 120px; height: 28px; } .paymentMethods .paymentMethodType .methodName .netellerMethod { background-position: 0 -528px; width: 120px; height: 28px; } .paymentMethods .paymentMethodType .methodDesc { font-family: Arial; font-size: 14px; color: #666666; margin-bottom: 0; padding-right: 30px; } .paymentMethods .cardPaymentActions { margin-top: 15px; } .paymentMethods .cardPaymentActions input { width: 102px; margin-right: 20px; padding: 6px 12px; font-size: 14px; } .paymentMethods .cardPaymentActions .btnO.btn { width: 102px; margin: 0 5px; } .cardPaymentActions .btnO.btn.btnBlue, .cardPaymentActions .btnO.btn.btnBlue:focus { color: #fff; background: #005bf0; height: 30px; line-height: 30px; padding: 0; border-radius: 0; border: none; font-size: 16px; font-family: Titillium Web, sans-serif; } .cardPaymentActions .btnO.btn { background: #fff; text-decoration: none; border: 1px solid #dedede; border-radius: 0; height: 30px; line-height: 30px; padding: 0; color: #888888; } .additionalMethods .additionMethodTitle { color: #333333; font-size: 16px; font-weight: 600; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod { border: none; border-bottom: 1px solid #e1e1e1; padding: 12px 0 20px 0; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod .paymentMethodType .methodName .icon { background-image: url(/sprite.png); display: inline-block; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod .paymentMethodType .methodName .additionalXpressBet { background-position: 0 -468px; width: 112px; height: 20px; vertical-align: middle; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod .paymentMethodType .methodName .additionalCallMethod { background-position: -78px -405px; width: 25px; height: 24px; vertical-align: middle; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod .paymentMethodType .methodName .blueBtn { background: #0052ad; color: #fff; height: 25px; line-height: 25px; padding: 0 8px; display: inline-block; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod .paymentMethodType .methodName span { color: #0052ad; font-size: 24px; font-weight: 600; vertical-align: middle; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod .paymentMethodType .methodDesc { padding-top: 10px; margin: 0; } .additionalMethods ul.additionalMethodWrapper li.paymentMethod .paymentMethodType .methodDesc a { color: #005bf0; text-decoration: underline; } .additionalMethods .note { color: #888888; font-style: italic; } .additionalMethods .note a { color: #005bf0; text-decoration: underline; } .proceedBtn { margin-top: 20px; } .proceedBtn .btns { width: 322px; } .proceedBtn .disabled, input:disabled, .proceedBtn input[disabled]:hover, .mainPageBtn .depositBtn input[disabled]:hover { background: #aaaaaa; color: #ffffff; } .paymentMethod.addCardForm { padding-bottom: 35px; } .paymentMethod .form-group { position: relative; } .paymentMethod .form-group .helpText { position: absolute; right: 10px; top: 22%; color: #c0c0c0; font-size: 12px; font-style: italic; } .paymentMethod .addAmount { padding-right: 85px; } .paymentMethod .form-control { border-color: #e3e3e3; } .paymentMethod .form-control:focus { border-color: #66afe9; } .paymentMethod label { font-weight: normal; } .expiryDateWrap .col-xs-4 { padding: 0; } .expiryDateWrap .col-xs-2 { padding: 0; text-align: center; vertical-align: middle; line-height: 43px; } .expiryDateWrap input[type='text'].form-control { padding: 0 0 0 5px; } .paymentMethod .safetyWrap { border-top: 1px solid #e4e4e4; padding-top: 20px; line-height: 18px; } .paymentMethod .safetyWrap p { color: #000; margin-bottom: 25px; } .paymentMethod .safetyWrap .titleInclude { font-weight: 600; color: #333; margin-bottom: 5px; } .paymentMethod .safetyWrap ul { list-style-type: none; margin-bottom: 30px; } .paymentMethod .safetyWrap li { margin: 0 0 10px 15px; position: relative; } .paymentMethod .safetyWrap li::before { position: absolute; left: -10px; top: 5px; content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; padding-right: 5px; background: #005bf0; } .paymentMethod .btnBlue { width: 320px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; } .paymentMethod input[disabled] { background: #e3e3e3; } .addCardForm .row { margin-left: -10px; margin-right: -10px; } .addCardForm .col-sm-6 { padding-left: 10px; padding-right: 10px; } .addCardForm .col-sm-6 .row { margin-left: -5px; margin-right: -5px; } .addCardForm .col-sm-6 .row .col-xs-6 { padding-left: 5px; padding-right: 5px; } .addCardForm .defaultSelect { height: 43px; } .addCardForm .amtAvailable { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 15px; color: black; } .addCardForm .noteAddress { color: #888888; background: #f2f2f2; font-size: 13px; line-height: 15px; padding: 5px; margin-bottom: 15px; } .addCardForm .updateInfo { margin-bottom: 15px; color: #888888; } .addCardForm .updateInfo a { color: #005bf0; font-style: italic; text-decoration: underline; } .addCardForm .updateInfo a:hover { color: #000; } .addCardForm [class^='icon-'], .addCardForm [class*='icon-'] { position: absolute; } .addCardForm .icon-calender { top: 40px; right: 10px; width: 15px; height: 14px; background-position: -58px -146px; pointer-events: none; } .cvvField form { position: relative; } .addCardForm .icon-cvvInfo { top: 9px; right: 7px; width: 15px; height: 14px; background-position: -58px -168px; position: absolute; } .addCardForm .icon-cvvInfo:hover .IconTooltip { display: block; } .addCardForm.payPalMethodWrap .updateInfo { margin-top: 15px; } .paymentSummary { background: #f5f9ff; border: 1px solid #cbdfff; padding: 30px 34px; } .paymentSummary ul { list-style-type: none; margin: 0; } .paymentSummary li { margin-top: 10px; } .paymentSummary li:first-child { margin-top: 0; } .paymentSummary .paymentInfo { text-align: right; color: #005bf0; font-size: 16px; } .paymentSummary .billingAddress { border-top: 1px solid #dbe9ff; margin-top: 15px; padding-top: 15px; } .paymentSummary .billingAddress h4 { font-weight: bold; color: #000; font-size: 14px; margin: 0 0 10px 0; } .payPalMethodWrap ul, .payPalMethodWrap li { list-style-type: none; } .showMenu { display: block; } .menuBtn { cursor: pointer; } .addCardErrorMsg { display: inline-block; color: #ec1c24; font-size: 12px; margin: 5px; } input[type='text'].form-control { height: 43px; padding: 0px 10px; line-height: 43px; } .transactionResultWrap .mainContentWrap { padding: 0; } .transactionResult { text-align: center; padding: 80px 50px 40px 50px; } .successIconWrap { background: #66aa31; width: 82px; height: 82px; border-radius: 100%; display: inline-block; text-align: center; position: relative; margin-bottom: 26px; } .transactionResult .successIcon { background: url(/sprite.png) no-repeat -85px -172px; display: inline-block; width: 30px; height: 25px; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .creditDebitCardWrap .transactionResult h2 { font-size: 30px; color: #333333; font-weight: normal; } .transactionResult p { font-size: 14px; margin: 15px 0 25px 0; color: #333; font-family: Arial, Helvetica, sans-serif; } .transactionResult .balanceAmount { font-size: 18px; color: #000; } .transactionActions .btns { width: 100%; height: 40px; line-height: 40px; padding: 0 10px; margin: 0 5px; border: 1px solid #ccdefc; color: #005bef; font-family: Arial, Helvetica, sans-serif; font-size: 15px; } .transactionActions .btns:hover, .transactionActions .btns:active { background: #005bef; color: #fff; } .rightSideBar { background: #f4f6fa; min-height: 500px; } .relative { position: relative; } /* Error Message*/ .errMsg { color: #d7030b; } .errorRefresh { padding-top: 20px; } .errorRefresh span, .errorRefresh i { float: left; } .errorRefresh span { margin-right: 10px; } .errorRefresh i { width: 18px; height: 18px; background-position: -55px -266px; cursor: pointer; } /* Deposit Method Title */ .depositMethodTitle { margin-top: 0; } /* Custom Pop up starts*/ .customPopupWrap, .popUpbg { height: 100%; width: 100%; position: fixed; top: 0; z-index: 4; } .IconTooltip { display: none; background: #333333; border-radius: 3px; padding: 10px; color: #eeeeee; position: absolute; width: 165px; top: 24px; left: -25px; font-size: 12px; font-family: 'Arial', Helvetica Neue, Helvetica, sans-serif; text-transform: capitalize; text-align: left; } .IconTooltip:before { width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 8px solid #333; position: absolute; content: ''; top: -7px; left: 22px; } .popUpbg { background: #000; opacity: 0.8; position: fixed; width: 100%; height: 100%; z-index: 2; } .popUpCnt { background: #fff; padding: 20px; width: 500px; position: absolute; top: 100px; z-index: 2; margin-left: -250px; left: 50%; text-align: center; } .popUpCnt p { font-size: 16px; line-height: 18px; margin-bottom: 20px; } .popUpCnt button { width: 100px; } .popUpCnt .icon-closePopup { background-position: -58px -187px; width: 15px; height: 15px; position: absolute; right: 10px; top: 10px; } /*Loader*/ .postloader { background: url(/loader.gif) no-repeat scroll center center #b7b7b7; height: 100%; left: 0; opacity: 0.9; position: fixed; top: 0; width: 100%; z-index: 500; } /*Loader End*/ /* Custom Pop up ends */ .depositMainWrap { padding-bottom: 20px; } .rushFeeWrap { color: #666; display: block; } .help-icon { background-image: url(/helpIconMain@2x.png); height: 18px; width: 18px; display: inline-block; background-size: 18px 18px; background-repeat: no-repeat; vertical-align: middle; } .logout { color: #ec1c24; } .breadcrumb { margin-top: 65px; } .depositMainWrap .paymentMethod.deactive #cardPayment { height: 30px; } .depositMainWrap .paymentMethod.deactive .radioIcon { background-image: none; height: 30px; width: 30px; background: #ddd; border-radius: 100%; margin-left: 2px; pointer-events: none; cursor: default; } .classicDrfBetsLink { line-height: 50px; } .classicDrfBetsLink a { font-size: 16px; line-height: 18px; text-decoration: none; color: #333; font-family: Titillium Web, sans-serif; } .classicDrfBetsLink a:hover { color: #005bf0; } .hamburgerBtn .defaultDropList .betsMobLinkHide { display: block; } .hamburgerBtn .defaultDropList .betsDesktopLinkHide { display: none; } /* Main Navigation Menu: Start */ .menuNavigation li { list-style-type: none; } .menuNavigation li.noLinkOption a { padding: 0 10px; font-size: 16px; line-height: 50px; color: #333; text-decoration: none; display: block; font-family: Titillium Web, sans-serif; } .menuNavigation li.noLinkOption a:hover { color: #005bf0; } /* Main Navigation Menu: End */ .menuNavigation .defaultDropList li a { font-size: 14px; } .helpWrap .menuBtn .placeholder.helpPlaceholder { padding: 0; } /* Terms and Conditions: Start */ .termsAndConditions { color: #333; border: 1px solid #e9e9e9; border-radius: 3px; margin-bottom: 30px; } .termsAndConditions h2, .termsAndConditions h3 { font-weight: 700; } .termsAndConditions h4 { font-weight: 600; margin-bottom: 2px; } .termsAndConditions table { margin-bottom: 10px; margin-top: 10px; } .termsAndConditions table td { border: 1px solid #000; padding: 5px; } .termsAndConditions .partMainList, .termsAndConditions .subCnt, .termsAndConditions .miscellaneousList, .termsAndConditions .drfFriendPgmList, .termsAndConditions .partMainList.betsTermsAndCondList { padding-left: 20px; list-style-type: none; } .termsAndConditions .conditionalWagerList h4 { font-weight: 400; } .termsAndConditions .partMainList, .termsAndConditions .drfFriendPgmList.betsTermsAndCondList, .termsAndConditions .drfFriendPmgSubList, .termsAndConditions .subCnt.betsTermsAndCondList { list-style-type: disc; } .termsAndConditions .conditionalWagerList, .termsAndConditions .rewardList { list-style-type: none; } .termsAndConditions .ppList, .termsAndConditions .drfFriendPmgSubList { padding-left: 20px; } .termsAndConditions .listItem { display: list-item; list-style-type: disc; margin-left: 20px; } .termsAndConditions .betsTermsAndCondList li { margin-bottom: 10px; } .termsAndConditions address p { margin-bottom: 5px; } .termsAndConditions .rewardList h4 { font-size: 15px; } .termsAndConditions .miscellaneousList, .termsAndConditions .wageringServiceTerms .subCnt, .termsAndConditions .wageringServiceTerms .partMainList.betsTermsAndCondList { padding-left: 0; } /* Terms and Conditions: End */ /* New Xpress Funding ACH account: Start */ .paymentMethod .paymentMethodType.xpressPaymentMethodType { float: left; margin-left: 10px; width: 60%; } /* New Xpress Funding ACH account: End */ /* Paypal info List: Start */ ul.paypalInfoList li { margin-left: 14px; position: relative; margin-bottom: 8px; } ul.paypalInfoList li:before { content: ' '; background: #66aa22; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: -14px; top: 4px; } .achAccount .paymentMethod.addCardForm { border-right: none; } .achAccount .userDetails { border-left: 1px solid #ddd; } .proceedBtn { margin-bottom: 10px; } .paymentMethod .defaultSelect { padding-right: 25px; } /* Paypal info List: End */ /* New UI for Credit and Debit card: Start */ .creditDebitCardWrap .mainContentWrap { border-radius: 4px; margin-bottom: 30px; } .creditDebitCardWrap .newCardBtn button { width: 100%; border: 1px solid #ccdefc; border-radius: 4px; background: #fff; font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #005bef; height: 40px; } .creditDebitCardWrap .newCardBtn button:hover, .creditDebitCardWrap .newCardBtn button:active { background: #005bef; color: #fff; } .creditDebitCardWrap .pageTitle { margin-left: -40px; } .creditDebitCardWrap h2 { margin: 0; padding-bottom: 20px; color: #000; font-size: 24px; } .creditDebitCardWrap label { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px; color: #666; } .creditDebitCardWrap .cardInfoBoxCnt { margin-bottom: 10px; } .creditDebitCardWrap .cardInfoBoxCnt input { border: 1px solid #ccdefc; height: 40px; } .creditDebitCardWrap h2 i { color: #005bef; font-size: 24px; margin-right: 18px; cursor: pointer; } .creditDebitCardWrap .paymentMethod { padding: 20px 48px; } .creditDebitCardWrap .depositAmountBoxWrap .btns, .creditDebitCardWrap .depositAmountBoxWrap .form-group { display: inline-block; width: 22%; margin-right: 4%; } .creditDebitCardWrap .depositAmountBoxWrap .form-group { margin-right: 0; } .creditDebitCardWrap .depositAmountBoxWrap .form-control.addAmount { height: 40px; line-height: 40px; padding: 5px; font-weight: 400; font-size: 15px; border: 1px solid #ccdefc; } .creditDebitCardWrap .depositAmountBoxWrap .form-control, .creditDebitCardWrap .expiryDateFields input, .creditDebitCardWrap .cvvWrap input { text-align: center; color: #005bef; font-weight: 700; } .creditDebitCardWrap .cardNumberInputWrap form { position: relative; } .creditDebitCardWrap .cardNumberInputWrap input { font-weight: 700; color: #000; padding-right: 50px; } .creditDebitCardWrap .cardNumberInputWrap .eCard { width: 33px; height: 23px; position: absolute; right: 9px; top: 9px; } .creditDebitCardWrap .cardNumberInputWrap .eCard.defaultCard { background: url(/eCard.png) 0 0 no-repeat; background-size: cover; } .creditDebitCardWrap .cvvWrap input::placeholder, .creditDebitCardWrap .depositAmountBoxWrap .form-control::placeholder, .creditDebitCardWrap .expiryDateFields input::placeholder, .creditDebitCardWrap .cardNumberInputWrap input::placeholder, .creditDebitCardWrap.achAccount input::placeholder, .creditDebitCardWrap.achAccount .cardInfoBox .form-control::placeholder, .creditDebitCardWrap.achAccount .cardInfoBox .form-control { color: #005bef; font-weight: 700; } .creditDebitCardWrap .depositAmountBoxWrap .btns { background: #fff; border: 1px solid #ccdefc; color: #005bef; border-radius: 4px; font-size: 15px; line-height: 28px; font-family: Arial, Helvetica, sans-serif; } .creditDebitCardWrap .depositAmountBoxWrap .btns.active, .creditDebitCardWrap .depositAmountBoxWrap .form-group.active .form-control { background: #005bef; color: #fff; font-weight: 700; } .creditDebitCardWrap .depositAmountBoxWrap .form-group.active .form-control::placeholder { color: #fff; font-weight: 700; } .creditDebitCardWrap .depositAmountBoxWrap label { display: block; } .creditDebitCardWrap .cardInfoBoxCnt { border: 1px solid #ccdefc; border-radius: 4px; padding: 12px; } .creditDebitCardWrap .cardInfoBoxCnt .depositBtn .btns { width: 100%; font-size: 18px; font-weight: 700; } .creditDebitCardWrap .cardInfoBoxCnt .selectCardWrap { margin-bottom: 10px; } .creditDebitCardWrap .expiryDateWrap label { margin-right: 15px; line-height: 45px; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields { width: 120px; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields input { border: none; width: 100%; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields:first-child, .creditDebitCardWrap .expiryDateWrap .expiryDateFields:last-child { border: 1px solid #ccdefc; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-left: none; } .creditDebitCardWrap .cvvWrap { position: relative; } .creditDebitCardWrap .cvvWrap .icon-cvvInfo { left: -20px; top: 14px; } .creditDebitCardWrap .cvvWrap input.cvvActualInput { border-radius: 3px; color: #005bef; font-weight: 700; text-align: center; height: 42px; } .creditDebitCardWrap .cvvWrap { width: 120px; } .creditDebitCardWrap .cvvWrap input.cvvActualInput::placeholder { font-weight: 400; } .creditDebitCardWrap .cardInfoBox .amtAvailable { border-bottom: none; margin-bottom: 15px; padding-bottom: 0; font-size: 13px; line-height: 15px; color: #000; } .creditDebitCardWrap .cardInfoBox .depositBtn, .creditDebitCardWrap .supportSslWrap { margin-bottom: 15px; } .creditDebitCardWrap .supportSslWrap a:hover { text-decoration: none; color: #000; } .creditDebitCardWrap .cardInfoBox .depositFee { margin-bottom: 0; } .creditDebitCardWrap.transactionResultWrap { padding-top: 75px; } .payPalOption .paymentMethodType { margin-left: 35px; } .creditDebitCardWrap .mainContentWrap, .creditDebitCardWrap .addCardForm .defaultSelect { border: 1px solid #ccdefc; } .creditDebitCardWrap .depositMainWrap, .creditDebitCardWrap .cardMethod, .creditDebitCardWrap .transactionWrap { border-right: 1px solid #ccdefc; } .creditDebitCardWrap .depositMainWrap .pageTitle { margin-left: 0; padding-top: 20px; padding-bottom: 12px; } .creditDebitCardWrap .paymentMethod { border-right: 0; } .creditDebitCardWrap .supportSslWrap { border-bottom: 1px solid #ccdefc; padding-bottom: 15px; } .creditDebitCardWrap .supportSslWrap i, .creditDebitCardWrap .supportSslWrap div { display: inline-block; vertical-align: middle; } .creditDebitCardWrap .supportSslWrap div { width: 75%; } .creditDebitCardWrap .supportSslWrap div p { margin-bottom: 4px; } .creditDebitCardWrap .supportSslWrap i { background-repeat: no-repeat; color: #66aa22; font-size: 24px; text-align: center; margin-right: 16px; } .creditDebitCardWrap .customerSupportWrap i { background: url(/customer-support-bg.svg); width: 48px; height: 48px; line-height: 48px; } .creditDebitCardWrap .customerSupportWrap div p { font-size: 14px; color: #333; } .creditDebitCardWrap .customerSupportWrap div p.customerContact { font-weight: 700; } .creditDebitCardWrap .customerSupportWrap div p a { color: #005bef; } .creditDebitCardWrap .sslSecuredWrap i { background: url(/ssl-secured-bg.svg); width: 47px; height: 47px; line-height: 47px; } .creditDebitCardWrap .sectionInfo { padding-top: 16px; } .creditDebitCardWrap .sslSecuredWrap div p:first-child { font-size: 16px; color: #333; line-height: 18px; font-weight: 700; } .creditDebitCardWrap .sslSecuredWrap div p:last-child { font-size: 12px; line-height: 14px; color: #666; } .creditDebitCardWrap .needHelpWrap p { font-size: 16px; line-height: 18px; font-weight: 700; color: #333; } .creditDebitCardWrap .needHelpWrap a:hover { text-decoration: none; color: #000; } .creditDebitCardWrap .needHelpWrap i, .creditDebitCardWrap .creditDebitSelect .selectedCardWrap .cardArrow { background: url(/dropArrowDown@2x.png) 0 0 no-repeat; width: 13px; height: 7px; background-size: cover; display: block; } .creditDebitCardWrap .creditDebitSelect .selectedCardWrap span, .creditDebitCardWrap .creditDebitSelect .selectCardList li { font-size: 15px; line-height: 18px; color: #000; font-weight: 700; margin-top: 3px; font-family: Arial, Helvetica, sans-serif; } .creditDebitCardWrap .selectedCardWrap .cardSelected, .creditDebitCardWrap .creditDebitSelect .selectCardList li i { margin-right: 10px; } .creditDebitCardWrap .selectedCardWrap .cardSelected.master-card, .creditDebitCardWrap .creditDebitSelect .selectCardList li i.master-card, .creditDebitCardWrap .cardNumberInputWrap .eCard.master-card { background: url(/master-card.png) 0 0 no-repeat; height: 21px; width: 34px; background-size: cover; } .creditDebitCardWrap .selectedCardWrap .cardSelected.xpressBet, .creditDebitCardWrap .creditDebitSelect .selectCardList li i.xpressBet, .creditDebitCardWrap .bankTransferLogoText i { background: url(/bank-logo.png); height: 25px; width: 22px; background-size: cover; } .creditDebitCardWrap .selectedCardWrap .cardSelected.visa, .creditDebitCardWrap .creditDebitSelect .selectCardList li i.visa, .creditDebitCardWrap .cardNumberInputWrap .eCard.visa { background: url(/visa.png) 0 0 no-repeat; height: 24px; width: 34px; background-size: cover; } .creditDebitCardWrap .creditDebitSelect .selectedCardWrap .cardArrow { margin-top: 10px; } .creditDebitCardWrap .needHelpWrap div.arrowWrap { padding: 8px; display: none; cursor: pointer; } .creditDebitCardWrap .needHelpWrap.active div i, .creditDebitCardWrap .creditDebitSelect.active .selectedCardWrap .cardArrow { background: url(/dropArrowUp@2x.png) 0 0 no-repeat; background-size: cover; } .creditDebitCardWrap .needHelpWrap ul { list-style-type: none; } .creditDebitCardWrap .needHelpWrap.active ul { display: block; } .creditDebitCardWrap .needHelpWrap ul a { color: #005bef; font-size: 14px; line-height: 30px; } .creditDebitCardWrap .mainContentWrap { padding: 0; } .availableBalWrap { background: #ccdefc; padding: 0 10px; text-align: center; font-size: 15px; line-height: 50px; color: #000; font-family: Arial, Helvetica, sans-serif; display: none; } .creditDebitCardWrap .paymentMethods .paymentMethodType { margin-left: 10px; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type='number'] { -moz-appearance: textfield; } .creditDebitCardWrap.breadCrumbHide { padding-top: 65px; } .creditDebitCardWrap .creditDebitSelect .selectedCardWrap { height: 40px; border: 1px solid #ccdefc; border-radius: 4px; padding: 7px 10px; cursor: pointer; } .creditDebitCardWrap .creditDebitSelect { position: relative; } .creditDebitCardWrap .creditDebitSelect .selectCardList { background: #fff; position: absolute; width: 100%; list-style-type: none; z-index: 1; border: 1px solid #ccdefc; border-top: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; max-height: 200px; overflow-y: scroll; display: none; } .creditDebitCardWrap .creditDebitSelect .selectCardList li { padding: 10px; cursor: pointer; border-top: 1px solid #ccdefc; } .creditDebitCardWrap .creditDebitSelect .selectCardList li:first-child { border-top: none; } .creditDebitCardWrap .creditDebitSelect.active .selectCardList { display: block; } .creditDebitCardWrap .creditDebitSelect .selectedCardWrap .selectCardPlaceholder, .creditDebitCardWrap .creditDebitSelect .selectCardList .cardPlaceholder, .creditDebitCardWrap .depositAmountBoxWrap .form-control::placeholder, .creditDebitCardWrap .cardNumberInputWrap input::placeholder, .creditDebitCardWrap .achAccountInfo input::placeholder, .creditDebitCardWrap .cardInfoBoxCnt .form-control::placeholder, .creditDebitCardWrap.achAccount .cardInfoBox .form-control::placeholder { font-weight: 400; } .creditDebitCardWrap .transactionMessage p:last-child { font-weight: 700; font-size: 18px; line-height: 20px; margin-bottom: 14px; } .creditDebitCardWrap .transactionMessage p, .creditDebitCardWrap .transactionMessage p.noBalance { font-size: 14px; line-height: 16px; color: #333; margin-top: 0; margin-bottom: 8px; font-family: Arial, Helvetica, sans-serif; } .creditDebitCardWrap .transactionMessage p.noBalance { margin-bottom: 14px; } .creditDebitCardWrap .transactionActions .btns { margin: 0; } .creditDebitCardWrap .paypalInfoWrap .btnBlue { width: 100%; margin-bottom: 15px; font-weight: 700; } .creditDebitCardWrap .paypalInfoWrap .depositFee, .creditDebitCardWrap .amtAvailable { border-bottom: 0; padding-bottom: 0; } .creditDebitCardWrap .paypalInfoWrap .updateInfo, .creditDebitCardWrap .achTerms p { color: #333; font-size: 13px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; } .creditDebitCardWrap .paypalInfoWrap .updateInfo p { line-height: 24px; color: #000; } .creditDebitCardWrap .form-control { border: 1px solid #ccdefc; } .creditDebitCardWrap .noteAddress { background: #e0eed3; color: #666; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: -20px 50px 10px; padding: 10px 15px; } .creditDebitCardWrap .noteAddress span { color: #000; } .creditDebitCardWrap .achTermLink { font-size: 14px; line-height: 30px; color: #005bef; cursor: pointer; margin-top: 15px; display: inline-block; } .creditDebitCardWrap.achAccount .btnGreen { width: 100%; font-size: 18px; font-weight: 700; height: 40px; } .creditDebitCardWrap .accountTypeWrap { margin-bottom: 15px; } .creditDebitCardWrap .accountTypeWrap .checkboxWrap { cursor: pointer; } .creditDebitCardWrap .accountTypeWrap label { display: inline-block; vertical-align: middle; margin-right: 15px; } .creditDebitCardWrap .accountTypeWrap label .savingType { font-size: 15px; color: #666; font-weight: 700; padding-left: 8px; } .creditDebitCardWrap .accountTypeWrap label:last-child { margin-right: 0; } .creditDebitCardWrap .accountTypeWrap label span:first-child { color: #005bef; font-size: 20px; } .creditDebitCardWrap .accountTypeWrap input[type='radio'], .creditDebitCardWrap .accountTypeWrap label span:first-child { width: 20px; } .creditDebitCardWrap .accountTypeWrap input[type='radio'] { opacity: 0; } .creditDebitCardWrap .cardInfoBox .newAccount { border: none; padding: 0; } .payPalOption.paymentMethod .withdrawPaypal { margin-left: 35px; } .creditDebitCardWrap.achAccount .achAccountInfo .form-control { height: 40px; } .creditDebitCardWrap .btnGreen { border: 1px solid #6a3; } input[disabled].btnGreen { border: none; } .creditDebitCardWrap .form-control { outline: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .creditDebitCardWrap .addCardErrorMsg { margin: 5px 0; } .creditDebitCardWrap .paymentMethods .paymentMethodType .methodName i.paypalMethod, .withdrawPaypal.depositPayMethodBox .methodName i.paypalMethod { background: url(/paypal-main.png) 0 0 no-repeat; height: 29px; width: 112px; background-size: cover; } .creditDebitCardWrap .paymentMethods .depositPayMethodBox .methodName i.visaCard { background: url(/visa-card-mian.png) 0 0 no-repeat; height: 35px; width: 50px; background-size: cover; margin-right: 10px; } .creditDebitCardWrap .paymentMethods .depositPayMethodBox .methodName i.masterCard { background: url(/master-card-main.png) 0 0 no-repeat; height: 32px; width: 50px; background-size: cover; } .creditDebitCardWrap .paymentMethods .depositPayMethodBox .methodName i.visaCard, .creditDebitCardWrap .paymentMethods .depositPayMethodBox .methodName i.masterCard { vertical-align: middle; } .creditDebitCardWrap .newCardBtn .addNewBtn { background: #fff; color: #005bef; font-weight: 700; font-size: 18px; line-height: 20px; border: 1px solid #005bef; font-family: Titillium Web, sans-serif; } .creditDebitCardWrap .bankTransferLogoText span, .creditDebitCardWrap .bankTransferLogoText i { display: inline-block; vertical-align: middle; } .creditDebitCardWrap .bankTransferLogoText span { font-size: 18px; color: #333; line-height: 20px; font-weight: 700; } .creditDebitCardWrap .bankTransferLogoText i { width: 30px; height: 33px; margin: 0 5px 5px 0; } .creditDebitCardWrap .paymentMethods li.paymentMethod, .creditDebitCardWrap .xpressPaymentMethodType .methodName { cursor: pointer; } .creditDebitCardWrap .xpressPaymentMethodType .methodName { margin-bottom: 0; } /* New UI for Credit and Debit card: End */ .achAccount .newLink { padding-top: 25px; } .achAccount .newLink .btns { background: transparent; color: #005bef; } .optionHide { display: none; } /* Entitlement Count Display: Start */ .entitlementWrap .ppStoreName { float: left; line-height: 31px; } .helpDropdown li.entitlementWrap a { overflow: hidden; padding: 7px 15px; } .entitlementWrap .entitlementCount { float: right; background: #ec1c24; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; border-radius: 100%; font-family: Arial, sans-serif; color: #fff; font-weight: 700; } .entitlementWrap span.fullCount, .entitlementWrap .entitlementCount:hover span.twentyPlusCount { display: none; } .entitlementWrap .entitlementCount:hover { background: #005bef; } .entitlementWrap .entitlementCount:hover span.fullCount { display: block; } /* Entitlement Count Display: End */ .userEmailId div:first-child { padding-bottom: 15px; } .singleMenuWrap { padding: 16px 10px; } .singleMenuWrap a { font-size: 16px; line-height: 18px; color: #333; font-family: Titillium Web, sans-serif; } .singleMenuWrap a:hover, .singleMenuWrap a:active { text-decoration: none; } /* Coachtip Graphic: Start */ .creditDebitCardWrap.achAccount .accountCoachtipWrap .accountTypeWrap, .creditDebitCardWrap.achAccount .accountCoachtipWrap .coachGrapichWrap { display: inline-block; vertical-align: middle; width: 50%; } .creditDebitCardWrap.achAccount .accountCoachtipWrap .accountTypeWrap { width: 60%; margin-right: 2%; } .creditDebitCardWrap.achAccount .accountCoachtipWrap .coachGrapichWrap { width: 38%; } .creditDebitCardWrap.achAccount .accountCoachtipWrap .coachGrapichWrap img { display: block; } .explainer-one-symbol, .explainer-two-symbol { display: inline-block; width: 11px; height: 11px; vertical-align: bottom; } .explainerText { font-size: 12px; line-height: 14px; color: #666; margin-top: 3px; } .explainer-one-symbol { background: url(/explainer-text-symbol-one.gif) 0 0 no-repeat; background-size: 100%; } .explainer-two-symbol { background: url(/explainer-text-symbol-two.gif) 0 0 no-repeat; background-size: 100%; } /* Coachtip Graphic: End */ /* Funding Iframe: Start */ .fundingIframeLoder { display: none; } .iframeClass .fundingIframeLoader { background-image: url(/loader.gif); height: 112px; width: 202px; display: block; position: absolute; margin-top: -56px; margin-left: -101px; top: 50%; left: 50%; } .iframeClass .creditDebitCardWrap.breadCrumbHide .iframeClass .paymentMethodWrap .pageTitle { padding-top: 15px; } .iframeClass#app-container, .iframeClass .creditDebitCardWrap .sectionInfo { padding-bottom: 0; } .iframeClass .paymentMethodWrap .pageTitle { position: fixed; background: #fff; width: 100%; top: 0; z-index: 1; left: 0; -webkit-box-shadow: 0 5px 4px -6px #ededed; -moz-box-shadow: 0 5px 4px -6px #ededed; box-shadow: 0 5px 4px -6px #ededed; padding: 13px 15px; } .iframeClass .creditDebitCardWrap.paymentMethodWrap .depositMainWrap .pageTitle { padding: 15px 15px 16px; } .iframeClass .paymentMethodWrap .pageTitle h2 { padding-bottom: 0; } .iframeClass .paymentMethodWrap .availableBalWrap { margin-top: 36px; } .iframeClass .paymentMethodWrap .transactionWrap .transactionActions { display: none; } /* Funding Iframe: End */ /* Quick Deposit: Start */ .addQuickAmountWrap, .quickDepMobileShow, .depositMainWrap .depositAmountBoxWrap, .addAmountBox .form-group.quickDepMobileShow, .accTypeLabels .checkboxWrap.quickDepMobileShow, .creditDebitCardWrap .accountTypeWrap .labelClass.quickDepMobileShow { display: none; } .expiryDateWrap .quickDepMobileHide, .accTypeLabels .checkboxWrap.quickDepMobileHide, .accTypeLabels { display: inline-block; } .paymentMethod .accountCoachtipWrap .form-group { margin-bottom: 20px; } .col-sm-9.cardMethod.payPalOptionWrap { padding-bottom: 135px; } .iframeClass .col-sm-9.cardMethod { padding-top: 215px; } .iframeClass .col-sm-9.cardMethod.depBoxInputErr { padding-top: 222px; } .iframeClass .col-sm-9.cardMethod.weeklyAmtAvail { padding-top: 235px; } .iframeClass .col-sm-9.cardMethod.weeklyAmtAvail.depBoxInputErr { padding-top: 248px; } .iframeClass .col-sm-9.cardMethod.payPalOptionWrap { padding-top: 205px; } .cardOptionWrap .paymentMethod .form-group { margin-bottom: 15px; } .mobilePageTitle.stickyHeadTitle { display: none; } .iframeClass .mobilePageTitle.stickyHeadTitle { display: block; } .iframeClass .creditDebitCardWrap .mobilePageTitle h4 { margin-top: -10px; } .iframeClass .depositMainWrap .mobilePageTitle h4 { margin-top: 0; } .iframeClass .depositMainWrap .stickyHeadWrap { top: 28px; } .iframeClass .mobilePageTitle.stickyTitle { top: 0; } .creditDebitCardWrap .paypalInfoWrap .btnBlue { background: #6a3; } .creditDebitCardWrap .paypalInfoWrap .btnBlue[disabled] { background: #e3e3e3; } .iframeClass .stickyHeadWrap { position: fixed; } .creditDebitCardWrap .depositAmountBoxWrap .form-control { color: #000; } /* Quick Deposit: End */ .withBalWrap { margin-bottom: 5px; } .withBalWrap label, .withBalWrap span { display: inline-block; } .withBalWrap label { font-weight: 600; margin-right: 6px; } /* Footer: Start */ .mainContentWrap { padding-bottom: 30px; } .footerMenuCopyright .storeIcons .socialIcons li:first-child { margin-right: 8px; } .footerMenuCopyright .storeIcons .socialIcons li:first-child:hover svg g > path:nth-child(2), .footerMenuCopyright .storeIcons .socialIcons li:last-child:hover svg > g > path:first-child { fill: #666; } .footerMenuCopyright .storeIcons .socialIcons li a { margin-bottom: 0; width: auto; } /* Footer: End */ .addAmountBox label { text-align: right; } /* Withdraw Mobile View: Start */ .withdrawWrapper .availableBalWrap { display: none; } .withdrawWrapper .mobileHide { display: block; } .withdrawWrapper .desktopHide { display: none; } .paymentMethods .payPalOption.paymentMethod .paymentRadioBtn { margin-right: 5px; } .withdrawMoney { font-family: 'Titillium Web', sans-serif; } .partnerRaceTracks a { font-size: 13px; line-height: 16px; font-family: 'Titillium Web', sans-serif; font-weight: 700; color: #06c; } .partnerRaceTracks { margin-bottom: 4px; } .partnerRaceTracks a span, .partnerRaceTracks a i { display: inline-block; vertical-align: bottom; } .partnerRaceTracks i { height: 20px; } .partnerRaceTracks .iconSvg-PopOut g > g { stroke: #06c; } .mainWithdrawWrap .balShow { display: none; } .paypalWithdrawWrap .paypalInfoList { display: block; } /* Withdraw Mobile View: End */ /* Plaid Funding : Start */ .errorView { padding: 65px 24px 0 24px; } .errorView .errorIcon { background: url(/error.svg); display: block; width: 48px; height: 48px; margin: 0 auto 18px auto; } .errorView .amount { font-size: 32px; line-height: 34px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 700; margin-bottom: 16px; } .errorView .errorType { font-size: 21px; line-height: 28px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 700; margin-bottom: 12px; } .errorView .contactInfo { font-size: 15px; line-height: 24px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 400; margin-bottom: 16px; } .errorView .contactInfo a { color: #005bef; text-decoration: underline; margin: 0 4px; } .errorView .btns { width: 100%; font-size: 15px; line-height: 18px; padding: 15px 0; background: #693; margin-bottom: 16px; } .errorView .transactionResult { padding-bottom: 16px; } .plaidFunding { margin-top: 30px; } .plaidFunding h4 { text-align: center; padding: 0 65px; font-size: 21px; line-height: 28px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 700; } .plaidFunding .paypalInfoList li, .plaidFunding .buttonText { margin-left: 0; font-size: 13px; line-height: 20px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 400; margin-bottom: 12px; } .plaidFunding .paypalInfoList li span { font-weight: 700; } .plaidFunding .paypalInfoList li a { text-decoration: underline; margin: 0 4px; color: #005bef; } .plaidFunding .buttonText { margin-bottom: 8px; } .plaidFunding .paypalInfoList li::before { content: ''; display: none; } .plaidFunding .quickDepMobileShow.helpContentWrap, .errorView .quickDepMobileShow.helpContentWrap { padding-left: 0; padding-right: 0; } .plaidFunding .paypalInfoList .plaidHeading { font-size: 15px; line-height: 24px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 700; margin: 0; } .plaidFunding .paypalInfoWrap { margin-top: 31px; } /* Plaid Funding: End */ /* Media Query */ @media only screen and (min-width: 1200px) { .container { width: 1200px; } .mobileMenuDropdown { display: none; } } @media only screen and (min-width: 768px) { .footerSecondary { width: calc(100% - 235px); } } @media only screen and (max-width: 1199px) { /* Footer: Start*/ .mainContentWrap { margin-bottom: 60px; } .creditDebitCardWrap .mainContentWrap { margin-bottom: 90px; } /* Footer: End */ .optionHide { display: block; } .userNameAccountIdWrap { width: 87%; } .userNameAccountIdWrap .userAccountId { margin-left: 47px; display: block; } /* Entitlement Count Display: Start */ .entitlementWrap .ppStoreName { line-height: 30px; } .mobileMenubar .mobileMenuDropdown ul .profileLinkWrap li.entitlementWrap a { overflow: hidden; } .mobileMenubar .mobileMenuDropdown .headerlinkList .helpMenu { padding: 10px 9px; } .hedeMenuInfoWrap .helpDrop { line-height: 26px; } /* Entitlement Count Display: End */ /* New UI for Credit and Debit Card: Start */ .creditDebitCardWrap .supportSslWrap div { width: 68%; } .availableBalWrap { display: block; } .withdrawWrapper .availableBalWrap { display: none; } /* New UI for Credit Card and Debit Card: End */ /* Header: Start */ .mobileMenubar .userBalanceWrap.depositHide > div:first-child { text-align: left; padding-left: 25px; } .mobileMenuDropdown .headerlinkList .betsDesktopLinkHide { display: block; } .menuNavigation, .mobileMenuDropdown .headerlinkList .betsMobLinkHide { display: none; } .mobileMenubar .mobileMenuDropdown ul li.logoutLink { border-top: 0; } .mobileMenubar .mobileMenuDropdown ul li.freePpClass, .mobileMenubar .mobileMenuDropdown ul li:last-child { border-bottom: 0; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.helpMenu, .mobileMenubar .loggedUser { margin: 0; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li, .mobileMenubar .mobileMenuDropdown ul li { padding: 9px; } .mobileMenubar .mobileMenuDropdown ul li.commonMenuLinks { padding: 13px 9px; } .mobileMenubar .mobileMenuDropdown ul li.profileDropArrow.active li { border-top: 1px solid #e1e1e3; } .mainLogo img { height: 48px; width: 145px; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .helpDrop:before, .mobileMenubar .mobileMenuDropdown .headerlinkList > li .helpDrop:after { content: ''; display: none; } .mobHide, .hamburgerBtnBox.desktop { display: none !important; } .mainLogo a svg { width: 174px; } .mainLogo .mobileHide { display: none; } .mainLogo .mobileShow { display: block; } .mainLogo { height: 48px; } .hamburgerBtnBox.mobileHamburgerBtn { display: block; } .activeMenu:before { position: absolute; content: ''; top: 45px; left: 0; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 100; } .banner, .navMenuWrap, .headerLogin, .headerRegisterBtn, .helpWrap, .depositWrap, .memberDropdown { display: none; } .header { background: #fff; position: fixed; top: 0; width: 100%; z-index: 12; height: 48px; } .header .headerWrapInner { width: 100%; } .header .hamburgerBtnBox { float: right; z-index: 999; height: 48px; } .header .hamburgerBtnBox .hamburgerBtn { padding: 24px 0 23px; border-left: 1px solid #ddd; } .headerRegisterBtn, .headerMobLoginBtn { vertical-align: middle; margin: 9px 15px 0 0; display: inline-block; color: #005bf0; font-size: 12px; font-weight: 600; } .headerRegisterBtn { background: #fff; padding: 5px 11px; width: auto; border: 1px solid #005bf0; } .header .mainLogo { margin: 0; } .headBalance { display: none; } .closeIconWrap { padding: 15px 0; } .closeIcon { background-image: url(/close@2x.png); width: 14px; height: 14px; display: block; margin: auto; background-size: 14px auto; } .header .profileLinkWrap li { margin-left: 16px; padding: 15px 8px; margin-right: 16px; } .header .profileLinkWrap li a { font-family: 'Titillium Web', sans-serif; } .mobileMenubar .mobileMenuDropdown .profileLinkWrap li.logoutLink, .mobileMenubar .mobileMenuDropdown .headerlinkList > li .mobilehHelpList li:last-child { border-bottom: none; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .mobilehHelpList { margin: 0; padding-top: 13px; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li .mobilehHelpList li { background: #eceff5; padding-left: 0; border-top: 1px solid #e1e1e3; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.helpMenu.active { padding-bottom: 0; background: #eceff5; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.helpMenu.active .helpDrop { color: #005bf0; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.helpMenu { padding-left: 20px; padding-right: 20px; background: #f5f5f5; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.helpMenu.active { border-bottom: 1px solid #ddd; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.commonMenuLinks { padding-left: 20px; } .mobileMenubar .mobileMenuDropdown .headerlinkList > li.commonMenuLinks:nth-child(6), .mobileMenubar .mobileMenuDropdown .headerlinkList > li.commonMenuLinks:nth-child(7), .mobileMenubar .mobileMenuDropdown .headerlinkList > li.commonMenuLinks:nth-child(10) { display: none; } .profileDropArrow .mobileDropFundingUser { padding: 17px 8px 10px; } .profileDropArrow .dropArrow-icon, .helpMenu .helpDropArrow-icon { width: 14px; height: 8px; display: block; background: url(/dropArrowDown@2x.png) no-repeat; background-size: 100% 100%; } .profileDropArrow.active .dropArrow-icon, .helpMenu.active .helpDropArrow-icon { background: url(/dropArrowUp@2x.png) no-repeat; background-size: 100% 100%; } .helpMenu .mobileDropFundingHelp { padding: 10px 4px; } .helpMenu .helpDrop { width: 82%; } .mobileMenubar .mobileMenuDropdown ul li.profileDropArrow.active, .mobileMenubar .mobileMenuDropdown ul li.profileDropArrow.active li { background: #eceff5; } .mobileLogoSvgWrap svg { margin: 10px auto 0 auto; display: block; } /*header ends*/ .navMenuWrap { margin-right: 5px; } .headerLogin .form-group, .headerLogin .headerSelect { width: 155px; } .headerRegisterBtn, .headerLoginBtn { width: 81px; font-size: 14px; } .helpWrap > a { padding: 22px 10px; } /*header ends*/ .rightSidebarWrap { width: 230px; margin-left: -2px; border-left: 0; } .mobileMenubar .mobileMenuDropdown ul.profileLinkWrap li { padding-top: 13px; padding-bottom: 13px; } .availableBalWrap { margin-bottom: 15px; } .availableBalWrap p { margin-bottom: 0; } .availableBalWrap .balLowText { display: none; } .availableBalWrap.balLowWarning { background: #fffff0; color: #ec1c24; border: 1px solid #ccc; } .availableBalWrap.balLowWarning .balLowText { display: inline; margin-bottom: 0; } } @media only screen and (max-width: 991px) { .creditDebitCardWrap .supportSslWrap a:hover, .creditDebitCardWrap .needHelpWrap a:hover { color: #06c; } /* Footer: Start */ .mainContentWrap, .creditDebitCardWrap .mainContentWrap { margin-bottom: 80px; } .withdrawWrapper .mainContentWrap { margin-bottom: 50px; } /* Footer: End */ .mobileMenuDropdown .popupContent .headerlinkList > .commonMenuLinks:last-child { display: none; } /* New UI for Credit and Debit Card: Start */ .creditDebitCardWrap .supportSslWrap i { margin-right: 5px; } .creditDebitCardWrap .supportSslWrap div { width: 65%; } .creditDebitCardWrap .sslSecuredWrap div p:first-child { font-size: 14px; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields, .creditDebitCardWrap .cvvWrap { width: 78px; } .creditDebitCardWrap .cvvWrap input { width: 100%; padding-left: 5px; padding-right: 5px; } /* New UI for Credit Card and Debit Card: End */ .carryOverTitle, .btnFreePP, .wagerPad, .tabHide { display: none; } /*header starts*/ .navMenuWrap { width: 40px; } .navMenuWrap .navMenuBtn span:before, .navMenuWrap .navMenuBtn span:after, .navMenuWrap .navMenuBtn span { width: 18px; } .helpWrap > a { font-size: 13px; padding: 22px 6px; } .headerLogin { padding: 10px 5px 0 5px; margin-right: 0; } .headerLogin .form-group, .headerLogin .headerSelect { width: 115px; font-size: 12px; margin-right: 0; } .headerLogin .form-group { margin-right: 10px; } .headerLogin > .form-group input { font-size: 12px; padding-left: 6px; } .headerRegisterBtn, .headerLoginBtn { font-size: 13px; width: 60px; } .headerlinkList .helpDrop { float: left; width: 90%; } .headerlinkList .helpDrop:after, .headerlinkList .helpDrop:before { border: none !important; margin: 0 !important; } .headerlinkList .icon-helpDropArrow { float: left; width: 13px; display: inline-block; height: 13px; background-position: -22px -203px; } .headerlinkList li.active .icon-helpDropArrow, .userLinks li:first-child.active .loginName .icon-DropArrow { background-position: -22px -215px; } .mobilehHelpList { clear: both; padding-top: 10px; } .mobileLogoutWrap { padding: 0 15px; } header .classicDrfBetsLink, header .headBalance, header .depositWrap, header .memberDropdown > .menuBtn { padding-left: 6px; padding-right: 6px; /*horizontal spance*/ } /*header ends*/ /*right sidebar starts*/ .rightSidebarWrap { display: block; float: none; border: 0; width: 100%; clear: both; } .redSectionTitle { margin: 12px 0 10px; padding: 0; font-size: 22px; } /*race details starts*/ /*exacta box starts*/ .arrow.arrowLeft:focus, .arrow.arrowLeft:active, .arrow.arrowLeft, .arrow.arrowRight, .arrow.arrowRight:focus, .arrow.arrowRight:active, .raceListWrapper { background: #fff; border: 0; } .reactTabHide { display: none; } .dashboardContent .mainContentWrap { border-top: 0; } .paymentMethods .cardMethod.active .depositPayMethodBox { width: 60%; } .xpressPaymentMethodType { width: 55%; } .creditDebitCardWrap .customerSupportWrap div p a { font-size: 13px; } } @media only screen and (max-width: 767px) { /* Plaid Funding: Start */ .plaidFunding .stickyBottomWrap, .errorView .stickyBottomWrap { padding-left: 15px; padding-right: 15px; } .plaidFunding .paypalInfoWrap { padding-bottom: 60px; } .errorView .quickDepMobileShow .helpContentWrap { display: flex; } .errorView { padding-top: 180px; } .errorView .contactInfo { margin-bottom: 0; padding-bottom: 90px; } .errorView .contactInfo a, .plaidFunding .paypalInfoList li a { color: #06c; } .errorView .btns { font-size: 16px; line-height: 20px; font-weight: 700; padding: 14px 0; } /* Plaid Funding: End */ /* Footer: Start */ .withdrawWrapper .mainContentWrap { margin-bottom: 0; } .paymentMethodWrap.withdrawWrapper { padding-bottom: 30px; } /* Footer: End */ .depositMainWeeklyAmt p { margin-bottom: 0; } .iframeClass .creditDebitCardWrap.breadCrumbHide { padding-top: 15px; } .achAccount .pageTitle, .achAccount .viewTitle { float: none !important; } .achAccount .userDetails { border-left: none; } .proceedBtn { margin-bottom: 40px; } .paymentMethod.addCardForm { padding-bottom: 40px; } .paymentMethod.addCardForm .updateInfo { margin-top: 10px; } /* New UI for Credit and Debit Card: Start */ .creditDebitCardWrap .mainContentWrap { border: none; margin-bottom: 0; } .creditDebitCardWrap .cardMethod .pageTitle, .creditDebitCardWrap .cardMethod .cardInfoBox, .creditDebitCardWrap .paypalInfoWrap, .creditDebitCardWrap .accountTypeWrap, .creditDebitCardWrap .achAccountInfo { padding-left: 15px; padding-right: 15px; } .creditDebitCardWrap.paymentMethodWrap { background: #fff; } .creditDebitCardWrap .transactionWrap { padding: 0 15px 0 15px; } .creditDebitCardWrap .transactionResult, .creditDebitCardWrap .accountTypeWrap, .creditDebitCardWrap .achAccountInfo { padding: 0; } .creditDebitCardWrap .sectionInfo { border-left: none; margin-left: 0; padding: 0; } .creditDebitCardWrap .cardInfoBox { margin-bottom: 25px; } .creditDebitCardWrap .depositMainWrap, .creditDebitCardWrap .cardMethod, .creditDebitCardWrap .transactionWrap { border-right: none; } .creditDebitCardWrap .transactionWrap .transactionActions .btns { width: 100%; margin: 0; } .creditDebitCardWrap .transactionResult h2 { font-size: 28px; } .creditDebitCardWrap .paymentMethod { padding: 0; } .creditDebitCardWrap .supportSslWrap:first-child { padding-top: 15px; border-top: 1px solid #ccdefc; } .creditDebitCardWrap .supportSslWrap, .creditDebitCardWrap .needHelpWrap { padding-left: 15px; padding-right: 15px; } .creditDebitCardWrap .supportSslWrap div { width: 75%; } .creditDebitCardWrap .supportSslWrap i { margin-right: 16px; } .creditDebitCardWrap .expiryDateWrap label { margin-right: 4px; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields { width: 62px; } .creditDebitCardWrap .cvvWrap { width: 56px; } .creditDebitCardWrap .cvvWrap input { width: 100%; } .creditDebitCardWrap .newCardBtn { margin-top: 20px; } .creditDebitCardWrap .depositAmountBoxWrap .btns, .creditDebitCardWrap .depositAmountBoxWrap .form-group { width: 23%; margin-right: 2%; } .creditDebitCardWrap .depositAmountBoxWrap .btns { font-size: 15px; } .creditDebitCardWrap .expiryDateWrap input[type='text'].form-control { padding: 0; } .creditDebitCardWrap .sslSecuredWrap div p:first-child { font-size: 16px; } .creditDebitCardWrap .depositAmountBoxWrap .form-group { margin-right: 0; width: 25%; } .creditDebitCardWrap .needHelpWrap { background: #f8f9fc; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .creditDebitCardWrap .needHelpWrap ul, .creditDebitCardWrap .sslSecuredWrap.supportSslWrap { margin-bottom: 0; } .creditDebitCardWrap .needHelpWrap div.arrowWrap { display: block; } .creditDebitCardWrap h2 { padding-bottom: 10px; } .creditDebitCardWrap h2 i { margin-right: 30px; } .creditDebitCardWrap .cardInfoBoxCnt .amtAvailable { padding-top: 0; } .creditDebitCardWrap .transactionActions { margin-bottom: 20px; } .creditDebitCardWrap .paymentMethod.addCardForm { margin-bottom: 0; } .creditDebitCardWrap .needHelpWrap ul { display: none; } .creditDebitCardWrap .needHelpWrap ul a:hover { text-decoration: none; } .creditDebitCardWrap .cardMethod { padding-left: 0; padding-right: 0; } .creditDebitCardWrap .depositMainWrap { padding-right: 0; padding-left: 0; } .creditDebitCardWrap .depositMainWrap .paymentMethodContent { padding-left: 15px; padding-right: 15px; } .creditDebitCardWrap .depositMainWrap .pageTitle { padding: 0 15px; } .creditDebitCardWrap .depositMainWrap .pageTitle .ttFont { padding-bottom: 0; } .creditDebitCardWrap .noteAddress { margin-right: 0; margin-left: 0; margin-bottom: 20px; font-family: 'Titillium Web', sans-serif; } .creditDebitCardWrap .payPalMethodWrap .paypalInfoWrap .depositFee { padding-top: 0; } .creditDebitCardWrap .cvvWrap .cvvDiscInput { width: 100%; } /* New UI for Credit Card and Debit Card: End */ .header { height: 49px; } #app-container { padding-bottom: 0; /*footer height*/ } .classicDrfBetsLink { display: none; } .notFoundWrap { width: 100%; position: static; margin: 50px auto; padding: 10px; max-width: 400px; } .notificationsWrap { width: 52px; } .notificationsWrap > a { padding: 12px 0 8px; } .notificationsWrap .notifyNumber { font-size: 9px; right: 10px; } .notificationsWrap .notifyDropdown { right: 0; } .rightSidebarWrap { width: auto; float: none; } /*rightsidebar ends*/ /*footer starts*/ .customSelect .optionsList .mtpTime { display: none; } .customSelect .optionsList .trackName { margin: 0; } /*footer ends*/ .headBalance { display: none; } .proceedBtn .btns { width: 100%; } .paymentMethods .cardMethod.active .depositPayMethodBox { width: 90%; } .xpressPaymentMethodType { margin-bottom: 10px; float: none; width: 80%; } /* Terms and Condiitons: Start */ .termsAndConditions { border: none; } .termsAndConditions .partMainList, .termsAndConditions .drfFriendPgmList, .termsAndConditions .subCnt.betsTermsAndCondList { padding-left: 15px; } .termsAndConditions .drfFriendPmgSubList { padding-left: 16px; } .termsAndConditions .subCnt, .termsAndConditions .partMainList.betsTermsAndCondList, .termsAndConditions .miscellaneousList { padding-left: 0; } .termsAndConditions .partMainList p, .termsAndConditions .partMainList.betsTermsAndCondList { margin-left: -15px; } .termsAndConditions h2 { font-size: 24px; } .termsAndConditions h3 { font-size: 18px; line-height: 26px; } .termsAndConditions h4 { font-size: 16px; line-height: 22px; } /* Terms and Conditions: End */ .creditDebitCardWrap.achAccount .accountCoachtipWrap .accountTypeWrap, .creditDebitCardWrap.achAccount .accountCoachtipWrap .coachGrapichWrap { width: 100%; margin-right: 0; } .creditDebitCardWrap.achAccount .accountCoachtipWrap .accountTypeWrap { margin-bottom: 0; } .creditDebitCardWrap.achAccount .accountCoachtipWrap .coachGrapichWrap { margin-bottom: 15px; display: none; } .creditDebitCardWrap.achAccount .accountCoachtipWrap .coachGrapichWrap img { width: 290px; height: 166px; margin: 0 auto; } /* Quick Deposit View: Start */ .addAmountBox .form-group.quickDepMobileShow { display: block; } .sectionInfo .supportSslWrap, .sectionInfo .needHelpWrap { display: none; } .creditDebitCardWrap .depositMainWrap { padding: 116px 15px 150px 15px; font-family: 'Titillium Web'; } .creditDebitCardWrap .depositMainWrap .availableBalWrap { margin-left: 15px; margin-right: 15px; } .availableBalWrap { background: #f4f6fa; border: 1px solid #cccccc; color: #000; padding: 12px; font-size: 13px; font-family: 'Titillium Web'; line-height: 16px; font-weight: 400; border-radius: 4px; text-align: left; margin-bottom: 16px; margin-top: 6px; } .depositAmountBoxWrap { display: block; padding-top: 16px; border-top: 1px solid #ccc; margin-left: 15px; margin-right: 15px; } .depositAmountBoxWrap .addAmountBox { border: 1px solid #ccc; padding: 12px 10px 0 12px; position: relative; } .depositAmountBoxWrap .addAmountBox .form-group { width: 40%; float: left; position: relative; } .creditDebitCardWrap .enterDepositAmount .addCardErrorMsg { position: absolute; top: 16px; } .depositAmountBoxWrap .addAmountBox .form-group, .depositAmountBoxWrap .addAmountBox ul, .depositAmountBoxWrap .addAmountBox label { margin-bottom: 0; } .creditDebitCardWrap .depositAmountBoxWrap .enterDepositAmount .form-control.addAmount { border: none; color: #000; font-size: 15px; line-height: 17px; width: 100%; margin-top: 8px; text-align: left; padding: 0 5px 0 0; font-family: 'Titillium Web', sans-serif; height: 24px; } .creditDebitCardWrap .depositAmountBoxWrap .form-group.active .form-control { background: #fff; color: #000; font-weight: 400; } .creditDebitCardWrap .depositAmountBoxWrap .enterDepositAmount .form-control.addAmount::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ font-weight: 400; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; font-weight: 400; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #000; font-weight: 400; } .depositAmountBoxWrap .addAmountBox label { font-size: 13px; line-height: 16px; color: #666; font-weight: 400; top: 8px; font-family: 'Titillium Web'; position: absolute; } .depositAmountBoxWrap .depFundingOptions { list-style-type: none; float: right; display: flex; align-items: flex-end; } .depositAmountBoxWrap .enterDepositAmount { margin-top: 12px; height: 24px; } .depositAmountBoxWrap .addAmountBox .depFundingOptions button { float: left; border: 1px solid #0066cc; border-radius: 4px; padding: 0 5px; color: #0066cc; font-weight: 700; font-size: 13px; width: 46px; text-align: center; line-height: 30px; margin-right: 10px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); } .depositAmountBoxWrap .addAmountBox .depFundingOptions button:last-child { margin-right: 0; } .depositAmountBoxWrap p { font-size: 13px; line-height: 20px; font-family: 'Titillium Web', sans-serif; } .addAmountBox { margin-bottom: 8px; } .creditDebitCardWrap .depositMainWrap .paymentMethodContent { padding-left: 0; padding-right: 0; } .paymentMethodContent .paymentMethods li.paymentMethod, .withdrawWrapper .paymentMethods li.paymentMethod { box-shadow: none; border: 1px solid #ccc; padding: 8px 10px 8px 14px; background: #fff; position: relative; padding-left: 50px; margin-bottom: 8px; } .paymentMethodContent .paymentMethodType { font-family: 'Titillium Web'; width: 100%; margin-left: 0; } .quickDepMobileShow { display: block; } .accTypeLabels .checkboxWrap.quickDepMobileShow { display: inline-block; } .paymentMethodContent .paymentMethodType, .accTypeLabels .checkboxWrap.quickDepMobileHide { display: none; } .paymentMethodContent .quickDepMobileShow i { position: absolute; top: 14px; left: 14px; } .paymentMethodContent .quickDepMobileShow h3, .withdrawWrapper .withdrawMainLabel { font-size: 15px; line-height: 24px; font-weight: 700; margin: 0; color: #0066cc; } .paymentMethodContent .quickDepMobileShow p { font-size: 13px; line-height: 16px; color: #666; margin-bottom: 0; } .quickDepMobileShow.banckAccountQuickDeposit i { background: url(/bank-account.svg) 0 0 no-repeat; width: 24px; height: 24px; } .quickDepMobileShow.creditDebitQuickDeposit i { background: url(/credit-card.svg) 0 0 no-repeat; width: 27px; height: 24px; } .quickDepMobileShow.paypalQuickDeposit i { background: url(/paypal.svg) 0 0 no-repeat; width: 28px; height: 29px; } .quickDepMobileShow.helpContentWrap { display: flex; justify-content: space-between; padding: 0 15px 15px; list-style-type: none; } .quickDepMobileShow.helpContentWrap li, .quickDepMobileShow.helpContentWrap li a { color: #000; } .quickDepMobileShow.helpContentWrap i, .quickDepMobileShow.helpContentWrap span { display: inline-block; } .quickDepMobileShow.helpContentWrap span, .quickDepMobileShow.helpContentWrap a { font-size: 13px; line-height: 16px; vertical-align: middle; } .quickDepMobileShow.helpContentWrap i { margin-right: 2px; font-size: 16px; vertical-align: bottom; } .quickDepMobileShow.helpContentWrap span, .creditDebitCardWrap .cardInfoBox .depositFee, .mainPageBtn .depositFee { font-family: 'Titillium Web', sans-serif; } .creditDebitCardWrap.breadCrumbHide { padding-top: 49px; } .pageTitle .quickDepMobileShow.ttFont { text-align: center; padding-top: 20px; } .pageTitle .closeBackLink { position: fixed; left: 0; top: 49px; z-index: 1; height: 30px; width: 100%; background: #fff; } .quickDepMobileHide, .expiryDateWrap .quickDepMobileHide { display: none; } .pageTitle .closeBackLink .closeLink, .pageTitle .closeBackLink .backLink { width: 24px; height: 24px; padding: 2px 10px; display: block; margin-top: 5px; } .pageTitle .closeBackLink .closeLink { background: url(/deposit-close.svg) 0 0 no-repeat; margin-right: 10px; } .pageTitle .closeBackLink .backLink { background: url(/deposit-back.svg) 0 0 no-repeat; margin-left: 10px; } .payPalMethodWrap .addAmountPaypal { padding: 0 15px; } .payPalMethodWrap .availableBalWrap, .cardMethod .availableBalWrap { margin: 0 15px 16px; } ul.paypalInfoList li, .creditDebitCardWrap .payPalMethodWrap .paypalInfoWrap .depositFee, .creditDebitCardWrap .paypalInfoWrap .updateInfo { font-family: 'Titillium Web', sans-serif; } .addQuickAmountWrap.noFundingOptions .form-group { width: 100%; float: none !important; padding-right: 0; } .addQuickAmountWrap.noFundingOptions .form-group label { top: -14px; } .addQuickAmountWrap.noFundingOptions .addAmountBox ul, .payPalMethodWrap .depositAmountBoxWrap p, .cardInfoBoxCnt .expiryDateWrap label { display: none; } .depositMainWrap .depositAmountBoxWrap { display: block; } .creditDebitCardWrap .cardInfoBoxCnt { border: none; padding: 0; } .creditDebitCardWrap .cardMethod .cardInfoBox .quickDepInput, .creditDebitCardWrap .cardNumberInputWrap input { border-radius: 0; height: 56px; border: 1px solid #ccc; font-weight: 400; color: #000; text-align: left; padding-top: 20px; font-family: 'Titillium Web', sans-serif; font-size: 15px; line-height: 24px; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields:first-child, .creditDebitCardWrap .expiryDateWrap .expiryDateFields:last-child { border: none; } .expiryDatecvvWrap .expiryDateWrap { width: 70%; } .creditDebitCardWrap .cvvWrap { width: 30%; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields { width: 100%; } .creditDebitCardWrap .placeHolder, .depositMainWrap .placeHolder { position: absolute; top: 0; z-index: 0; width: 100%; height: 100%; left: 0; border: 1px solid #ccc; background: #fff; padding: 10px; font-size: 15px; line-height: 34px; color: rgb(102, 102, 102); display: block; font-family: 'Titillium Web', sans-serif; } .creditDebitCardWrap .expiryDateWrap .expiryDateFields input { border: 1px solid #ccc; } .creditDebitCardWrap .cvvFormInput input { padding: 6px 12px; } .creditDebitCardWrap .quickDepInputWrap.openInput input.quickDepInput { border: 1px solid #0066cc; } .creditDebitCardWrap .quickDepInputWrap.openInput .placeHolder { height: auto; width: auto; top: 5px; border: none; left: 13px; padding: 0; font-size: 13px; line-height: 16px; color: #0066cc; } .creditDebitCardWrap .cvvWrap input.cvvActualInput { border-left: none; } .creditDebitCardWrap .cardNumberInputWrap .eCard { top: 16px; } .creditDebitCardWrap .cvvWrap input::placeholder, .creditDebitCardWrap .depositAmountBoxWrap .form-control::placeholder, .creditDebitCardWrap .expiryDateFields input::placeholder, .creditDebitCardWrap .cardNumberInputWrap input::placeholder, .creditDebitCardWrap.achAccount input::placeholder, .creditDebitCardWrap.achAccount .cardInfoBox .form-control::placeholder, .creditDebitCardWrap.achAccount .cardInfoBox .form-control { color: #666; font-weight: 400; } .markAsDefault.quickDepMobileShow { margin-left: 1px; margin-bottom: 5px; } .markAsDefault span { display: inline-block; vertical-align: middle; } .markAsDefault span:first-child { position: relative; margin-right: 4px; } .markAsDefault span:last-child { font-family: 'Titillium Web', sans-serif; font-size: 13px; line-height: 20px; color: #666; } .creditDebitCardWrap .cardInfoBoxCnt .markAsDefault span input { opacity: 0; height: 24px; width: 24px; margin-top: 0; } .markAsDefault span i { position: absolute; left: -2px; top: 4px; color: #0066cc; } .markAsDefault.checked span i { color: #6ba444; } .cardInfoBox label, .withdrawWrapper .mobLabelClass { font-size: 15px; line-height: 24px; color: #000; font-weight: 700; font-family: 'Titillium Web', sans-serif; } .creditDebitCardListWrap, .creditDebitCardListWrap li, .achAccountListWrap, .achAccountListWrap li { list-style-type: none; font-family: 'Titillium Web', sans-serif; } .creditDebitCardListWrap li, .achAccountListWrap li { margin-bottom: 8px; } .creditDebitCardListWrap li .cardNumberInfo, .achAccountListWrap li { border: 1px solid #ccc; border-right: none; position: relative; width: 75%; padding: 8px 8px 6px 63px; } .achAccountListWrap li { width: 100%; border-right: 1px solid #ccc; padding: 8px 8px 6px 47px; cursor: pointer; } .markUnmarkDefWrap li .cardNumberInfo i, .markUnmarkDefWrap li i { position: absolute; top: 12px; left: 9px; } .creditDebitCardListWrap li .cardNumberInfo i.visa { background: url(/visa-card.svg) 0 0 no-repeat; width: 44px; height: 30px; } .creditDebitCardListWrap li .cardNumberInfo i.masterCard { background: url(/master-carrd.svg) 0 0 no-repeat; width: 46px; height: 28px; } .achAccountListWrap li .bankAccIcon { background: url(/bank-account.svg) 0 0 no-repeat; width: 24px; height: 24px; left: 10px; } /* Plaid Funding: Start */ .achAccountListWrap li .plaidAccIndicator { position: absolute; left: 179px; top: 10px; } .achAccountListWrap li .plaidAccIndicator svg, .achAccountListWrap li .plaidAccIndicator span { display: inline-block; vertical-align: top; } .achAccountListWrap li .plaidAccIndicator span { font-size: 13px; line-height: 16px; color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 400; } .achAccountListWrap li .plaidAccIndicator svg { width: 18px; height: 18px; margin-right: 6px; } .achAccountListWrap li .plaidAccIndicator.actionReq span { color: #ec1c24; cursor: pointer; margin-top: 1px; } .achAccountListWrap li .plaidAccIndicator.actionReq { top: 8px; } /* Plaid Funding: End */ .achAccountListWrap li .accNo, .achAccountListWrap li .markDefault, .achAccountListWrap li .markedDefault { display: block; } .achAccountListWrap li .accNo { font-size: 15px; line-height: 20px; color: #000; } .creditDebitCardListWrap li .cardNumberInfo, .creditDebitCardListWrap li .cardCvvInfo, .markUnmarkDefWrap li .markedDefault i, .markUnmarkDefWrap li .markedDefault span, .creditDebitCardListWrap li .cardNumberInfo .cardNumber .cardExpDate, .markUnmarkDefWrap li span.markDefault, .markUnmarkDefWrap li span.markedDefault, .loadDefault { display: inline-block; vertical-align: middle; } .creditDebitCardListWrap li .cardCvvInfo { width: 25%; position: relative; } .creditDebitCardListWrap li .cardCvvInfo .placeHolder { width: 97%; } .creditDebitCardListWrap li .cardCvvInfo input { width: 100%; height: 56px; border: 1px solid #ccc; padding: 0 12px; color: #000; } .markUnmarkDefWrap li .markDefault { font-size: 13px; line-height: 18px; color: #0066cc; margin-top: 1px; cursor: pointer; } .achAccountListWrap li .markDefault { margin-top: -3px; } .markUnmarkDefWrap li.markedDefaultCheck span.markDefault { display: none; } .markUnmarkDefWrap li.markedDefaultCheck span.markedDefault { display: block; } .markUnmarkDefWrap li.markedDefaultCheck .cardNumberInfo .cardNumber .cardExpDate { font-size: 15px; line-height: 18px; } .markUnmarkDefWrap li span.markedDefault { color: #669933; font-size: 13px; margin-top: -1px; cursor: pointer; } .achAccountListWrap.markUnmarkDefWrap li span.markedDefault { margin-top: -3px; } .depositMainWrap .markUnmarkDefWrap li span.markedDefault { cursor: default; } .achAccountListWrap li .markedDefault { margin-top: 0; } .markUnmarkDefWrap li .markedDefault i { background: url(/done.svg) -3px -3px no-repeat; position: static; width: 16px; height: 16px; margin-right: 8px; } .markUnmarkDefWrap li .cardNumberInfo .cardNumber .cardExpDate { font-size: 13px; line-height: 19px; color: #0066cc; margin-right: 12px; cursor: pointer; } .creditDebitCardListWrap li .cardNumberInfo .cardNo, .achAccountListWrap li .accNo { font-size: 15px; line-height: 20px; color: #000; } .creditDebitCardWrap .accountTypeWrap label.accTypeLabel { font-size: 15px; line-height: 24px; display: block; color: #666; font-weight: 400; } .creditDebitCardWrap .accountTypeWrap input[type='radio'], .creditDebitCardWrap .accountTypeWrap label span:first-child { width: 24px; } .creditDebitCardWrap .accountTypeWrap label span:first-child { font-size: 24px; } .creditDebitCardWrap .accountTypeWrap label .savingType { line-height: 23px; color: #000; font-weight: 400; } .quickDepInputWrap { position: relative; } .creditDebitCardWrap .achTerms p, .creditDebitCardWrap .achTermLink, .explainerText, .creditDebitCardWrap .addCardErrorMsg { font-family: 'Titillium Web', sans-serif; } .coachMarkDepWrap { position: absolute; right: 0; top: 16px; width: 100%; } .coachMarkDepWrap .bankAccountFieldHelp { position: absolute; right: 1px; padding: 8px; top: -8px; } .coachMarkDepWrap i { font-size: 24px; line-height: 24px; color: #0066cc; display: block; } .coachMarkContent { position: absolute; background: #fff; width: 100%; top: 45px; color: #fff; filter: drop-shadow(0px 0px 4px #ccc); text-align: center; border-radius: 2px; padding: 0px; display: none; z-index: 2; } .coachMarkContent:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #ffffff transparent; border-width: 0 13px 12px; top: -9px; right: 9px; margin-left: -14px; } .coachMarkContent img { max-width: 93%; display: block; margin: 10px auto; } .coachMarkDepWrap .bankAccountFieldHelp:hover + .coachMarkContent { display: block; } .pageTitle, .explainerText { display: none; } .mobilePageTitle { width: 100%; background: #fff; } .mobilePageTitle a { color: #000; font-size: 24px; margin-left: 4px; margin-top: 4px; text-decoration: none; } .mobilePageTitle h4 { font-size: 21px; text-align: center; line-height: 28px; color: #000; padding-bottom: 10px; margin: -15px 0 0 0; font-weight: 700; font-family: 'Titillium Web', sans-serif; } .creditDebitCardWrap .depositMainWrap .mobilePageTitle h4, .iframeClass .mobilePageTitle h4 { margin-top: 10px; } .iframeClass .mobilePageTitle a { margin-top: 7px; margin-left: 5px; } .cardMethod .availableBalWrap, .payPalMethodWrap .availableBalWrap { margin-top: 6px; } .creditDebitCardWrap .cardInfoBoxCnt input, .creditDebitCardWrap .paypalInfoWrap .btnBlue, .creditDebitCardWrap .newCardBtn button, .creditDebitCardWrap.achAccount .btnGreen { height: 48px; } .withdrawWrapper .pageTitle, .creditDebitCardWrap .accountTypeWrap .labelClass.quickDepMobileShow { display: block; } .withdrawWrapper .paymentMethodContent .paymentMethodType { display: block; width: auto; } .withdrawWrapper .paymentMethods li.paymentMethod.active { border: 1px solid #6a3; } .transactionViewWrap .helpContentWrap, .transactionResult .successIcon.quickDepMobileHide { display: none; } .successIconWrap { background: transparent; width: auto; height: auto; margin-bottom: 12px; } .transactionResult i.quickDepMobileShow { font-size: 48px; line-height: 48px; color: #6ba444; } .creditDebitCardWrap .transactionResult h2 { font-size: 21px; line-height: 28px; font-weight: 700; margin-bottom: 12px; padding-bottom: 0; color: #000; } .creditDebitCardWrap .transactionMessage p, .creditDebitCardWrap .transactionMessage p.noBalance, .creditDebitCardWrap .transactionMessage p:last-child { font-size: 15px; line-height: 24px; font-weight: 400; color: #000; font-family: 'Titillium Web', sans-serif; } .creditDebitCardWrap .transactionMessage p strong { font-weight: 400; } .amtAvailInfoWrap { padding: 0 15px; font-size: 13px; line-height: 20px; color: #666; font-family: 'Titillium Web', sans-serif; } .amtAvailInfoWrap.noPadding { padding: 0; } .creditDebitCardWrap .creditmarkUnmarkWrap .cvvWrap { width: 25%; } .creditDebitCardWrap .paymentMethod .form-group { margin-bottom: 8px; } .creditDebitCardWrap .addCardErrorMsg { margin-bottom: 0; } .creditDebitCardWrap .cardInfoBox .depositFee, .mainPageBtn .depositFee { font-size: 13px; line-height: 20px; color: #666; } .cardListSection .expiryDateWrap { width: 75%; } .depositMainWrap .paymentMethodContent .paymentMethods li.paymentMethod:hover { border: 1px solid #0066cc; } .creditDebitCardWrap .paymentMethod input[disabled] { border: none; } .enterDepositAmount input.addAmount:-webkit-autofill, .enterDepositAmount input.addAmount:-webkit-autofill:hover, .enterDepositAmount input.addAmount:-webkit-autofill:focus, .enterDepositAmount input.addAmount:-webkit-autofill:active { box-shadow: 0 0 0 30px white inset !important; } .creditDebitCardWrap .achTermLink { margin-top: 0; } .creditDebitCardWrap .cardInfoBox .depositFee, .mainPageBtn .depositFee { margin: 0 0 16px 0; } .creditDebitCardWrap .payPalMethodWrap .amtAvailable.depositFee.quickDepMobileShow { padding: 0 15px; font-family: 'Titillium Web', sans-serif; font-size: 13px; line-height: 20px; color: #666; } .creditDebitCardWrap .newCardBtn.quickDepAchBtn { margin-bottom: 15px; } .iframeClass .creditDebitCardWrap .availableBalWrap { margin-top: 6px; } .iframeClass .creditDebitCardWrap .depositMainWrap .availableBalWrap { margin-top: 6px; } .iframeClass .creditDebitCardWrap .depositMainWrap .mobilePageTitle { height: auto; } .depositAmountBoxWrap.inputFocused .addAmountBox { border-color: #0066cc; } .depositAmountBoxWrap.inputFocused .addAmountBox label { color: #0066cc; } .creditDebitCardWrap .expiryDatecvvWrap.addCardViewWrap .expiryDateWrap.cvvFocused .quickDepInputWrap .placeHolder, .creditDebitCardWrap .expiryDatecvvWrap.addCardViewWrap .expiryDateWrap.cvvFocused .quickDepInputWrap .quickDepInput { border-right: none; } .creditDebitCardWrap .expiryDatecvvWrap.addCardViewWrap .cvvWrap .quickDepInput, .creditDebitCardWrap .expiryDatecvvWrap.addCardViewWrap .cvvWrap .placeHolder, .creditDebitCardWrap .creditDebitCardListWrap .cardListSection .cvvWrap.expiryFocused .quickDepInputWrap .placeHolder, .creditDebitCardWrap .creditDebitCardListWrap .cardListSection .cvvWrap.expiryFocused .quickDepInputWrap .quickDepInput { border-left: none; } .creditDebitCardWrap .quickDepInputWrap .form-control { height: 56px; } .creditDebitCardWrap .newCardBtn .addNewBtn { margin-bottom: 16px; line-height: 24px; height: 36px; } .markUnmarkDefWrap li .cardNumberInfo .cardNumber .enterExpDate { height: 20px; padding: 0; width: 38%; border: none; color: #0066cc; font-size: 13px; margin-right: 2px; } .availableBalWrap.balLoad { height: 42px; background: #fff; border: none; } .creditDebitCardWrap .cardInfoBoxCnt .depositBtn .btns, .creditDebitCardWrap .newCardBtn .addNewBtn, .paymentMethod .btnBlue { font-size: 16px; } .stickyBottomWrap, .stickyHeadWrap { position: fixed; width: 100%; left: 0; background: #fff; z-index: 1; } .stickyBottomWrap { padding: 8px 0 14px; bottom: -20px; transform: translate3d(0, 0, 0); } .stickyHeadWrap { top: 49px; } .stickyHeadWrap .amtAvailInfoWrap { margin-top: 22px; } .stickyBottomWrap form { margin-left: 15px; margin-right: 15px; } .stickyBottomWrap .amtAvailable.depositFee { padding-left: 15px; padding-right: 15px; } .col-sm-9.cardMethod { padding-bottom: 90px; } .col-sm-9.cardMethod.cardOptionWrap { padding-bottom: 125px; } .col-sm-9.cardMethod.accountOptionWrap { padding-bottom: 90px; } .col-sm-9.cardMethod.depBoxInputErr .stickyHeadWrap .amtAvailInfoWrap { margin-top: 0; } .cardMethod.cardOptionWrap .markAsDefault { margin-bottom: 15px; display: inline-block; cursor: pointer; } .depositAmtBox .addCardErrorMsg.quickDepMobileShow { padding: 0 15px; margin-top: -7px; } .creditDebitCardWrap .cardInfoBox, .expiryDatecvvWrap.addCardViewWrap { margin-bottom: 0; } .col-sm-9.cardMethod.accountOptionWrap .noteAddress { margin-bottom: 25px; margin-top: 0; } .stickyBottomWrap .errMsg { font-size: 12px; font-family: 'Titillium Web', sans-serif; padding: 0px 15px; margin-bottom: 5px; margin-top: -10px; } .stickyHeadWrap, .iframeClass .stickyHeadWrap { position: static; } .col-sm-9.cardMethod, .col-sm-9.cardMethod.depBoxInputErr, .col-sm-9.cardMethod.weeklyAmtAvail, .col-sm-9.cardMethod.weeklyAmtAvail.depBoxInputErr, .creditDebitCardWrap .depositMainWrap, .iframeClass .col-sm-9.cardMethod, .iframeClass .col-sm-9.cardMethod.depBoxInputErr, .iframeClass .col-sm-9.cardMethod.weeklyAmtAvail, .iframeClass .col-sm-9.cardMethod.weeklyAmtAvail.depBoxInputErr, .iframeClass .creditDebitCardWrap .depositMainWrap, .iframeClass .col-sm-9.cardMethod.payPalOptionWrap { padding-top: 55px; } .iframeClass .depositMainWrap .mobilePageTitle h4 { margin-top: 26px; } .mobilePageTitle.stickyTitle { position: fixed; top: 49px; left: 0; width: 100%; z-index: 1; background: #fff; } .depositAmountBoxWrap { margin-bottom: 16px; } .col-sm-9.cardMethod .amtAvailInfoWrap p { margin-bottom: 0; } .col-sm-9.cardMethod .cardInfoBox { margin-top: 22px; } .depositAmtBox .addCardErrorMsg.quickDepMobileShow { margin-top: -15px; } .creditDebitCardWrap .depositMainWrap .availableBalWrap { margin-left: 0; margin-right: 0; } .iframeClass .mobilePageTitle.stickyHeadTitle { display: none; } .iosAppClass .mobilePageTitle.stickyTitle { top: 0; } .iosAppClass .col-sm-9.cardMethod, .iosAppClass .col-sm-9.depositMainWrap { padding-top: 10px; } .iosAppClass .stickyBottomWrap .helpContentWrap li:last-child { display: none; } .paypalInfoWrap { margin-top: 30px; } .col-sm-9.cardMethod.depBoxInputErr .paypalInfoWrap { margin-top: 0; } .cardListSection .cardExpDateInfoWrap { position: relative; } .cardListSection .cardExpDateInfoWrap .addCardErrorMsg { position: absolute; top: 27px; left: 0; } .creditDebitCardListWrap .cardListSection.expiryError { margin-bottom: 30px; } .creditDebitCardListWrap .cardListSection.expiryError.onlyExpiryError { margin-bottom: 8px; } .creditDebitCardListWrap .cardListSection.expiryClicked .cardNumberInfo { border: 1px solid #06c; } .cardMethod .cardInfoBox .creditDebitCardListWrap .cardListSection.expiryClicked .cvvWrap .quickDepInput { border-left: none; } .col-sm-9.cardMethod.cardOptionWrap.noDepositFeeClass { padding-bottom: 95px; } .creditDebitCardListWrap .cardListSection.fieldFocused .cardNumberInfo::before, .achAccountListWrap li.active::before { content: ' '; width: 3px; height: 56px; position: absolute; left: -1px; top: -1px; background: #06c; } .cardMethod .errMsg.alert.quickDepMobileShow, .depositMainWrap .errMsg.alert.quickDepMobileShow { margin-bottom: 0; padding-top: 0; font-family: 'Titillium Web', sans-serif; } .depositMainWrap .errMsg.alert.quickDepMobileShow { padding-left: 0; padding-right: 0; } .errMsg { color: #ec1c24; } .creditDebitCardWrap .quickDepInputWrap.noFocus input.quickDepInput { border-color: #ccc; } .creditDebitCardWrap .expiryDatecvvWrap.addCardViewWrap .cvvWrap .quickDepInputWrap.openInput .quickDepInput { border-left: 1px solid #06c; } .markUnmarkDefWrap li i.loadDefault { background: url(/load-default.svg) 0 0 no-repeat; width: 24px; height: 24px; margin-top: -7px; position: static; animation: rotation 2s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(-359deg); } } .depositMainWrap .depositAmountBoxWrap { margin-right: 0; margin-left: 0; } .depositMainWrap .amtAvailInfoWrap { padding: 0; margin-bottom: 20px; } .depositMainWrap .depositAmountBoxWrap .addAmountBox .form-group { margin-bottom: 8px; } .stickyBottomWrap.mainPageBtn .depositBtn { margin: 0 15px 15px; } .stickyBottomWrap.mainPageBtn .btnGreen { display: block; font-size: 16px; height: 48px; font-weight: 700; width: 100%; } .depositMainWrap .markUnmarkDefWrap { margin-bottom: 16px; } .depositMainWrap .cvvWrap input.cvvActualInput { height: 56px; border-radius: 0; color: #000; text-align: left; } .cardListSection.expiryClicked .cvvWrap .placeHolder { border-left: none; } .creditDebitCardWrap .cardNumberInputWrap .eCard.master-card { background: url(/master-carrd.svg) 0 0 no-repeat; width: 46px; height: 28px; } .creditDebitCardWrap .cardNumberInputWrap .eCard.master-card { top: 14px; } .creditDebitCardWrap .cardNumberInputWrap .eCard.visa { background: url(/visa-card.svg) 0 0 no-repeat; width: 44px; height: 30px; } .creditDebitCardWrap .cardNumberInputWrap .eCard.visa { top: 13px; } .creditDebitCardWrap .paypalInfoWrap .updateInfo p { cursor: pointer; color: #005bef; } .creditDebitCardWrap .paypalInfoWrap .updateInfo p strong { font-weight: 400; } ::-webkit-scrollbar { display: none; } .creditDebitCardWrap .paypalInfoWrap .firstOptionShow { position: relative; margin: 35px 0 8px 14px; } .creditDebitCardWrap .paypalInfoWrap .firstOptionShow:before { content: ' '; background: #6a2; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: -14px; top: 4px; } /* Quick Deposit View: End */ /* Withdraw for IOS App: Start */ .paymentMethodWrap.withdrawWrapper.iosAppClass { padding-bottom: 25px; } .paymentMethodWrap.withdrawWrapper.iosAppClass .proceedBtn { margin-bottom: 0; } .paymentMethodWrap.withdrawWrapper .pageTitle { padding: 10px 0; } .paymentMethodWrap.withdrawWrapper .pageTitle h2 { padding-left: 0; } .paymentMethodWrap.withdrawWrapper.iosAppClass .pageTitle h2 { text-align: center; } .paymentMethodWrap.withdrawWrapper.iosAppClass .pageTitle { padding-top: 15px; } /* Withdraw for IOS App: End*/ /* Withdraw Main View: Start */ .withdrawWrapper { padding-bottom: 10px; padding-top: 98px; } .paymentMethodWrap.withdrawWrapper { background: #fff; } .withdrawWrapper.mainWithdrawWrap { padding-top: 110px; } .withdrawWrapper .paymentMethods { margin-bottom: 16px; } .withdrawWrapper .paymentMethods li.paymentMethod { box-shadow: none; border: 1px solid #ccc; margin-bottom: 12px; } .withdrawWrapper .paymentMethod.addCardForm { padding-bottom: 68px; } .withdrawBreadCrumb, .withdrawWrapper .pageTitle, .withdrawWrapper .additionalMethods .note, .withdrawWrapper .additionalMethods .additionalMethodWrapper, .withdrawWrapper .chequeIssue, .withdrawWrapper .additionMethodTitle, .withdrawWrapper .mobileHide, .withdrawWrapper .paymentMethodType .methodName i.icon { display: none; } .withdrawWrapper .mobilePageTitle { padding-top: 20px; z-index: 2; } .withdrawWrapper .mobilePageTitle h4 { margin: 0; } ul.paymentMethods { padding-top: 16px; border-top: 1px solid #ccc; } .withdrawWrapper .availableBalWrap { display: block; padding-top: 12px; margin-top: 0; } .withdrawWrapper .paymentRadioBtn { display: none !important; } .withdrawWrapper .desktopHide { display: block; } .withdrawWrapper .paymentMethodType .methodDesc { font-family: 'Titillium Web', sans-serif; } .withdrawWrapper .methodName .witdrawIcons, .withdrawWrapper .methodName .withdrawMainLabel { cursor: pointer; } .withdrawWrapper .witdrawIcons { position: absolute; top: 14px; left: 14px; } .withdrawWrapper .payPalOption.paymentMethod .withdrawPaypal { margin-left: 0; } .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetCheck .witdrawIcons { left: 10px; } .withdrawWrapper .paymentMethods li.paymentMethod.withdrawPaypal .witdrawIcons { left: 11px; } .withdrawWrapper .paymentMethodContent .paymentMethodType .methodName, .withdrawWrapper .paymentMethodContent .paymentMethodType p { margin-bottom: 0; } .withdrawWrapper .withdrawMainLabel, .withdrawWrapper .paymentMethodContent .paymentMethodType p, .withdrawMoney p { font-size: 13px; line-height: 16px; font-family: 'Titillium Web', sans-serif; } .withdrawWrapper .withdrawMoney .iconSvg-PopOut g > g { stroke: #06c; } .withdrawWrapper .proceedBtn input { font-weight: 700; font-size: 16px; background: #06c; line-height: 18px; font-family: 'Titillium Web', sans-serif; } .withdrawWrapper .proceedBtn input:hover { background: #19345e; box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7); } .withdrawWrapper .mainContentWrap { padding-bottom: 0; } .withdrawWrapper .btnBlue.withdrawBtn { border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); background-color: #0066cc; padding: 16px 0; font-size: 13px; line-height: 16px; font-weight: 700; } .withdrawWrapper input.btnBlue.withdrawBtn[disabled] { background: #e3e3e3; } .withdrawWrapper .withdrawBtn:hover { background: #19345e; box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7); } .iframeClass .withdrawWrapper { padding-top: 66px; } .iframeClass .withdrawWrapper .availableBalWrap { margin-top: 0; } .iosAppClass.withdrawWrapper { padding-top: 68px; } .iosAppClass .mobilePageTitle, .iosAppClass.withdrawWrapper .withdrawMoney { display: none; } .iosAppClass.mainWithdrawWrap { padding-top: 49px; } .withdrawWrapper.mainWithdrawWrap .paymentMethods li.paymentMethod:hover { border: 1px solid #06c; } /* Withdraw Main View: End */ /* Withdraw ACH View: Start */ .withdrawWrapper .userDetails { display: none; } .achAccount.withdrawWrapper .achAccountListWrap svg { width: 24px; height: 24px; position: absolute; left: 24px; } .achAccount.withdrawWrapper .achAccountListWrap li { padding: 14px 8px 14px 63px; margin-bottom: 12px; } .achAccount.withdrawWrapper .achAccountListWrap li span { font-size: 15px; line-height: 26px; color: #000; font-family: 'Titillium Web', sans-serif; } .withdrawWrapper .mobLabelClass { margin-bottom: 8px; display: block; } .bankWithdrawWrap .mobilePageTitle, .checkRequestWithdrawWrap .mobilePageTitle, .paypalWithdrawWrap .mobilePageTitle { padding-top: 0; } .bankWithdrawWrap .mobilePageTitle h4, .checkRequestWithdrawWrap .mobilePageTitle h4, .paypalWithdrawWrap .mobilePageTitle h4 { margin-top: -15px; } .withdrawWrapper .paymentInfo .availableBalBox { display: none !important; } .withdrawWrapper .paymentInfo .balShow { display: block !important; } .bankWithdrawWrap .col-sm-6, .bankWithdrawWrap .paymentMethod.addCardForm > .row, .paypalWithdrawWrap .col-sm-12, .paypalWithdrawWrap .paymentMethod.addCardForm > .row, .checkRequestWithdrawWrap .col-sm-6, .checkRequestWithdrawWrap .paymentMethod.addCardForm > .row { padding-left: 0; padding-right: 0; } .paypalWithdrawWrap .availableBalWrap { margin-left: 0; margin-right: 0; } .withdrawAmtWrap { padding-top: 16px; margin-top: 16px; border-top: 1px solid #ccc; } .withdrawAmtWrap .relative { position: relative; } .withdrawAmtWrap .relative.active .mobileLabel { color: #06c; } .withdrawAmtWrap .relative.active input { border: 1px solid #06c; } .withdrawAmtWrap input.form-control { height: 56px; border-radius: 0; border: 1px solid #ccc; padding: 23px 12px 12px 20px; } .withdrawAmtWrap input.form-control:focus { border: 1px solid #06c; } .withdrawAmtWrap input.form-control, .withdrawAmtWrap .inputMobLabel { font-size: 15px; line-height: 24px; font-family: 'Titillium Web', sans-serif; color: #000; } .withdrawWrapper.bankWithdrawWrap .achAccountListWrap li.active:before { content: ''; background: transparent; width: 0; } .withdrawWrapper.bankWithdrawWrap .achAccountListWrap li.active { border: 1px solid #06c; } .withdrawAmtWrap .mobileLabel { font-size: 13px; line-height: 16px; color: #666; font-weight: 400; top: 8px; left: 12px; font-family: 'Titillium Web', sans-serif; position: absolute; } .withdrawAmtWrap .inputMobLabel { position: absolute; top: 22px; left: 12px; } .withdrawWrapper .errMsg, .withdrawWrapper .addCardErrorMsg, .withdrawWrapper .alert-danger { color: #ec1c24; font-family: 'Titillium Web', sans-serif; margin: 4px 0 4px 0; background: transparent; padding: 0; font-size: 12px; border: none; } .withdrawWrapper .errMsg { font-size: 14px; } .withdrawWrapper .alert-danger { margin-bottom: 10px; } .withdrawWrapper.checkRequestWithdrawWrap .mainContentWrap, .paypalWithdrawWrap.withdrawWrapper .mainContentWrap { margin-top: 10px; } .withdrawWrapper.bankWithdrawWrap .achAccountListWrap li, .mobilePageTitle a { cursor: pointer; } .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetAc.disabled { pointer-events: none; cursor: default; border: 1px solid #ccc; } .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetAc.disabled .withdrawMainLabel, .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetAc.disabled .methodDesc { color: #ccc; -webkit-text-fill-color: #ccc; } .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetAc.disabled svg path { fill: #ccc; } .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetAc label, .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetAc span.withdrawMainLabel { color: #06c; -webkit-text-fill-color: #06c; -webkit-opacity: 1; opacity: 1; } .withdrawWrapper .paymentMethods li.paymentMethod.xpressbetAc p.methodDesc { color: #666; -webkit-text-fill-color: #666; -webkit-opacity: 1; opacity: 1; } /* Withdraw ACH View: End */ /* Withdraw CheckRequest View: Start */ .checkRequestWithdrawWrap .paymentSummary { display: none; } .checkReqAddrList li { border: 1px solid #ccc; margin-bottom: 12px; padding: 8px 12px; list-style-type: none; } .checkReqAddrList li:last-child, .checkReqAddrList, .withdrawWrapper.bankWithdrawWrap .achAccountListWrap li:last-child, .achAccountListWrap ul { margin-bottom: 0; } .achAccountListWrap, .checkReqList { margin-top: -5px; } .checkReqAddrList li.active { border: 1px solid #06c; } .checkReqAddrList li.active .mobileLabel { color: #06c; } .checkReqAddrList li label { font-size: 13px; line-height: 1.23; font-family: 'Titillium Web', sans-serif; color: #666; display: block; margin-bottom: 4px; } .checkReqAddrList li p { font-size: 15px; line-height: 1.6; font-family: 'Titillium Web', sans-serif; color: #000; margin-bottom: 0; } .paymentMethod.addCardForm > .row.checkReqHide { padding: 0; } .withdrawMainBtn { position: fixed; bottom: 50px; padding: 10px 15px 5px 15px; width: 100%; left: 0; background: #fff; } /* Withdraw CheckRequest View: End */ /* Withdraw Paypal View: Start */ .paypalWithdrawWrap .updateInfo, .paypalWithdrawWrap .firstOptionShow div { font-family: 'Titillium Web', sans-serif; } .paypalWithdrawWrap .firstOptionShow div { position: relative; margin-left: 14px; margin-bottom: 8px; } .paypalWithdrawWrap .firstOptionShow div:before { content: ' '; background: #6a2; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: -14px; top: 4px; } .paypalWithdrawWrap .mobilePaypalTxt { margin-top: 12px; margin-bottom: 0; } .paypalWithdrawWrap .actionLink { margin-bottom: 0; } .paypalWithdrawWrap .updateInfoText { line-height: 20px; } .withdrawWrapper .paymentMethod.addCardForm.payPalMethodWrap { padding-bottom: 80px; } .paypalWithdrawWrap .actionLink { font-size: 13px; line-height: 16px; color: #06c; } .paymentMethod.addCardForm > .row.paypalRow { padding-bottom: 0; } .addCardForm.payPalMethodWrap .updateInfo, paypalWithdrawWrap .firstOptionShow div, .paypalWithdrawWrap .mobilePaypalTxt { font-size: 13px; line-height: 16px; color: #666; font-family: 'Titillium Web', sans-serif; } .checkRequestWithdrawWrap .paymentMethod.addCardForm .withdrawRow, .paypalWithdrawWrap .paymentMethod.addCardForm .withdrawRow, .iframeClass .checkRequestWithdrawWrap .paymentMethod.addCardForm .withdrawRow, .iframeClass .bankWithdrawWrap .paymentMethod.addCardForm .withdrawRow { padding-top: 0; } .iframeClass .bankWithdrawWrap .mainContentWrap, .iframeClass .checkRequestWithdrawWrap .mainContentWrap, .iframeClass .paypalWithdrawWrap .mainContentWrap { margin-top: 0; } .payPalOptionWrap .updateInfo .paypalInfoList { margin-top: 30px; } .withdrawWrapper .withdrawAmtWrap .relative.errInput input { border: 1px solid #ec1c24; } /* Withdraw Paypal View: End */ .rushFieldWrap { padding-left: 0; padding-right: 0; position: relative; z-index: 0; margin-bottom: 10px; } .addCardForm .rushFieldWrap .defaultSelect { height: 56px; padding-top: 22px; border-radius: none; border: 1px solid #ccc; } .rushFieldWrap select, .rushFieldWrap select option, .rushFieldWrap select option span, .rushFeeWrap { color: #000; font-family: 'Titillium Web', sans-serif; font-weight: 400; } .rushFieldWrap label { position: absolute; font-size: 13px; line-height: 1.23; font-family: Titillium Web, sans-serif; color: #666; font-weight: 400; top: 8px; left: 12px; z-index: 3; margin-bottom: 0; } .rushFieldWrap.active .defaultSelect { border-color: #06c; } .rushFieldWrap.active label { color: #06c; } .rushFeeWrap { color: #666; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .mainContentWrap { border: none !important; } .paymentMethodWrap .pageTitle { padding: 10px 0 20px 0; margin: 0; } .paymentMethods .cardPaymentActions { margin-top: 45px !important; } .paymentMethods .cardMethod .paymentMethodType { width: 60% !important; } .paymentSummary li.row { margin: 0 0 10px 0; } .paymentSummary li.row > div { padding: 0; } .tabletHide { display: none; } } @media only screen and (min-width: 768px) { .mainContentWrap { border: 1px solid #e9e9e9; padding: 0 15px; } .paymentMethods .cardMethod .paymentMethodType { width: 63%; } .paymentMethods .cardMethod .paymentMethodType { width: 63%; float: left; margin-left: 10px; } .paymentMethods .cardPaymentActions { margin-top: 15px; text-align: right; float: right; } .paymentMethod { padding-right: 25px; border-right: 1px solid #e4e4e4; } .paymentMethod .form-group { margin-bottom: 0px; } .paymentSummary { padding: 10px; } } @media only screen and (min-width: 767px) { .paymentMethod .form-group.addressWrap, .paymentMethod .form-group.rushWrap { margin-bottom: 20px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .mobileHide { display: none; } .paymentMethodWrap { background: #f5f5f5; } .proceedBtn .btns { width: 100%; } .paymentMethodWrap .pageTitle { margin: 0 0 15px 0; padding: 10px 0 0 10px; } .paymentMethodWrap .pageTitle h2 { font-size: 18px; } .paymentMethods li.paymentMethod { padding: 13px 4px; background: #fff; } .paymentMethods .paymentMethodType .methodDesc { padding: 0; } .paymentMethods .cardPaymentActions { margin: 15px 0 0 30px; } .paymentMethod .btnBlue { width: 100%; } .paymentMethod .form-group { margin-bottom: 3px; } .paymentSummary { padding: 10px; margin-bottom: 15px; } .paymentMethod .payPalAmountField, .paymentMethod.addCardForm > .row { background: #fff; padding: 10px; margin: 0; } .transactionWrap { padding: 0 0 75px 0; } .transactionWrap .transactionActions .btns { width: 130px; } .addCardForm .amtAvailable { padding: 20px 0; } .mobileMenubar .mobileMenuDropdown .mobileLogoutWrap { background: #f2f2f2; padding: 10px; } .paymentMethod .paymentMethodType.xpressPaymentMethodType { width: 80%; } } @media only screen and (max-width: 480px) { .creditDebitCardWrap.achAccount .pageTitle span { width: 72%; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { [class^='icon-'], [class*=' icon-'], .fancybox-close { background-image: url(/sprite@2x.png); background-size: 120px auto; } } #app-container { height: 100dvh; } .sbHeader .ftr\:px-4 { padding-left: 16px; padding-right: 16px; } .sbHeader .ftr\:pt-4 { padding-top: 16px; } .sbHeader .ftr\:pb-0 { padding-bottom: 0px; } .sbHeader #drf-footer { margin: 0 -16px; } @media (min-width: 480px) { .sbHeader .ftr\:xs\:px-6 { padding-left: 24px; padding-right: 24px; } } @media (max-width: 767px) { .sbHeader #mobile-navigation .hdr\:py-\[50px\] { padding-block: 50px; } .sbHeader #mobile-navigation .hdr\:p-6 { padding: 24px 24px 0; /* top:24px, left/right:24px, bottom:0 */ } .sbHeader #mobile-navigation .hdr\:pb-3 { padding-bottom: 12px; /* bottom:12px */ } .sbHeader #mobile-navigation .hdr-mobile-action-label-link { padding-inline: 8px; /* ensures left/right = 8px */ } .sbHeader #mobile-navigation .hdr-mobile-toggle-btn { padding: 6px 8px; /* top/bottom:6px, left/right:8px */ } .sbHeader #mobile-navigation .hdr-mobile-subnav-item { padding: 6px 8px 6px 16px; /* top:6px, right:8px, bottom:6px, left:16px */ } } @media (min-width: 768px) { .sbHeader .ftr\:md\:pt-6 { padding-top: 24px; } } @media (min-width: 1200px) { .sbHeader #drf-footer { padding-left: 36px; padding-right: 36px; margin: 0 0 0 -20px; } .sbHeader .ftr\:py-4 { padding-top: 16px; padding-bottom: 16px; } .sbHeader .ftr\:lg\:px-9 { padding-left: 36px; padding-right: 36px; } .sbHeader .ftr\:lg\:pt-12 { padding-top: 48px; } } /*# sourceMappingURL=memberCenter-088fc3c426a4975f31c5.min.css.map*/