.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/SMIC-home-gray.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;
	}
}