/* Background Image Media Queries */
body.login {
	background-image: url('../images/mk-building.jpeg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (min-width: 640px) {
	body.login {
		background-image: url('../images/mk-building.jpeg');
	}
}

@media screen and (min-width: 960px) {
	body.login {
		background-image: url('../images/mk-building.jpeg');
	}
}

@media screen and (min-width: 1200px) {
	body.login {
		background-image: url('../images/mk-building.jpeg');
	}
}

@media screen and (min-width: 1600px) {
	body.login {
		background-image: url('../images/mk-building.jpeg');

	}
}

body {
	font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol", "Noto Color Emoji";
}

body.dashboard {
	background-image: url('../images/garuda.png'), linear-gradient(180deg, #f8f9fc 10%, #e3fdff 100%);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
}

.uk-card-tosca,
.uk-background-tosca {
	background: #068aa1;
}

.uk-text-tosca {
	color: #068aa1;
}

/* ---- Dashboard ---- */
#site-head {
	padding: 10px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: white;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#site-foot {
	position: fixed;
	z-index: 3;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 0.8rem;
}

.uk-section-xsmall {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}

.uk-logo img {
	width: 120px;
}

.spacer {
	height: 60px;
}

.uk-card {
	/* border-top: 2px solid; */
	position: relative;
	transition: box-shadow 0.15s ease-out;
	border-radius: 3px;
}

.uk-card:hover {
	box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.045);
}

.uk-card .uk-inline {
	z-index: 99;
}

.uk-card .uk-card-footer {
	padding: 0.55rem 1rem;
}

.uk-card .uk-card-header {
	padding: 0.55rem 1rem;
}

.uk-card .cat-txt {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.01em;
}

.nature-card .uk-card {
	border-top-color: #1E87F0;
}

.uk-subnav li a {
	border-radius: 3px;
}

.uk-subnav li.uk-active:nth-child(3) a {
	background-color: #8630F0;
}

.uk-subnav li.uk-active:nth-child(4) a {
	background-color: #F03A7F;
}

.uk-subnav li.uk-active:nth-child(5) a {
	background-color: #E84DF0;
}

.nature-card .uk-card .cat-txt {
	color: #1E87F0;
}

.music-card .uk-card {
	border-top-color: #8630F0;
}

.music-card .uk-card .cat-txt {
	color: #8630F0;
}

.design-card .uk-card {
	border-top-color: #E84DF0;
}

.design-card .uk-card .cat-txt {
	color: #E84DF0;
}

.photo-card .uk-card {
	border-top-color: #F03A7F;
}

.photo-card .uk-card .cat-txt {
	color: #F03A7F;
}

.uk-card .uk-overlay-primary {
	padding: 0.5rem;
	text-align: center;
	font-size: 0.7rem;
	text-transform: uppercase;
	/* opacity: 0.7; */
}

img[data-src][src*='data:image'] {
	background: rgba(0, 0, 0, 0.1);
}

.search-fld {
	border-radius: 50px;
	padding: 0 1rem;
}

.uk-dropdown.drop-nav {
	border-radius: 4px;
	box-shadow: 0 2px 24px rgba(0, 0, 0, .1);
	width: 300px;
}

.uk-dropdown.drop-comments {
	width: 370px;
}

.drop-nav::after {
	bottom: 100%;
	right: 4%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}

.uk-dropdown.uk-dropdown-right-center::after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 6px;
	margin-top: -6px;
}

.uk-dropdown.uk-dropdown-left-center::after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 6px;
	margin-top: -6px;
}

.message {
	font-size: 0.85rem;
	display: block;
	line-height: 1.3rem;
	padding: 0.5rem 0;
}

.uk-notification-message {
	background-color: #1e87f0;
	color: white;
	font-size: 0.9rem;
	border-radius: 3px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.kbw-signature {
	display: inline-block;
	border: 3px dashed #e5e5e5;
}

.uk-text-white {
	color: #ffffff;
}

/* preloader  */

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(255, 255, 255);
	z-index: 999999;
}

.status {
	width: 250px;
	height: 250px;
	position: relative;
	left: 52%;
	top: 50%;
	margin-top: -125px;
	margin-left: -125px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 600px auto;
	/* margin: -100px 0 0 -100px; */
}

/* --------- */

body.swal2-shown>[aria-hidden="true"] {
	transition: 0.2s filter;
	filter: blur(10px);
}

.uk-table-hover tbody tr:hover,
.uk-table-hover>tr:hover {
	background: #aefaff59;
}

.highlight_row {
	/* background: #E1F2F5; */
	background: #ceffe8;
	font-weight: 600;
	color: #000;
}

.uk-pagination>.uk-active>* {
	color: white;
	background-color: #1e87f0;
	pointer-events: none;
}

.uk-pagination>li>a:hover {
	color: white;
	background-color: #1e87f0;
	/* border: 1px solid #1e87f0; */
}

.uk-disabled {
	background-color: rgb(233, 231, 231);
	/* pointer-events: none; */
	/* cursor: not-allowed; */
}

.uk-pagination>li>a {
	border: 1px solid #ddd;
}

.uk-tab {
	flex-wrap: nowrap;
}