/* General stuff */

:root {
	--bs-bg-opacity: 1;
	--bs-black: #000000;
	--bs-black-rgb: 0,0,0;
	--bs-blue: #007aff;
	--bs-body-bg: var(--bs-gray-100);
	--bs-body-color: var(--bs-gray-800);
	--bs-body-font-family: Nunito,sans-serif;
	--bs-body-font-size: 0.9rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-rgb: 99,99,102;
	--bs-cyan: #32ade6;
	--bs-danger: #ff3b30;
	--bs-danger-rgb: 255,59,48;
	--bs-dark: #3a3a3c;
	--bs-dark-rgb: 58,58,60;
	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--bs-font-sans-serif: "Nunito",sans-serif;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-gray: #aeaeb2;
	--bs-gray-100: #f2f2f7;
	--bs-gray-200: #e5e5ea;
	--bs-gray-300: #d1d1d6;
	--bs-gray-400: #c7c7cc;
	--bs-gray-500: #aeaeb2;
	--bs-gray-600: #8e8e93;
	--bs-gray-700: #636366;
	--bs-gray-800: #48484a;
	--bs-gray-900: #3a3a3c;
	--bs-gray-dark: #2c2c2e;
	--bs-green: #34c759;
	--bs-gutter-x: 24px;
	--bs-gutter-y: 0;
	--bs-indigo: #5856d6;
	--bs-info: #32ade6;
	--bs-info-rgb: 50,173,230;
	--bs-light: #d1d1d6;
	--bs-light-rgb: 209,209,214;
	--bs-orange: #ff9500;
	--bs-pink: #ff2d55;
	--bs-primary: #af52de;
	--bs-primary-rgb: 175,82,222;
	--bs-purple: #af52de;
	--bs-red: #ff3b30;
	--bs-secondary: #636366;
	--bs-secondary-rgb: 99,99,102;
	--bs-success: #34c759;
	--bs-success-rgb: 52,199,89;
	--bs-teal: #30b0c7;
	--bs-warning: #ff9500;
	--bs-warning-rgb: 255,149,0;
	--bs-white: #ffffff;
	--bs-white-rgb: 255,255,255;
	--bs-yellow: #ffcc00;
	--font-awesome: "Font Awesome 5 Pro";
}

.fa:before, .fal:before, .far:before, .fas:before, .fab:before {
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-color: var(--bs-body-bg) !important;
	visibility: visible !important;
}

body.loading {
	 visibility: hidden !important;
}

a {
	color: var(--bs-cyan);
	text-decoration: none; 
}
a:hover {
	color: var(--bs-blue) !important;
}

a.btn:hover {
	color: var(--bs-white) !important;
}

#page-title h1 {
	margin: 21px 0px 0px 12px;
	font-size: 1.8rem !important;
}

.bg-secondary {
	background-color: var(--bs-secondary);
}

.text-muted {
	filter: brightness(90%);
}

.text-error {
	color: var(--bs-danger) !important;
	text-shadow: rgba(var(--bs-danger-rgb),.3) 5px 1px,rgba(var(--bs-danger-rgb),.2) 10px 3px !important;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.btn-primary {
	background-color: var(--bs-primary);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-outline-primary {
	background-color: transparent;
	border-color: var(--bs-primary);
	color: var(--bs-primary);
}

.btn-primary:hover,
.btn-outline-primary:hover {
	background-color: rgba(var(--bs-primary-rgb),.8);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-secondary {
	background-color: var(--bs-secondary);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-outline-secondary {
	background-color: transparent;
	border-color: var(--bs-secondary);
	color: var(--bs-secondary);
}

.btn-secondary:hover,
.btn-outline-secondary:hover {
	background-color: rgba(var(--bs-secondary-rgb),.8);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-success {
	background-color: var(--bs-success);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-outline-success {
	background-color: transparent;
	border-color: var(--bs-success);
	color: var(--bs-success);
}

.btn-success:hover,
.btn-outline-success:hover {
	background-color: rgba(var(--bs-success-rgb),.8);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-danger {
	background-color: var(--bs-danger);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-outline-danger {
	background-color: transparent;
	border-color: var(--bs-danger);
	color: var(--bs-danger);
}

.btn-danger:hover,
.btn-outline-danger:hover {
	background-color: rgba(var(--bs-danger-rgb),.8);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-warning {
	background-color: var(--bs-warning);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-outline-warning {
	background-color: transparent;
	border-color: var(--bs-warning);
	color: var(--bs-warning);
}

.btn-warning:hover,
.btn-outline-warning:hover {
	background-color: rgba(var(--bs-warning-rgb),.8);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-info {
	background-color: var(--bs-info);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-outline-info {
	background-color: transparent;
	border-color: var(--bs-info);
	color: var(--bs-info);
}

.btn-info:hover,
.btn-outline-info:hover {
	background-color: rgba(var(--bs-info-rgb),.8);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-light {
	background-color: var(--bs-light);
	border-color: transparent;
	color: var(--bs-dark);
}

.btn-outline-light {
	background-color: transparent;
	border-color: var(--bs-light);
	color: var(--bs-dark);
}

.btn-light:hover,
.btn-outline-light:hover {
	background-color: rgba(var(--bs-light-rgb),.8);
	border-color: transparent;
	color: var(--bs-dark);
}

.btn-dark {
	background-color: var(--bs-dark);
	border-color: transparent;
	color: var(--bs-white);
}

.btn-outline-dark {
	background-color: transparent;
	border-color: var(--bs-dark);
	color: var(--bs-dark);
}

.btn-dark:hover,
.btn-outline-dark:hover {
	background-color: rgba(var(--bs-dark-rgb),.8);
	border-color: transparent;
	color: var(--bs-white);
}

.form-control,
.form-control:focus {
	color: var(--bs-body-color);
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.form-checkbox-secondary .form-check-input:checked,
.form-radio-secondary .form-check-input:checked {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.form-checkbox-success .form-check-input:checked,
.form-radio-success .form-check-input:checked {
		background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.form-checkbox-warning .form-check-input:checked,
.form-radio-warning .form-check-input:checked {
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.form-checkbox-danger .form-check-input:checked,
.form-radio-danger .form-check-input:checked {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.form-checkbox-info .form-check-input:checked,
.form-radio-info .form-check-input:checked {
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.form-checkbox-light .form-check-input:checked,
.form-radio-light .form-check-input:checked {
	background-color: var(--bs-light);
	border-color: var(--bs-light);
}

.form-checkbox-dark .form-check-input:checked,
.form-radio-dark .form-check-input:checked {
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

.password-eye {
	min-width: 20px;
}
.password-eye:before {
	font-family: var(--font-awesome);
	content: "\f06e"
}
.show-password .password-eye:before {
	content: "\f070"
}

.input-validation-error {
	border: 1px solid var(--bs-danger) !important;
}

.field-validation-error {
	display: inline-block;
	padding-top: 3px;
	color: var(--bs-danger) !important;
}

.alert-info {
	border-color:var(--bs-info) !important;
}

.alert-success {
	border-color:var(--bs-success) !important;
}

.alert-warning {
	border-color:var(--bs-warning) !important;
}

.alert-danger {
	border-color:var(--bs-danger) !important;
}


.table {
	--bs-table-striped-bg: var(--bs-gray-100);
	--bs-table-striped-color: var(--bs-body-color);
	color: var(--bs-body-color);
}

.table-striped > tbody > tr:nth-of-type(odd) {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}



/* Layout stuff */
body.authentication-bg,
.auth-fluid .auth-fluid-form-box {
	background: none !important;
	background-color: var(--bs-gray-dark) !important;
	color: var(--bs-white);
}

.auth-fluid .auth-fluid-right {
	background-color: transparent;
}

.footer-build {
	padding: 19px 24px 20px;
	bottom: 0;
	color: rgba(var(--bs-white-rgb),0.8) !important;
	text-shadow: #00000066 0 1px;
}

.footer-build .badge {
	opacity: 1;
	text-shadow: none;
}

.content-page .footer-build {
	color: rgba(var(--bs-body-rgb),0.6) !important;
	text-shadow: none;
}

.leftside-menu,
.leftside-menu .logo {
	background: none !important;
	background-color: var(--bs-gray-dark) !important;
}

body[data-leftbar-compact-mode=condensed] .side-nav-item:hover ul,
body[data-leftbar-compact-mode=condensed] .side-nav-item:hover .side-nav-link {
	background: none !important;
	background-color: var(--bs-gray-900) !important;
}

.side-nav-title {
	color: #ffffff99 !important;
}

.side-nav-link,
.side-nav-forth-level li a, 
.side-nav-second-level li a, 
.side-nav-third-level li a {
	color: #ffffff99 !important;
}

.side-nav-link:active, 
.side-nav-link:focus, 
.side-nav-link:hover,
.side-nav-second-level li a:active, 
.side-nav-second-level li a:focus, 
.side-nav-second-level li a:hover, 
.side-nav-third-level li a:active,
.side-nav-third-level li a:focus,
.side-nav-third-level li a:hover,
.side-nav-forth-level li a:active,
.side-nav-forth-level li a:focus,
.side-nav-forth-level li a:hover {
	color: #fff !important;
}

.side-nav .menu-arrow {
	font-family: var(--font-awesome);
	font-size: 0.8rem;
}

.side-nav .menu-arrow:before {
	content: "\f054";
}

.app-search .form-control {
	background-color: var(--bs-light) !important;
}

.nav-user {
	padding-left: 70px !important;
	padding-top: 17px !important;
}

.nav-user .account-user-avatar {
	top: 13px;
}

.nav-user .account-user-avatar img {
	width: 44px;
	height: 44px;
	border: 1px solid #00000011;
	background-color: #fff;
}

.content-page {
	padding-top: 100px;
}

.widget-icon {
	line-height: 40px !important;
}