/* your styles go here */
:root {
	--whiteColor: #ffffff;
	--blackColor: #495057;
	--primaryColor: #217fd9;
	--primaryColorTransparent: rgba(33, 127, 217, 0.50);
}
input.input-material ~ label {
	top: -20px;
	color: var(--whiteColor);
}
input.input-material {
	padding: 10px;
	color: var(--whiteColor);
	border-color: var(--whiteColor);
}
.btn-primary {
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}
.login-page::before {
	background-image: url(../assets/images/bg.jpg);
}
.login-page .form-holder .info {
	background-color: var(--primaryColorTransparent);
}
.widget-content .widget-content-left .widget-heading,
.widget-content .widget-content-left .widget-subheading {
	color: var(--whiteColor);
	opacity: 1 !important;
}

.app-header__logo {
	width: 330px !important;
}
.app-sidebar {
	width: 220px !important;
	min-width: 220px !important;
	flex: 0 0 220px !important;
}
.fixed-sidebar .app-main .app-main__outer {
	padding-left: 215px !important;
}
.vertical-nav-menu li a {
	padding: 0 10px !important;
}
.app-sidebar .app-sidebar__inner {
	padding: 2px 1rem 1.5rem !important;
}
table .widget-content .widget-content-left .widget-heading, 
table .widget-content .widget-content-left .widget-subheading {
	font-weight: normal !important;
	color: var(--blackColor) !important;
}

.widgheadbig {
	font-size: 24px !important;
}
.widghead {
	font-size: 18px !important;
	color: var(--blackColor);
}

.cardbox .widget-content .widget-content-wrapper {
	flex-direction: column;
	align-items: flex-start;
}

.cardbox .widget-content .widget-numbers {
	font-size: 1.3rem;
}

a,
a:hover,
a:active,
a:visited {
	text-decoration: none;
}

.pagination {
	flex-wrap: wrap;
}

.invTable tr th:nth-child(3),
.invTable tr td:nth-child(3),
.invTable tr td:nth-child(9),
.invTable tr td:nth-child(10) {
	display: none;
}
.invTable tr td:nth-child(2),
.invTable tr td:nth-child(8) {
	width: 220px;
}

@media only screen and (max-width: 1320px) {
	.header-user-info {
	    display: block !important;
	}
}