body{
	font-family: "Poppins", sans-serif;
	color: #212529;
    background-color: #F8F9FB;
}

.text-black {
	color: black;
}

.viberBG {
    background-color: #665CAC !important;
}

.text-viber {
	color: #665CAC !important;
}

.sidebarBG {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(106, 106, 106, 1));
}

.nav-tabs .nav-link {
    color: black;
    font-size: 14px;
}

.nav-tabs .nav-link.active {
    font-weight: bold;
}

.custom_input {
	font-size: 16px;
	transition: all 0.3s;
	border-radius: 30px;
}

.custom_input:hover {
	box-shadow: 0 0.0625rem 0.25rem 3px rgba(51, 102, 255, 0.2) !important;
}

.custom_input:focus {
	box-shadow: 0 0.0625rem 0.25rem 4px rgba(0, 64, 255, 0.2) !important;
}

.text_default {
	color: #0c3e5a;
	font-size: 15px;
	transition: all 0.3s;
}

.text_default:hover {
	font-size: 16px;
	color: #1091db;
}

.gradient_blue {
	color: white;
	background: linear-gradient(to bottom, rgba(16, 145, 220, 0.8), rgba(12, 62, 90, 1));
}

.gradient_red {
	color: white;
	background: linear-gradient(to bottom, rgba(237, 28, 36, 0.8), rgba(200, 24, 30, 1));
}

.gradient_green {
	color: white;
	background: linear-gradient(to bottom, rgba(0, 204, 68, 0.8), rgba(0, 153, 51, 1));
}

.dashboard_btn {
	height: 90px;
	border-radius: 10px;
	border: none;
	background-color: #4e73df;
  	background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  	background-size: cover;
  	color: white;
  	font-size: 18px;
  	transition: 0.5s all;
}

.dashboard_btn:hover {
	color: rgba(255, 255, 255, 0.4);
}