/* Nav icons */
.sidebar-link.sidebar-title .fas {
	font-size: 1.2em;

	margin-inline: 5px;

	width: 20px;

	text-align: center;
}

.sidebar-link.sidebar-title.active .fa {
	color: var(--theme-default);
}

.link-shop {
	background: var(--theme-default);

	color: white;
}

.link-shop * {
	color: white !important;
}

.link-shop:hover * {
	color: var(--theme-default) !important;
}

.link-shop .fa {
	transform: rotateY(180deg);
}

.cd-timeline-img {
	left: 0 !important;
}

#cd-timeline::before {
	left: 0 !important;
}

.cd-timeline-content {
	float: right;

	width: 95%;
}

.sidebar-link {
	cursor: pointer;
}

.notification-img img {
	max-height: 40px;
	max-width: 40px;

	object-fit: contain;
}

li.notification {
	cursor: default;
}

li.notification.unread {
	background: #f7f7fe;
}

.font-success .icon-arrow-up {
	transform: rotate(45deg) !important;
}

.ongoing-project table tbody tr td a h6,
.hot-selling .table tbody tr td h5 {
	color: var(--theme-default);
}

.text-primary {
	color: var(--theme-default) !important;
}

.sidebar-link .fas {
	font-size: 1.2em;

	color: #2c323f;
}

.sidebar-link.active .fas,
.sidebar-link:hover .fas {
	color: var(--theme-default) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
	font-weight: 900 !important;
}

.blueprint {
	display: none !important;
}

.dataTables_wrapper a.btn {
	padding: 0.375rem 0.75rem;

	border-radius: 0.25rem;

	font-size: 14px;
	color: #fff;
	font-weight: 400;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active:only-child {
	margin-bottom: 0 !important;
}

.chat-footer-status-change {
	padding: 20px 100px;
	border: 6px solid var(--theme-default);
	border-radius: 20px;
}

@media (max-width: 450px) {
	.chat-footer-status-change {
		padding: 20px 60px;
	}
}

.status-change {
	padding: 20px 100px;

	border: 5px solid var(--theme-default);
	border-radius: 20px;

}

.status-change .form-control {
	max-width: 50%;
	margin: 0 auto;
}

.ck-editor__editable[role="textbox"] {
	/* editing area */
	min-height: 200px;
}

.ck-content .image {
	/* block images */
	max-width: 80%;
	margin: 20px auto;
}

.badge.badge-xl {
	font-size: 1.25em;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li .media .media-body {
	margin-left: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.notification-dropdown {
	cursor: default !important;
}

.notification h5 {
	cursor: pointer !important;
}

.notification .media-img {
	display: flex;

	justify-content: center;
	align-content: center;

	align-self: center;

	margin-right: 10px;

	text-align: center;
}

.notification .media-img i,
.notification .media-img img {
	width: 30px;

	color: black;
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
	top: 40px;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
	top: 40px;
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown .notification a {
	position: unset !important;
}

.sidebar-link.sidebar-title img {
	margin-inline: 5px;
	width: 20px;
	text-align: center;
}

.player-avatar {
	width: 40px;
	height: 40px;
	object-fit: cover;

	border-radius: 50%;
}

.player-avatar.sm {
	width: 25px;
	height: 25px;
}

/* Padel field */
.padel-field {
	width: 600px;
	height: 300px;

	position: relative;

	display: grid;

	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);

	background: #38b6ff;

	padding-left: calc(600px * 15 / 100);
	padding-right: calc(600px * 15 / 100);

	border: 4px solid black;
}

.padel-field.lg {
	width: 800px;
	height: 400px;

	padding-left: calc(800px * 15 / 100);
	padding-right: calc(800px * 15 / 100);
}

.padel-field .team-1-text {
	position: absolute;

	top: 45%;
	left: 70px;

	font-size: 1.2em;

	color: white;

	transform: rotate(-90deg) translateY(-50%);
}

.padel-field .team-2-text {
	position: absolute;

	top: 45%;
	right: 70px;

	font-size: 1.2em;

	color: white;

	transform: rotate(90deg) translateY(-50%);
}

@media screen and (max-width: 1000px) {
	.padel-field {
		width: 500px !important;
		height: 250px !important;

		padding-left: calc(500px * 15 / 100) !important;
		padding-right: calc(500px * 15 / 100) !important;
	}

	.participant-name {
		font-size: 0.9em !important;
	}

	.participant-stats {
		display: none !important;
	}

	.padel-field .team-1-text {
		left: 25px !important;

		font-size: 1.1em !important;
	}

	.padel-field .team-2-text {
		right: 25px !important;

		font-size: 1.1em !important;
	}

}

@media screen and (max-width: 800px) {
	.padel-field {
		width: 400px !important;
		height: 200px !important;

		padding-left: calc(400px * 15 / 100) !important;
		padding-right: calc(400px * 15 / 100) !important;
	}

	.participant-name {
		font-size: 0.9em !important;
	}

	.participant-stats {
		display: none !important;
	}

	.padel-field .team-1-text {
		left: 12px !important;

		font-size: 1.1em !important;
	}

	.padel-field .team-2-text {
		right: 12px !important;

		font-size: 1.1em !important;
	}

}

@media screen and (max-width: 430px) {
	.padel-field {
		height: 300px !important;
		width: 600px !important;

		transform: rotate(90deg);
		transform-origin: 50% 50%;

		margin: 160px auto;
		margin-left: -150px !important;

		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);

		padding-left: calc(300px * 15 / 100);
		padding-right: calc(300px * 15 / 100);
	}

	.participant {
		transform: rotate(-90deg);
	}

	.participant-name {
		font-size: 12px !important;

		max-width: 140px !important;
	}


	.participant-container:nth-child(1) {
		border-left: 6px solid white;
		border-right: 3px solid white;
		border-bottom: 1px solid orange;
		border-top: 6px solid white;
	}

	.participant-container:nth-child(2) {
		border-left: 3px solid white;
		border-right: 6px solid white;
		border-bottom: 1px solid orange;
		border-top: 6px solid white;
	}

	.participant-container:nth-child(3) {
		border-left: 6px solid white;
		border-right: 3px solid white;
		border-top: 1px solid orange;
		border-bottom: 6px solid white;
	}

	.participant-container:nth-child(4) {
		border-left: 3px solid white;
		border-right: 6px solid white;
		border-top: 1px solid orange;
		border-bottom: 6px solid white;
	}

	.participant-container:nth-child(1),
	.participant-container:nth-child(3) {
		border-right: 3px solid white;
	}

	.participant-container:nth-child(2),
	.participant-container:nth-child(4) {
		border-left: 3px solid white;
	}

	.participant-container:nth-child(1),
	.participant-container:nth-child(2) {
		border-bottom: 1px solid orange;
	}

	.participant-container:nth-child(3),
	.participant-container:nth-child(4) {
		border-top: 1px solid orange;
	}

	.padel-field .team-2-text {
		right: 0 !important;

		transform: rotate(-90deg);
	}
}

.participant-container {
	display: flex;

	justify-content: center;
	align-items: center;

	color: #192335;
}

.participant-container:nth-child(1) {
	border-left: 6px solid white;
	border-bottom: 3px solid white;
	border-right: 1px solid orange;
}

.participant-container:nth-child(2) {
	border-right: 6px solid white;
	border-bottom: 3px solid white;
	border-left: 1px solid orange;
}

.participant-container:nth-child(3) {
	border-left: 6px solid white;
	border-top: 3px solid white;
	border-right: 1px solid orange;
}

.participant-container:nth-child(4) {
	border-right: 6px solid white;
	border-top: 3px solid white;
	border-left: 1px solid orange;
}

.participant {
	display: flex;
	flex-direction: column;

	justify-content: center;
	align-items: center;
}

.participant-image {
	width: 40px;
	height: 40px;
	border-radius: 50%;

	object-fit: cover;
}

.participant-name {
	display: block;

	font-weight: bold;

	font-size: 1em;

	text-align: center;
}

.participant-stats {
	display: block;

	font-size: 0.9em;

	text-align: center;
}

/* End Padel field */

.login-form .form-group .input-group-text {
	color: var(--theme-default);

	background: rgba(156, 82, 16, 0.1);
}

.errors-page {
	text-align: center;
}

.errors-page .error-title {
	font-size: 10em;
}

.errors-page .error-desc {
	font-size: 2em;
}

.sidebar-link.sidebar-title.link-nav.disabled {
	cursor: not-allowed !important;
}

.sidebar-link.sidebar-title.link-nav.bg-danger {
	color: white !important;
}

.sidebar-link.sidebar-title.link-nav.bg-danger * {
	color: white !important;
}

.text-gold {
	color: gold !important;
}