/* 1. Commona Tags */
a {
	color: #5A8DEE;
	text-decoration: none;
	background-color: transparent;
}

small {
	font-size: 90%;
	font-weight: 400;
}

label {
	margin-bottom: 5px; 
}

label:not(.form-check-label):not(.custom-file-label) {
	font-weight: 400; 
}

/* 2. Login, Register, Forgot Password, Reset Password */
.auth {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 100vh;
	justify-content: center;
	background-color: gray;
}

.auth .auth-bg {
	box-shadow: -8px 20px 25px 0 rgb(25 42 70 / 30%);
	background-color: #F2F4F4;
}

.auth .heading {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	margin: 1rem 0;
}

.auth .heading .heading-text {
	position: relative;
	display: inline-block;
	font-size: 1.5rem;
	padding: 0 1rem;
}

.auth .card {
	border: 0 solid #DFE3E7;
	position: relative;
}

.auth .card-body {
	padding: 3rem;
}

.auth .register {
	padding: 2rem;
}

.auth i {
	position: absolute;
	top: 10px;
	right: 15px;
}

.auth .form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: 0px;
}

.auth .checkboxsmall {
	margin-left: 1.25rem;
}

.router-link-exact-active {
	background-color:#007bff !important;
	color:#fff !important;
}

/* 3. Breadcrumb */
.breadcrumb {
	position: relative;
	border-radius: 0;
	padding: 8px 22px;
	background-color: #fff !important;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.breadcrumb-item {
	padding-top: 5px;
	padding-bottom: 5px;
}

.breadcrumb-left {
	margin-left: auto;
	width: 100%;
}

.breadcrumb-right {
	margin-left: auto;
}

/* 4. Card */
.card-header {
	padding: 10px 15px 10px 15px;
	color: #fff;
	background-color: #0d6efd;
}

.card-body {
	padding: 10px 15px 10px 15px;
}

.card-footer {
	padding: 10px 15px 10px 15px;
}

.card-footer .btn {
	margin-left: 5px;
}

td .btn {
	margin-left: 5px;
}


.section {
	font-size: 25px;
}

hr{
	margin-top: 0px !important;
}

.invalid {
	width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

/* 3. Colors */
.blue {
	color: #3490dc;
}

.indigo {
	color: #6574cd;
}

.purple {
	color: #9561e2;
}

.pink {
	color: #f66d9b;
}

.red {
	color: #e3342f;
}

.orange {
	color: #f6993f;
}

.yellow {
	color: #ffed4a;
}

.green {
	color: #38c172;
}

.teal {
	color: #4dc0b5;
}

.cyan {
	color: #6cb2eb;
}