/**
 * Stile css per l'aggiunta o modifica al css primario.
 *
 * @author   Stefano Cali'
 * @license  https://creativecommons.org/licenses/by-nd/4.0/  CC BY-ND 4.0 (Attribuzione - Non opere derivate)
 * @link     https://www.stefanocali.com
*/

@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap';
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:400';

html {
  /* 1 */
  font: normal 14.5px / 20px "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  background: #121218;
  color: #e5e5e5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.tm-cursor-pointer:hover {
	cursor: pointer
}

@media (min-height:700px) {
	.tm-header {
		margin-bottom: 20px
	}
}

.tm-header {
	position: relative;
	background: #121218;
	color: #fff;
	border-bottom: none;
}

.tm-header::after {
	content: "";
	display: block;
	height: 2px;
	background: linear-gradient(90deg, transparent, #f5b81c 30%, #f5b81c 70%, transparent);
}

.tm-headerbar-primary {
	position: relative
}

.tm-headerbar {
	height: 60px
}

@media (min-width:1220px) {
	.tm-headerbar-primary {
		margin-left: -50px
	}
}

.tm-icon-menu {
	background-image: url(../images/icon-menu.svg) !important;
}

.tm-icon-menu-black {
	background-image: url(../images/icon-menu-black.svg) !important;
}

@media (min-width:768px) {
	.tm-headerbar {
		height: 60px
	}
	.tm-icon-menu {
		margin-right: 30px;
		margin-top: 5px;
	}
	.tm-headerbar-primary:hover .tm-icon-menu, .tm-headerbar-primary.uk-open .tm-icon-menu {
		opacity: 1
	}
}

.tm-heading {
	margin: 0;
	color: #fff
}

.tm-navbar-logo-link {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.tm-navbar-logo {
	height: 28px;
	width: auto;
	display: block;
}

.tm-offcanvas-logo {
	height: 30px;
	width: auto;
	display: block;
	margin: 4px 0;
}

.tm-navbar {
	margin-top: -28px;
	margin-left: -24px;
}

.tm-dropdown-one{
	width: 430px;
}

.tm-sortable-dragged{
	background:#1e1e2a;
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
}

.tm-navbar .uk-navbar {
	position: relative;
	z-index: 1
}

.tm-navbar .uk-position-top {
	z-index: -1
}

.tm-navbar {
	position: relative;
	background: #121218;
	box-shadow: 0 4px 16px rgba(0,0,0,0.3);
	z-index: 1
}

h1, h2, h3, h4, h5, h6 {
	color: #fff !important;
}

.uk-section-muted {
	border-radius: 10px;
	background: #121218 !important;
}

.uk-background-muted {
	background-color: #121218 !important;
}

.tm-navbar-one {
	border-bottom-color: transparent;
	background: #121218 !important;
	box-shadow: none;
}

@media (min-width:960px) {
	.uk-visible-small {
		display: none !important
	}
	.uk-visible-medium {
		display: none !important
	}
	.uk-hidden-large {
		display: none !important
	}
}

@media (min-width:768px) and (max-width:959px) {
	.uk-visible-small {
		display: none !important
	}
	.uk-visible-large {
		display: none !important
	}
	.uk-hidden-medium {
		display: none !important
	}
}

@media (max-width:767px) {
	.uk-visible-medium {
		display: none !important
	}
	.uk-visible-large {
		display: none !important
	}
	.uk-hidden-small {
		display: none !important
	}
}

.uk-card-nav {
	display: block;
	position: relative
}

.uk-card-nav, .uk-card-nav:hover {
	text-decoration: none
}

.uk-card-nav:before, .uk-card-nav:after {
	content: "";
	display: table
}

.uk-card-nav:after {
	clear: both
}

.uk-card-nav>:not(.uk-card-nav-title):last-child {
	margin-bottom: 0
}

.uk-margin-bottom-navbar {
	margin-bottom: 0px !important;
}

.uk-navbar-menu {
	height: 80px;
}

.uk-container-nav {
	box-sizing: border-box;
	max-width: 1320px;
	padding: 0 25px
}

@media (min-width:1220px) {
	.uk-container-nav {
		max-width: 1320px;
		padding: 0 40px
	}
}

.uk-container-nav:before, .uk-container-nav:after {
	content: "";
	display: table
}

.uk-container-nav:after {
	clear: both
}

[class*='tm-icon-'] {
	display: inline-block;
	width: 21px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
	opacity: .3
}

[class*='tm-icon-']:hover, .uk-active>[class*='tm-icon-'] {
	opacity: 1
}

.tm-icon-folder-circle {
  background-image: url("/app/system/assets/icons/theme-one/icon-folder-circle.svg");
  opacity: 1;
}

.uk-h6 {
	color: #fff;
}

.tm-icon-folder-circle, .tm-icon-file-circle {
    width: 30px !important;
    height: 30px !important;
    margin: -2px;
}

.tm-thumbnail-folder {
    background-color: #fb923c;
    background-image: url("/app/system/assets/icons/theme-one/icon-folder-large.svg");
    background-size: 80px 80px;
}

.tm-thumbnail-file {
    background-color: #fb923c;
    background-image: url("/app/system/assets/icons/theme-one/icon-file-large.svg");
    background-size: 80px 80px;
}

.tm-icon-hover {
	opacity: .5;
}

.tm-icon-hover:hover, .uk-active>.tm-icon-hover {
	opacity: 1
}

.tm-subnav-icon{
	margin-bottom: 0px;
}

.tm-badge-user-avatar {
	position: relative;
	z-index: 1;
	height: 40px;
	width: 40px;
	object-fit: cover;
}

.tm-badge-user-avatar-menu {
	position: relative;
	z-index: 1;
	height: 32px;
	width: 32px;
	object-fit: cover;
}

.tm-badge-user-avatar-menu-mobile {
	position: relative;
	z-index: 1;
	height: 32px;
	width: 32px;
	object-fit: cover;
}

.tm-badge-user-avatar-open-game, .tm-badge-user-avatar-open-lesson {
	position: relative;
	z-index: 1;
	height: 42px;
	width: 42px;
	object-fit: cover;
}

.tm-icon-white {
	color: #fff !important;
}

.tm-icon-white:hover {
	color: #fff !important;
}

.tm-all-hello {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	padding-left: 15px;
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
}

.tm-all-hello:hover {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	padding-left: 15px;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

.tm-panel-icon {
	padding: 10px 0;
	color: #a1a1aa;
	text-align: center
}

.tm-panel-icon:hover {
	color: #f5b81c
}

.tm-panel-icon>p {
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.uk-form-password {
  display: inline-block;
  position: relative;
  max-width: 100%
}

.uk-form-password-toggle {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  font-size: 13px;
  line-height: 13px;
  color: #a1a1aa
}

.uk-form-password-toggle:hover {
  color: #d4d4d8;
  text-decoration: none
}

.tm-form-password{
  position: relative;
  max-width: 100%;
}

.uk-form-password>input {
  padding-right: 50px!important
}

.tm-container {
  width: 500px;
  max-width: calc(100% - 40px);
  padding: 20px;
}

.tm-container-small {
  width: 350px;
}

.tm-container-medium {
  max-width: 800px;
  margin: auto;
}

.tm-form .tm-panel {
  padding: 50px;
}

.tm-panel-box {
  padding: 25px;
  background: #1e1e2a;
  color: #d4d4d8;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}

.tm-panel, .tm-panel:hover {
  text-decoration: none;
}

.tm-panel {
  display: block;
}

.tm-background {
  background: #74b3e7 url("../images/background.png") 50% 50% no-repeat;
    background-size: auto;
  background-size: cover;
}

.tm-footer {
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

@media (min-width:768px) {
	.tm-footer {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}
}

.tm-subnav-footer, .uk-subnav > * > :first-child {
  column-gap: 0 !important;
  text-transform: none;
  font-size: unset !important;
}

.tm-pm-badge-primary{
  background-color: #f5b81c !important;
  color: #ffffff !important;
}

.tm-pm-badge-danger{
  background-color: #f0506e !important;
  color: #ffffff !important;
}

.tm-section-footer {
	background: #121218;
	border-top: none;
	position: relative;
}

.tm-section-footer > * {
	margin-top: 16px;
}

.tm-section-footer::before {
	content: "";
	display: block;
	height: 2px;
	background: linear-gradient(90deg, transparent, #f5b81c 30%, #f5b81c 70%, transparent);
}

.webp-alpha .tm-panel-background {
	padding: 25px;
	background: #1e1e2a url(../images/dashboard.webp) 0 0 no-repeat;
	background-size: cover;
}

.no-webp-alpha .tm-panel-background {
	padding: 25px;
	background: #1e1e2a url(../images/dashboard.png) 0 0 no-repeat;
	background-size: cover;
}

.tm-search {
  margin-left: 25px;
  padding-left: 15px;
  border-left: 1px solid #2a2a3a;
}

.uk-search-default .uk-search-input {
  border: none;
}

.tm-height-viewport {
  min-height: 100vh;
}

.tm-navbar-public{
	background: #121218 !important
}

.uk-container {
  max-width: 1400px;
}

.uk-container-large {
  max-width: 1600px;
}

.uk-card-header-top-bottom{
	border-top: 1px solid #2a2a3a;
	border-bottom: 1px solid #2a2a3a;
	padding: 20px 40px;
	border-radius: 12px 12px 0 0;
}

.uk-button-min {
	padding: 0 15px;
	vertical-align: middle;
	line-height: 33px;
	min-height: 35px;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	min-width: 90px;
	text-transform: uppercase;
	margin-top: 10px;
	border-radius: 8px;
}

.uk-button-success{
	background-color: #32d296;
	color: #fff;
	border-radius: 8px;
}

.uk-button-success:hover{
	background-color: #10c480;
	color: #fff;
}

.uk-button-white{
	background-color: #2a2a3a;
	color: #e5e5e5;
	border-radius: 8px;
}

.uk-button-white:hover{
	background-color: #3a3a4a;
	color: #fff;
}

.uk-button-booked{
	background-color: #ff6a6a;
	color: #fff;
	border-radius: 8px;
}

.uk-button-booked:hover{
	background-color: #ff4c4c;
	color: #fff;
}

.disabled-input {
  pointer-events: none;
  background-color: #16161f;
  color: #a1a1aa;
  border-color: #2a2a3a;
}

a .uk-label-primary:hover{
	color: #fff;
	text-decoration: underline;
}

a .uk-label-secondary:hover{
	color: #fff;
	text-decoration: underline;
}

a .uk-label-success:hover{
	color: #fff;
	text-decoration: underline;
}

a .uk-label-warning:hover{
	color: #fff;
	text-decoration: underline;
}

a .uk-label-danger:hover{
	color: #fff;
	text-decoration: underline;
}

.uk-label-danger{
	background: #f0506e;
  color: #fff;
}

.uk-label-muted{
	background: #3a3a4a;
  color: #e5e5e5;
}

.uk-label-unknown{
	background: #333;
  color: #fff;
}

.uk-label-membership-fitp{
	background: #ff8a65;
  color: #fff;
}

.uk-label-membership-libertas{
	background: #aed581;
  color: #fff;
}

.uk-padding-large-bottom{
	padding-bottom: 60px;
}

.tm-error-404 {
  color: #5a5c69;
  font-size: 7rem;
  position: relative;
  line-height: 1;
  width: 12.5rem
}

@-webkit-keyframes noise-anim {
	  0% {
	  clip:rect(31px,9999px,91px,0)
	}
	  5% {
	  clip:rect(70px,9999px,29px,0)
	}
	  10% {
	  clip:rect(3px,9999px,56px,0)
	}
	  15% {
	  clip:rect(7px,9999px,78px,0)
	}
	  20% {
	  clip:rect(97px,9999px,4px,0)
	}
	  25% {
	  clip:rect(24px,9999px,60px,0)
	}
	  30% {
	  clip:rect(80px,9999px,41px,0)
	}
	  35% {
	  clip:rect(78px,9999px,14px,0)
	}
	  40% {
	  clip:rect(20px,9999px,23px,0)
	}
	  45% {
	  clip:rect(70px,9999px,61px,0)
	}
	  50% {
	  clip:rect(65px,9999px,89px,0)
	}
	  55% {
	  clip:rect(74px,9999px,25px,0)
	}
	  60% {
	  clip:rect(76px,9999px,84px,0)
	}
	  65% {
	  clip:rect(56px,9999px,10px,0)
	}
	  70% {
	  clip:rect(85px,9999px,58px,0)
	}
	  75% {
	  clip:rect(46px,9999px,71px,0)
	}
	  80% {
	  clip:rect(6px,9999px,64px,0)
	}
	  85% {
	  clip:rect(20px,9999px,84px,0)
	}
	  90% {
	  clip:rect(57px,9999px,26px,0)
	}
	  95% {
	  clip:rect(36px,9999px,92px,0)
	}
	  100% {
	  clip:rect(12px,9999px,53px,0)
	}
}

@keyframes noise-anim {
	  0% {
	  clip:rect(31px,9999px,91px,0)
	}
	  5% {
	  clip:rect(70px,9999px,29px,0)
	}
	  10% {
	  clip:rect(3px,9999px,56px,0)
	}
	  15% {
	  clip:rect(7px,9999px,78px,0)
	}
	  20% {
	  clip:rect(97px,9999px,4px,0)
	}
	  25% {
	  clip:rect(24px,9999px,60px,0)
	}
	  30% {
	  clip:rect(80px,9999px,41px,0)
	}
	  35% {
	  clip:rect(78px,9999px,14px,0)
	}
	  40% {
	  clip:rect(20px,9999px,23px,0)
	}
	  45% {
	  clip:rect(70px,9999px,61px,0)
	}
	  50% {
	  clip:rect(65px,9999px,89px,0)
	}
	  55% {
	  clip:rect(74px,9999px,25px,0)
	}
	  60% {
	  clip:rect(76px,9999px,84px,0)
	}
	  65% {
	  clip:rect(56px,9999px,10px,0)
	}
	  70% {
	  clip:rect(85px,9999px,58px,0)
	}
	  75% {
	  clip:rect(46px,9999px,71px,0)
	}
	  80% {
	  clip:rect(6px,9999px,64px,0)
	}
	  85% {
	  clip:rect(20px,9999px,84px,0)
	}
	  90% {
	  clip:rect(57px,9999px,26px,0)
	}
	  95% {
	  clip:rect(36px,9999px,92px,0)
	}
	  100% {
	  clip:rect(12px,9999px,53px,0)
	}
}

.tm-error-404:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #e74a3b;
  top: 0;
  color: #d4d4d8;
  background: #121218;
  overflow: hidden;
  clip: rect(0,900px,0,0);
  animation: noise-anim 2s infinite linear alternate-reverse
}

@-webkit-keyframes noise-anim-2 {
	  0% {
	  clip:rect(68px,9999px,1px,0)
	}
	  5% {
	  clip:rect(44px,9999px,53px,0)
	}
	  10% {
	  clip:rect(72px,9999px,43px,0)
	}
	  15% {
	  clip:rect(18px,9999px,16px,0)
	}
	  20% {
	  clip:rect(6px,9999px,72px,0)
	}
	  25% {
	  clip:rect(18px,9999px,16px,0)
	}
	  30% {
	  clip:rect(93px,9999px,46px,0)
	}
	  35% {
	  clip:rect(100px,9999px,33px,0)
	}
	  40% {
	  clip:rect(27px,9999px,29px,0)
	}
	  45% {
	  clip:rect(5px,9999px,64px,0)
	}
	  50% {
	  clip:rect(40px,9999px,65px,0)
	}
	  55% {
	  clip:rect(72px,9999px,49px,0)
	}
	  60% {
	  clip:rect(44px,9999px,39px,0)
	}
	  65% {
	  clip:rect(84px,9999px,45px,0)
	}
	  70% {
	  clip:rect(99px,9999px,56px,0)
	}
	  75% {
	  clip:rect(87px,9999px,20px,0)
	}
	  80% {
	  clip:rect(52px,9999px,8px,0)
	}
	  85% {
	  clip:rect(64px,9999px,22px,0)
	}
	  90% {
	  clip:rect(51px,9999px,69px,0)
	}
	  95% {
	  clip:rect(2px,9999px,11px,0)
	}
	  100% {
	  clip:rect(19px,9999px,40px,0)
	}
}

@keyframes noise-anim-2 {
	  0% {
	  clip:rect(68px,9999px,1px,0)
	}
	  5% {
	  clip:rect(44px,9999px,53px,0)
	}
	  10% {
	  clip:rect(72px,9999px,43px,0)
	}
	  15% {
	  clip:rect(18px,9999px,16px,0)
	}
	  20% {
	  clip:rect(6px,9999px,72px,0)
	}
	  25% {
	  clip:rect(18px,9999px,16px,0)
	}
	  30% {
	  clip:rect(93px,9999px,46px,0)
	}
	  35% {
	  clip:rect(100px,9999px,33px,0)
	}
	  40% {
	  clip:rect(27px,9999px,29px,0)
	}
	  45% {
	  clip:rect(5px,9999px,64px,0)
	}
	  50% {
	  clip:rect(40px,9999px,65px,0)
	}
	  55% {
	  clip:rect(72px,9999px,49px,0)
	}
	  60% {
	  clip:rect(44px,9999px,39px,0)
	}
	  65% {
	  clip:rect(84px,9999px,45px,0)
	}
	  70% {
	  clip:rect(99px,9999px,56px,0)
	}
	  75% {
	  clip:rect(87px,9999px,20px,0)
	}
	  80% {
	  clip:rect(52px,9999px,8px,0)
	}
	  85% {
	  clip:rect(64px,9999px,22px,0)
	}
	  90% {
	  clip:rect(51px,9999px,69px,0)
	}
	  95% {
	  clip:rect(2px,9999px,11px,0)
	}
	  100% {
	  clip:rect(19px,9999px,40px,0)
	}
}

.tm-error-404:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 #f5b81c;
  top: 0;
  color: #d4d4d8;
  background: #121218;
  overflow: hidden;
  clip: rect(0,900px,0,0);
  animation: noise-anim-2 3s infinite linear alternate-reverse
}

.uk-card-box-docs{
	background-color: #1e1e2a;
  color: #d4d4d8;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.uk-label-secondary{
	background-color: #2a2a3a;
  color: #fff;
}

.search-result-vehicle li {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.search-result-vehicle li:hover {
	background: #2a2a3a;
}

.search-result-vehicle {
	width: 317px;
	margin-left: -16px;
	position: absolute;
	background-color: #1e1e2a;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	z-index: 999;
	margin-top: 5px;
}

.uk-pointer{
	cursor: pointer;
}

.tm-loader {
	vertical-align: middle;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation: tm-loader-blue-rotate 1.4s linear infinite;
	animation: tm-loader-blue-rotate 1.4s linear infinite;
}

.tm-loader > * {
	-webkit-transform: translate(75px, 75px);
	transform: translate(75px, 75px);
}

.tm-loader > * > * {
	stroke-dasharray: 440px;
	stroke-dashoffset: 0;
	-webkit-animation: tm-loader-blue-dash 1.4s ease-in-out infinite, tm-loader-blue-color 5.6s ease-in-out infinite;
	animation: tm-loader-blue-dash 1.4s ease-in-out infinite, tm-loader-blue-color 5.6s ease-in-out infinite;
	stroke-linecap: round;
}

@-webkit-keyframes tm-loader-rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@keyframes tm-loader-rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(270deg);
	}
}

@-webkit-keyframes tm-loader-dash {
	0% {
		stroke-dashoffset: 440px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		stroke-dashoffset: 110px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 440px;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}

@keyframes tm-loader-dash {
	0% {
		stroke-dashoffset: 440px;
		transform: rotate(0deg);
	}
	50% {
		stroke-dashoffset: 110px;
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 440px;
		transform: rotate(450deg);
	}
}

@-webkit-keyframes tm-loader-color {
	0%, 50%, 100% {
		stroke: #fff;
	}
}

@keyframes tm-loader-color {
	0%, 50%, 100% {
		stroke: #fff;
	}
}

.tm-loader-blue {
	vertical-align: middle;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation: tm-loader-blue-rotate 1.4s linear infinite;
	animation: tm-loader-blue-rotate 1.4s linear infinite;
}

.tm-loader-blue > * {
	-webkit-transform: translate(75px, 75px);
	transform: translate(75px, 75px);
}

.tm-loader-blue > * > * {
	stroke-dasharray: 440px;
	stroke-dashoffset: 0;
	-webkit-animation: tm-loader-blue-dash 1.4s ease-in-out infinite, tm-loader-blue-color 5.6s ease-in-out infinite;
	animation: tm-loader-blue-dash 1.4s ease-in-out infinite, tm-loader-blue-color 5.6s ease-in-out infinite;
	stroke-linecap: round;
}

@-webkit-keyframes tm-loader-blue-rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@keyframes tm-loader-blue-rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(270deg);
	}
}

@-webkit-keyframes tm-loader-blue-dash {
	0% {
		stroke-dashoffset: 440px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		stroke-dashoffset: 110px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 440px;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}

@keyframes tm-loader-blue-dash {
	0% {
		stroke-dashoffset: 440px;
		transform: rotate(0deg);
	}
	50% {
		stroke-dashoffset: 110px;
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 440px;
		transform: rotate(450deg);
	}
}

@-webkit-keyframes tm-loader-blue-color {
	0%, 50%, 100% {
		stroke: #fb923c;
	}
}

@keyframes tm-loader-blue-color {
	0%, 50%, 100% {
		stroke: #fb923c;
	}
}

.tm-violation-type-penality{
	font-size: 15px;
  color: #f5b81c !important;
  padding: 2px 6px;
  background: #16161f;
}

.uk-text-rainbow{
  background-color: #CA4246;
  background-image: linear-gradient(
      45deg,
      #CA4246 16.666%, 
      #E16541 16.666%, 
      #E16541 33.333%, 
      #F18F43 33.333%, 
      #F18F43 50%, 
      #8B9862 50%, 
      #8B9862 66.666%, 
      #476098 66.666%, 
      #476098 83.333%, 
      #A7489B 83.333%);
  background-size: 57%;
  background-repeat: repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  animation: rainbow-text-animation-rev 0.5s ease forwards;
}

.uk-label-dark{
	background: #000;
}

.uk-card-tooltip{
	background: #3a3a4a !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 15px !important;
  padding: 10px !important;
}

.uk-border-top {
  border-top: 1px solid #2a2a3a;
}

.tm-div-padding-25{
  padding: 25px;
}

.system-info-image {
	height: 100px;
	width: 100px;
	object-fit: cover;
}

.system-grid-info {
  min-height: 100px !important;
}

.system-grid-content {
  min-height: 80px !important;
}

.system-grid-start:hover {
  background-color: #1e1e2a;
}

.uk-no-underline {
  text-decoration: none !important;
}

.uk-button-a{
  color: #f5b81c;
  font-size: 16px;
  line-height: 1.5;
  text-transform: none;
}

.uk-button-a:hover{
  color: #ea580c;
}

.tm-width-sidebar, .tm-width-content {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}

@media (min-width:768px) {
	.tm-width-sidebar {
		width: 225px
	}
	.tm-width-content {
		width: calc(100% - 25px - 200px)
	}
}

@media (min-width:960px) {
	.tm-grid-large {
		margin-left: -40px
	}
	.tm-grid-large>* {
		padding-left: 40px
	}
	.tm-grid-large+.tm-grid-large, .tm-grid-large>.uk-grid-margin, .tm-grid-large>*>.uk-card+.uk-card {
		margin-top: 40px
	}
	.tm-width-sidebar {
		width: 290px
	}
	.tm-width-content {
		width: calc(100% - 290px)
	}
}

@media (min-width:1220px) {
	.tm-grid-large {
		margin-left: -50px
	}
	.tm-grid-large>* {
		padding-left: 50px
	}
	.tm-grid-large+.tm-grid-large, .tm-grid-large>.uk-grid-margin, .tm-grid-large>*>.uk-card+.uk-card {
		margin-top: 50px
	}
	.tm-width-sidebar {
		width: 300px
	}
	.tm-width-content {
		width: calc(100% - 300px)
	}
	.tm-width-sidebar-large .tm-width-sidebar {
		width: 320px
	}
	.tm-width-sidebar-large .tm-width-content {
		width: calc(100% - 320px)
	}
}

.uk-nav-default>li>a {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px
}

.tm-nav .uk-nav-header {
	padding: 8px 0;
	border-bottom: 1px solid #2a2a3a!important;
}

.uk-nav-default .uk-nav-header {
	color: #e5e5e5 !important;
}

.uk-nav-default > li > a {
	color: #d4d4d8 !important;
	padding: 10px;
}

.uk-nav-default > li > a:hover, .uk-nav-default > li > a:focus {
	color: #e5e5e5 !important;
}

.uk-nav-default>li.uk-active>a {
	background: #2a2a3a !important;
	color: #e5e5e5 !important;
}

.uk-nav li > a:focus {
	outline: none;
}

.uk-nav-divider {
	border-top: 1px solid #2a2a3a !important;
}

.uk-padding-bottom{
	padding-bottom: 20px;
}

.uk-button-reservation-hour-busy {
	background-color: transparent !important;
	color: #98a1ab !important;
	cursor: not-allowed;
	opacity: .65;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: line-through !important;
}

.uk-button-reservation-hour-busy:hover {
	border: 1px solid #98a1ab !important;
	text-decoration: none;
}

.uk-button-reservation-hour {
	background-color: #1c1917;
	color: #f5b81c;
	border-color: transparent;
	font-weight: 500;
	height: 30px;
	align-items: center;
	display: inline-flex;
	justify-content: center;
	border-radius: 3px;
	font-size: 15px;
	line-height: 18px;
	padding: 0 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid;
}

.uk-button-reservation-hour:hover {
	font-weight: 600;
	color: #ea580c;
	background-color: #2a2a3a;
	border: 1px solid #f5b81c;
	text-decoration: none;
}

.uk-reservation-active, .uk-reservation-hours-active {
	background-color: #2a2a3a !important;
	border: 1px solid #f5b81c !important;
	color: #f5b81c !important;
}

.div-reservation-container {
	height: auto;
}

.div-card-reservation {
  padding: 25px;
  border: 0 solid #2a2a3a;
  border-radius: 0;
  background: #16161f;
  color: #d4d4d8;
}

.uk-badge-success{
	background-color: #32d296 !important;
	color: #fff !important;
}

.uk-badge-danger{
	background-color: #f0506e !important;
  color: #ffffff !important;
}

.uk-padding-reservation-closed{
	padding-left: 5px;
	padding-right: 5px;
	text-transform: uppercase;
}

.uk-badge-rank{
	box-sizing: border-box;
  min-width: 25px;
  height: 25px;
  padding: 0px 8px;
  border-radius: 500px;
  vertical-align: middle;
  background: #2a2a3a;
  color: #e5e5e5 !important;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}

.uk-card-danger{
  background-color: #f0506e;
  color: #fff !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-text-white{
	color: #fff !important;
}

.uk-img-preserve, .uk-img-preserve audio, .uk-img-preserve canvas, .uk-img-preserve img, .uk-img-preserve svg, .uk-img-preserve video {
  max-width: none
}

.uk-badge-user-avatar {
  position: relative;
  z-index: 1;
  height: 40px;
  width: 40px;
  object-fit: cover;
}

.uk-badge-user-avatar-left{
	position: relative;
	left: -20px;
}

.uk-height-viewport-home{
  min-height: 78vh;
}

.uk-margin-left-20{
	margin-left: 20px;
}

[class*='uk-icon-circle'] {
	width: 12px;
	height: 12px;
	border-radius: 50px;
	background: #aaa;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle
}

.uk-icon-circle-primary {
	background: #fb923c
}

.uk-icon-circle-success {
	background: #3DC372
}

.uk-icon-circle-danger {
	background: #e44e56
}

.uk-icon-circle-warning {
	background: #FFB24E
}

.uk-badge-user-avatar {
	position: relative;
	z-index: 1;
	height: 40px;
	width: 40px;
	object-fit: cover;
}

.uk-badge-user-status {
	position: relative;
	z-index: 2;
	bottom: 18px;
	left: 28px;
}

.uk-badge-user-success{
	background: #14b377 !important;
}

.uk-badge-online {
	box-sizing: border-box;
	min-width: 15px;
	height: 15px;
	padding: 0 5px;
	border-radius: 500px;
	vertical-align: middle;
	background: #4C89F2;
	color: #fff;
	font-size: 14.5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.uk-badge-user {
	min-width: 15px;
	height: 15px;
	padding: 0;
	border: 2px solid #fff;
	background: #ccc;
	right: -4%;
}

.div-user-is-online {
	margin-bottom: -16px !important;
}

.uk-text-center-\@m{
	text-align: center !important;
}

.uk-text-right-\@m{
	text-align: right !important;
}

@media (max-width: 959px) {
	.uk-text-center-\@m{
		text-align: left !important;
	}
	.uk-text-right-\@m{
		text-align: left !important;
	}
}

.uk-cursor-default{
	cursor: default !important;
}

.uk-code-legal {
	padding: 10px;
	background: #16161f;
	font: 12px/18px Consolas, monospace, serif;
	color: #a1a1aa;
	-moz-tab-size: 4;
	tab-size: 4;
	overflow: auto;
	border: 1px solid #2a2a3a;
	border-radius: 3px;
}

.uk-label-page{
  background-color: #B2A4FF;
  color: #fff;
}

.uk-label-blog{
  background-color: #B2A4FF;
  color: #fff;
}

.uk-label-cookie{
  background-color: #867070;
  color: #fff;
}

.uk-label-privacy{
  background-color: #2a2a3a;
  color: #e5e5e5;
}

.uk-label-terms{
  background-color: #65647C;
  color: #fff;
}

.uk-label-legal-notices{
  background-color: #65647C;
  color: #fff;
}

.uk-label-notavailable{
	background-color: #000;
  color: #fff;
}

.tm-heading-nav{
	margin-top: 20px;
  color: #fff;
}

.uk-offcanvas-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px;
  box-sizing: border-box;
  width: 270px;
  padding: 20px 20px;
  background: #121218;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.uk-nav-default > li.uk-active > a {
  background: #2a2a3a !important;
  color: #e5e5e5 !important;
}

.uk-nav-header-12 {
  padding: 6px 25px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  color: #d4d4d8;
}

.div-reservation-hour-container {
	height: 520px;
}

.a-reservation-hour-more {
	box-sizing: content-box;
	height: 0;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 1px solid #2a2a3a;
	padding: 10px 0 10px 0;
}

.a-club-trainers-more {
	box-sizing: content-box;
	height: 0;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 1px solid #2a2a3a;
	padding: 10px 0 10px 0;
}

.uk-overflow-container-y, .uk-overflow-auto-y {
	overflow-y: auto;
}

.i-reservation-hour-more-arrow {
	-webkit-animation: bloop 1.8s infinite;
}

.i-club-trainers-more-arrow {
	-webkit-animation: bloop 1.8s infinite;
}

@keyframes bloop {
	 0%, 20%, 30%, 40%, 50%, 60%, 100% {
	 -webkit-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
	}
	 15% {
	 -webkit-animation-timing-function: ease-in;
	 animation-timing-function: ease-out;
	 -webkit-transform: translate3d(0, -10px, 0);
	 transform: translate3d(0, -10px, 0);
	}
	 25% {
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-out;
	 -webkit-transform: translate3d(0, 6px, 0);
	 transform: translate3d(0, 6px, 0);
	}
	 35% {
	 -webkit-animation-timing-function: ease-in;
	 animation-timing-function: ease-out;
	 -webkit-transform: translate3d(0, -3px, 0);
	 transform: translate3d(0, -3px, 0);
	}
	 45% {
	 -webkit-animation-timing-function: ease-out;
	 animation-timing-function: ease-in;
	 -webkit-transform: translate3d(0, 2px, 0);
	 transform: translate3d(0, 2px, 0);
	}
}

.uk-label-tournament-status-in-progress-registration{
	background: #faa05a;
  color: #fff;
}

.uk-label-tournament-status-in-progress{
	background: #32d296;
  color: #fff;
}

.uk-label-tournament-status-open{
	background: #f5b81c;
  color: #fff;
}

.uk-label-tournament-status-close{
	background: #f0506e;
  color: #fff;
}

.uk-label-tournament-type-direct-elimination{
  background: #f5b81c;
  color: #fff;
}

.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
  background: #1e1e2a;
}

.uk-table-hover-gold > tr:hover,
.uk-table-hover-gold tbody tr:hover {
  background: #2a2a3a;
}

.uk-label-offline {
	background: #999;
	color: #fff;
}

.uk-pagination>li {
	display: inline-block;
	font-size: 1rem;
	vertical-align: top
}

.uk-pagination>li:nth-child(n+2) {
	margin-left: 5px
}

.uk-pagination>li>a, .uk-pagination>li>span {
	display: inline-block;
	min-width: 22px;
	padding: 5px 7px;
	line-height: 26px;
	text-decoration: none;
	box-sizing: content-box;
	text-align: center
}

.uk-pagination>li>a {
	background: transparent;
	color: #adadad;
	border-bottom: 2px solid transparent
}

.uk-pagination>li>a:hover, .uk-pagination>li>a:focus {
	background-color: transparent;
	color: #525255;
	outline: none
}

.uk-pagination>li>a:active {
	background-color: transparent;
	color: #525255
}

.uk-pagination>.uk-active>span {
	background: transparent;
	color: #e5e5e5;
	border-bottom: 2px solid #f5b81c
}

.tm-icon-contain {
	background-size: contain
}

.tm-badge-club-photo {
	width: 80px;
	height: 80px;
	object-fit: fill;
}

.uk-container-small {
  max-width: 900px;
}

.club-image-details-nopanel {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 50%;
}

.player-image-details-nopanel{
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 50%;
}

.trainer-image-details-nopanel{
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 50%;
}

.player-pair-image-details-nopanel{
	width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
}

.player-pair-right-image-details-nopanel{
	margin-left: -80px;
}

.uk-div-border-default{
	border-radius: 12px;
}

.uk-table-maps-routing td:last-child {
  margin-bottom: 0;
  font-weight: 700;
  color: #e5e5e5;
}

.tm-leaflet-address-bar{
	background-color: #1e1e2a;
	color: #e5e5e5;
}

.tm-leaflet-current-position{
	background-color: #1e1e2a;
	padding: 4px;
}

.tm-leaflet-current-position:hover{
	background-color: #2a2a3a;
}

.uk-search-map-routing{
	margin-top: 230px !important;
}

.uk-table-maps-routing {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
}

* + .uk-table-maps-routing {
  margin-top: 20px;
}

.uk-table-maps-routing th {
  padding: 10px 10px;
  text-align: left;
  vertical-align: bottom;
  font-size: 0.75rem;
  font-weight: normal;
  color: #a1a1aa;
  text-transform: uppercase;
  border-bottom: 1px solid #2a2a3a;
  text-transform: uppercase;
}

.uk-table-maps-routing td {
  padding: 10px 10px;
  vertical-align: center;
}

.uk-label-padelmask{
	background: #f5b81c;
}

.uk-label-lesson{
	background: #f5b81c;
}

.uk-label-open-lesson{
	background: #34495e;
}

.uk-label-game{
	background: #f5b81c;
}

.uk-label-open-game{
	background: #2ecc71;
}

.uk-card-trainer{
	--uk-inverse: light;
  background-color: #f5b81c;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.uk-card-player-club-like{
	--uk-inverse: light;
  background-color: #ff6a6a;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.uk-card-rank-player{
	--uk-inverse: light;
  background-color: #ff6a6a;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.uk-card-rank-player-pair{
	--uk-inverse: dark;
  background-color: #f4d97b;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.uk-card-rank-player-pair .uk-card-header {
  color: #fff;
}

.uk-card-rank-player-pair .uk-card-body {
  color: #fff !important;
}

.uk-card-rank-player-pair .uk-card-body h4,
.uk-card-rank-player-pair .uk-card-body .uk-h4 {
  color: #fff !important;
}

.uk-card-rank-player-pair a {
	color: #fff;
}

.uk-card-border{
	border: 1px solid #2a2a3a;
}

.uk-tab > * > a {
  padding: 15px 10px 15px 10px;
  border-bottom: 2px solid transparent;
  letter-spacing: 1px;
}

.uk-tab > * > a:hover,
.uk-tab > * > a:focus {
  color: #d4d4d8;
  text-decoration: none;
}

.uk-tab > .uk-active > a {
  color: #e5e5e5;
  border-color: #f5b81c;
}

.tm-text-large {
  font-size: 1.7rem;
  line-height: 1.3;
  color: #e5e5e5;
}

.tm-chart-position {
	position: relative;
}

.tm-calendar-position{
	position: relative;
}

.tm-chart-position-doughnut {
	position: relative;
}

@media (max-width:767px) {
	.tm-chart-position {
		position: relative;
		width: 600px;
	}

	.tm-calendar-position {
		position: relative;
		width: 600px;
	}

	.tm-chart-position-doughnut {
		position: relative;
		width: 300px;
	}
}

.uk-overflow-x{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.uk-scrollbar-default {
	scrollbar-width: 10px;
	scrollbar-color: #2a2a3a transparent;
	scrollbar-width: thin;
}

.uk-scrollbar-default::-webkit-scrollbar-track {
 background-color: #121218;
}

.uk-scrollbar-default::-webkit-scrollbar {
 width: 10px;
 height: 10px;
 background-color: #1e1e2a;
}

.uk-scrollbar-default::-webkit-scrollbar-thumb {
 background-color: #3a3a4a;
 border-radius:16px;
 border:2.4px solid #121218;
}

[class*=uk-divider] {
	border: none;
	margin-bottom: 20px
}

*+[class*=uk-divider] {
	margin-top: 20px
}

.uk-divider-icon {
	position: relative;
	height: 20px;
	background-image: url("/app/system/assets/icons/theme-one/padelmask-divider.svg");
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.uk-divider-icon::after, .uk-divider-icon::before {
	content: "";
	position: absolute;
	top: 50%;
 	max-width:calc(50% - (50px / 2));
	border-bottom: 1px solid #2a2a3a
}

.uk-divider-icon::before {
 	right:calc(50% + (50px / 2));
	width: 100%
}

.uk-divider-icon::after {
 	left:calc(50% + (50px / 2));
	width: 100%
}

.uk-section-game-next {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.uk-section-game-next:hover {
  background-color: #2a2a3a;
}

.uk-section-player-medical-certificate{
	cursor: pointer;
  transition: background-color 0.3s ease;
}

.uk-section-player-medical-certificate:hover {
  background-color: #2a2a3a;
}

.uk-section-player-today-birthday{
	cursor: pointer;
  transition: background-color 0.3s ease;
}

.uk-section-player-today-birthday:hover {
  background-color: #2a2a3a;
}

.uk-section-hover{
	cursor: pointer;
  transition: background-color 0.3s ease;
}

.uk-section-hover:hover {
  background-color: #2a2a3a;
}

@media (min-width: 1768px) {
	.uk-camera-preview-image{
		position: absolute;
		bottom: 0;right: 30px;
		width: 500px;
		height: 500px;
	}
}

.club-announcement {
	padding: 13px;
	background: linear-gradient(90deg, #5cd44d, #3f7cca);
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.club-announcement-close {
	position: absolute;
	right: 9px;
	top: 9px;
	width: 32px;
	height: 32px;
}

.club-announcement-close::before {
	transform: rotate(45deg);
}

.club-announcement-close::after, .club-announcement-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.club-announcement-close::after {
	transform: rotate(-45deg);
}

.club-announcement-close::after, .club-announcement-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.club-announcement-button {
	margin-left: 20px;
	border-bottom: 1px solid #fff;
	color: #fff !important;
}

.club-notification {
	padding: 13px;
	background: #e44e56;
	line-height: 24px;
	text-align: center;
	color: #fff;
}

.club-notification-close {
	position: absolute;
	right: 9px;
	top: 9px;
	width: 32px;
	height: 32px;
}

.club-notification-close::before {
	transform: rotate(45deg);
}

.club-notification-close::after, .club-notification-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.club-notification-close::after {
	transform: rotate(-45deg);
}

.club-notification-close::after, .club-notification-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.club-notification-button {
	margin-left: 20px;
	border-bottom: 1px solid #fff;
	color: #fff !important;
}

.system-announcement {
	padding: 13px;
	background: linear-gradient(90deg, #f4d97b, #ff6a6a);
	line-height: 24px;
	text-align: center;
	color: #fff;
}

.system-announcement-close {
	position: absolute;
	right: 9px;
	top: 9px;
	width: 32px;
	height: 32px;
}

.system-announcement-close::before {
	transform: rotate(45deg);
}

.system-announcement-close::after, .system-announcement-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.system-announcement-close::after {
	transform: rotate(-45deg);
}

.system-announcement-close::after, .system-announcement-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.system-announcement-button {
	margin-left: 20px;
	border-bottom: 1px solid #fff;
	color: #fff !important;
}

.system-notification {
	padding: 13px;
	background: #262626;
	line-height: 24px;
	text-align: center;
	color: #fff;
}

.system-notification-close {
	position: absolute;
	right: 9px;
	top: 9px;
	width: 32px;
	height: 32px;
}

.system-notification-close::before {
	transform: rotate(45deg);
}

.system-notification-close::after, .system-notification-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.system-notification-close::after {
	transform: rotate(-45deg);
}

.system-notification-close::after, .system-notification-close::before {
	background: #fff;
	border-radius: 4px;
	content: "";
	height: 18px;
	position: absolute;
	top: 6px;
	right: 14px;
	width: 2px;
}

.system-notification-button {
	margin-left: 20px;
	border-bottom: 1px solid #fff;
	color: #fff !important;
}

.uk-text-underline{
	text-decoration: underline;
}

@media (min-width:1760px) {
	.uk-panel-900, .uk-panel-900-small {
		max-width: 100%;
		margin: auto
	}
}

@media (min-width:480px) {
	.uk-panel-900 {
		width: 360px
	}
}

@media (min-width:960px) {
	.uk-panel-900 {
		width: 900px
	}
}

@media (min-width:480px) {
	.uk-panel-900-small {
		width: 400px
	}
}

@media (min-width:768px) {
	.uk-panel-900-small {
		width: 500px
	}
}

.tm-panel-icon-wrap > p {
	white-space: normal !important;
}

.uk-card-default > .uk-card-teaser {
  margin-bottom: 15px;
}

.uk-li-reverve-court {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.div-li-reserve-court:hover {
  background-color: #2a2a3a;
  transition: background-color 0.3s ease;
}

.uk-section-reservation-slot{
	border: 0 solid #2a2a3a;
  border-radius: 0;
  background: #16161f;
}

.uk-padding-slot{
	padding-top: 20px;
	padding-bottom: 10px;
}

.uk-padding-reserve-court-book-hours{
	padding-left: 10px;
	padding-right: 10px;
}

.uk-card-body-business-card{
	display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: auto;
  padding: 20px;
}

.uk-label-tags{
	background: #2a2a3a;
  color: #d4d4d8;
}

/* Stile per i giocatori disponibili */
.reservation_player_one_available,
.reservation_player_two_available,
.reservation_player_three_available,
.reservation_player_four_available {
    cursor: pointer; 
    transition: background 0.3s ease;
}

.reservation_player_one_available:hover,
.reservation_player_two_available:hover,
.reservation_player_three_available:hover,
.reservation_player_four_available:hover {
    background: #2a2a3a; /* Colore di sfondo quando il mouse è sopra */
    padding: 10px;
}

/* Stile per quando il giocatore è selezionato */
.selected-player {
    border: 1px solid #f5b81c !important; /* Bordo arancione per il giocatore selezionato */
    background: #2a2a3a !important; /* Sfondo per il giocatore selezionato */
    padding: 10px;
}

.open-game-indicator {
    position: relative;
}

.open-game-indicator::before {
    content: "";
    position: absolute;
    top: -7px; /* Regola la posizione verticale */
    left: -9px; /* Regola la posizione orizzontale */
    width: 16px; /* Dimensione dell'immagine */
    height: 16px;
    background-image: url('/storage/other/open-game-indicator.png'); /* Percorso dell'immagine */
    background-size: contain;
    background-repeat: no-repeat;
}

.uk-dropdown {
  min-width: 130px;
}

.uk-event-past{
	background-color: #1e1e2a;
}

.uk-spinner svg circle {
  stroke-width: 2;
}

.uk-button-success:disabled {
  background-color: transparent;
  color: #a1a1aa;
  border: 1px solid #2a2a3a;
}

.uk-text-club-note{
	background-color: #1e1e2a;
  color: #e5e5e5;
  padding: 2px 5px;
  border-radius: 3px;
}

.position-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.position-circle-last{
    background-color: #f0506e;
    color: #fff;
}

.first-place {
    background-color: #f5c518;
    color: #fff;
}

.second-place {
    background-color: #e4e4e4;
    color: #fff;
}

.third-place {
    background-color: #a76e4a;
    color: #fff;
}

.check-club-news-group, 
.check-player,
.check-player-pair,
.check-trainer, 
.check-medical-certificate, 
.check-membership, 
.check-tournament, 
.check-court, 
.check-club, 
.check-advertisement, 
.check-article, 
.check-system-notification {
    cursor: pointer;
}

.uk-button-default {
  background-color: #1e1e2a;
  color: #e5e5e5;
  border: 1px solid #3a3a4a;
  border-radius: 8px;
}

.uk-button-default:hover {
  background-color: #2a2a3a;
  color: #fff;
  border-color: #52525b;
}

.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: #3a3a4a;
  color: #fff;
  border-color: #71717a;
}

.uk-user-avatar-ranking{
	width: 40px;
  height: 40px;
}

.uk-register-margin-top-remove{
	margin-top: -65px;
}

.uk-scrollable-text-register {
	height: 400px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.tm-list-divider {
	margin-left: 20px;
	padding: 0 0 0 20px;
	border-left: 1px solid rgba(200,200,200,0.4);
	list-style: none;
}

.uk-label-subscription-completed{
	background-color: #32d296;
  color: #fff;
}

.uk-label-subscription-pending{
	background-color: #faa05a;
  color: #fff;
}

.uk-label-subscription-denied{
	background: #f0506e;
  color: #fff;
}

.uk-label-subscription-free{
	background-color: #32d296;
  color: #fff;
}

.uk-text-inline {
	display: inline;
}

.uk-text-strikethrough {
	position: relative;
}

.uk-text-strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 1px solid;
	border-color: inherit;
	color: #e44e56;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.tm-home{
	margin-top: -60px !important;
}

.tm-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.tm-breadcrumb > * {
  flex: none;
}

.tm-breadcrumb > * > :hover,
.tm-breadcrumb > * > :focus {
  color: #d4d4d8;
  text-decoration: none;
}

.tm-breadcrumb > :last-child > span,
.tm-breadcrumb > :last-child > a:not([href]) {
  color: #d4d4d8;
}

.tm-breadcrumb > :nth-child(n+2):not(.tm-first-column)::before {
  content: "/";
  display: inline-block;
  margin: 0 20px;
  color: #a1a1aa;
  font-size: 0.875rem;
}

.uk-card-player-birthday{
	max-height: 250px !important;
}

.uk-card-player-medical-certificate-expiring{
	max-height: 350px !important;
}

.uk-label-promo-no-member {
  background-color: #f5b81c;
  color: #fff;
}

.uk-label-promo-member {
  background-color: #32d296;
  color: #fff;
}

.uk-icon-padelmask {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/storage/other/booked-from-platform.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.uk-text-center-\@m{
	text-align: center !important;
}

@media (max-width: 959px) {
	.uk-text-center-\@m{
		text-align: left !important;
	}
}

.user-registration-notify {
	position: fixed;
	width: 100%;
	background-color: rgba(0,0,0,.8);
	margin: 0px;
	left: 0px;
	bottom: 0px;
	padding: 30px 4px;
	z-index: 1000;
	text-align: center;
	color: rgb(255, 255, 255);
}

/* =========================================
   UIkit primary color overrides — #f5b81c
   ========================================= */

.uk-text-primary {
	color: #f5b81c !important;
}

.uk-text-emphasis {
	color: #e5e5e5 !important;
}

.uk-link,
.uk-link:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading {
	color: #f5b81c !important;
}

.uk-button-primary {
	background-color: #f5b81c !important;
	color: #fff !important;
	border-color: #f5b81c !important;
	border-radius: 8px !important;
}

.uk-button-primary:hover,
.uk-button-primary:focus {
	background-color: #ea580c !important;
	border-color: #ea580c !important;
	color: #fff !important;
}

.uk-card-primary {
	background-color: #f5b81c !important;
	color: #fff !important;
}

.uk-card-primary .uk-card-title {
	color: #fff !important;
}

.uk-card-primary.uk-card-hover:hover {
	background-color: #ea580c !important;
}

.uk-section-primary,
.uk-tile-primary {
	background-color: #f5b81c !important;
	color: #fff !important;
}

.uk-background-primary {
	background-color: #f5b81c !important;
}

.uk-alert-primary {
	background-color: #1c1917 !important;
	color: #fb923c !important;
	border-color: #f5b81c !important;
}

.uk-input,
.uk-select,
.uk-textarea {
	background-color: #1e1e2a !important;
	color: #e5e5e5 !important;
	border-color: #2a2a3a !important;
	border-radius: 8px !important;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
	border-color: #f5b81c !important;
	background-color: #1e1e2a !important;
	color: #e5e5e5 !important;
}

.uk-input::placeholder,
.uk-textarea::placeholder {
	color: #a1a1aa !important;
}

.uk-form-label {
	color: #d4d4d8 !important;
}

.uk-card-default {
	background-color: #1e1e2a !important;
	color: #e5e5e5 !important;
	border-radius: 12px !important;
}

.uk-card-default .uk-card-title {
	color: #e5e5e5 !important;
}

.uk-card-default .uk-card-header {
	border-color: #2a2a3a !important;
}

.uk-card-default .uk-card-footer {
	border-color: #2a2a3a !important;
}

.uk-section-default {
	background-color: #121218 !important;
}

.uk-table {
	color: #e5e5e5 !important;
}

.uk-table th {
	color: #d4d4d8 !important;
	border-color: #2a2a3a !important;
}

.uk-table td {
	border-color: #2a2a3a !important;
}

.uk-table-striped > tr:nth-child(even) > td,
.uk-table-striped tbody tr:nth-child(even) > td {
	background-color: #16161f !important;
}

.uk-table-hover > tr:hover > td,
.uk-table-hover tbody tr:hover > td {
	background-color: #1e1e2a !important;
}

.uk-nav-default > li > a {
	color: #d4d4d8 !important;
	border-radius: 6px !important;
}

.uk-nav-default > li > a:hover {
	color: #e5e5e5 !important;
	background-color: #2a2a3a !important;
}

.uk-nav-default .uk-nav-header {
	color: #a1a1aa !important;
}

.uk-nav-default .uk-nav-divider {
	border-color: #2a2a3a !important;
}

.uk-navbar-container {
	background-color: #121218 !important;
}

.uk-navbar-nav > li > a {
	color: #d4d4d8 !important;
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > a:focus {
	color: #f5b81c !important;
}

.uk-navbar-nav > li.uk-active > a {
	color: #f5b81c !important;
}

.uk-navbar-dropdown {
	background-color: #1e1e2a !important;
	border-color: #2a2a3a !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.uk-navbar-dropdown-nav > li > a {
	color: #d4d4d8 !important;
}

.uk-navbar-dropdown-nav > li > a:hover {
	color: #f5b81c !important;
	background-color: #2a2a3a !important;
}

.uk-drop {
	background-color: #1e1e2a !important;
	border-color: #2a2a3a !important;
	border-radius: 12px !important;
}

.uk-dropdown {
	background-color: #1e1e2a !important;
	border-color: #2a2a3a !important;
	border-radius: 12px !important;
}

.uk-dropdown-nav > li > a {
	color: #d4d4d8 !important;
}

.uk-dropdown-nav > li > a:hover {
	color: #f5b81c !important;
	background-color: #2a2a3a !important;
}

.uk-modal-header {
	border-bottom-color: #2a2a3a !important;
	background-color: #1e1e2a !important;
}

.uk-modal-footer {
	border-top-color: #2a2a3a !important;
	background-color: #1e1e2a !important;
}

.uk-modal-dialog {
	background-color: #1e1e2a !important;
	border-radius: 16px !important;
	box-shadow: 0 16px 48px rgba(0,0,0,0.5);
}

.uk-close {
	color: #d4d4d8 !important;
}

.uk-close:hover {
	color: #f5b81c !important;
}

.uk-button-link {
	color: #f5b81c !important;
}

.uk-button-link:hover {
	color: #ea580c !important;
}

.uk-button-text {
	color: #e5e5e5 !important;
}

.uk-button-text:hover {
	color: #f5b81c !important;
}

.uk-button-text::before {
	border-bottom-color: currentColor;
}

.uk-dotnav > * > a {
	border-color: #3a3a4a !important;
	background-color: transparent !important;
}

.uk-dotnav > * > a:hover {
	border-color: #f5b81c !important;
	background-color: #f5b81c !important;
}

.uk-dotnav > .uk-active > a {
	border-color: #f5b81c !important;
	background-color: #f5b81c !important;
}

.uk-slideshow {
	background-color: #121218 !important;
}

.uk-overlay {
	background-color: rgba(18,18,24,0.8) !important;
}

.uk-card-body {
	color: #e5e5e5 !important;
}

.uk-description-list > dt {
	color: #d4d4d8 !important;
}

.uk-grid-divider > *::before {
	border-color: #2a2a3a !important;
}

.uk-grid-divider.uk-grid-match > * {
	border-color: #2a2a3a !important;
}

.uk-accordion-title {
	color: #e5e5e5 !important;
}

.uk-accordion-title:hover {
	color: #f5b81c !important;
}

.uk-accordion-content {
	color: #d4d4d8 !important;
}

.uk-switch-name {
	background-color: #1e1e2a !important;
}

.uk-tooltip {
	background-color: #2a2a3a !important;
	color: #e5e5e5 !important;
}

.uk-sortable-handle {
	color: #3a3a4a !important;
}

.uk-card-badge {
	background-color: #f5b81c !important;
	color: #fff !important;
}

.uk-progress-bar {
	background-color: #f5b81c !important;
}

.uk-progress {
	background-color: #2a2a3a !important;
}

.uk-select {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M12 6L0 6 6 0z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
}

/* Force button-default hover to work on dark backgrounds */
.uk-light .uk-button-default,
.uk-card-primary.uk-card-body .uk-button-default,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default,
.uk-card-secondary.uk-card-body .uk-button-default,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default,
.uk-overlay-primary .uk-button-default,
.uk-offcanvas-bar .uk-button-default,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
  background-color: transparent !important;
  color: #e5e5e5 !important;
  border-color: #3a3a4a !important;
}

.uk-light .uk-button-default:hover,
.uk-card-primary.uk-card-body .uk-button-default:hover,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover,
.uk-card-secondary.uk-card-body .uk-button-default:hover,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:hover,
.uk-overlay-primary .uk-button-default:hover,
.uk-offcanvas-bar .uk-button-default:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover {
  background-color: #2a2a3a !important;
  color: #fff !important;
  border-color: #52525b !important;
}

/* Navbar and dropdown hover colors */
.uk-navbar-nav > li > a:hover,
.uk-subnav > li > a:hover,
.uk-breadcrumb > * > a:hover {
  color: #f5b81c !important;
}

.uk-subnav > * > :first-child {
  color: #d4d4d8;
}

.uk-subnav > li > a:hover {
  color: #f5b81c !important;
}

.uk-breadcrumb > * > a {
  color: #a1a1aa !important;
}

.uk-breadcrumb > * > a:hover {
  color: #f5b81c !important;
}

.uk-breadcrumb > .uk-active > span {
  color: #e5e5e5 !important;
}

.uk-description-list > dd {
  color: #e5e5e5 !important;
}

/* Override remaining UKit #333 hardcoded colors */
.uk-heading-2xlarge,
.uk-heading-3xlarge {
  color: #e5e5e5 !important;
}

.uk-totop {
  color: #a1a1aa !important;
}

.uk-totop:hover {
  color: #f5b81c !important;
}

.uk-accordion-title {
  color: #e5e5e5 !important;
}

.uk-accordion-title:hover {
  color: #f5b81c !important;
}

.uk-accordion-content {
  color: #d4d4d8 !important;
}

.uk-list > li {
  color: #e5e5e5 !important;
}

.uk-list-divider > li {
  border-color: #2a2a3a !important;
}

.uk-article-title {
  color: #e5e5e5 !important;
}

.uk-text-lead {
  color: #a1a1aa !important;
}

/* =========================================
   Smooth transitions
   ========================================= */

.uk-label {
  border-radius: 6px !important;
}

.uk-card-default,
.tm-panel-box,
.uk-navbar-dropdown,
.uk-modal-dialog,
.uk-input,
.uk-select,
.uk-textarea,
.uk-button-min,
.uk-nav-default > li > a,
.uk-tab > * > a,
.uk-navbar-nav > li > a {
  transition: all 0.2s ease;
}

/* Public club profile dark-theme corrections. */
#club-view {
  color: #e5e5e5;
}

#club-view .uk-card-default {
  background-color: #1e1e2a !important;
  border: 1px solid #2a2a3a;
  border-radius: 12px !important;
  overflow: hidden;
}

#club-view .uk-card-primary {
  border-radius: 12px !important;
  overflow: hidden;
}

#club-view .uk-card-body,
#club-view p,
#club-view li {
  color: #e5e5e5 !important;
}

#club-view .uk-text-muted {
  color: #d4d4d8 !important;
}

#club-view .uk-text-black {
  color: #e5e5e5 !important;
}

#club-view .uk-card-primary .uk-text-muted,
#club-view .uk-card-primary a {
  color: rgba(255, 255, 255, 0.88) !important;
}

#club-view .uk-background-muted {
  background-color: #1e1e2a !important;
  border: 1px solid #2a2a3a;
}

#club-view .uk-div-border-default {
  border: 1px solid #2a2a3a;
  border-radius: 12px;
  overflow: hidden;
}

#club-view .tm-badge-club-photo {
  border-radius: 8px;
}