/* This file is used to override default Bootstrap styles */

/* General */
body {
	background: var(--colorBackground);
	color: var(--colorTextPrimary);
}

/* Navbar */
.navbar {
	background-color: var(--colorForeground);
	color: var(--colorTextPrimary);
}

/* Modal */
.modal-content {
	background-color: var(--colorBackground);
}

/* Input */
[class*=" bmd-label"], [class^=bmd-label] {
	color: #eeeeee40;
}

.custom-file-control, .form-control {
	color: var(--colorTextSecondary) !important;
}

.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
	background-image: linear-gradient(0deg, var(--colorSale) 2px, #00968800 0), linear-gradient(0deg, #80808040 1px, transparent 0);
}

.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label] {
	color: var(--colorSale) !important;
}

.custom-file-control:invalid, .form-control:invalid {
	background-image: linear-gradient(0deg, #d50000 2px, #d5000000 0), linear-gradient(0deg, #80808040 1px, transparent 0);
}

/* Card */
.card-link {
	color: var(--colorTextLink);
}

.card-link:hover {
	color: var(--colorSale);
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: var(--colorScrollbar);
}