/*============================= CSS STYLES FOR MAXBET338 =============================*/::before,::after {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-ring-offset-width:0;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
  }
  
  ::backdrop {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-ring-offset-width:0;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
  }
  
  .bg-\[var\(--secondary\)\] {
	background-color:var(--secondary);
  }
  
  .bg-\[var\(--fourth\)\] {
	background-color:var(--fourth);
  }
  
  .\!bg-\[var\(--secondary\)\] {
	background-color:var(--secondary) !important;
  }
  
  .p-5 {
	padding:1.25rem;
  }
  
  .px-10 {
	padding-left:2.5rem;
	padding-right:2.5rem;
  }
  
  .text-center {
	text-align:center;
  }
  
  .text-sm {
	font-size:0.875rem;
	line-height:1.25rem;
  }
  
  .text-\[12px\] {
	font-size:12px;
  }
  
  .text-transparent {
	color:transparent;
  }
  
  .text-white {
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .text-black {
	--tw-text-opacity:1;
	color:rgb(0 0 0 / var(--tw-text-opacity));
  }
  
  :root {
	--primary:#010101;
	--secondary:#FFD700;
	--third:linear-gradient(180deg,#FFD700 0%,#c0a405 100%);
	--fourth:#950101;
	--fifth:linear-gradient(180deg,#ffffff 0%,#9f9f9f 100%);
	--sixth:linear-gradient(
		90deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%
	  );
	--content-width:1170px;
  }
  
  a.navbar {
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
	padding:6px 9px 6px 9px;
  }
  
  a.navbar2 {
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	padding:10px;
  }
  
  a.navbar2:hover {
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	padding:10px;
  }
  
  a.navbar3 {
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
  }
  
  body,
  html {
	padding:0;
	margin:0;
	font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-feature-settings:normal;
	font-size:12px;
	width:100%;
	height:100%;
  }
  
  img {
	border:0;
	border-style:none;
  }
  
  .Error {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:red;
  }
  
  /* <Marquee> */
  
  td.time {
	text-align:center;
  }
  
  #frmimages {
	padding-bottom:10px;
	padding-left:35px;
  }
  
  .Message {
	font-family:"Arial";
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
  }
  
  a.Message:link {
	color:#ffffff;
  }
  
  a.Message:visited {
	color:#ffffff;
  }
  
  a.Message:active {
	color:#ffffff;
  }
  
  a.Message:hover {
	color:#ffffff;
  }
  
  .btnLogout a {
	background-color:#FFD944;
	color:#000 !important;
  }
  
  li {
	list-style:none;
  }
  
  li a {
	text-transform:uppercase;
  }
  
  .menuaf {
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
  }
  
  .menuaf>li {
	float:left;
	text-align:center;
  }
  
  .menuaf>li>a {
	text-align:center;
	text-transform:uppercase;
	display:block;
	height:75px;
	line-height:75px;
	border-left:1px solid var(--primary);
	border-right:1px solid var(--primary);
	font-size:14px;
	color:#000000;
	font-weight: 600;
	padding:0 13px;
	text-decoration:none;
  }
  
  .Normal {
	color:#000 !important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
  }
  
  .Normal>option {
	color:#000 !important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
  }
  
  #langAfter {
	color:#000 !important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
  }
  
  #langAfter>option {
	color:#000 !important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
  }
  
  button,
  input,
  optgroup,
  select,
  textarea {
	font-family:inherit;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	color:inherit;
	margin:0;
	padding:0;
  }
  
  .main_container {
	width:100vw;
	height:100vh;
	background:url(img/main_bg.png);
	-o-object-fit:cover;
	object-fit:cover;
	overflow:auto;
	content:"";
  }
  
  header {
	background-color:var(--primary);
	padding:10px 0 0 0;
	position:fixed;
	width:100%;
	z-index:1000;
  }
  
  .header_container {
	margin-left:auto;
	margin-right:auto;
	width:100%;
  }
  
  .header_container {
	display:flex;
	flex-direction:column;
  }
  
  .top_header {
	display:flex;
	justify-content:space-between;
  }
  
  .left_top_header img {
	width:200px;
  }
  
  .right_top_header {
	display:block;
  }
  
  .right_top_header input {
	border-radius:5px;
	padding:5px;
	outline:none;
	border:none;
  }
  
  .right_top_header button {
	border-radius:4px;
	padding:3px;
	width:80px;
  }
  
  .language_selector {
	position:relative;
	z-index:1000;
	width:80px;
	--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  }
  
  .language_selector>#lang_btn,
  .language_selector>#lang_btn_mobile {
	background:var(--third);
	display:flex;
	width:100%;
	align-items:center;
	border-width:1px;
	--tw-border-opacity:1;
	border-color:rgb(107 114 128 / var(--tw-border-opacity));
	padding:0.25rem;
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .language_selector:hover {
	cursor:pointer;
  }
  
  .menu_category {
	background-color:var(--secondary);
	margin-top:9px;
	width:100%;
  }
  
  .category_menu {
	display:flex;
	justify-content:space-between;
	margin-left:auto;
	margin-right:auto;
	width:100%;
  }
  
  .category_menu .nav_tab,
  .category_menu_mobile .nav_tab {
	width:calc(100% / 11);
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:10px;
	color:black;
	font-weight:600;
	border-left:1px solid var(--primary);
	border-right:1px solid var(--primary);
	text-transform:uppercase;
  }
  
  .category_menu .nav_tab:hover,
  .category_menu_mobile .nav_tab:hover {
	color:var(--secondary);
	background:var(--fifth);
	cursor:pointer;
  }
  
  .category_menu .nav_tab:hover img,
  .category_menu_mobile .nav_tab:hover img {
	filter:invert(17%) sepia(38%) saturate(7186%) hue-rotate(198deg) brightness(87%) contrast(101%);
  }
  
  .category_menu_mobile img {
	width:20px;
  }
  
  .category_menu_mobile {
	font-size:12px;
	font-weight:bold;
  }
  
  .runner_text {
	margin-left:auto;
	margin-right:auto;
	width:100%;
  }
  
  .runner-text {
	background:var(--third);
	margin-top:1rem;
	margin-bottom:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0.125rem;
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .runner-text * {
	margin:0.25rem;
  }
  
  .justify-end {
	justify-content:flex-end;
  }
  
  .w-\[10\%\] {
	width:10%;
  }
  
  .\!w-\[16\%\] {
	width:16% !important;
  }
  
  .flex {
	display:flex;
  }
  
  .flex-1 {
	flex:1 1 0%;
  }
  
  .bg-\[var\(--secondary\)\] {
	background-color:var(--secondary);
  }
  
  .space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse:0;
	margin-right:calc(0.5rem * var(--tw-space-x-reverse));
	margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  
  img,
  video {
	max-width:100%;
	height:auto;
  }
  
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
	display:block;
	vertical-align:middle;
  }
  
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
	margin:0;
  }
  
  .category_menu .nav_tab a:hover {
	color:var(--secondary);
	cursor:pointer;
  }