/* --------------- Begin:: compatibility with old metronic --------------- */

.pull-right {
	float: right;
}

.note {
	margin: 10px 0;
	padding: 10px;
	border-left: 5px solid #eee;
	border-radius: 0 4px 4px 0
}

.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
	margin-top: 0
}

.note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close {
	margin-right: -10px
}

.note p {
	margin: 0
}

.note p:last-child {
	margin-bottom: 0
}


.note.note-default {
	border-color: #b0c1d2;
	color: #000
}

.note.note-default.note-bordered {
	background-color: #eef1f5;
	border-color: #c0cedb
}

.note.note-default.note-shadow {
	background-color: #f1f4f7;
	border-color: #d1dbe4;
	box-shadow: 5px 5px rgba(212, 221, 230, .2)
}

.note.note-success {
	background-color: #c0edf1;
	border-color: #58d0da;
	color: #000
}

.note.note-success.note-bordered {
	background-color: #a7e6ec;
	border-color: #6dd6df
}

.note.note-success.note-shadow {
	background-color: #abe7ed;
	border-color: #81dbe3;
	box-shadow: 5px 5px rgba(134, 221, 228, .2)
}

.note.note-info {
	background-color: #f5f8fd;
	border-color: #8bb4e7;
	color: #327ad5;
}

.note.note-info.note-bordered {
	background-color: #dbe8f8;
	border-color: #a0c2ec
}

.note.note-info.note-shadow {
	background-color: #e0ebf9;
	border-color: #b5cff0;
	box-shadow: 5px 5px rgba(185, 210, 241, .2)
}

.note.note-warning {
	background-color: #faeaa9;
	border-color: #f3cc31;
	color: #c29d0b;
}

.note.note-warning.note-bordered {
	background-color: #f8e38c;
	border-color: #f4d249
}

.note.note-warning.note-shadow {
	background-color: #f9e491;
	border-color: #f6d861;
	box-shadow: 5px 5px rgba(246, 217, 102, .2)
}

.note.note-danger {
	background-color: #fef7f8;
	border-color: #f0868e;
	color: #e73d4a;
}

.note.note-danger.note-bordered {
	background-color: #fbdcde;
	border-color: #f39da3
}

.note.note-danger.note-shadow {
	background-color: #fbe1e3;
	border-color: #f6b3b8;
	box-shadow: 5px 5px rgba(246, 184, 189, .2)
}

.progress-bar {
	height: 100%;
}

.card {
	margin-bottom: 16px;
}

.nav-tabs > li {
	margin-bottom: -1px;
}

.nav-tabs li a {
	display: block;
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.nav-tabs a.active,
.nav-tabs li.active a,
.nav-tabs li.show a {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}

.nav-pills li a,
.nav-tabs li a {
	padding: 0.75rem 1.25rem;
	font-size: 1rem;
	font-weight: 400;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-pills li a.active,
.nav-pills li a:active,
.nav-pills li a:hover,
.nav-tabs li a.active,
.nav-tabs li a:active,
.nav-tabs li a:hover {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-color: #e3e7eb;
}

.nav-tabs li a.active,
.nav-tabs li a:active,
.nav-tabs li a:hover {
	text-decoration: none !important;
	color: #464457;
}

.modal-content > .nav-tabs > li:first-of-type {
	margin-left: 18px;
}

.modal .modal-content .modal-header .close {
	padding-top: 5px;
	padding-right: 14px;
}