#accountbody {
	padding-top: 50px;
}
a {
	text-decoration: none;
}
.badge {
	font-weight: 500;
}
.form-label {
	font-size: .925rem;
	font-weight: 600;
}
.form-check-input[type=checkbox] {
	border-radius: 0;
}
.h-50px {
	height: 50px;
}
.h-100vh {
	height: 100vh;
}
header {
	z-index: 1032;
}
#searchform form {
	margin: 0;
}
.btn-round {
	width: 2.0625rem;
	height: 2.0625rem;
	border-radius: 3px;
}
#sidebar {
	top: 0;
	left: 0;
	width: 90px; /* 280px */
	margin-left: -90px; /* -280px */
	z-index: 1033;
	transition: margin 0.2s ease;
}
body.open-sidebar #sidebar {
	margin-left: 0;
}
.position-sidebar {
	left: 0;
}

#rules a {
	font-weight: 500;
	color: #010101!important;
	border-bottom: 2px solid #FF6700!important;
}
.text-orange {
	color: #FF6700!important;
}
#learn .text {
	white-space: pre-line;
	word-break: break-all;
}

#searchform {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 1033;
}
#mailboxes {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 1034;
	transition: margin 0.2s ease;
	margin-left: -100%;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
body.open-mailboxes #mailboxes {
	margin-left: 0;
}
.thispagehead {
	position: fixed;
	left: 0;
	top: 50px;
	right: 0;
	z-index: 1;
}
.thispagecontent {
	padding-top: 50px;
}
#mboxtoggler {
	display: none;
}
.fluid-images img {
	max-width: 100%;
}
.border-form-control {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}
.tobox {
	width: 32px;
	padding-right: 0;
	padding-left: 0;
	max-width: 100%!important;
}
.break-word {
	word-break: break-all;
}
.att-icon {
	text-align: center;
	width: 4.8rem;
	height: 3.6rem;
	line-height: 3.6rem;
	color: #777E89;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.125rem;
}
.att-icon:before {
	font-size: 2rem;
	line-height: 3.6rem;
}
.att-icon img {
	border-radius: 0.125rem;
}
.fileico .bi {
	color: #777E89;
}
.att-icon.bi-image, .fileico .bi-image {
	color: #007BFF;
}
.att-icon.bi-file-pdf, .fileico .bi-file-pdf {
	color: #ED2F23;
}
.att-icon.bi-file-word, .fileico .bi-file-word {
	color: #2A5699;
}
.att-icon.bi-file-excel, .fileico .bi-file-excel {
	color: #207546;
}
.att-icon.bi-film, .fileico .bi-film {
	color: #D97706;
}
.att-icon.bi-music-note-beamed, .fileico .bi-music-note-beamed {
	color: #7221C4;
}

.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
	min-width: 0!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.note-btn-group .note-btn {
	font-size: .925rem;
}
.note-form-label {
	font-size: .925rem;
	font-weight: 600;
}
.note-form-control {
	display: block;
}
.modal-title {
	font-size: 1.25rem!important;
}

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

.text-folder {
	color: #FBDA7A!important;
}

.selectcover {
	position: absolute;
	top: .25rem;
	left: .25rem;
	bottom: .25rem;
	right: .25rem;
	background-color: rgba(0, 0, 0, .3);
	border: 1px solid #fff;
	border-radius: 0.3rem;
	z-index: 2;
}
.selectcover i {
	position: absolute;
	top: .5rem;
	left: .5rem;
	font-size: 2rem;
}
.selectcover i:before {
	content: "\f287";
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
}
.selected .selectcover {
	background-color: rgba(0, 0, 0, 0);
}
.selected .selectcover i:before {
	content: "\f26a";
	color: #198754;
	background-color: #fff;
}
#attachcontent {
	padding-top: 110px;
}

.play-video:before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '\25b6';
	font-size: 32px;
	text-align: center;
	line-height: 42px;
	color: rgba(255, 255, 255, .8)!important;
	border: 3px solid rgba(255, 255, 255, .8)!important; /* #28A745 */
	outline: none!important;
	background-color: transparent;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	padding: 0 0 0 4px;
	transform: translate(-50%, -50%);
	transition: all 0.1s;
	z-index: 2;
}
.play-video:hover:before {
	font-size: 38px;
	line-height: 52px;
	color: rgba(255, 255, 255, 1);
	border: 3px solid rgba(255, 255, 255, 1);
	width: 60px;
	height: 60px;
}

.compose-label {
	min-width: 3.5rem;
}


#audioplaybutton {
	font-size: 3.5rem;
	min-width: 48px;
}
#audioclosebtn {
	font-size: 24px;
}

.sound {
	width:40px;
	height:25px;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.sound span {
	display:block;
	width:4px;
	border-radius: 2px;
	margin-right:1px;
	background-color:#454545;
	animation:sound 0ms -.8s linear infinite alternate;
	transition:height .8s, background .3s;
}
.sound span:nth-child(1) {
	height:1px;
	animation-duration:474ms;
}
.sound span:nth-child(2) {
	height:3px;
	animation-duration:433ms;
}
.sound span:nth-child(3) {
	height:5px;
	animation-duration:407ms;
}
.sound span:nth-child(4) {
	height:7px;
	animation-duration:458ms;
}
.sound span:nth-child(5) {
	height:8px;
	animation-duration:.4s;
}

.sound.off span {
	animation:none;
	background-color:#999;
}
.sound.off span:nth-child(1) {
	height:5px;
	animation-duration:474ms;
}
.sound.off span:nth-child(2) {
	height:12px;
	animation-duration:433ms;
}
.sound.off span:nth-child(3) {
	height:9px;
	animation-duration:407ms;
}
.sound.off span:nth-child(4) {
	height:12px;
	animation-duration:458ms;
}
.sound.off span:nth-child(5) {
	height:8px;
	animation-duration:.4s;
}

@keyframes sound {
	0% {opacity:.35;height:6px}
	100% {opacity:1;height:23px}
}

@media (min-width: 768px) {
	.with-sidebar {
		padding-left: 90px;
	}
	.position-sidebar {
		left: 90px;
	}
	#sidebar {
		margin-left: 0;
	}
	#searchform {
		left: 90px;
	}
	#mailboxes {
		left: 95px;
		top: 50px;
		bottom: 0;
		width: 240px;
		z-index: 1030;
		margin-left: 0;
	}
	#messages {
		padding-left: 240px;
		transition: padding 0.2s ease;
	}
	body.close-mailboxes #mailboxes {
		margin-left: -240px;
	}
	body.close-mailboxes #messages {
		padding-left: 0;
	}
	body.close-mailboxes #mboxtoggler {
		display: block;
	}
	.thispagehead {
		left: 90px;
	}
	#messageshead {
		padding-left: 240px;
		transition: padding 0.2s ease;
	}
	body.close-mailboxes #messageshead {
		padding-left: 0;
	}
	#attachcontent {
		padding-top: 60px;
	}
	
	.compose-label {
		min-width: 4.5rem;
	}
	
	.art-thumb {
		width: 200px;
	}
	
	.msg-dropup {
		min-width: 420px;
	}
}
@media (min-width: 992px) {
	#mediaviewer {
		padding: 60px 80px;
	}
	
	.media-item {
		max-width: 70%;
		margin: 0 auto;
	}
}
@media (min-width: 1200px) {
	
}
@media (max-width: 767px) {
	#loginbox {
		color: #fff;
		background-color: rgba(0, 0, 0, .3);
	}
	#loginbox a {
		font-weight: 600;
		color: #fff!important;
	}
}