:root {
	--dark-1: #2f3439;
	--dark-2: #2a2e33;
	--dark-3: #24282d;
	/* 1a -> 10% */
	/* 66 -> 40% */
	/* cc -> 80% */
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-corner {
	background: transparent;
}

@media (min-width: 768px) {
	body {
		padding-bottom: 25px;
	}
}

.dark-mode::-webkit-scrollbar-thumb,
.dark-mode *::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,.4);
	border: 0px none rgba(255,255,255,.4);
	border-radius: 10px;
}
.dark-mode::-webkit-scrollbar-thumb:hover,
.dark-mode *::-webkit-scrollbar-thumb:hover {
	background: rgba(255,255,255,.4);
}
.dark-mode::-webkit-scrollbar-thumb:activ,
.dark-mode *::-webkit-scrollbar-thumb:active {
	background: rgba(255,255,255,.4);
}
.dark-mode::-webkit-scrollbar-track,
.dark-mode *::-webkit-scrollbar-track {
	border: 0px none rgba(255,255,255,.4);
	border-radius: 10px;
}


.light-mode::-webkit-scrollbar-thumb,
.light-mode *::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,.4);
	border: 0px none rgba(0,0,0,.4);
	border-radius: 10px;
}
.light-mode::-webkit-scrollbar-thumb:hover,
.light-mode *::-webkit-scrollbar-thumb:hover {
	background: rgba(0,0,0,.4);
}
.light-mode::-webkit-scrollbar-thumb:active,
.light-mode *::-webkit-scrollbar-thumb:active {
	background: rgba(0,0,0,.4);
}
.light-mode::-webkit-scrollbar-track,
.light-mode *::-webkit-scrollbar-track {
	border: 0px none rgba(0,0,0,.4);
	border-radius: 10px;
}

.main-sidebar .sidebar {
	overflow-x: hidden !important;
}

.sidebar .os-scrollbar-handle {
	width: 3px;
	margin-left: 4px;
}

.mixed-mode footer a.text-dark:hover,
.dark-mode a.text-dark:hover {
    color: #fff !important;
}

.light-mode .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
	background: rgba(0,0,0,.4) !important;
}
.dark-mode .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
	background: rgba(255,255,255,.4) !important;
}

.ace_scrollbar-v,
.ace_scrollbar-inner {
	width: 6px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	-webkit-box-shadow: inset !important;
}

.login-page .navbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

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

.brand-link {
	display: inline-block;
}

.sidebar-collapse .brand-link > img {
	margin: 0px;
}

.user-panel img
{
	width: 2.1rem;
	height: 2.1rem;
}

.rc-anchor-dark.rc-anchor-normal {
	border: 1px solid #6c757d;
	background: #454d55;
}

.hide, .hidden {
	display: none;
}

body.sidebar-collapse .main-sidebar:not(.hover) .text-truncate
{
	text-overflow: unset;
}

.main-sidebar img.nav-icon {
	width: 14px !important;
	height: 14px !important;
}

body.sidebar-collapse .main-sidebar img.nav-icon {
	margin-left: 7px !important;
}

body:not(.sidebar-collapse) .main-sidebar img.nav-icon {
	margin-right: 7px !important;
}

.nav-sidebar .nav-link p {
	white-space: nowrap !important;
}

.nav-sidebar .nav-item img.nav-icon {
	margin-right: 0.5rem;
}

.card .card-body > pre {
	padding: 0px;
	background: transparent;
}

.card:not(.maximized-card) .card-body > pre {
	max-height: 400px;
	overflow: auto;
}

pre {
	padding: 1rem;
}

.dark-mode pre {
	color: #fff;
	background-color: var(--dark-1);
}

.light-mode pre {
	background-color: var(--light);
}

.callout a {
	text-decoration: none;
	color: #007bff;
}

.versionInfo:hover {
	cursor: pointer;
	color: #fff;
}

.sort-highlight {
	background: rgb(52 58 64 / 50%);
	border: 2px dashed #2d3338;
	margin-bottom: 10px;
	border-radius: 4px;
}

.collapsible:hover {
	cursor: pointer;
}

.card-body.p-0 > .table > tbody > tr:nth-child(1) > td {
	border-top: none;
}

.loading:before {
	content: "\f110" !important;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.loading {
	content: "Loading..." !important;
}

.shortblink {
	animation: blink 1s infinite;
}
@keyframes blink {
	50% {
		opacity: 0.3;
	}
}

.light-mode .btn.redirectLink {
	color: var(--light);
}

.dark-mode .white-popup {
	background-color: var(--dark);
	border: 10px solid var(--dark);
	color: var(--light);
}
.dark-mode .magnificTitle {
	background-color: var(--dark);
}

.btn:not(.btn-tool) {
	margin-bottom: 0.1rem;
	margin-right: 0.25rem;
}

.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	background-color: rgb(0 0 0 / 40%);
}
.loading-overlay img {
	top: 40%;
	position: absolute;
}

.tablesorter-header {
	white-space: nowrap;
}

table.tablesorter thead tr .tablesorter-header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .tablesorter-headerUnSorted {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}
table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}
table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=");
}

#toast-container {
	min-width: 28%;
	max-width: calc(100% - 32px);
	width: auto;
}

#toast-container > div {
	width: 100%;
}

.dark-mode .input-group-text {
	background-color: var(--dark-2);
}

/* *** mfp popup *** */
.mfp-bg {
	opacity: 0.3;
}
.light-mode .white-popup {
	border-color: var(--gray);
    border-radius: 6px;
	background-color: var(--light);
}
.light-mode .magnificTitle {
	background-color: var(--gray);
}

.ui-dialog .ui-dialog-content {
	min-height: 60px !important;
}




/* Icons Default */
.administration-table a:before,
.monitorButtonContainer a:before
{ content: "\f101"; }

/* Icons Defined */
/* FA Set */
.monitorButtonContainer a:before,
.srvctrl a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/* Brands */
.nav-sidebar [href^="?m=steam_workshop"] > .nav-icon,
.administration-table [href^="?m=steam_workshop"]:before,
.monitorButtonContainer [href^="?m=steam_workshop"]:before,
.monitorButtonContainer [href^="?m=gamemanager&p=update"]:before,
.nav-sidebar [href="?m=TS3Admin"] > .nav-icon
{
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
}

/* Icons */
.nav-sidebar [href="?m=dashboard&p=dashboard"] > .nav-icon:before,
.administration-table [href="?m=dashboard&p=dashboard"]:before { content: "\f3fd"; }
.nav-sidebar [href="?m=gamemanager&p=game_monitor"] > .nav-icon:before,
.nav-sidebar [link="?m=gamemanager&p=game_monitor"] > .nav-icon:before { content: "\f108"; }
.nav-sidebar [href="?m=administration&p=main"] > .nav-icon:before,
.nav-sidebar [link="?m=administration&p=main"] > .nav-icon:before { content: "\f023"; }
.nav-sidebar [href="?m=TS3Admin"] > .nav-icon:before { content: "\f4f9"; }
.nav-sidebar [href^="?m=gamemanager&p=log"] > .nav-icon:before,
.monitorButtonContainer [href^="?m=gamemanager&p=log"]:before { content: "\f1da"; }
.nav-sidebar [href="?m=addonsmanager&p=addons_manager"] > .nav-icon:before,
.monitorButtonContainer [href^="?m=addonsmanager&p=user_addons"]:before,
.administration-table [href="?m=addonsmanager&p=addons_manager"]:before { content: "\f12e"; }
.nav-sidebar [href="?m=extras"] > .nav-icon:before,
.administration-table [href="?m=extras"]:before{ content: "\f1e6"; }
.nav-sidebar [href^="?m=ftp"] > .nav-icon:before,
.monitorButtonContainer [href^="?m=ftp"]:before,
.administration-table [href^="?m=ftp"]:before{ content: "\f15c"; }
.nav-sidebar [href="?m=user_games"] > .nav-icon:before,
.administration-table [href="?m=user_games"]:before{ content: "\f11b"; }
.nav-sidebar [href="?m=config_games"] > .nav-icon:before,
.administration-table [href="?m=config_games"]:before{ content: "\f044"; }
.nav-sidebar [href^="?m=litefm"] > .nav-icon:before,
.nav-sidebar [href="?m=litefm&p=litefm_settings"] > .nav-icon:before,
.administration-table [href="?m=litefm&p=litefm_settings"]:before,
.nav-sidebar [href^="?m=user_games&p=edit"] > .nav-icon:before,
.monitorButtonContainer [href^="?m=user_games&p=edit"]:before{ content: "\f085"; }
.nav-sidebar [href="?m=modulemanager"] > .nav-icon:before,
.administration-table [href="?m=modulemanager"]:before { content: "\f009"; }
.nav-sidebar [href="?m=settings"] > .nav-icon:before,
.administration-table [href="?m=settings"]:before { content: "\f1de"; }
.nav-sidebar [href="?m=server"] > .nav-icon:before,
.administration-table [href="?m=server"]:before { content: "\f233"; }
.nav-sidebar [href="?m=settings&p=themes"] > .nav-icon:before,
.administration-table [href="?m=settings&p=themes"]:before { content: "\f043"; }
.nav-sidebar [href="?m=update"] > .nav-icon:before,
.administration-table [href="?m=update"]:before { content: "\f021"; }
.nav-sidebar [href^="?m=gamemanager&p=update"] > .nav-icon:before,
.nav-sidebar [href^="?m=steam_workshop"] > .nav-icon:before,
.administration-table [href^="?m=steam_workshop"]:before,
.monitorButtonContainer [href^="?m=steam_workshop"]:before,
.monitorButtonContainer [href^="?m=gamemanager&p=update"]:before { content: "\f1b6"; }
.nav-sidebar [href^="?m=user_admin"] > .nav-icon:before,
.nav-sidebar [link^="?m=user_admin"] > .nav-icon:before,
.administration-table [href^="?m=user_admin"]:before{ content: "\f007"; }
.nav-sidebar [href="?m=user_admin&p=show_groups"] > .nav-icon:before { content: "\f0c0"; }
.nav-sidebar [href="?m=administration&p=watch_logger"] > .nav-icon:before,
.administration-table [href="?m=administration&p=watch_logger"]:before { content: "\f017"; }
.nav-sidebar [href^="?m=cron"] > .nav-icon:before,
.administration-table [href^="?m=cron"]:before { content: "\f073"; }
.nav-sidebar [href="?m=mysql&p=mysql_admin"] > .nav-icon:before,
.monitorButtonContainer [href^="?m=mysql"]:before,
.administration-table [href="?m=mysql&p=mysql_admin"]:before { content: "\f1c0"; }
.nav-sidebar [href="?m=administration&p=banlist"] > .nav-icon:before,
.administration-table [href="?m=administration&p=banlist"]:before { content: "\f05e"; }
.nav-sidebar [href^="home.php?m=gamemanager&p=rcon_presets"] > .nav-icon:before,
.monitorButtonContainer [href^="home.php?m=gamemanager&p=rcon_presets"]:before,
.nav-sidebar [href="?m=rcon&p=rcon"] > .nav-icon:before,
.administration-table [href="?m=rcon&p=rcon"]:before { content: "\f120"; }
.nav-sidebar [href^="?m=gamemanager&p=rsync_install"] > .nav-icon:before { content: "\f0ad"; }
.nav-sidebar [href^="?m=support"] > .nav-icon:before { content: "\f095"; }
.nav-sidebar [href^="?m=faq"] > .nav-icon:before,
.administration-table [href^="?m=faq"]:before{ content: "\f059"; }
.nav-sidebar [href^="?m=fast_download"] > .nav-icon:before,
.monitorButtonContainer [href^="?m=fast_download"]:before,
.administration-table [href^="?m=fast_download"]:before { content: "\f019"; }
.nav-sidebar [href^="?m=dsi"] > .nav-icon:before,
.monitorButtonContainer [href^="?m=dsi"]:before,
.administration-table [href^="?m=dsi"]:before{ content: "\f03e"; }
.nav-sidebar [href^="?m=simple-billing"] > .nav-icon:before,
.administration-table [href^="?m=simple-billing"]:before { content: "\f07a"; }
.nav-sidebar [href^="?m=util"] > .nav-icon:before { content: "\f0ad"; }
.nav-sidebar [href^="?m=lgsl_with_img_mod"] > .nav-icon:before,
.administration-table [href^="?m=lgsl_with_img_mod"]:before { content: "\f022"; }
.nav-sidebar [href^="?m=news"] > .nav-icon:before,
.administration-table [href^="?m=news"]:before { content: "\f1ea"; }
.nav-sidebar [href^="?m=register"] > .nav-icon:before { content: "\f067"; }
.nav-sidebar [href="?logout"] > .nav-icon:before { content: "\f08b"; }
.nav-sidebar [href="index.php"] > .nav-icon:before { content: "\f0e4"; }
.monitorButtonContainer [href^="?m=litefm"]:before { content: "\f03a"; }
.monitorbutton.size:before { content: "\f07c"; }
.monitorbutton.getAutoUpdateLink:before { content: "\f0c1"; }
.monitorButtonContainer [href^="?m=gamemanager&p=rsync_install"]:before { content: "\f381"; }
.administration-table.externalLinks a:before { content: "\f0c1"; }
.nav-sidebar [href^="?m=tickets"] > .nav-icon:before,
.administration-table [href^="?m=tickets"]:before { content: "\f4c4"; }
.monitorButtonContainer [href^="?m=editconfigfiles"]:before { content: "\f1c9"; }
.monitorButtonContainer [href^="?m=user_games&p=custom_fields"]:before { content: "\f1de"; }
.nav-sidebar [href="?m=tshock"] > .nav-icon:before { content: "\f1bb"; }
.nav-sidebar [href="?m=circular"] > .nav-icon:before,
.administration-table [href="?m=circular"]:before { content: "\f0e0"; }
.monitorbutton.getAPILinks:before { content: "\f1da"; }