@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

html {
	height: 100%;
}

:root {
	--mzl-color: #364E9A;
	--white-color: #FFFFFF;
	--light-color: #F4F4FA;

	--text-black: #181818;
	--text-white: #FFFFFF;
	--text-gray-400: rgb(156 163 175);
	--text-gray-500: rgb(107 114 128);
	--text-gray-800: rgb(30 41 59);
	--text-green-400: rgb(74 222 128);
	--text-green-500: rgb(34 197 94);

	--border-color: #E6E5E5;
	--border-gray-100: rgb(243 244 246);

	/* ====== Transition ====== */
	--tran-05: all 0.5s ease;
	--tran-03: all 0.3s ease;
	--tran-03: all 0.2s ease;
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--light-color);
}

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

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

.text-black {
	color: var(--text-black);
}

.text-gray-400 {
	color: var(--text-gray-400);
}

.text-gray-500 {
	color: var(--text-gray-500);
}

.text-gray-800 {
	color: var(--text-gray-800);
}

.text-green-400 {
	color: var(--text-green-400);
}

.text-green-500 {
	color: var(--text-green-500);
}

.font-semibold {
	font-weight: 600;
}

.btn {
	border-radius: 0.5rem;
}

.btn-mzl {
	background-color: var(--mzl-color);
	border-color: var(--mzl-color);
	color: #FFF;
	transition: var(--tran-03);
}

.btn-mzl:hover {
	background-color: #2D448C;
	color: #FFF;
}

.card {
	border-radius: 0.75rem;
	padding: 10px;
}

input.form-control {
	padding-top: 1.3rem !important;
	padding-bottom: 1.3rem !important;
	font-size: 14px;
}

.navbar {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.nav-item .active>.nav-link {
	color: var(--mzl-color) !important;
}

/* Select2 CSS */

input.form-control,
.select2-container .select2-selection {
	border-radius: 0.5rem !important;
}

.select2-container .select2-selection {
	border: 1px solid #ced4da !important;
}

.select2-container .select2-selection--single {
	height: 43.6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 41.8px !important;
	font-size: 14px;
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.select2-selection__arrow {
	height: 41.8px !important;
}

/* .was-validated {
	border: 1px solid #28a745 !important;
}

.has-error {
	border: 1px solid #dc3545 !important;
} */

.is-invalid .select2-selection,
.needs-validation~span>.select2-dropdown {
	border-color: #dc3545 !important;
}

/* End of Select2 CSS */