@charset "utf-8";

.section-box {
	height: calc(100% - 300px);
	overflow: auto;
	position: absolute;
	padding-right: 90px
}

.toggle-screen section {
	padding-left: 136px;
	float: left;
	width: 100%;
	margin-top: -4px;
	height: 100%;
	overflow: hidden;
	margin-left: -8px
}

.scroll-wrapper {
	overflow: inherit;
	padding: 0 !important;
	position: relative
}

.scroll-wrapper>.scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
	display: none
}

.scroll-wrapper>.scroll-content {
	-ms-overflow-style: none
}

.scroll-element {
	display: none
}

.scroll-element,
.scroll-element div {
	box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block
}

.scroll-textarea>.scroll-content>textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
	height: 0;
	width: 0
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10
}

.scrollbar-inner>.scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.scrollbar-inner>.scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%
}

.scrollbar-inner>.scroll-element.scroll-y {
	height: 100%;
	right: 2px;
	top: 0;
	width: 8px
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
	overflow: hidden
}

.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
	-ms-filter: alpha(opacity=40);
	filter: alpha(opacity=40);
	opacity: 1
}

.scrollbar-inner>.scroll-element .scroll-element_track {
	background-color: #e6e6e6
}

.scrollbar-inner>.scroll-element .scroll-bar {
	background-color: #7a7a7a;
	width: 4px;
	left: 4px;
	border-radius: 20px
}

.scrollbar-inner>.scroll-element:hover .scroll-bar {
	background-color: #7a7a7a
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
	background-color: #7a7a7a
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -12px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -12px
}

.scroll-wrapper.scrollbar-inner {
	width: 100%
}

.scroll-wrapper.scrollbar-inner .scroll-element.scroll-y {
	width: 12px;
	right: 0
}

.scroll-wrapper.scrollbar-inner .scroll-element.scroll-x {
	display: none
}

.monogram-page .scroll-wrapper {
	overflow: hidden
}

.monogram-page .scroll-wrapper.scrollbar-inner .scroll-element.scroll-y {
	right: 0
}

.monogram-page .scroll-wrapper>.scroll-content {
	padding: 0 30px 0 0
}

@media (max-width:1600px) {
	.monogram-page .scroll-wrapper>.scroll-content {
		padding: 0 40px 0 0
	}
}

@media (max-width:1366px) {
	.section-box {
		height: calc(100% - 230px)
	}
}

@media (max-width:1024px) {
	.scroll-wrapper.scrollbar-inner {
		width: 100%
	}

	.monogram-page .scroll-wrapper>.scroll-content {
		padding: 0
	}
}