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

.app-main > .alerts .alert {
	border-width: 0px;
	border-bottom-width: 1px;
}

svg { color: var(--bs-body-color); }

footer .logo svg { height: 24px; }
.brand-link svg { height: 36px; }


.gradient.to-bottom { --l2-grad-dir: to bottom; }
.gradient.to-top { --l2-grad-dir: to top; }
.gradient {
	color: var(--bs-light);
	background-image: linear-gradient(var(--l2-grad-dir, 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%
	);
}


.cover {
	background-image: url('/media/cover-infinite-elmore.jpg');
	background-position: center -100px;
}


.rounded-start-top { border-top-left-radius: var(--bs-border-radius) !important; }
.rounded-start-bottom { border-bottom-left-radius: var(--bs-border-radius) !important; }
.rounded-end-top { border-top-right-radius: var(--bs-border-radius) !important; }
.rounded-end-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; }


.modal-content > .alerts .alert { border-left: 0px; border-right: 0px; }
.modal-body > .alerts .alert:last-child {
	margin-bottom: 0px !important;
}

.card .logo {
	height: 3.2rem;
	font-size: 2.5rem;
	line-height: 3.2rem;
	margin-bottom: 0px;
}


.card .table.bulk-info { margin: 0px; }
.card .table.bulk-info :is(td, th) { height: 33px; }

.card .table.bulk-info th {
	padding-left: var(--bs-card-spacer-x);
	padding-right: .25rem;
	color: var(--bs-secondary);
	font-size: .75rem;
	white-space: nowrap;
	text-transform: uppercase;
}

.card .table.bulk-info td {
	padding-left: .25rem;
	padding-right: var(--bs-card-spacer-x);
}


/**
 * Add button in Branch section
 */
.card.opacity-50:has(.stretched-link) { transition: opacity .15s ease-in-out; }
.card.opacity-50:has(.stretched-link):hover { opacity: 1 !important; }


/**
 * Rounded card-header in accordion
 */
.card [data-bs-toggle=collapse].collapsed .card-header {
	border-bottom-left-radius: var(--bs-card-inner-border-radius);
	border-bottom-right-radius: var(--bs-card-inner-border-radius);
}


@media (hover: none) {

  .tooltip { display: none !important; }

}


/**
 * ====================================
 * NAVIGATION
 * ====================================
 */
.nav-item .nav-link > p,
.breadcrumb .breadcrumb-item p,
:is(h1, h2, h3, h4, h5, h6) > p { display: inline-block; margin: 0px; }


/**
 * User and Web module navigations
 */
nav:is(.menu-web, .menu-user) .nav-item { border-bottom: 0px !important; }
nav:is(.menu-web, .menu-user) .nav-link { margin-bottom: 0px !important; }
nav:is(.menu-web, .menu-user) .nav-link:not(:hover) { color: var(--bs-body-color); }
nav:is(.menu-web, .menu-user) .nav-link.active { color: var(--bs-light); background-color: var(--lte-sidebar-menu-active-bg); }

.card nav:is(.menu-web, .menu-user) .nav-item .nav-link { border-radius: 0; }
.card nav:is(.menu-web, .menu-user) .nav-item:first-child .nav-link {
	border-top-left-radius: var(--bs-border-radius) !important;
	border-top-right-radius: var(--bs-border-radius) !important;
}

.card nav:is(.menu-web, .menu-user) .nav-item:last-child .nav-link {
	border-bottom-left-radius: var(--bs-border-radius) !important;
	border-bottom-right-radius: var(--bs-border-radius) !important;
}


/**
 * Offcanvas
 */
.offcanvas {
	--bs-offcanvas-padding-x: .5rem;
	--bs-offcanvas-padding-y: .5rem;
	--bs-offcanvas-width: 250px;
	--bs-offcanvas-bg: var(--bs-tertiary-bg);
	--bs-offcanvas-border-width: 0px;

	box-shadow: 0 14px 28px rgba(var(--bs-black-rgb), .25),
				0 10px 10px rgba(var(--bs-black-rgb), .22);
}

.offcanvas-backdrop,
.sidebar-overlay {
	transition: opacity .15s ease-in-out !important;
	animation: none !important;
	opacity: 0;
}

.offcanvas-backdrop.show,
.sidebar-open .sidebar-overlay {
	background-color: #000 !important;
	opacity: .5 !important;
}

@media (max-width: 992px)  {

	.offcanvas .offcanvas-body .nav-item > .nav-link { color: rgb(194, 199, 208); }
	.offcanvas .offcanvas-body .nav-item > .nav-link.active { background-color: var(--bs-primary); }	
	.offcanvas .offcanvas-body .nav-item:hover > .nav-link {
		background-color: rgba(var(--bs-white-rgb), .1);
		color: #fff;
	}

}


/**
 * Search - custom full navbar search
 */
.navbar.bg-primary .form-inline[data-lte-search] { background-color: var(--bs-primary); }
.navbar .form-inline[data-lte-search] {
	display: none;
	position: absolute;
	z-index: 100;
	left: 0rem;
	right: 0rem;
	padding: 0rem 1.25rem;
}


/**
 * Menu text hidden by default, expand on larger breakpoints
 */
.menu-expand .nav-link p:not(.badge) { display: inline; }

:is(.menu-expand-sm, .menu-expand-md, .menu-expand-lg, .menu-expand-xl, .menu-expand-xxl)
.nav-link p:not(.badge) { display: none; }

@media (min-width: 576px)  { .menu-expand-sm  .nav-link p:not(.badge) { display: inline; } }
@media (min-width: 768px)  { .menu-expand-md  .nav-link p:not(.badge) { display: inline; } }
@media (min-width: 992px)  { .menu-expand-lg  .nav-link p:not(.badge) { display: inline; } }
@media (min-width: 1200px) { .menu-expand-xl  .nav-link p:not(.badge) { display: inline; } }
@media (min-width: 1400px) { .menu-expand-xxl .nav-link p:not(.badge) { display: inline; } }


/**
 * Menu text shown by default, collapse on larger breakpoints
 */
.menu-collapse .nav-link p:not(.badge) { display: none; }

:is(.menu-sm-collapse, .menu-md-collapse, .menu-lg-collapse, .menu-xl-collapse, .menu-xxl-collapse)
.nav-link p:not(.badge) { display: inline; }

.dropdown-item p { display: inline; }

@media (min-width: 576px)  { .menu-collapse-sm  .nav-link p:not(.badge) { display: none; } }
@media (min-width: 768px)  { .menu-collapse-md  .nav-link p:not(.badge) { display: none; } }
@media (min-width: 992px)  { .menu-collapse-lg  .nav-link p:not(.badge) { display: none; } }
@media (min-width: 1200px) { .menu-collapse-xl  .nav-link p:not(.badge) { display: none; } }
@media (min-width: 1400px) { .menu-collapse-xxl .nav-link p:not(.badge) { display: none; } }


/**
 * Hide [data-bs-theme-dark] on light backgrounds
 */
.navbar:is(.bg-orange, .bg-teal, .bg-lime, .bg-warning, .text-bg-warning, .bg-info, .text-bg-info):not(body)
[data-bs-theme-dark] { display: none !important; }

/**
 * Show [data-bs-theme-light] on light backgrounds
 */
.navbar:is(.bg-orange, .bg-teal, .bg-lime, .bg-warning, .text-bg-warning, .bg-info, .text-bg-info):not(body)
[data-bs-theme-light] { display: inline-block !important; }


/**
 * ====================================
 * CARDS
 * ====================================
 */
.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;
	border-bottom: 0px;
}

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


/**
 * ====================================
 * SLIDERS
 * ====================================
 */
.irs.irs--flat .irs-min,
.irs.irs--flat .irs-max,
.irs.irs--flat .irs-line {
	color: var(--bs-body-color);
	background-color: var(--bs-dark-bg-subtle);
}

.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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-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(--bs-secondary); }


/**
 * ====================================
 * TREE
 * ====================================
 */
.tree {
	min-height: 20px;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.tree li {
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	padding-bottom: 0px;
	position: relative;
}

.tree li::before,
.tree li::after {
	content: '';
	left: -16px;
	position: absolute;
	right: auto;
}

.tree li::before {
	border-left: 1px solid #999;
	height: 100%;
	top: 5px;
	width: 1px;
}

.tree li::after {
	border-top: 1px solid #999;
	height: 20px;
	top: 21px;
	width: 17px;
}

.tree li span.tree-item {
	border-radius: 5px;
	display: inline-block;
	padding: 4px 9px;
	text-decoration: none;
}

.tree > ul:first-child > li {
	padding-top: 0px;
}

.tree > ul > li::before,
.tree > ul > li::after {
	border: 0px;
}

.tree li:last-child::before {
	height: 17px;
}


/**
 * ====================================
 * DATATABLE
 * ====================================
 */
col#queuetable-contact-name { min-width: 250px; }

col#usertable-name,
col#clienttable-name { min-width: 350px; }

col#usertable-phone,
col#useraccesstable-branch-phone,
col#clienttable-phone { min-width: 150px; width: 150px; }

col.column-order { min-width: 100px; width: 125px; }

/**
 * Add color to thead when scrolling past it (being sticked)
 */
thead.sticky-top[style*=transform] th { background-color: var(--bs-primary-bg-subtle); }


/**
 * Color gray-dark text lighten up a little
 */
[data-dt-table] .text-gray-dark:hover { color: #1a1d20 !important; }
[data-dt-table] .text-gray-dark { color: #495057 !important; }


/**
 * Color navy text lighten up a little
 */
[data-dt-table] .text-navy:hover { color: #0b5fdb !important; }
[data-dt-table] .text-navy { color: #084aaa !important; }



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


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

.maximized-card.card { border-radius: 0; }
.maximized-card .worldmap .map { height: calc(100vh - 45px) !important; }

.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;
}