/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.col-5ths,
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-5ths {
	width: 20%;
	float: left;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1600px) {
	.col-xxl-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xxl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

/* helper classes */
.full-width {
	width: 100%;
}
.row-gap-1 {
	row-gap: 1rem;
}

/* CUSTOM COLORS */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.form-control,
.e-pager,
.e-pager .e-numericitem,
.dropdown-item,
.dropdown-menu i,
.card .card-footer,
.nav-tabs .nav-link,
.nav-pills .nav-link,
.main-menu.menu-light .navigation li a,
.header-navbar .navbar-container ul.nav li > a.nav-link,
html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a,
html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i {
	color: var(--b2bee-dark);
}
.main-menu.menu-light .navigation .navigation-header {
	color: var(--b2bee-medium-dark);
}
.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
	color: #fff;
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.kb-search-content a,
.e-pager div.e-icons.e-pager-default {
	color: var(--primary);
}
.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
	background: var(--primary);
}
.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 {
	stroke: var(--primary);
}
.e-grid td.e-active {
	background: rgba(var(--b2bee-yellow-rgb), 0.5);
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
	color: var(--primary-hover);
}

/* CUSTOM CSS */
input.form-control.invalid {
	border-color: red;
}

.validation-message {
	color: red;
}

.main-menu .navbar-header {
	cursor: auto;
}
.main-menu .main-menu-content {
	padding-bottom: 1.5rem;
}

/*div:empty,
.card-text:empty {
	display: none;
}*/

table th, table td {
	padding: 1rem !important;
}

/* breadcrumb */
html .content .content-wrapper .breadcrumb-wrapper .breadcrumb {
	border-left: none;
}
.breadcrumb {
	align-items: center;
	background-color: transparent;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	top: 0;
}
.navbar-wrapper > .navbar-container .navbar-nav {
	flex-wrap: nowrap;
}

/* menu */
.nav-item.has-sub a {
	cursor: pointer;
}

/*menu Tabs*/
.nav-item.nav-block {
	width: 100%;
	padding-bottom: 0 !important;
}

.nav-icon a {
	padding-right: 0.7rem !important;
	padding-left: 0.7rem !important;
	cursor: pointer;
}

.nav.nav-tabs .nav-item .nav-link.active::after,
.nav.nav-tabs .nav-item .nav-link.active::before {
	content: none;
}

/* header select */
.navbar-nav > .nav-item > select {
	text-transform: uppercase;
	cursor: pointer;
}

/* e-tabs */
.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
	border-bottom: 1px solid #f2f4f4;
}

/* tables */
.e-table th,
.e-table td {
	width: 180px !important;
}
.e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
	margin-left: 0;
	padding-left: 0;
}
.e-grid,
.e-grid .e-gridheader {
	border: none !important;
	color: var(--b2bee-dark);
}
table thead th,
table td {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	color: var(--b2bee-dark) !important;
}
table thead th {
	border-bottom: 2px solid #dfe3e7 !important;
}
table td {
	border-bottom: 1px solid #dfe3e7 !important;
	font-family: "Rubik", Helvetica, Arial, serif;
	font-size: 15px !important;
	font-weight: 400;
}
table thead th,
table thead th * {
	text-transform: uppercase;
	font-size: 12px;
	font-family: "Rubik", Helvetica, Arial, serif;
	letter-spacing: 1px;
}
/*table thead th:hover {
	background-color: rgba(var(--primary-rgb), 0.05) !important;
}*/

/*ICONS*/
.e-view:before {
	content: '\eb04';
}

.nav-sections {
	position: fixed;
	bottom: 0;
}

.e-dialog .e-dlg-header {
	display: none !important;
}

.card-header .card-text {
	margin-top: 10px;
}


/* PUSLE MARKER ? */
/* PUSLE MARKER ? */
.pin {
	width: 30px;
	height: 30px;
	border-radius: 50% 50% 50% 0;
	background: #00cae9;
	position: absolute;
	transform: rotate(-45deg);
	left: calc(50% + 11px);
	top: calc(50% - 3px);
	margin: -20px 0 0 -20px;
}

.pin:after {
	content: '';
	width: 14px;
	height: 14px;
	margin: 8px 0 0 8px;
	background: #e6e6e6;
	position: absolute;
	border-radius: 50%;
}

.bounce {
	animation-name: bounce;
	animation-fill-mode: both;
	animation-duration: 1s;
}

.pulse {
	background: #d6d4d4;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 11px 0px 0px -2px;
	transform: rotateX(55deg);
	z-index: -2;
}

.pulse:after {
	content: '';
	border-radius: 50%;
	height: 40px;
	width: 40px;
	position: absolute;
	margin: -13px 0 0 -13px;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
	opacity: 0;
	box-shadow: 0 0 1px 2px #00cae9;
	animation-delay: 1.1s;
}

@keyframes pulsate {
	0% {
		transform: scale(0.1, 0.1);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: scale(1.2, 1.2);
		opacity: 0;
	}
}

@keyframes bounce {
	0% {
		opacity: 0;
		transform: translateY(-2000px) rotate(-45deg);
	}

	60% {
		opacity: 1;
		transform: translateY(30px) rotate(-45deg);
	}

	80% {
		transform: translateY(-10px) rotate(-45deg);
	}

	100% {
		transform: translateY(0) rotate(-45deg);
	}
}

.ringing {
	color: orangered;
	-webkit-animation: swing 1.5s infinite;
	-moz-animation: swing 1.5s infinite;
	animation: swing 1.5s infinite;
}


.report{
	font-size: 30px;
	font-weight: 700;
}

.report .bx {
	font-size: 7rem;
}

.color-red{
	color: red;
}

.color-green {
	color: limegreen;
}

.blur-content{
	filter: blur(3px);
}

/*
.footer-static {
	position: fixed;
	bottom: 0;
	width: 100%;
}*/


.banner-image {
	max-height: 1000px !important;
	height: auto !important;
	width: 100% !important;
	max-width: 100%;
}
img.card-img.img-fluid {
	max-height: 200px;
	width: auto;
}

/* BOXICONS CORRECTIONS */

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next)::after {
	content: '\ea48';
}