.modal-open .dock-list {
	z-index: 1050;
}


.modal-content {
	border-radius: 3px;
	border: none;
}

.modal-header {
	border-bottom-color: #f1f2f3;
}

.modal-header.no-border {
	margin-bottom: 1rem;
}

.modal-title {
	font-family: Roboto,sans-serif;
	font-weight: 400;
	letter-spacing: .5px;
}

.modal-footer {
	border: none;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.modal[data-backdrop="false"]:not(.modal-fill) .modal-content {
	border: 1px solid #f1f2f3;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.06);
	box-shadow: 0 1px 10px rgba(0,0,0,0.06);
}

.modal-top {
	opacity: 1;
}

.modal-top.show .modal-dialog {
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

.modal-top .modal-dialog {
	margin-top: 0;
	-webkit-transform: translateY(-100%) !important;
	transform: translateY(-100%) !important;
}

.modal-top .modal-content {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.modal-center {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .4s;
	transition: .4s;
}

.modal-center.show {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.modal-center .modal-dialog {
	margin: 0;
	width: 100%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, 50%) !important;
	transform: translate(-50%, 50%) !important;
}

.modal-bottom {
	opacity: 1;
	overflow-y: hidden !important;
}

.modal-bottom.show .modal-dialog {
	-webkit-transform: translate(-50%, 0) !important;
	transform: translate(-50%, 0) !important;
}

.modal-bottom .modal-dialog {
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, 100%) !important;
	transform: translate(-50%, 100%) !important;
	-webkit-transition: .4s;
	transition: .4s;
}

.modal-bottom .modal-content {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.modal-left {
	opacity: 1;
}

.modal-left.show .modal-dialog {
	-webkit-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

.modal-left .modal-dialog {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 360px;
	max-width: 100%;
	margin: 0;
	-webkit-transform: translate(-100%, 0) !important;
	transform: translate(-100%, 0) !important;
	-webkit-transition: .5s;
	transition: .5s;
}

.modal-left .modal-content {
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	border-radius: 0;
}

.modal-left .modal-body {
	-webkit-box-flex: 1;
	flex-grow: 1;
}

.modal-right {
	opacity: 1;
}

.modal-right.show .modal-dialog {
	-webkit-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}

.modal-right .modal-dialog {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 360px;
	max-width: 100%;
	margin: 0;
	-webkit-transform: translate(100%, 0) !important;
	transform: translate(100%, 0) !important;
	-webkit-transition: .5s;
	transition: .5s;
}

.modal-right .modal-content {
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	border-radius: 0;
}

.modal-right .modal-body {
	-webkit-box-flex: 1;
	flex-grow: 1;
}

.modal-fill {
	background: rgba(255,255,255,0.97);
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: .4s;
	transition: .4s;
}

.modal-fill.show {
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-flow: column nowrap;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: .4s;
	transition: .4s;
}

.modal-fill .modal-dialog {
	display: -webkit-box;
	display: flex;
	max-width: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-flow: column nowrap;
	align-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.modal-fill .modal-content {
	background: transparent;
	width: 100%;
	max-width: 600px;
}

.modal-fill .modal-header {
	border-bottom: none;
}

.modal-fill .modal-header .close {
	position: fixed;
	top: 0;
	right: 0;
	padding: 20px;
	font-size: 2.5rem;
	font-weight: 300;
}

@media (min-width: 576px) {
	.modal-sm {
		width: 360px;
		max-width: 360px;
	}
}

.modal-header>.close:first-child:first-of-type {
	-webkit-box-ordinal-group: 3;
	order: 2;
}