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

.cover { background-position: center -100px; }
.content-wrapper {
	background-color: #ecf0f5;
	padding-bottom: 1rem;
}

article.card img.note-float-right { margin-left: 10px; margin-bottom: 10px; }
article.card img.note-float-left { margin-right: 10px; margin-bottom: 10px; }

*[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; }

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

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

.tooltip { z-index: 10000; }
.votePanel { position: fixed; bottom: 10px; right: 15px; }

.toastWrapper .toast { font-size: 1.2rem; }
.toastWrapper .toast.bg-success { background: rgba(147, 197, 75, 1) !important; }
.toastWrapper .toast.bg-warning { background: rgba(244, 124, 60, 1) !important; }
.toastWrapper .toast.bg-danger { background: rgba(217, 83, 79, 1) !important; }
.toastWrapper .toast.bg-info { background: rgba(41, 171, 224, 1) !important; }
.toastWrapper {
    position: fixed;
    z-index: 10001;
    top: 75px;
    left: 25px;
    right: 25px;
}


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


/**
 * 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-comments.donate .card-comment .comment-text { margin-left: calc(57px + 10px); }
.card .card-comments.donate .card-comment img {
	width: 57px;
	height: 44px;
}


/**
 * 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); }


/**
 * Navigations
 */
.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 .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);
}


/**
 * 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;
}


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

.table .col-action .dropup,
.table .col-action .dropdown {
	display: inline-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
}


/**
 * Forms
 */
.form-group label.control-label,
.custom-control span.control-label { font-weight: normal; }

.form-group.required .control-label,
.custom-control.required .control-label { font-weight: bold; }

.form-group.required .control-label::after,
.custom-control.required .control-label::after {
    top: 0;
    left: 0;
    position: relative;
    display: inline;
	color: #dd4b39;
	content: "*";
    padding-left: 4px;
}

.custom-file-label { color: #939ba2; }
.form-control.is-invalid { z-index: 3; }


.select2-container { flex: 1 1 auto; }


/* 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;
}


/**
 * Dark Mode
 */
.dark-mode .modal .modal-footer.bg-light { background-color: rgba(0,0,0, .125) !important; }
.dark-mode hr { border-color: rgba(255,255,255, .1); }

/* 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; }
}