input, button, .form-control, .form-select, .form-check-input, input:focus, button:focus, .form-control:focus, .form-select:focus {
    box-shadow: none!important;
    outline: none!important;
}
::placeholder {
    color: #777!important;
    opacity: 1!important;
}

::-ms-input-placeholder {
    color: #777!important;
}
.form-label {
    font-weight: 600;
}

.btn-l {
	min-width: 80px!important;
}
.btn-xl {
	min-width: 110px!important;
}
.btn-xxl {
	min-width: 140px!important;
}
.btn-3xl {
	min-width: 160px!important;
}
.modal-footer .btn {
	min-width: 80px;
}
.pointer {
    cursor: pointer;
}

.thumb-fluid {
    width: 80px;
    height: auto;
}

.wait {
	position: relative;
}
.wait:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1rem 0 0 -1rem;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}
.wait>* {
	visibility: hidden;
}
#mediaviewer {
	display: none;
	color: #fff;
	background-color: #191919;
	z-index: 1999;
}
#mediaviewer.opened {
	display:block;
}
.media-item {
	max-width: 100%;
	max-height: 100%;
}
video.media-item {
	height: 100%
}
.ratio.media-item {
	width: 100%;
	height: 100%
}
@media (min-width: 768px) {
	.thumb-fluid {
        width: 120px;
        height: auto;
    }
}
@media (min-width: 992px) {
	#mediaviewer {
		padding: 60px 80px;
	}
	.media-item {
		max-width: 80%;
		margin: 0 auto;
	}
}
@media (min-width: 1200px) {
	.media-item {
		max-width: 70%;
		margin: 0 auto;
	}
}