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

.form-control, .btn {
	font-size: 14px !important;
}

.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-right {
	margin-left: auto;
}

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

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

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

.form-group {
		margin-bottom: 10px;
}

label {
	margin-bottom: 5px !important; 
}

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

.cursor {
	cursor: pointer; cursor: hand;
}

.btn-xs {
  padding: 5px !important;
  line-height: 1 !important;
}

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

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

.breadcrumb .btn-sm {
	margin-left: 5px;
}

.card-header > .card-tools {
  float: right;
  margin-right: 0px !important; 
  margin-bottom: -8px;
}

.blue {
  	color: #3490dc;
}

.indigo {
  	color: #6574cd;
}

.purple {
  	color: #9561e2;
}

.pink {
  	color: #f66d9b;
}

.red {
  	color: #e3342f;
}	

.orange {
  	color: #f6993f;
}

.yellow {
  	color: #ffed4a;
}

.teal {
  	color: #4dc0b5;
}

.cyan {
  color: #6cb2eb;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.pointer {
	cursor: pointer;
}