.theme-light,
.theme-light .page {
	background-color: #fff !important;
}

.theme-dark,
.theme-dark .page-bg,
.theme-dark #page {
	background-color: #1b1d21;
}

.theme-dark .form-floating-over>.form-control:focus~label,
.theme-dark .form-floating-over>.form-control:not(:placeholder-shown)~label,
.theme-dark .form-floating-over>.form-select~label,
.theme-dark .card:not(.header-card),
.theme-dark .card:not(.footer-card),
.theme-dark .card:not(.color-card),
.theme-dark #preloader,
.theme-dark .accordion-collapse,
.theme-dark .modal-content {
	background-color: #1b1d21;
}

.theme-light .news-list div,
.theme-dark select option {
	color: #000 !important;
}

.theme-dark .news-list div,
.theme-dark .show-on-theme-dark i:first-child,
.theme-dark .table-stc td,
.theme-dark .table-cus td {
	color: #FFF !important;
}

.theme-dark .home-card svg path,
.theme-dark .stc-buy-icon svg path,
.theme-dark .profile-icon svg path[fill="#3E3A39"],
.theme-dark .home-card svg circle {
	fill: #FFFFFF !important;
}

.theme-dark svg.home-stroke path[stroke="black"] {
	stroke: #FFFFFF !important;
}

.theme-dark .menu {
	background: rgba(53, 54, 58, 1) !important;
}

.theme-dark .card-profile {
	background-color: #21252a !important;
}

.theme-dark .home-nav:not(.active-nav) img {
	content: url('../../assets/SMICZ-home-black.png?v=3') !important;
}

.theme-dark .modal .btn-close {
	filter: invert(1) !important;
}

.cs-font-28-24 {
	font-size: 28px !important;
}

.cs-font-28-24-20 {
	font-size: 28px !important;
}

.cs-font-24-20 {
	font-size: 24px !important;
}

.cs-font-16-14 {
	font-size: 16px !important;
}

.cs-font-16-14-12 {
	font-size: 16px !important;
}

.cs-font-14-12 {
	font-size: 14px !important;
}

.cs-font-12-10 {
	font-size: 12px !important;
}


input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

/**
* Basic CSS Media Query Template
* TODO: I should probably use Sass...
* Author: Michael Vieth
* ------------------------------------------
*  Responsive Grid Media Queries - 1280, 1024, 768, 480
*   1280-1024   - desktop (default grid)
*   1024-768    - tablet landscape
*   768-480     - tablet
*   480-less    - phone landscape & smaller
* --------------------------------------------
*/
@media all and (min-width: 1024px) and (max-width: 1280px) {}

@media all and (min-width: 768px) and (max-width: 1024px) {}

@media all and (min-width: 480px) and (max-width: 768px) {
	.cs-font-28-24-20 {
		font-size: 24px !important;
	}

	.cs-font-24-20 {
		font-size: 20px !important;
	}

	.cs-font-16-14 {
		font-size: 14px !important;
	}

	.cs-font-16-14-12 {
		font-size: 14px !important;
	}

	.cs-font-14-12 {
		font-size: 12px !important;
	}

	.cs-font-12-10 {
		font-size: 10px !important;
	}
}

@media all and (max-width: 480px) {
	.cs-font-28-24-20 {
		font-size: 20px !important;
	}

	.cs-font-24-20 {
		font-size: 20px !important;
	}

	.cs-font-16-14 {
		font-size: 14px !important;
	}

	.cs-font-16-14-12 {
		font-size: 12px !important;
	}

	.cs-font-14-12 {
		font-size: 12px !important;
	}

	.cs-font-12-10 {
		font-size: 10px !important;
	}
}