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 {
    width: 120px;
    height: auto;
}
.thumb-sm {
    width: 90px;
    height: auto;
}
.thumb-fluid {
    width: 80px;
    height: auto;
}
.thumb-xl {
    width: 140px;
    height: auto;
}
.thumb-xxl {
    width: 180px;
    height: auto;
}
.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.input-group-pill .form-control, .input-group-pill .btn {
    border-radius: 800px;
}

.fs--1 {
    font-size: 0.9rem;
}
.fs--2 {
    font-size: 0.8rem;
}
.fs-bigger {
    font-size: 1.1rem;
}

.text-facebook {
	color: #3B5998!important;
}
.text-twitter {
	color: #1DA1F2!important;
}
.text-instagram {
	color: #D94079;
}
.text-reddit {
	color: #FF4500!important;
}
.text-youtube {
	color: #f00;
}
.text-linkedin {
	color: #0077B5;
}
.text-favorite {
	color: #FBBC05!important;
}




.bg-facebook {
	background-color: #3B5998!important;
    color: #fff!important;
}
.bg-twitter {
	background-color: #1DA1F2!important;
    color: #fff!important;
}
.bg-instagram {
	background-color: #D94079!important;
    color: #fff!important;
}
.bg-reddit {
	background-color: #FF4500!important;
    color: #fff!important;
}
.bg-youtube {
	background-color: #f00!important;
    color: #fff!important;
}
.bg-linkedin {
	background-color: #0077B5;
    color: #fff!important;
}
.bt-favorite {
	background-color: #FBBC05!important;
    color: #fff!important;
}
.bg-x {
    background-color: #222222!important;
    color: #fff!important;
}
.pointer {
    cursor: pointer;
}
.keep-space {
    white-space: pre-line;
    word-break: break-word
}

.must:after {
	position: relative;
	top: -4px;
	content: "*";
	font-family: monospace;
	font-weight: bold;
	color: #e01111;
    margin: 0 0 0 2px;
}
.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;
}
#lessonwrap.wait {
    color: #4F43F4;
}
#lessonwrap.wait:before {
	margin: -3rem 0 0 -3rem;
	width: 6rem;
	height: 6rem;
}

@keyframes blink {
    50% { opacity: 0.0; }
  }
  @-webkit-keyframes blink {
    50% { opacity: 0.0; }
  }
  .blink {
    animation: blink 1.5s step-start 0s infinite;
    -webkit-animation: blink 1.5s step-start 0s infinite;
  }

.note-editing-area img, .artbody img {
    max-width: 100%;
    height: auto;
}

#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;
	}
}