/* text */

.text-primary {
	color: var(--color-blue) !important;
}

/* buttons */

.btn {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.btn-primary {
	background-color: var(--color-blue) !important;
}

.btn-primary:hover {
	background-color: var(--color-dark-blue) !important;
}

.btn-outline-primary {
	color: var(--color-blue) !important;
	border-color: var(--color-blue) !important;
}

.btn-outline-primary:hover {
	color: white !important;
	background-color: var(--color-blue) !important;
}

.banner .btn-primary {
	background-color: #4b86ce !important;
	border: none;
}

.banner .btn-primary i {
	color: #afc9e9;
}

.banner .btn-primary:hover {
	background-color: #5f93d3 !important;
	border-color: #3778c8;
}

.banner .dropdown-item {
	color: #306cb5;
}

.banner .dropdown-item.active {
	color: #306cb5;
	background-color: #d7e4f4 !important;
}

.banner .dropdown-item:hover {
	background-color: #c3d7ef !important;
}

/* card */

.card {
	border-color: #dadde2;
	border-radius: 8px;
}

.card .icon {
	font-size: 40px;
	color: var(--color-blue);
	margin-bottom: 16px;
}

.card-body .image {
	margin-bottom: 20px;
}

.card-body .image img {
	width: 240px;
}

.card-body {
	border-radius: inherit;
	padding: 30px;
}

.card .title {
	color: var(--color-dark-blue);
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.card .description {
	font-size: 15px;
	margin-top: 10px;
}

.card.interactive:hover {
	background-color: rgba(0, 0, 0, 0.02);
}

.card-flag-success {
	height: 100px;
	background: linear-gradient(-135deg, #33cc33 60px, #ffffff 0);
	overflow: hidden;
}

.card-flag-warning {
	height: 100px;
	background: linear-gradient(-135deg, #ffcc00 60px, #ffffff 0);
	overflow: hidden;
}

.card-flag-warning-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent;
	color: white;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 16px;
}

.card-flag-danger {
	height: 100px;
	background: linear-gradient(-135deg, #ff5c33 60px, #ffffff 0);
	overflow: hidden;
}

/* accordion */

.accordion-button {
	box-shadow: none !important;
	border-bottom: 0 solid #dadde2;
}

.accordion-button.text-primary {
	color: var(--color-blue) !important;
}

.accordion-button.light:focus {
	background-color: white;
}

.accordion-button.light:not(.collapsed) {
	background-color: white;
	border-bottom: 1px solid #dadde2;
}

.accordion-button.light.collapsed {
	background-color: white;
}

/* nav pills */

.nav-pills .nav-link {
	color: #426abc;
	border: 1px solid #c2d7f0;
}

/*.nav-pills .nav-item:not(:last-child) {*/
/*	margin-right: 6px;*/
/*}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #4b86ce;
	background-color: #e5edfe;
	border: 1px solid #c2d7f0;
}

.nav-pills {
	padding-bottom: 16px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 16px;
}

/* dropdown-toggle */

.dropdown-toggle.actions::after {
	content: none;
}

.btn-group a {
	cursor: pointer;
}

.btn-group a:active {
	background-color: #eeeeee;
}

/* alerts */

.alert-primary {
	color: var(--color-blue);
	background-color: #ebf2fa;
}

.alert-secondary {
	color: var(--color-blue);
	background-color: #f8f8f8 !important;
}

/* other */

.lh-0 {
	line-height: 0;
}