.download-btn,
.scroll-down-btn {
	position: absolute;
	transform-origin: top left
}

.side-top div,
footer {
	background-position: center bottom
}

.main-title,
.nav-link,
.stat_title {
	text-transform: uppercase
}

.nochar,
.shopsguilddungeons table,
.table.align-items-center td,
.table.align-items-center th {
	vertical-align: middle
}

.addnewticket:hover,
.dropload,
.form-check,
.form-check-input {
	cursor: pointer
}

:root {
	--logo-box-button-scale: 1.0
}

@font-face {
	font-family: Roboto, sans-serif
}


.iconfont {
	font-family: Icons
}

body {
	color: #947b7b;
	background-color: #00130f;
	margin-bottom: 0;
	padding-bottom: 0
}

.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center
}

.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem
}

.featurette-divider {
	margin: 5rem 0
}

.featurette-heading {
	letter-spacing: -.05rem
}

@media (min-width:40em) {
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4
	}

	.featurette-heading {
		font-size: 35px
	}
}

.header-video .short_content,
.header-video video {
	object-fit: cover;
	width: 72%;
	top: 0;
	left: 14%;
	position: relative;
	min-height: 240px
}

.logo-box {
	position: absolute;
	top: 0;
	height: auto;
	display: none;
	left: 18%;
	z-index: 3
}

.logo-box img {
	width: 100%;
	height: 100%;
	display: block
}

.download-btn {
	background: url('../imgs/button-download.png');
	width: 216px;
	height: 82px;
	content: " ";
	display: block;
	left: 0;
	top: 0
}

.download-btn:hover{
	opacity: 0.8;
}

.scroll-down-btn {
	background: url('../imgs/scroll-down.png');
	width: 21px;
	height: 48px;
	content: " ";
	display: block;
	left: 0;
	top: 0
}

.left-side,
.right-side {
	position: absolute;
	height: var(--video-height);
	z-index: 1;
	overflow: hidden;
	content: " ";
	top: 0
}

.left-side {
	left: 0;
	background: url('../imgs/balszele.png') right top/cover;
	width: calc(1250 * calc(var(--video-height)/ var(--side-width)))
}

.right-side {
	right: 0;
	background: url('../imgs/balszele.png') right top/cover;
	width: calc(1250 * calc(var(--video-height)/ var(--side-width)));
	transform: rotate(180deg);
}

@media (max-width:800px) {
	.main-body {
		padding-top: 56px
	}

	.left-side,
	.right-side {
		display: none
	}

	.header-video {
		width: 100%;
		overflow: hidden
	}

	.header-video .short_content,
	.header-video video {
		position: relative;
		left: -86%;
		width: 200%
	}
}

.bg-navbar {
	background-image: url('../imgs/nav_meniu.png');
	background-repeat: no-repeat;
	width: 1090px;
	height: 150px;
	position: fixed;
	top: 0;
	left: 200px;
	z-index: 1052
}

.bg-nav-dark {
	background: #121537
}

.nav-link {
	color: #f9d1a7
}

.breadcrumb-item + .breadcrumb-item::before,
.nav-link:focus,
.nav-link:hover {
	color: #d6af84
}

.nav-link:active,
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link,
a:active,
a:focus {
	color: #ff8560
}

.lang-drop {
	background-color: #1c463a;
	border-radius: 4px
}

.bg-navseamless {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 12px;
	background-image: url('../imgs/nav_seamless.png');
	z-index: 1051
}

.navbar .container {
	z-index: 1055
}

.supports .dropdown-menu {
	border: 1px solid rgb(110 80 72)
}

.dropdown-menu {
	background-color: #1c463a;
	color: #f9d1a7;
	text-align:center;
}

.dropdown-item,
a:hover {
	color: #f9d1a7
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #ff8560;
	background-color: #121537
}

.nav-item {
	margin: 0 10px
}

.avatar,
.page-link,
.stats {
	margin-right: 5px
}

.information-row {
	transform: translateY(-20%);
	z-index: 2;
	position: relative
}

.text-bg-information {
	background: 0;
	border: 0
}

.bg-image,
.bg-stat,
.side-bottom-devider,
.side-top div,
footer {
	background-repeat: no-repeat;
	background-size: cover
}

.youtube-embed {
	width: 100%;
	height: 100%
}

.bg-image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: -1;
	background-position: center top
}

.featurette {
	padding: 4em 0 3em
}

.main-title {
	color: #d6af84;
	font-size: 17px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .6)
}

.closemodal,
.pagetitlebar a {
	text-shadow: none
}

.bp-1 {
	padding: 7em
}

.bg-stat {
	background-position: center;
	border-radius: 0 0 10px 10px;
	z-index: 2;
	position: relative
}

@media (max-width:768px) {

	.bg-stat,
	.information-row {
		transform: translateY(0);
		box-shadow: 0
	}

	.youtube-embed {
		min-height: 300px
	}

	.information-row .col-xs-12 {
		margin-bottom: 1em
	}
}

footer {
	background-image: url('../imgs/bg_footer.png');
	padding: 1em 0;
	box-shadow: -1px -1px 8px 0 rgba(0, 0, 0, .15)
}

footer p {
	margin: 0
}

.side-top {
	padding-top: 100px
}

.side-top div {
	padding: 1em;
	background-image: url('../imgs/top_bt.png')
}

.side-bottom-devider {
	width: 100%;
	height: 22px;
	background-image: url('../imgs/devider.png');
	background-position: center top;
	transform: translateY(-10px)
}

.side-item {
	background: #121537;
	background: -webkit-linear-gradient(1deg, hsl(10deg 30% 29%) 0, hsl(9deg 29% 41% / 96%) 50%, #5c3832 100%);
	transform: translateY(-10px)
}

.stat_title {
	color: #947b7b;
	font-size: 14px
}

.stat_count {
	color: #f9d1a7;
	font-size: 18px;
	text-transform: uppercase
}

.pagetitlebar,
.rankingpage table thead {
	color: #d6af84;
	font-weight: 500;
	height: 60px;
	width: 100%;
	text-transform: uppercase
}

.pagetitlebar {
	line-height: 60px;
	background-color: #393f95;
	border-bottom: 2px solid #0a0c28;
	border-radius: 3px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 25px;
	background-image: url(../imgs/titlebgtexture.png);
	background-size: cover
}

.support .row .pagetitlebar.tablepart {
	margin-bottom: 15px
}

.pagetitlebarbg {
	background: radial-gradient(circle at top left, transparent 9%, #aa9c8e 10%, #aa9c8e 15%, transparent 16%), radial-gradient(circle at bottom left, transparent 9%, #aa9c8e 10%, #aa9c8e 15%, transparent 16%), radial-gradient(circle at top right, transparent 9%, #aa9c8e 10%, #aa9c8e 15%, transparent 16%), radial-gradient(circle at bottom right, transparent 9%, #aa9c8e 10%, #aa9c8e 15%, transparent 16%), radial-gradient(circle, transparent 25%, #1d0f0fd0 26%), linear-gradient(45deg, transparent 46%, #aa9c8e 47%, #aa9c8e 52%, transparent 53%), linear-gradient(135deg, transparent 46%, #aa9c8e 47%, #aa9c8e 52%, transparent 53%);
	background-size: 2em 2em;
	background-color: #121537;
	opacity: .015
}

.container .bg-content {
	padding: 1.5rem .5rem
}

.table > :not(caption) > * > * {
	padding: .5rem;
	background-color: var(--bs-table-bg);
	box-shadow: none;
	border: none
}

.rankingpage tbody tr:nth-child(2n) {
	background: #121537;
	background: linear-gradient(90deg, #1e1111 61%, rgba(84, 51, 44, 0) 100%)
}

.championlevel {
	font-weight: 700;
	color: #addfff;
	-webkit-text-fill-color: #addfff;
	-webkit-text-stroke-width: 0.7px;
	-webkit-text-stroke-color: #2c3954;
	font-size: 15px
}

.toploop {
	background: url('../imgs/toploop.png');
	content: " ";
	height: 28px;
	width: 100%
}

.rankingpage td {
	font-size: .85rem;
	padding: 6px !important;
	font-weight: 600
}

.rankingpage tbody tr:first-child {
	font-weight: 900
}

.rankingpage table {
	border: none;
	color: #d4b3b3
}

.playerranks td:nth-child(3),
td:first-child,
td:nth-child(2) {
	font-size: 15px;
	color: #dcbda4
}

.rankingpage table thead {
	background-color: #1d0f0fd0;
	border-bottom: 2px solid #563732;
	border-radius: 3px;
	font-size: 14px
}

.rankingpage table tfoot {
	color: #d4b3b3;
	font-size: 15px;
	font-weight: 600
}

.rankingpage table tr .rankflag2 {
	width: 27px
}

.rankingpage table tr .rankflag {
	width: 27px;
	position: absolute;
	bottom: 0;
	border: 3px solid #221311;
	right: 20px;
	border-radius: 2px
}

.rankingpage table tr .champpic {
	width: 42px;
	position: relative;
	top: 0;
	left: 0
}

.charandflag {
	position: relative;
	top: 0;
	left: 0
}

.playersearch {
	margin-top: 4px;
	margin-bottom: 12px
}

.rankingpage .playersearch .input-group-prepend,
.rankingpage .playersearch input {
	border-radius: 3px;
	border: 1px solid #6a463e1c;
	background: #2f1c19;
	background: linear-gradient(180deg, rgba(47, 28, 25, .3) 0, rgba(54, 33, 29, .3) 13%, rgba(61, 37, 32, .3) 48%, rgba(71, 43, 38, .3) 70%, rgba(84, 51, 44, .3) 100%);
	color: #b99c9c;
	font-size: .9rem;
	font-weight: 400
}

.rankingpage .playersearch .input-group-text {
	border: none;
	background-color: transparent;
	color: #b99c9c;
	font-size: 12px;
	height: 100%;
	padding-top: 10px
}

.rankingpage .playersearch input::placeholder {
	color: #b99c9c
}

.logincard .form-check-input:focus,
.page-link:focus,
.rankingpage .playersearch input:focus {
	box-shadow: none
}

.left-side-menu {
	background: rgba(26, 18, 18, .4)
}

.left-side-menu .button {
	text-align: left;
	border-radius: 0;
	border-top: 1px solid #4b2c25;
	font-size: 13px;
	color: #a99696;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 28px
}

.left-side-menu:not(.active) .button:hover {
	border-top: 1px solid #4b2c25 !important;
	color: #dcbda4;
	background-color: #261717 !important
}

.left-side-menu .btn:active {
	border: 1px solid transparent;
	border-top: 1px solid #4b2c25 !important
}

.left-side-menu .button.active {
	background: #4a2c25;
	background: linear-gradient(180deg, rgba(47, 28, 25, .7) 0, rgba(54, 33, 29, .7) 13%, rgba(61, 37, 32, .7) 48%, rgba(71, 43, 38, .7) 70%, rgba(84, 51, 44, .7) 100%);
	border: none;
	border-top: 1px solid #4b2c25 !important;
	color: #dcbda4
}

.rankingpage .mypagination {
	font-weight: 500
}

.page-link {
	background-color: #0c0909;
	border-radius: 4px;
	border: none;
	border-bottom: 2px solid #60382f;
	background: linear-gradient(180deg, rgba(47, 28, 25, .3) 0, rgba(54, 33, 29, .3) 13%, rgba(61, 37, 32, .3) 48%, rgba(71, 43, 38, .3) 70%, rgba(84, 51, 44, .3) 100%);
	color: #b99c9c;
	padding-left: 13px;
	padding-right: 13px
}

.page-link.active {
	background-color: #292020;
	border-bottom: 2px solid #c1a083
}

.page-link:active,
.page-link:focus-visible,
.page-link:hover {
	color: #eadac3;
	background-color: #0c0909
}

.page-link:hover:not(.active) {
	background-color: #201919;
	border-bottom: 2px solid #896565
}

.settings .card {
	background: 0 0;
	border: 1px solid #60382e;
	border-radius: 2px;
	font-weight: 400
}

.adminsupport .card button,
.charbutton.btn-primary:hover,
.charbutton.btn-success:hover,
.registerbox a,
.registerbox button,
.registerbutton:hover,
.settings .card a,
.settings .card a:hover,
.settings .card button,
.settings .card button:hover {
	background: linear-gradient(180deg, rgb(1, 39, 31) 0, rgb(13, 56, 47) 13%, rgb(13, 56, 47) 48%, rgb(1, 39, 31) 70%, rgb(15, 58, 49) 100%);
}

.settings .card-header {
	border-bottom: 1px solid #60382e;
	color: #dbbda4
}

.settings .card-body,
.settings .form-text {
	color: #c7bfb9
}

.form-control::placeholder {
	color: #dcbda4;
	font-size: 13px
}

.form-control {
	font-size: 13px
}

.btn:focus,
.btn:focus-visible,
button:focus,
button:focus-visible {
	box-shadow: none !important;
	outline: 0
}

.adminsupport .card button,
.registerbox a,
.registerbox button,
.settings .card a,
.settings .card button {
	border: none;
	color: #dcbda4;
	font-size: 13px;
	border-radius: 0
}

.registerbutton:hover,
.settings .card a:hover,
.settings .card button:hover {
	filter: brightness(1.5);
	color: #dcbda4
}

.custom-control-input {
	accent-color: #60382e
}

.charactercard {
	background-image: url('../imgs/character.png');
	background-size: cover;
	width: 100%;
	height: 75px;
	padding-left: 10px;
	padding-top: 5px;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 10px
}

.charactercard .row {
	height: 100%;
	padding-left: 17px
}

.champpic.account {
	width: 45px
}

.charpicbg {
	width: 60px;
	height: 60px;
	padding: 0 0 0 7px;
	border-radius: 30px;
	background-color: rgb(70 44 41 / 25%);
	margin-top: 4px
}

.charguild,
.clevel {
	font-weight: 400
}

.charactercard .nameandguild {
	padding-top: 10px;
	padding-left: 15px
}

.charactercard .level {
	padding-top: 10px
}

.charactercard .level,
.row.second {
	padding-left: 0
}

.charbutton {
	width: 32px;
	height: 32px;
	background-color: #faebd7;
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(47, 28, 25, .7) 0, rgba(54, 33, 29, .7) 13%, rgba(61, 37, 32, .7) 48%, rgba(71, 43, 38, .7) 70%, rgba(84, 51, 44, .7) 100%);
	border: none;
	color: #dcbda4;
	font-size: 14px;
	padding-left: 7px
}

.card-header,
.modal-header,
.shopsguilddungeons .table thead,
.support .table thead {
	border-bottom: 1px solid #60382e
}

.modal-footer,
.shopsguilddungeons .table tfoot,
.support .table tfoot {
	border-top: 1px solid #60382e
}

.charbutton:hover {
	filter: brightness(1.5)
}

.charbutton:active {
	filter: brightness(.8)
}

.charbutton.btn-primary {
	color: #f5a570
}

.charbutton.btn-primary:hover {
	color: #f58470
}

.charbutton.btn-success {
	color: #a4dca9
}

.dropup button,
.infobox,
.support input {
	background-color: #121537b9;
	color: #dbbda4
}

.charbutton.btn-success:hover {
	color: #8fda96
}

.nopadding {
	padding-right: 0
}

.charactercard .buttons {
	padding-top: 15px
}

.nochar {
	text-align: center;
	line-height: 70px
}

.blur {
	filter: blur(30px)
}

.shopsguilddungeons .table,
.support .table {
	background-color: #121537b9;
	border: 1px solid #60382e;
	color: #dbbda4
}

.fw-bolder2,
.shopsguilddungeons .table tfoot tr th,
.shopsguilddungeons .table thead tr th,
.support .table tfoot tr th,
.support .table thead tr th {
	font-weight: 500 !important
}

.charactercard .title {
	color: #dcbda4
}

.shopsguilddungeons .table-title {
	margin-bottom: 0
}

.emptyplayerslot {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.support .table tr th:first-child {
	text-align: center;
	vertical-align: middle
}

.support .badge {
	padding: 4px 5px;
	text-transform: uppercase;
	background-color: #be3037;
	color: #ffead2
}

.register .registerbox {
	width: 65%;
	background-image: url('../imgs/bg.png');
	background-size: cover;
	padding-top: 25px;
	color: #c7bfb9
}

.register .registerbox .registerbutton {
	width: 65%;
	margin-bottom: 10px;
	background: linear-gradient(180deg, rgb(30, 33, 83) 0, rgb(20, 23, 62) 13%, rgb(21, 23, 58) 48%, rgb(11, 13, 41) 70%, rgb(10, 14, 68) 100%);
	color: #dcbda4;
}

.register .registerbox .row {
	display: flex;
	align-items: center;
	justify-content: center
}

.register .registerbox .form-group,
.register .registerbox small {
	width: 78%
}

.card-title,
.comment,
.dropload,
.loading {
	width: 100%
}

.register .registerbox small {
	margin-bottom: 15px;
	font-size: .775em
}

.register .registerbox .input-group {
	border-bottom: 2px solid #60382e !important
}

.register .registerbox .pagetitlebar {
	width: 85%
}

.form-control:focus,
.register .registerbox .form-control,
.register .registerbox .input-group,
.register .registerbox .input-group-prepend,
.register .registerbox .input-group-prepend:focus,
.register .registerbox .input-group:focus,
.register .registerbox input:focus,
input {
	border: inherit;
	border-radius: 5px
}

.register .registerbox .form-check-input,
.register .registerbox .form-check-input:checked {
	background-color: #1c1010;
	border: none;
	border-bottom: 2px solid #60382e
}

input:focus-within {
	box-shadow: none;
	border: none;
	outline: 0
}

.dungeontable {
	text-align: left
}

.dropload,
.topbox {
	text-align: center
}

.infobox {
	border: 1px solid #60382e;
	padding: 10px;
	border-radius: 3px
}

.dropup button,
.support input {
	border: 1px solid #60382e;
	padding: 8px;
	border-radius: 8px;
	margin-top: 10px;
	text-align: left;
	font-size: 15px
}

.dropup button:hover {
	background-color: #291616b9 !important;
	border: 1px solid #693e33 !important;
	color: #dbbda4 !important
}

.support input::placeholder {
	font-size: 15px
}

.support .input-group {
	background-color: transparent;
	border: none
}

.dropup button:active,
.dropup button:focus-visible,
.dropup button:focus-within,
.dropup button:hover,
.support .form-control:active,
.support .form-control:focus {
	background-color: #121537b9;
	border: 1px solid #60382e;
	color: #dbbda4 !important;
	border-radius: 8px
}

.support .dropup,
.support .input-group {
	width: 75%;
	margin-bottom: 10px
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11000;
	height: 100%;
	background-color: #100709;
}

.giz_animate_loading {
	animation: loading 0.15s infinite;
}

.avatar-badge,
.loading img,
.topbox {
	position: relative
}

.loading img {
	display: block;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%)
}

.specialtable {
	background: linear-gradient(180deg, rgba(47, 28, 25, .45) 0, rgba(54, 33, 29, .45) 13%, rgba(61, 37, 32, .45) 48%, rgba(71, 43, 38, .45) 70%, rgba(84, 51, 44, .45) 100%) !important
}

.modal-body,
.modal-footer,
.modal-header {
	background-color: #180d0d
}

.card-header,
.modal-header {
	color: #d6af84;
	background-color: #180d0d
}

.modal-dialog {
	border: 1px solid #60382e;
	border-radius: 5px
}

.modal-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.modal-footer {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.card,
.modal {
	border: 1px solid #0d2620;
  	background-color: #114133;
	color: #dcbda4
}

.card-header .btn,
.modal-header .btn {
	color: #d6af84;
	border: none
}

.card-header .btn:hover {
	filter: brightness(1.1);
	border: none
}

.card-header .btn:active {
	filter: brightness(.8);
	border: none
}

.card-header .btn:focus,
.forgottenpassword .modal-dialog {
	border: none
}

.card .alert-primary .alert-link {
	--bs-alert-bg: #583d3c47;
	--bs-alert-border-color: #121537;
	color: #d6af84;
	margin-right: 12px
}

.card .alert-primary {
	--bs-alert-bg: #3921206b;
	--bs-alert-border-color: #563d37;
	color: #d6af84
}

.adminsupport a,
.adminsupport a:active,
.adminsupport button,
.adminsupport button:active,
.settingsunban button:active:not(.ck),
.settingsunban button:not(.ck),
.supports button:active:not(.ck),
.supports button:not(.ck) {
	width: 100%;
	color: #dcbda4 !important;
	font-size: 14px;
	border-radius: 7px;
	margin-bottom: 5px;
	background-color: #121537 !important;
	padding: 8px !important;
	border: 1px solid #d6af7514 !important
}

.dropload,
.dropload:hover {
	border: 1px dashed
}

.adminsupport a:hover,
.adminsupport button:hover,
.settingsunban button:hover:not(.ck),
.supports button:hover:not(.ck) {
	border: 1px solid #d6af7514 !important;
	color: #dcbda4 !important;
	background-color: #121537 !important
}

.dropload {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 180px;
	color: rgba(0, 0, 0, .4)
}

.dropload i {
	margin-top: 23px;
	margin-bottom: 10px;
	font-size: 32px;
	color: #706363
}

.dropload-text {
	display: block;
	font-weight: 400;
	color: #706363
}

.comments.title {
	color: #d6af84;
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 13px;
	margin-top: 12px
}

.comment .cuser {
	font-size: 1rem;
	font-weight: 500
}

.communicationbubble {
	padding-top: 15px;
	padding-left: 10px
}

.comment {
	color: #d6af84
}

.comments .media:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.comments .media:first-child {
	margin-top: 15px
}

.comments .media {
	padding-bottom: 30px;
	margin-top: 35px;
	border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 16px
}

.comments .media .avatar {
	margin-right: 25px;
	width: 4.0625rem;
	height: 4.0625rem
}

.avatar-badge {
	width: 4.0625rem;
	height: 4.0625rem
}

.avatar {
	border-radius: 4px;
	width: 4.25rem;
	height: 4.25rem
}

.avatar img {
	border-radius: 50%;
	max-width: 100%
}

.media-body {
	-ms-flex: 1;
	flex: 1;
	padding-right: 40px
}

.comments .media-tools {
	display: none;
	margin-left: auto
}

.topbox {
	transform: translateY(-20%);
	top: -50%;
	padding: 0 25px 0 0
}

.stat-icon i {
	position: absolute;
	font-size: 26px;
	transform: translateX(-175%) translateY(105%);
	color: #d6af84
}

.lead {
	font-size: 1.1rem;
	font-weight: 400
}

.breadcrumb {
	align-items: center;
	justify-content: center
}

.closemodal {
	background-color: #d6af84;
	font-weight: 500;
	border: none;
	border-radius: 5px;
	padding: 6px 14px;
	color: #000
}

.actualloginbutton,
.addnewticket,
.btn-comment {
	display: inline-block;
	font-weight: 500;
	padding: 0 14px;
	margin-left: 15px;
	line-height: 32px
}

.closemodal:hover {
	background-color: #e7c198;
	color: #000
}

.closemodal:active,
.closemodal:focus {
	color: #000
}

.noty_theme__mint.noty_type__error {
	background: 0 0;
	border: none;
	border-radius: 1px;
	background: linear-gradient(92deg, rgb(110 8 8 / 62%) 23%, rgb(110 8 8 / 66%) 27%, #6e0808 61%, #6e0808 69%, #6e0808 75%, #6e0808 83%, #6e0808 100%);
	color: #d6af84;
	font-weight: 500
}

.noty_theme__mint.noty_type__success {
	background: #0c331b;
	border: none;
	border-radius: 1px;
	color: #d6af84;
	font-weight: 500
}

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
	background: #296987;
	border: none;
	border-radius: 1px;
	color: #d6af84;
	font-weight: 500
}

.noty_theme__mint.noty_type__warning {
	background: #9d6e30;
	border: none;
	border-radius: 1px;
	color: #efd4b6;
	font-weight: 500
}

.addnewticket {
	background-color: #d6af84;
	border: none;
	border-radius: 5px;
	color: #000
}

.addnewticket:hover {
	background-color: #e7c197
}

.alert-info a,
.link-color,
a {
	text-shadow: 0 0 2px rgba(0, 0, 0, .6)
}

.logincard .dropdown-menu {
	border: none;
	background-color: transparent
}

.logincard .card {
	backdrop-filter: blur(15px);
	width: 300px
}

.forgottenpassword .modal-body button,
.logincard button {
	background: #121537;
	border: none;
	color: #dcbda4;
	font-size: 13px;
	border-radius: 2px
}

.form-control,
.form-control:focus,
.input-group,
.input-group-prepend,
.input-group-prepend:focus,
.input-group:focus,
input,
input:focus {
	border: none;
	background-color: #0a332b;
	border-bottom: 1px solid #70a297;
	border-radius: 0;
	box-shadow: none;
	color: #dcbda4
}

.actualloginbutton,
.btn-comment {
	background: #d6af84 !important;
	border: none !important;
	border-radius: 5px !important;
	color: #000 !important
}

.commentbox .btn-comment {
	margin-left: 0;
	margin-top: 10px;
	width: 12%;
	float: right
}

.actualloginbutton:hover,
.btn-comment:hover {
	background-color: #e7c197 !important;
	cursor: pointer
}

.logincard .col:first-child {
	padding: 0
}

.logincard,
.logincard label {
	font-size: 14px !important
}

.logincard .row .login-col {
	font-size: 14px;
	line-height: 32px
}

.form-check {
	margin-top: 5px
}

.logincard .form-check-input:checked {
	background-color: #121537;
	border-color: #402723;
	width: 20px;
	height: 20px
}

.logincard .remember-me-text {
	font-size: 14px
}

.media-meta {
	margin-left: 10px
}

.logincard .card-body {
	padding: 5px
}

.forgottenpassword .input-group .btn,
.logincard .input-group .btn {
	width: 40px
}

.firstfooter ul {
	list-style-type: none
}

.breadcrumb-item.active {
	color: #c27f4d
}

.alert-warning {
	--bs-alert-color: #30241d;
	--bs-alert-bg: #d6af84;
	--bs-alert-border-color: #d6af84
}

.forgottenpassword .modal-content {
	border: 1px solid #60382e;
	border-radius: 6px
}

.specialunbanbutton {
	background: #121537 !important
}

.left-side-menu:not(.active) .specialunbanbutton:hover,
.specialunbanbutton.active {
	background: #803323 !important
}

.alert-info {
	--bs-alert-color: #323232;
	--bs-alert-bg: #84abd6;
	--bs-alert-border-color: #84abd6
}

.alert-info a {
	color: #273340;
	text-decoration: underline
}

.ck-editor__editable_inline {
	min-height: 300px
}

.form-check-label {
	user-select: none
}

.link-color,
a {
	color: #efb97d;
	text-decoration: none
}

.bg4 {
	background-image: url('../imgs/bg4.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed
}

.content-body {
	padding:10px !important;
}

.btn-custom:hover {
	background: linear-gradient(180deg, rgb(74, 155, 138) 0, rgb(23, 166, 136) 13%, rgb(15, 58, 49) 48%, rgb(28, 70, 58) 70%, rgb(1, 39, 31) 100%);
	filter: brightness(1.5);
	color: #dcbda4;
}
.btn-custom{
	color:#dcbda4;
	background: linear-gradient(180deg, rgb(74, 155, 138) 0, rgb(23, 166, 136) 13%, rgb(15, 58, 49) 48%, rgb(28, 70, 58) 70%, rgb(1, 39, 31) 100%);
	padding:5px;
}

table th,td {
	color: #867070 !important
}

.pre-social {
line-height: 60px;
  background-color: #1d0f0fde;
  border-bottom: 2px solid #5637327a;
  border-radius: 3px;
  text-align: center;
  font-size: 15px;
  margin-bottom: 25px;
  background-image: url(../imgs/titlebgtexture.png);
  background-size: cover;
}

@keyframes loading {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}