body {
		position:relative;
		margin:0;
		padding:0;
		padding-top:90px;
		height:100%;
		background-image: url(../../../background/bg_16.jpg);
		background-color: #111;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
		overflow:hidden;
		color: #333;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
	}
	html {
		position:relative;
		height:100%;
	}
	* {
		outline:none;
		font-family: 'Roboto', sans-serif;
	}
	.btn, .btn-close, input, select, textarea {
		outline:none !important;
		box-shadow:none !important;
	}
	.btn.btn-zoom {
		width:40px !important;
		height:35px !important;
		padding-top:3px !important;
		padding-left:3px !important;
	}
	.navbar {
		top:10px;
		left:10px;
		right:10px;
		height:50px;
		padding-left:10px;
	}
	.bg-trans-50 {
		background-color:rgba(0,0,0,0.5) !important;
		color:#fff  !important;
	}
	a.nav-link, a.nav-link:focus, a.nav-link:active {
		height:50px !important;
		line-height:50px !important;
		padding:0 15px !important;
		background: #353 !important;
		border-left:1px solid #000 !important;
		xmargin-left:1px !important;
		text-transform:none !important;
		text-shadow:none !important;
		font-size:16px !important;
		font-weight:500 !important;
		color:#fff;
	}
	a.nav-link:hover {
		background:#fc0 !important;
		color: #333;
	}
	a.nav-link i {
		line-height:50px;
	}
	.bread-crumb {
		padding-left:75px;
		font-weight:500;
		font-size:16px;
	}
	.bread-crumb .logo {
		position:absolute;
		top:-5px;
		left:20px;
		height:60px;
		width:60px;
		background:#C9BCA7;
		box-shadow:0 0 10px rgba(0,0,0,0.9);
		text-align:center;
		padding-top:9px;
		border-radius:3px;
		cursor:default;
		border:0;
	}
	.bread-crumb .logo img {
		height:40px;
	}
	.mega-menu {
		box-shadow: -3px 3px 10px rgba(0,0,0,0.5);
	}
	.dropdown-item {
		padding:4px 12px !important;
	}
	.dropdown-hover:hover>.dropdown-menu {
		display: inline-block;
	}
	.dropdown-hover>.dropdown-toggle:active {
		/*Without this, clicking will make it sticky*/
		pointer-events: none;
	}
	.dropdown-header {
		color:orange;
		text-align:left;
		font-weight:600;
		font-size:14px;
		padding:1px 0 1px 10px;
		text-transform:uppercase;
		border-bottom:1px solid orange;
	}
	a.selTour, a.selTour:focus, .dropdown-item, .dropdown-item:focus {
		margin:0;
		padding:2px 10px;
		white-space:nowrap;
		border-bottom:0;
		background:transparent;
		color:#eee;
		font-size:14px;
	}
	a.selTour:hover b {
		color: #c00;
	}
	a.selTour:hover, .dropdown-item:hover {
		background: #fc0;
		color:#333;
	}

	.welcome-wrap {
		position:absolute;
		left:0;
		top:0;
		height:100%;
		width:100%;
		padding-top:70px;
	}
	.welcome-wrap .main-text {
		width:100%;
		font-size:60px;
		color:#fff;
		font-weight:600;
		text-shadow: 2px 2px 10px #000;
		text-align:center;
		display:block;
		position: absolute;
  		top: 50%;
  		transform: translateY(-100%);
	}
	.welcome-wrap .sub-text {
		width:100%;
		font-size:40px;
		color:#fc0;
		font-weight:600;
		text-shadow: 2px 2px 10px #000;
		text-align:center;
	}

	.form-label {
		font-size:16px;
		font-weight:500;
		margin-bottom:3px;
	}
	.modal-body {
		padding:15px 25px 25px;
	}
	.modal-header {
		padding:10px 25px;
		background:#fafafa;
	}
	.modal-header .close {
		margin-top:-12px
	}
	.modal ::-webkit-scrollbar {
			width: 6px;
			height: 6px;
	}
	.modal ::-webkit-scrollbar-track {
		x-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3); 
		 background:#eee;
	}
	.modal ::-webkit-scrollbar-thumb {
			background:rgba(0,0,0,0.1); 
			x-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
	}
	.modal ::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(0,0,0,0.05); 
	}

	
	body ::-webkit-scrollbar {
			width: 6px;
			height: 6px;
	}
	body ::-webkit-scrollbar-track {
		 background:#ddd;
	}
	body ::-webkit-scrollbar-thumb {
			background:rgba(0,0,0,0.2);
			xbackground:#900;
	}
	body ::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(0,0,0,0.1); 
	}
	
	*::-webkit-input-placeholder {
		color:#bbf !important;
		font-style:italic;
		font-size:14px;
		font-weight:400;
	}
	*:-moz-placeholder {
		color:#bbf !important;
		font-style:italic;
		font-size:14px;
		font-weight:400;
	}
	*::-moz-placeholder {
		color:#bbf !important;
		font-style:italic;
		font-size:14px;
		font-weight:400;
	}
	*:-ms-input-placeholder {
		color:#bbf !important;
		font-style:italic;
		font-size:14px;
		font-weight:400;
	}

	.playerTable, 
	.historyTable {
		width:100%;
		background:#fff;
	}
	.playerTable th,
	.historyTable th {
		background:#fafafa;
		font-weight:500;
		padding:5px 10px;
		border:1px solid #ccc;
		vertical-align:middle;
		color:#333;
	}
	.playerTable td, 
	.historyTable td {
		padding:4px 10px;
		border:1px solid #ccc;
		vertical-align:middle;
		color:#333;
	}
	.playerTable.inputs td {
		padding:0;
	}
	.playerTable th.tac,
	.playerTable td.tac {
		text-align:center;
	}
	
	.playerTable td input[type="text"]:hover {
		background:#FFFF99
	}
	.playerTable td input[type="text"] {
		border:0;
		width:100%;
		height:100% !important;
		padding:6px 10px !important;
		background:transparent;
	}
	.playerTable tr.hidden {
		background:#fee;
	}
	.playerTable td a {
		color:#666;
	}
	.playerTable td a:hover {
		color: #06d;
	}

	.fa-toggle-off {
		color:#b00;
	}
	.fa-toggle-on {
		color:green;
	}

	.check-md {
		width:18px;
		height:18px;
		margin-top:6px;
	}

	.zoomers-wrap {
		position:absolute;
		right:15px;
		top:80px;
		height:110px;
		width:56px;
	}
	.zoomers-robin {
		position:absolute;
		right:15px;
		top:80px;
		height:110px;
		width:56px;
	}
	.zoomers {
		width:100%;
		height:40px;
		text-align:center;
		line-height:40px;
		color:#fff;
		display:inline-block;
		float:right;
		margin-bottom:3px;
		background:#353;
		padding-top:2px;
		xborder-radius:3px;
	}
	.zoomers:hover {
		background:#fc0 !important;
		color: #333;
	}
	
	i.man { 
		font-weight:bold; 
		color:#c00;
		font-style:normal;
	}
	i.man:before {
		content:' * ';
	}

	.trophy-wrap {
		position:absolute;
		display:flex;
		align-items: center;
		justify-content: center;
		left:0;
		top:0;
		background:rgba(0,0,0,0.6);
		height:100%;
		width:100%;
		padding-top:70px;
	}
	.trophy-inner {
		height:calc(100% - 40px);
		width:auto;
		position:relative;
		margin:0 auto;
	}
	.trophy-inner img {
		height:100%;
		border:3px solid orange;
		border-radius:10px;
	}
	#closeTrophy {
		font-size:30px;
		position:absolute;
		top:8px;
		right:17px;
		color:#666;
	}
	#closeTrophy:hover {
		color:#fff;
	}
	#printTrophy {
		font-size:30px;
		position:absolute;
		bottom:10px;
		right:17px;
		color:#666;
	}
	#printTrophy:hover {
		color:#fff;
	}
	
	.closeHistory {
		font-size:20px;
		position:absolute;
		top:-10px;
		right:-10px;
		color:#eee;
		background:rgba(255,0,0,0.9);
		border-radius:50%;
		padding:1px 10px;
	}
	.closeHistory:hover {
		color:#c00;
		background:rgba(255,255,255,0.9);
	}

	.closeHistoryKnokout {
		font-size:20px;
		position:absolute;
		top:2px;
		right:100px;
		color:#eee;
		background:rgba(255,0,0,0.9);
		border-radius:50%;
		padding:2px 11px 1px 10px;
		
	}
	.closeHistoryKnokout:hover {
		color:#c00;
		background:rgba(255,255,255,0.9);
	}

	.knok_winner {
		text-align:left;
		display:flex;
		align-items:center;
		position:absolute;
		top:0;
		left:32px;
		bottom:0;
		right:38px;
		border:0;
		background:transparent;
		font-size:20px;
		color:#fff;
		text-shadow:1px 1px #000;
		font-weight:500;
	}

	.sel_bgimage img {
		width:150px;
		height:100px;
		padding:5px;
		opacity:0.8;
		border-radius:5px;
	}
	.sel_bgimage img:hover {
		opacity:1;
		background: #FF9900
	}

	.sidenav-right {
		background:#fafafa;
		xbackground:rgba(230,219,196,1);
		height:calc(100% - 60px);
		overflow-x:hidden;
		overflow-y:auto;
		position:fixed;
		right:0;
		margin-right: -580px;
		top:60px;
		transition:.5s;
		width:570px;
		z-index:1;
		box-shadow: -5px 0 15px rgba(0,0,0,0.6);
	}

	.helpfiles {
		padding:25px 20px;
		color:#333;
		font-size:14px;
		font-weight:400;
	}
	.helpfiles a.close {
		padding: 0 12px;
		cursor:pointer;
		text-decoration:none;
		font-size:40px;
		line-height:140%;
		position:absolute;
		top:0;
		right:10px;
	}
	.helpfiles h4 {
		padding: 0;
		margin:0 0 5px;
		color: #b00;
		font-weight:600;
		font-size:18px;
	}
	.helpfiles h5 {
		padding: 0 0 0 10px;
		margin:0;
		color: #03c;
		font-size:16px;
	}
	.helpfiles h6 {
		padding: 0 0 0 10px;
		margin:0;
		color: #03c;
		font-weight:600;
	}
	.helpfiles p {
		padding: 0 0 0 20px;
		margin:0;
	}
	.helpfiles ul {
		margin-bottom:8px;
	}
	.helpfiles ul li {
		xline-height:140%;
	}
	
	.popover{
	  background-color: #3366CC;
	  max-width:800px;
	  border:none;
	}	
	.popover-header {
		 color: blue;
		 font-size: 15px;
		 display:none;
	}
	.popover-body {
		color: #fff;
		font-size: 40px;
		
	  	padding:6px 25px;
	}
	.bs-popover-top {
	  > .popover-arrow {
		 &::before {
			border-top-color: #3366CC;
		 }
	
		 &::after {
			border-top-color: #3366CC;
		 }
	  }
	}
	
	.bs-popover-end {
	  > .popover-arrow {
		 &::before {
			border-right-color: #3366CC;
		 }
	
		 &::after {
			border-right-color: #3366CC;
		 }
	  }
	}
	
	.bs-popover-bottom {
	  > .popover-arrow {
		 &::before {
			border-bottom-color: #3366CC;
		 }
	
		 &::after {
			border-bottom-color: #3366CC;
		 }
	  }
	}
	
	.bs-popover-start {
	  > .popover-arrow {
		 &::before {
			border-left-color: #3366CC;
		 }
	
		 &::after {
			border-left-color: #3366CC;
		 }
	  }
	}

	.topnav-center {
		min-width:10px;
		max-width:800px;
		background: #CC3300;
		background:radial-gradient(#d00 , #900);
		color:#fff;
		border-radius:10px;
		position:absolute;
		top: -80px;
		left: 50%;
		transform: translate(-50%, 0);
		transition:.5s;
		font-size:40px;
		padding:5px 30px;
		z-index:9999999999;
		box-shadow: -5px 0 15px rgba(0,0,0,0.6);
	}
	
	.hidden {
		display:none;
	}

	@media only screen and (max-width: 1250px) {
		#f11 {
			display:none !important;
		}
	}	
	@media only screen and (max-width: 1150px) {
		#tClock {
			display:none !important;
		}
	}