/*CSS HANDLER */
.navbar-toggler:focus {
	outline: none;
	box-shadow: none;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1}
}

#left_column {
	margin-top: 0px !important
}

#time_slider div {
	cursor: pointer;
}

#time_slider a {
	display: none !important;
}

.nav_hours {
	margin-bottom: 2px;
	display: flex;
	justify-content: space-evenly;
}

.m-auto {
	position: absolute;
}
  
.navbar-nav .nav-link {
	display:  flex;
	align-items: center;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	font-size: 18px;
}

.dropend .dropdown-toggle {
	color: var(--logo_colore1);
	margin-left: 0;
}

.dropdown-item:hover {
	background-color: var(--logo_colore1);
	color: #fff;
}

.dropdown .dropdown-menu {
	display: none;
}

.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
	display: block;
	background-color: var(--nav_dropmenu_color);
	margin-top: 23px;
	margin-left: 0;
}
  
ul.navbar-nav > li.nav-item.dropdown > ul.dropdown-menu > li {
	margin-left: 0;
	text-align: center;
}

ul.navbar-nav > li.nav-item.current,
ul.navbar-nav > li.nav-item {
	position: relative;
}

ul.navbar-nav > li.nav-item.current > .nav-link span {
	color: var(--textColor);
}

ul.navbar-nav > li.nav-item.current > .nav-link span {
	font-weight: 500;
}
  
ul.navbar-nav > li.nav-item.current > .nav-link img {
	filter: var(--filter_Color1);
}

.hrDiv {
	background: radial-gradient(50% 50% at 50% 50%, var(--bg_text) 0%, rgba(209, 205, 205, 0) 100%);
	height: 2px;
}

.hrDivMobile {
	background: radial-gradient(50% 50% at 50% 50%, #FEFEFF 0%, rgba(209, 205, 205, 0) 100%);
	height: 1px;
}
  
@media screen and (min-width: 769px) {
	.dropend:hover > .dropdown-menu {
		position: absolute;
		top: 0;
		left: 100%;
	}
	.dropend .dropdown-toggle {
		margin-left: 0;
	}
}

.logged {
	z-index: 1070;
}
  
.logged_Icon {
	display: block;
	width: 1.8em;
	height: 1.8em;
	background: url(/res/Client/img/header_footer/logged_Icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.loginPopUp {
	background: transparent;
	font-size: 14px;
	font-weight: 400;
	line-height: 9px;
	letter-spacing: 0em;
	text-align: left;border: 1px solid var(--border-main);
	background: var(--table_row);
	border-radius: 5px;
	padding: 7px;
	margin-left: 5px;
}
  
.loginPopUp:hover {
	background: transparent;
}

.InsSection {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1050;
}

.InsSection .row .col-md-6 div {
	margin: 0 4px;
}
  
@media screen and (min-width: 992px) {
	nav.navbar.InsSectionNav {
		top: var(--section-height); 
		position: fixed;
	}
	section.InsSection div.col-md-6.text-roght {
		padding-right: 30px;
	}
}
  
nav.navbar.InsSectionNav {
	left: 0;
	width: 100%;
	z-index: 1040;
}

section.InsSection {
	height: var(--section-height);
}

.InsSection div.col-md-6 p {
	color: var(--bg_text) !important;
}

nav.navbar.InsSectionNav  {
	height: var(--navbar-height);
}
  
nav.navbar li.nav-item:hover > .glow-line-4 {
	width: 100%;
	margin-left: 0;
	height: 2px;
	background-color: var(--textColor3);
	border-radius: 5px;
	position: absolute; 
	bottom: 0; 
	left: 0;
	box-shadow: var(--box_shadow_style);
	transition: all 0.3s ease-in-out;
}

nav.navbar  li.nav-item.current:hover > .glow-line-4{
	display: none;
}
  
nav.navbar  li.nav-item.current > .glow-line-4::before,
nav.navbar li.nav-item:hover > .glow-line-4::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 40px;
	transform: translate(8%, -88%);
	background-color: var(--textColor);
	border-radius: 10px;
	filter: blur(30px);
	opacity: 0.1;
	transition: all 0.3s ease-in-out;
	z-index: -2;
}

nav.navbar li.nav-item > .glow-line-4 {
	width: 100%;
	height: 2px;
	border-radius: 5px;
	position: absolute; 
	bottom: 0; 
	left: 0;
	transition: all 0.3s ease-in-out;
}
  
nav.navbar li.nav-item.current:hover > .glow-line-4 {
	width: 90% !important;
	margin-left: 5% !important;
	transition: all 0.3s ease-in-out;
}

/* User Navigation */
div#user_navigation {
	z-index: 9999;
}

/* Make the button smaller */
button.small-toggler {
	width: 20px!important;
	height: 20px !important;
}

/* Adjust the icon size to fit the smaller button */
button.small-toggler .navbar-toggler-icon {
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	top: 3px;
}

/* Overlay navbar styles */
.overlay-navbar {
	padding: 0;
}

div#user_navigation div.wrapper ul.hnavS li a {
	font-size: 12.5px;
	line-height: 13px;
	width: 100%;
	height: 100%;
	padding: 0;
	display: flex;
	justify-content: center;
}

/* Triangle For Showing */
.triangle[aria-expanded="true"] {
	background-color: var(--time_sliderBg);
	border-radius: 8px;
}

.hnavS {
	display: flex; /* Use flex for a cleaner layout */
	list-style-type: none;
	gap: 7px; /* Adjust gap for more breathing room */
	justify-content: center;
	flex-direction: row;
	position: relative;
	background-color: var(--table_row_2);
	max-width: 90vw; /* Responsive width */
	padding: 10px 15px;
	box-sizing: border-box; /* Ensure padding doesn’t affect total width */
	height: auto; /* Allow height to adjust to content */
	border-radius: 8px; /* Add rounded corners */
	align-items: center; /* Vertically center items */
	float: right;
}
  
.hnavS li {
	border: 1px solid var(--border-main);
	border-radius: 4px;
	width: 120px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--table_row);
	transition: 0.5s ease-in-out;
}

.hnavS li.managecustomers, 
.hnavS li.betslist,
.hnavS li.faq {
	display: none;
}

.hnavS li a {
	color: var(--textColorWhite);
	transition: 0.5s ease-in-out;
}
  
.hnavS li:hover,
.hnavS li.current {
	background: var(--table_header);
}

button.InsButtonNenad {
	right: 22.9%;
	top: 0px;
	background: transparent !important;
}

button.small-toggler .navbar-toggler-icon::before {
	font-size: 12px; /* Adjust size as needed */
	display: inline-block;
	vertical-align: middle;
	position: absolute; /* Absolute positioning to place it directly inside the button */
	top: 1px; /* Center vertically */
	transform: translate(-50%, -50%); /* Offset to align center */
}

.InsSection button.navbar-toggler span::before {
	color: var(--bg_text) !important;
}

.theme1 #loggedbox .extendedList .extendedChild a.current span.glyphicon-list::before {
	filter: none;
}

body.unlogged button.InsButtonNenad {
	left: 87%;
	top: 3px;
}

.InsButtonNenad#btn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-main);
  border-radius: 4px;
  padding: 5px;
  transition: 0.3s ease;
  background: var(--table_row) !important;
  height: 24px !important;
  margin-top: -4px;
  min-width: 100px;
  font-size: 12px;
  margin-right: 4px;
  color: var(--bg_text);
}

.InsButtonNenad#btn2:hover {
  background: var(--table_header) !important;
}

.InsButtonNenad#btn2.current {
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background-color: var(--table_row_2) !important;
	padding-bottom: 6px;
	height: 25px !important;
}

.theme1 .InsButtonNenad#btn2.current {
	color: var(--textColorWhite);
}

.InsButtonNenad#btn2 span:last-of-type {
  white-space: nowrap;
}

.InsButtonNenad#btn2 .navbar-toggler-icon {
	margin-right: 3px;
}

/* End */

@media screen and (max-width: 1800px) {
	.InsSection  .row.text-light div.col-md-6.flex-row:first-of-type {
		width: 35%;
	}
	.InsSection  .row.text-light div.col-md-6.text-roght:last-of-type {
		width: 65%;
	}
}
 
@media screen and (max-width: 1500px) {
	div#user_navigation div.wrapper ul.hnavS li a {
		font-size: 12px;
	}
	.hnavS li {
		width: 80px;
		height: 30px;
	}
	.InsSection .row.text-light div.col-md-6.flex-row p {
		line-height: 11px;
		font-size: 12px;
	}
}

@media screen and (max-width: 1400px) {
	.InsSection  .row.text-light div.col-md-6.flex-row:first-of-type {
		width: 30%;
	}
	.InsSection  .row.text-light div.col-md-6.text-roght:last-of-type {
		width: 70%;
	}
}

@media screen and (max-width: 1300px) {
	.InsButtonNenad#btn2 span:last-of-type {
		display: none;
	}
	.InsButtonNenad#btn2 {
		border: none;
		background: none !important;
		padding: 0;
		min-width: auto;
		margin-right: 2px;
	}
	.InsButtonNenad#btn2:hover {
		background: none !important;
	}
	.InsButtonNenad#btn2.current {
		padding: 0;
		border: none;
		height: 24px !important;
		background-color: var(--table_row_2) !important;
	}
	#user_navigation .wrapper {
		top: 30px;
	}
	.InsButtonNenad#btn2 .navbar-toggler-icon {
	    margin-right: 0;
	}
	.InsSection  .row.text-light div.col-md-6.flex-row:first-of-type {
		width: 50%;
	}
	.InsSection  .row.text-light div.col-md-6.text-roght:last-of-type {
		width: 50%;
	}
}

@media screen and (max-width: 1250px) {
	.selectFlags span.languageLabel {
		font-size: 11px;
	}
}

  
@media screen and (max-width:991px) {
	#main_content {
		position: fixed;
		width: 100%;
	}
	#day_labels li a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;    
		text-transform: uppercase;
		font-weight: normal;
	}
	#day_labels li a.active {
		border-bottom: 2px solid white;
		border-radius: 5px;
	}
	.nav_hours {
		justify-content: space-around;
	}
	#time_menu .upper {            
		padding-top: 5px;
		padding-bottom: 55px;
		background: transparent;
	}
	#time_labels {
		margin-top: 5px !important;
		width: 100% !important;
		margin-left: 6% !important;
	}
	#time_slider {        
		margin-left: 10% !important;
		margin-top: 11px !important;
		width: 79% !important;
	}
	.m-auto {
		margin-left: 0%;
	}
	nav.navbar.InsSectionNav .container-fluid {
		position: fixed;
		height: 63px;
	}
	.container-fluid {
		padding: 0px;
	}
	.navbar-nav flex-row {
		border-left: 1px solid white;
	}
	#nav_home span,
	#nav_spt span,
	#nav_lbn span,
	#nav_kohanav3 span,
	#nav_casino span,
	#nav_casinolive span,
	#nav_livecasino span,
	#nav_poker span,
	#nav_livecasino dropdown,
	#nav_Virtual span {
		display: none;
	} 
	#navbar-mobile {
		z-index: 2;
		background-color: var(--mob_header);
		max-width: 70%;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 2%;
		margin-bottom: 10px;
		border-radius: 15px;
	}
	ul.navbar-nav>li.nav-item {
		margin: auto !important;
	}
	ul.navbar-nav>li.nav-item.current {
		border-bottom: 0px !important;
	}
	.loggin {
		position: absolute;
		right: 15px;
		top: 15px;
	}
	.nav_livecasino .dropdown-menu {
		display: none !important;
	}
	/* navbar-collapse sidebar scroll */
	.navbar-collapse::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background: var(--regola_gradiente3);
	}
	.navbar-collapse::-webkit-scrollbar {
		width: 7px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.navbar-collapse {
		height: calc(98vh - var(--navbar-height) - -30px);
		overflow-y: auto;
		max-width: 100% !important;
		position: absolute;
		z-index: 5;
		left: 0;
		right: 0;
		top: 63px;
		transition: none;
	}
	.navbar-brand {
		width: 25%;
	}
	#navbarSupportedContent {
		background-color: transparent;
		transition: background-color 0.3s ease;
	}
	#navbarSupportedContent.show {
		background-color: var(--semi_transparent_B);
	}
	.navbar-childrens {
		overflow-y: auto;
		height: 86dvh;
		scrollbar-width: none;
	}
	.navbar-toggler {
		background: #ffffff00;
		z-index: 5;
		border: none;
		border-right: 2px solid var(--border-main);
	}
	.theme1 .navbar-toggler {
		border-right: 2px solid var(--border-main3);
	}
	.navbar-toggler:hover {
		background: #ffffff00;
	}  
	.navbar-toggler-icon {
		filter: brightness(0) saturate(100%) invert(100%);
	}
	.TabsBanner {
		padding-bottom: 0px !important;
	}
	.TabsBanner li a img {
		width: calc(100% + 13px);
		margin-left: -13px;
		padding-top: 15px;
	}
	.navTabs {
		margin: 0px;
		margin-left: 2%;
		width: 70%;
		padding: 0;
		background-color: var(--bgColor2);
	}
	ul.navTabs:not(:last-child) {
		border-bottom: 0.5px solid var(--border-main) !important;
	}
	ul.navTabs:nth-of-type(2){
		border: none !important;
	}
	ul.navTabs:nth-of-type(2){
		border-radius: 15px 15px 0 0;
	}
	/* Target the last ul.navTabs */
	ul.navTabs:last-of-type {
		border-radius: 0 0 15px 15px;
	}
	.navbar-brand {
		position: absolute;
		text-align: center;
		width: 100%;
		height: 100%;
	}
	.navbar-brand img {
		margin-top: 0.8rem;
	}
	.mobile_esci {
		position: relative;
		display: block;
		color: yellow !important;
		width: 100% !important;
		font-weight: bold !important;
		padding: 0 !important;
		background-color: #002f49 !important;
		border-bottom: 1px solid white !important;
	}
	.overlay-navbar{
		display: none;
	}
	@keyframes slideInFromLeft {
		0% {
			transform: translateX(-100%);
		}
		100% {
			transform: translateX(0);
		}
	}
	.navbar-collapse {
		animation: slideInFromLeft 0.35s ease-out;
	}
	.navTabs .mobileNavFooter a {
		display: block;
		width: 100%;
		height: 52.17px;
		padding-left: 13px;
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
	}
}

#user_navigation > .container-fluid {
	height: 0;
	position: relative;
}