a {
	color: #0e8ee8;
}

.task-login #logo {
    top: 3vh;
    max-height: 270px;
}

#login-form {
	top: 8vh;
}

/* only on login form */
#login-form .input-group-text.icon.user,
#login-form .input-group-text.icon.pass {
	display: none;
}

#login-form .input-group-lg > .form-control {
    border-radius: 0;
}

#login-footer {
    font-style: italic;
}

.form-control {
	color: #4f5a5f;
}

.form-control:focus {
	border-color: #a0b3bd;
	box-shadow: 0 0 0 0.2rem rgb(189 223 241 / 25%);
}

#layout-menu .popover-header {
	background-color: #f4f4f4 !important;
	border-right: 1px solid #d4dbde;
    border-bottom: 1px solid #c1c1c1;
}

#layout-menu .popover-header img {
	width: 54px;
	padding: 0;
}

.header-title.username {
	color: #696969;
	text-shadow: 0 1px 0 #fff;
}

.btn-primary {
	background: #335668;
	border-color: #335668;
}

.btn-primary:hover {
	background: #2e5063;
	border-color: #2e5063;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(189 223 241 / 25%);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
	background: #265871;
	border-color: #265871;
}

.btn-danger {
	background: #c73535;
	border-color: #c73535;
}

.btn-danger:hover {
	background: #9e3937;
	border-color: #9e3937;
}