@import url('https://fonts.googleapis.com/css?family=Oswald|Raleway:400,600,700');

@import "custom.css";
@import "responsive.css"; 	
@import "theme-color.css";    
/*@import "owl.carousel.css";*/

.fixed-top { z-index: 4500;}

.timbabet-header .header-mobile,
.timbabet-header .header-mobile-icon {display: none;}

.MenuLogoImage{
	background-image: url(../../../assets/images/timbabet/logo.png);
	width: 290px;
	height: 90px;
	background-size: 100%
}

A#signUp {
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    background: #900 none repeat scroll 0% 0%;
    border: 1px solid #C30;
    padding: 12px 20px;
    border-radius:4px;
}

.row {
	margin-top: 15px;
	margin-bottom: 15px;
}
.navbar.navbar-dark.navbar-custom {
	background: #FFF;
	padding: 0 1rem !important;
}

.navbar.navbar-bg-light, .dropdown-menu, .light-bg, .work-process-box, .special-feature .mask-top, #footer .footer-widget, #footer .copyright, .shop .product-item, .shop .product-details, .navbar-default .navbar-nav > li > a.has-submenu, .highlight, .page-header, .comming-soon .countdown-section, .bakery-menu .tab-content, .pricing i.icons-circle.medium.pricing-icon, .destination-box5302 {
	background: #272727;
}
.navbar-nav .nav-item .dropdown-menu {background-color: #272727;}

.navbar-nav li a:hover {
	color: #00b1f4;
	background-color: transparent;
}

.navbar-toggler {
	position: absolute;
    right: 0;
}

.top-site-login {min-width: 310px;}

.login-form form input,
.login-form form button {
	padding: 5px 0.75rem;
    font-size: 0.9rem;
    border-radius: 0;
	max-width: 120px;
	font-weight: 600;
	min-width: 100px;
}
.login-form form button {
	background: #fd6600;
	border: none;
}
a.forgot-pass {
    float: right;
    font-size: 11px;
    color: #adadad;
    font-weight: bold;
}
.open-login-mobile {display: none;}

.list-group-item {
    background: #2F2F2F;
    border:none ;
}
.pad-60 {padding: 40px;}

.btn-danger {background-color: #C0C336;}

.list-group {font-size: 20px;}

.page-header {
    /* background: #F2F2F2 url("../../../inetpub/wwwroot/orusbetmanzanillo/img/sections/header-bg.jpg") no-repeat scroll 50% top; */
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    padding: 30px 0px;
    margin: 0px;
}

.title{border:none !important}

DIV.boxed {
    width: 1000px;
    margin: 0px auto;
}

#pageContent {
    padding: 34px;
    border-radius: 5px;
    margin: 15px 0px;
    min-height: 320px;
    position: relative;
}

#HeaderRight {
    width: 240px;
    height: 430px;
}

#pageContent DL {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
}
#pageContent DT {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#pageContent DD {
	margin: 0 0 10px 20px;
	padding: 0;
}

#pageContent P {
	font-size: 14px;
	margin: 0 0 15px 0;
	line-height: 20px;
	text-align:justify;
}
#HelpRulesGeneral {
    width: 235px;
    margin: 0px 0px 0px 5px;
    float: left;
}
#HelpRulesTypes {
    width: 470px;
    padding: 5px 0px 0px 138px;
    margin: 8px 17px 36px 210px;
}

#RightColumn {
	background: #C0C336 url('/images/center/bg-pagecontent.png') 0 bottom repeat-x;
	width: 240px;
	margin: 10px;
	padding: 5px;
	float: right;
}
#RightColContent {
	background-color: #083203;
	padding: 1em 0em 2em 3em;
	text-align: left;
}

#CenterColumn {
	background: #fefefe url('/images/center/bg-pagecontent.png') 0 bottom repeat-x;
	margin: 10px;
	padding: 5px
}

.content {
    width: 100%;
    margin: 0px auto;
}

.embed-container {
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

.embed-container iframe {
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
}

/* ---------------------- BETSLIP PAGE STYLES ----------------------- */

/* ======= LOGOUT STATUS ====== */

.timbabet-header.statusLogOut .navbar.navbar-expand-lg {
	border-bottom: 5px solid #5f707f;
    box-shadow: 2px 2px 20px #333;
}

.mainBackend.statusLogOut { }

    .mainBackend.statusLogOut nav.navbar.navbar-inverse.bg-inverse {display: none;}

    .mainBackend.statusLogOut .leagueStyle {top: 90px;}

    .mainBackend.statusLogOut .col-lg-7.lineStyle {margin-top: 100px;}

	.mainBackend.statusLogOut .betSlipStyle {top: 100px;}

/* ====== LOGGED IN STATUS ======= */

.mainBackend.statusLogIn { }

    .timbabet-header.statusLogIn .header-mobile,
	.timbabet-header.statusLogIn .top-site-login {display: none;}
	
	.online-message-modal .ui-dialog-content.ui-widget-content {
		background: #FFF !important;
		color: #111 !important;
		font-family: 'Open Sans'!important;
    	font-size: 14px;
	}

@media (min-width: 991px) {
	.fixed-top {
		height: 90px;
	}
}

@media (max-width: 1024px) {

	.timbabet-header nav {display: none;}

	.timbabet-header .header-mobile {
		height: 38px !important;
		line-height: 38px !important;
		text-align: center !important;
		background: #333 !important;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 5000;
		}
		.timbabet-header .header-mobile img {height: 38px;}
		.timbabet-header .header-mobile .btn-success {border-radius: 0;color:#FFF;}

	/* ======= LOGOUT STATUS ====== */

    .timbabet-header.statusLogOut .header-mobile {display: block}

	.mainBackend.statusLogOut a.btn.showMenu {
		top: 43px !important;
		left: 9px !important;
	}
	.mainBackend.statusLogOut .betSlipStyle {top: 43px;}

	.mainBackend.statusLogOut .col-lg-7.lineStyle {margin-top: 28px;}

	/* ====== LOGGED IN STATUS ======= */

    .timbabet-header.statusLogIn .header-mobile {
		display: inline-block;
		top: -38px !important;
		left: 0 !important;
		right: 0 !important;
		position: absolute;
		z-index: 9000;
	}

    .timbabet-header.statusLogIn a.header-mobile-logo {
        position: fixed;
        top: 7px;
		left: 43%;
		z-index: 9001;
	}
	
	.mainBackend.statusLogIn .productPage,
    .mainBackend.statusLogIn .accountPage,
    .mainBackend.statusLogIn .container-fluid.classic-view {margin-top: 60px !important;}

    .mainBackend.statusLogIn .productPageIframe iframe {top: 60px !important;}

    .mainBackend.statusLogIn .navbar.navbar-inverse.bg-inverse {top: 0;}

    .mainBackend.statusLogIn a.btn.showMenu {
        top: 13px !important;
        left: 90px !important;
    }

    .mainBackend.statusLogIn .leagueStyle {top: 54px !important;}

    .mainBackend.statusLogIn .player-balance {top: 13px !important;}

    .mainBackend.statusLogIn .betSlipStyle {top: 60px !important;}

    .mainBackend.statusLogIn .col-lg-7.lineStyle {margin-top: 45px !important;}
}

@media (max-width: 991px) {

	.timbabet-header .header-mobile {background: #FFF !important;}
	
	/* ======= LOGOUT STATUS ====== */

    .mainBackend.statusLogOut .lineOptions {top: 38px !important;}

    .mainBackend.statusLogOut a.btn.showMenu#showMenuMobile {
        top: 38px !important;
        left: 0 !important;
    }
    .mainBackend.statusLogOut a.btn.showSlip#showSlipMobile {top: 38px !important;}

    .mainBackend.statusLogOut .leagueStyle,
    .mainBackend.statusLogOut .betSlipStyle {top: 70px !important;}

    .mainBackend.statusLogOut .slipBlock,
    .mainBackend.statusLogOut .slipHidden .betSlipStyle .slipBlock {
        margin-top: 10px !important;
	}

	/* ====== LOGGED IN STATUS ======= */

    .mainBackend.statusLogIn .lineOptions {top: 54px !important;}

    .mainBackend.statusLogIn a.btn.showMenu#showMenuMobile {
        top: 54px !important;
        left: 0 !important;
    }
    .mainBackend.statusLogIn a.btn.showSlip#showSlipMobile {top: 54px !important;}

    .mainBackend.statusLogIn .leagueStyle,
    .mainBackend.statusLogIn .betSlipStyle {top: 85px !important;}

    .mainBackend.statusLogIn .slipBlock,
    .mainBackend.statusLogIn .slipHidden .betSlipStyle .slipBlock {
        margin-top: 10px !important;
    }

}
@media (max-width: 768px) {

	.timbabet-header .navbar.navbar-expand-lg .navbar-toggler,
	.timbabet-header .navbar.navbar-expand-lg .open-login-mobile {
		display: none;
	}
	.navbar-toggler {
		background: #666;
		border-color: #424242;
		margin-top: 34px;
	}

	.login-form {display: none;}

	.open-login-mobile {
		display: inline-block;
		position: absolute;
		right: 60px;
		top: 34px;
	}
	.open-login-mobile a {
		cursor: pointer;
		color: rgba(255,255,255,0.8) !important;
		background: #49a249;
		width: 54px;
		height: 40px;
		display: block;
		text-align: center;
		line-height: 36px;
		border-radius: 5px;
		font-size: 24px;
	}
}

@media (max-width: 576px) {
	.MenuLogoImage {
		width: 215px;
		height: 60px;
		margin-top: 15px;
	}
	/* ====== LOGGED IN STATUS ======= */
    .timbabet-header.statusLogIn a.header-mobile-icon {display: inline;}

    .timbabet-header.statusLogIn a.header-mobile-icon {
        top: 12px;
        left: 80px;
        position: fixed;
        background: #020202;
        border-color: #3c3c3c;
        padding: 3px 0.75rem 4px 0.75rem;
    }

    .timbabet-header.statusLogIn a.header-mobile-logo {display: none;}
}