@import '~select2/src/scss/core.scss';
@import '~@ttskch/select2-bootstrap4-theme/src/select2-bootstrap4.scss';

.c-sidebar-nav-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.c-main {
	padding-top: 0;
}

.c-subheader {
	margin-bottom: 2 * $spacer;
}

.c-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.c-header-nav-item .c-icon {
	line-height: 1rem;
}

.card {
	&.shadow {
	   box-shadow: 0 2.5px 3px 1px rgba(0, 0, 21, 0.16) !important;
	}
}

.card-header {
	padding: 0 $card-spacer-x;
	display: flex;
	justify-content: flex-start;
	align-items: center;

	> h1 {
		padding: $card-spacer-y 0;
		display: inline-block;
		font-weight: 600;
		// font-family: barlow,sans-serif;
	}

	> .btn {
		margin: 8px 0;
	}

	> .nav-tabs {
		margin: $card-spacer-y 0 0;
		border-bottom: none;
		

		.nav-link {
			font-weight: bold;
			color: #8a93a2;
			letter-spacing: .9px;
		}

		.nav-link.active {
			background-color: #ffffff;
			border-bottom-color: #fff;
			color: #495057;
			font-weight: 700;
		}
	}
}

label {
	margin-bottom: 0.24rem;
}
.custom-control {   
   display: flex;
   align-items: center;
}

.c-switch {
    width: 48px;
}

.c-switch-input:checked ~ .c-switch-slider::before {
    transform: translateX(21px);
}

.c-switch-slider::before {
  border: 1px solid #7b7d80;
}

.c-switch-slider {
	background-color: #efefef;
  border-color: #696b6f;
}

@media (min-width: 768px) {
	.modal-lg, .modal-xl {
	   max-width: 800px;
	}
}