/**
 * @copyright Martin Procházka (c) 2020
 * @license   MIT License
 */

.min-h-auto { min-height: auto !important; }
.text-subtitle { font-size: .6em; }

.small-box .inner { text-align: left; }
.small-box .icon { display: block; }
.small-box .icon > i.watermark {
	transform: none !important;
	font-size: 32px;
	transition: none;
	top: 27px;
}

.o-50 { transition: opacity .10s ease-in-out; }
.o-50:not(:hover) { opacity: .5; }

/* Modal */
.modal .modal-dialog.modal-md { max-width: 600px; }

/* Popover & Tooltip */
.popover { max-width: 350px }
.popover .popover-body p:last-child { margin-bottom: 0px; }
.tooltip { z-index: 10000; }

/* Full page overlay */
.wrapper > .overlay {
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(255,255,255,.7);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1150;
}

.cover { background-position: center -100px; }


*[data-copy] { cursor: copy; }
img.disabled { opacity: .4; }

.text-italic { font-style: italic; }
.text-large { font-size: 100%; }

.text-1 { font-size: 1rem; }
.text-2 { font-size: 1.25rem; }
.text-3 { font-size: 1.5rem; }

.dropdown-toggle::after { margin-left: 7px; }

.votePanel { position: fixed; bottom: 10px; right: 15px; }

.toastWrapper .toast { font-size: 1.2rem; }
.toastWrapper {
	position: fixed;
	z-index: 10001;
	top: 75px;
	left: 25px;
	right: 25px;
}


/**
 * Cards
 */
.card .card-header.card-image .gradient { background-image: linear-gradient(to top,rgba(0,0,0,.65) 0,rgba(0,0,0,.5525) 55%,rgba(0,0,0,.195) 80%,rgba(0,0,0,0) 100%); }
.card .card-header.card-image .flex-fill { padding: 0.75rem 1rem; }
.card .card-header.card-image {
	min-height: 191px;
	padding: 0px;
	background-position: center center;
	background-size: cover;
}

.card .card-body p:last-child { margin-bottom: 0px }

.card .card-comments.donate .card-comment .comment-text { margin-left: calc(57px + 10px); }
.card .card-comments.donate .card-comment img {
	width: 57px;
	height: 44px;
}

/* Images in article cards */
article.card img.note-float-right { margin-left: 10px; margin-bottom: 10px; }
article.card img.note-float-left { margin-right: 10px; margin-bottom: 10px; }

a.card.card-outline i { font-size: 3rem; display: block; margin: 0 auto; }
a.card.card-outline:not(:hover) { background: rgba(0,0,0, .075); }
a.card.card-outline {
	border-width: 4px;
	border-style: dashed;
	border-color: var(--secondary);
	box-shadow: none;
	font-size: 1.25rem;
	transition: background 75ms;
}


/**
 * Navigations
 */
.navbar.navbar-toolbar { max-height: 56px; }
.navbar .navbar-nav .nav-item.active { background-color: rgba(0,0,0, .25); }
.navbar.bg-yellow .navbar-nav .nav-item.active { background-color: #fff; }

.navbar-primary.navbar-dark .btn-navbar {
	background-color: #1486ff;
	border-color: #2e93ff;
	color: rgba(255,255,255,.8);
}

.navbar-search-block { left: -5px; }

.navbar .navbar-collapse .navbar-nav .nav-link { padding: 0.5rem 1rem !important; }

.nav-sidebar .nav-link > .right:nth-child(2),
.nav-sidebar .nav-link > p > .right:nth-child(2) {
	right: 1rem;
}

.navbar .navbar-nav > .user-menu .user-image {
	width: 28px;
	height: 28px;
	margin-right: 0px;
	margin-bottom: -4px;
}

.nav-sidebar:not(.menu-admin) .nav-item > .nav-link { margin-bottom: 0px; }

.nav-treeview > .nav-item > .nav-link { padding-left: 35px; }

/*.list-group .list-group-item:not(.active):hover,*/
.navbar-nav > li:not(.active):hover,
.nav > li > a:not(.active):hover {
	background-color: rgba(0,0,0, .125);
}

.user-panel .image img {
	width: 90px;
	border: 3px solid rgba(255,255,255,.2);
}


/**
 * Forms
 */
.login-box, .register-box { width: 420px; }
.input-group-text.day { width: calc(60px + 5vw); }

/* TextArea counter */
.form-group span[data-count="maxlength"] {
	position: absolute;
	text-align: center;
	bottom: 6px;
	left: 5px;
	right: 5px;
}

.ts-wrapper.multi.rows-3 .ts-control {
	align-items: start;
	min-height: 72px;
}

/* Summernote */
.card.note-editor { margin-bottom: 0px; }

.note-editor.note-airframe .note-editing-area .note-editable,
.note-editor.note-frame .note-editing-area .note-editable,
.summernote { min-height: 327px; }

/* Login page */
.login-box, .register-box { width: 420px; }

.login-box .login-card-body .input-group .input-group-text,
.register-box .register-card-body .input-group .input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-left: 1px solid #ced4da;
	background-color: #e9ecef;
	overflow: hidden;
}

.login-box .login-card-body .input-group .form-control,
.register-box .register-card-body .input-group .form-control {
	border-right: 1px solid #ced4da;
}

.login-box .login-card-body .input-group .form-control:focus,
.register-box .register-card-body .input-group .form-control:focus {
	border-right-color: #80bdff;
}

.login-box .login-card-body .input-group .form-control.is-invalid,
.register-box .register-card-body .input-group .form-control.is-invalid {
	border-right-color: #dc3545;
}

.login-box .login-card-body .input-group .form-control.is-valid,
.register-box .register-card-body .input-group .form-control.is-valid {
	border-right-color: #28a745;
}


/**
 * Sliders
 */
.irs-primary .irs--flat .irs-from,
.irs-primary .irs--flat .irs-to,
.irs-primary .irs--flat .irs-single,
.irs-primary .irs--flat .irs-handle > i:first-child,
.irs-primary .irs--flat .irs-bar { background-color: var(--primary); }
.irs-primary .irs--flat .irs-from::before,
.irs-primary .irs--flat .irs-to::before,
.irs-primary .irs--flat .irs-single::before { border-top-color: var(--primary); }

.irs-info .irs--flat .irs-from,
.irs-info .irs--flat .irs-to,
.irs-info .irs--flat .irs-single,
.irs-info .irs--flat .irs-handle > i:first-child,
.irs-info .irs--flat .irs-bar { background-color: var(--info); }
.irs-info .irs--flat .irs-from::before,
.irs-info .irs--flat .irs-to::before,
.irs-info .irs--flat .irs-single::before { border-top-color: var(--info); }

.irs-success .irs--flat .irs-from,
.irs-success .irs--flat .irs-to,
.irs-success .irs--flat .irs-single,
.irs-success .irs--flat .irs-handle > i:first-child,
.irs-success .irs--flat .irs-bar { background-color: var(--success); }
.irs-success .irs--flat .irs-from::before,
.irs-success .irs--flat .irs-to::before,
.irs-success .irs--flat .irs-single::before { border-top-color: var(--success); }

.irs-warning .irs--flat .irs-from,
.irs-warning .irs--flat .irs-to,
.irs-warning .irs--flat .irs-single,
.irs-warning .irs--flat .irs-handle > i:first-child,
.irs-warning .irs--flat .irs-bar { background-color: var(--warning); }
.irs-warning .irs--flat .irs-from::before,
.irs-warning .irs--flat .irs-to::before,
.irs-warning .irs--flat .irs-single::before { border-top-color: var(--warning); }

.irs-danger .irs--flat .irs-from,
.irs-danger .irs--flat .irs-to,
.irs-danger .irs--flat .irs-single,
.irs-danger .irs--flat .irs-handle > i:first-child,
.irs-danger .irs--flat .irs-bar { background-color: var(--danger); }
.irs-danger .irs--flat .irs-from::before,
.irs-danger .irs--flat .irs-to::before,
.irs-danger .irs--flat .irs-single::before { border-top-color: var(--danger); }

.irs-secondary .irs--flat .irs-from,
.irs-secondary .irs--flat .irs-to,
.irs-secondary .irs--flat .irs-single,
.irs-secondary .irs--flat .irs-handle > i:first-child,
.irs-secondary .irs--flat .irs-bar { background-color: var(--secondary); }
.irs-secondary .irs--flat .irs-from::before,
.irs-secondary .irs--flat .irs-to::before,
.irs-secondary .irs--flat .irs-single::before { border-top-color: var(--secondary); }


/**
 * Tables
 */
.table th { white-space: nowrap; }

.table .col-action .dropup,
.table .col-action .dropdown {
	display: inline-block;
}

.datagrid .datagrid-filters .select2-container { display: block; }

.datagrid .hidden {
	display: none !important
}

.datagrid table thead tr th {
	font-size: 90%;
	vertical-align: top
}

.datagrid table tbody td {
	vertical-align: middle
}

.datagrid table tbody tr.row-item-detail.toggled {
	display: table-row
}

.datagrid table tbody tr.row-item-detail,
.datagrid table tbody tr.row-item-detail .item-detail-content,
.datagrid table tbody tr.row-item-detail-helper,
.datagrid table thead tr th .datagrid-column-header-additions .column-settings-menu .dropdown-toggle::after,
.datagrid .datagrid-tree .datagrid-tree-item.has-children > .datagrid-tree-item-children {
	display: none
}


/**
 * Colors
 */
.text-primary:is(a):is(.hover) { color: #0062cc !important }
.text-secondary:is(a):is(.hover) { color: #545b62 !important }
.text-info:is(a):is(.hover) { color: #117a8b !important }
.text-success:is(a):is(.hover) { color: #1e7e34 !important }
.text-warning:is(a):is(.hover) { color: #d39e00 !important }
.text-danger:is(a):is(.hover) { color: #bd2130 !important }
.text-indigo:is(a):is(.hover, :hover, :focus) { color: #510bc4 !important }
.text-lightblue:is(a):is(.hover, :hover, :focus) { color: #307095 !important }
.text-navy:is(a):is(.hover, :hover, :focus) { color: #003872 !important }
.text-purple:is(a):is(.hover, :hover, :focus) { color: #4c4988 !important }
.text-fuchsia:is(a):is(.hover, :hover, :focus) { color: #c30c9a !important }
.text-pink:is(a):is(.hover, :hover, :focus) { color: #d91a72 !important }
.text-maroon:is(a):is(.hover, :hover, :focus) { color: #ab154c !important }
.text-orange:is(a):is(.hover, :hover, :focus) { color: #e76b00 !important }
.text-lime:is(a):is(.hover, :hover, :focus) { color: #00cd5a !important }
.text-teal:is(a):is(.hover, :hover, :focus) { color: #2ba7a7 !important }
.text-olive:is(a):is(.hover, :hover, :focus) { color: #2e7555 !important }
.text-gray-dark:is(a):is(.hover, :hover, :focus) { color: #1d2124 !important }


/**
 * Backgrounds
 */
.bg-primary:is(a, button):is(.hover) { background-color: #0062cc !important }
.bg-secondary:is(a, button):is(.hover) { background-color: #545b62 !important }
.bg-info:is(a, button):is(.hover) { background-color: #117a8b !important }
.bg-success:is(a, button):is(.hover) { background-color: #1e7e34 !important }
.bg-warning:is(a, button):is(.hover) { background-color: #d39e00 !important }
.bg-danger:is(a, button):is(.hover) { background-color: #bd2130 !important }
.bg-indigo:is(a, button):is(.hover, :hover, :focus) { background-color: #510bc4 !important }
.bg-lightblue:is(a, button):is(.hover, :hover, :focus) { background-color: #307095 !important }
.bg-navy:is(a, button):is(.hover, :hover, :focus) { background-color: #003872 !important }
.bg-purple:is(a, button):is(.hover, :hover, :focus) { background-color: #4c4988 !important }
.bg-fuchsia:is(a, button):is(.hover, :hover, :focus) { background-color: #c30c9a !important }
.bg-pink:is(a, button):is(.hover, :hover, :focus) { background-color: #d91a72 !important }
.bg-maroon:is(a, button):is(.hover, :hover, :focus) { background-color: #ab154c !important }
.bg-orange:is(a, button):is(.hover, :hover, :focus) { background-color: #e76b00 !important }
.bg-lime:is(a, button):is(.hover, :hover, :focus) { background-color: #00cd5a !important }
.bg-teal:is(a, button):is(.hover, :hover, :focus) { background-color: #2ba7a7 !important }
.bg-olive:is(a, button):is(.hover, :hover, :focus) { background-color: #2e7555 !important }
.bg-gray-dark:is(a, button):is(.hover, :hover, :focus) { background-color: #1d2124 !important }


/**
 * Map
 */
.worldmap .map img { z-index: 0; }
.worldmap .map {
	position: relative !important;
	overflow: scroll;
	background-color: #566665;
}

.worldmap .map.map-full { height: calc(100vh - 45px) !important; }
.worldmap .map.map-sm { height: 500px; }
.worldmap .map.map-md { height: 75vmin; }
.worldmap .map.map-lg { height: 100vmin; }
.worldmap .map.map-xl { height: auto; }

.worldmap .legend {
	top: 20px;
	left: 20px;
	z-index: 20;
	position: absolute;
}

.worldmap .sprites .sprite {
	position: absolute;
	height: 16px;
	line-height: 16px;
	text-shadow: 2px 3px 5px #000;
}

.worldmap .sprites .area { z-index: 1; height: auto; }
.worldmap .sprites .npc,
.worldmap .sprites .marker { z-index: 3; width: 12px; }
.worldmap .sprites .label {
	font-size: 14px;
	white-space: nowrap;
	z-index: 2;
	text-shadow:
		-1px -1px 0px #000, -1px 1px 0px #000,
		1px -1px 0px #000, 1px 1px 0px #000;
}

.dragscroll {
	cursor: grab;
	cursor: -o-grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}


/**
 * Dark Mode
 */
.dark-mode hr { border-color: rgba(255,255,255, .1); }

.dark-mode .card .overlay,
.dark-mode .info-box .overlay,
.dark-mode .overlay-wrapper
.dark-mode .overlay,
.dark-mode .small-box .overlay,
.dark-mode .wrapper > .overlay,
.dark-mode.wrapper > .overlay {
	background-color: rgba(30,35,40,.8);
}

/* Dropdown & Lists */
.dark-mode .dropdown-menu .dropdown-item.disabled { color: var(--secondary); }

/* Popover */
.dark-mode .popover {
	color: var(--light);
	background-color: var(--gray-dark);
}

.dark-mode .popover[x-placement^="top"] .popover-header::before,
.dark-mode .popover[x-placement^="top"] .arrow::after { border-top-color: var(--gray-dark) !important; }
.dark-mode .popover[x-placement^="left"] .popover-header::before,
.dark-mode .popover[x-placement^="left"] .arrow::after { border-left-color: var(--gray-dark) !important; }
.dark-mode .popover[x-placement^="right"] .popover-header::before,
.dark-mode .popover[x-placement^="right"] .arrow::after { border-right-color: var(--gray-dark) !important; }
.dark-mode .popover[x-placement^="bottom"] .popover-header::before,
.dark-mode .popover[x-placement^="bottom"] .arrow::after { border-bottom-color: var(--gray-dark) !important; }

.dark-mode .popover .popover-body { color: var(--light); }
.dark-mode .popover .popover-header {
	background-color: rgba(0,0,0,.1);
	border-color: rgba(0,0,0,.125);
}

/* Table primary */
.dark-mode .table-primary,
.dark-mode .table-primary > td,
.dark-mode .table-primary > th {
	background-color: rgba(63, 103, 145, .6);
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
	background-color: rgba(63, 103, 145, .4);
}

/* Table secondary */
.dark-mode .table-secondary,
.dark-mode .table-secondary > td,
.dark-mode .table-secondary > th {
	background-color: rgba(90, 98, 104, .6);
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
	background-color: rgba(90, 98, 104, .4);
}

/* Table success */
.dark-mode .table-success,
.dark-mode .table-success > td,
.dark-mode .table-success > th {
	background-color: rgba(0, 188, 140, .6);
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
	background-color: rgba(0, 188, 140, .4);
}

/* Table info */
.dark-mode .table-info,
.dark-mode .table-info > td,
.dark-mode .table-info > th {
	background-color: rgba(36, 133, 199, .6);
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
	background-color: rgba(36, 133, 199, .4);
}

/* Table danger */
.dark-mode .table-danger,
.dark-mode .table-danger > td,
.dark-mode .table-danger > th {
	background-color: rgba(225, 46, 28, .6);
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
	background-color: rgba(225, 46, 28, .4);
}

/* Table warning */
.dark-mode .table-warning,
.dark-mode .table-warning > td,
.dark-mode .table-warning > th {
	background-color: rgba(212, 134, 11, .6);
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
	background-color: rgba(212, 134, 11, .4);
}

/* Table light */
.dark-mode .table-light,
.dark-mode .table-light > td,
.dark-mode .table-light > th {
	background-color: rgba(228, 231, 235, .6);
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
	background-color: rgba(228, 231, 235, .4);
}

/* Table dark */
.dark-mode .table-dark,
.dark-mode .table-dark > td,
.dark-mode .table-dark > th {
	background-color: rgba(23, 26, 29, .6);
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
	background-color: rgba(23, 26, 29, .4);
}


/**
 * Responsibility
 */
@media (max-width: 767px) {
	.twitch { max-width: 100% !important; }
}