/*
------------------------------
Bootstrap 4 Migration CSS
------------------------------
// used for styles and over-rides needed for migration from Bootstrap 3 to 4
*/

/* Global
====================================================== */
.site-header {
	min-height: 80px;
}
.site-header .header-nav li.nav-dropdown.show > a {
	background: #2e323d;
	color: #fff;
}
.site-header .header-nav li.nav-dropdown > a .caret:before {
	display: inline-block;
	content: "\f0d7";
	font-family: FontAwesome;
	font-size: .8em;
	margin-left: 5px;
}

.container {
	max-width: inherit;
}

.hidden {
	display: none !important;
}

/* Components
====================================================== */
/* ----- breadcrumb ----- */
.breadcrumb span {
	margin: 0 5px;
}
.breadcrumb span:first-child {
	margin-left: 0;
}

/* ----- card ----- */
.card {
	display: block;
}

/* ----- dropdown menu ----- */
.dropdown-menu li a {
	display: block;
	padding: 10px 15px;
	font-size: .85em;
}
.dropdown-menu li a:hover {
	background: rgba(0, 0, 0, .1);
	text-decoration: none;
}

/* ----- labels ----- */
.label {
	display: inline-block;
	padding: 5px 10px;
	font-size: .85em;
	font-weight: 300;
	background: #999;
	color: #fff;
	border-radius: 0;
}

/* ----- modals ----- */
.modal-header {
	border-radius: 0;
}
.modal-header .close {
	top: 10px;
	right: 30px;
	padding: 0;
}
.modal-footer {
	padding: 20px 30px;
	text-align: left;
	justify-content: inherit;
}

/* ----- nav ----- */
.nav li {
    position: relative;
    display: block;
    float: left;
}
.nav li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-radius: 4px;
}
.nav-pills li a:hover {
	text-decoration: none;
	background: rgba(0, 0, 0, .1);
}
.nav-pills li.active a,
.nav-pills li.active a:focus,
.nav-pills li.active a:hover {
    color: #fff;
    background-color: #1a1b21;
}

/* ----- wells ----- */
.well {
	background: #f5f5f5;
	margin: 0 0 30px;
}


/* Tables
====================================================== */
/* ----- tables ----- */
.table {
	line-height: 1.5;
	border-spacing: 0;
}
.table-info,
.table-info td,
.table-info th {
	background: none;
	border-color: #ddd;
}
.table-responsive {
	display: table;
}


/* Responsive (Media Queries)
====================================================== */
@media (max-width: 1024px) {

	.site-header {
	    min-height: inherit;
	}

}

@media (min-width: 576px) {

	.modal-dialog {
	    max-width: 600px;
	}
	.modal.modal-wide .modal-dialog {
	    max-width: 900px;
	}

}

@media (max-width: 768px) {

	/* tables */
	.table-responsive {
		display: block;
		border: none;
	}

}