@charset "utf-8";
/* 以下实际使用若已初始化可删除 .lsm-sidebar height父级需逐级设置为100%*/
body, html {
	height: 100%;
}
body, ul {
	margin: 0;
	padding: 0
}
body {
}
li {
	list-style: none
}
a {
	text-decoration: none;
}
/* 以上实际使用若已初始化可删除 */

.row-fluid {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: flex;
	flex: 1 1 0%;
	
	color: #444;
	background: #fff;
}
.row-fluid p {
	color: #444;
	font-weight: 400
}
.row-fluid a {
	color: #545454;
}
.row-fluid a:hover, .row-fluid a:focus {
	color: #545454;
}
.row-fluid h1, .row-fluid h2, .row-fluid h3, .row-fluid h4, .row-fluid h5, .row-fluid h6 {
	color: #252525
}
.span3 {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: flex;
	border-right: 1px solid rgb(234, 236, 239);
	position: relative;
	z-index: 1;
	width: 240px;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.span9 {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: flex;
	padding-bottom: 60px;
	flex-direction: column;
	flex: 1 1 0%;
}
.text-right {
	text-align: right;
}
.leaderboard {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: flex;
	background-color: rgb(250, 250, 250);
	padding: 28px 32px;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	position: relative;
}
.leaderboard button {
	padding: 0 16px;
	font-weight: 500;
	font-size: 14px;
	margin: 0px 5px;
}
.leaderboard h1 {
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
}
.leaderboard_con2 {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	border-radius: 0px;
	box-shadow: none;
	background-color: rgb(255, 255, 255);
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 16px;
	flex-wrap: wrap;
}
.leaderboard_con2 .title {
	box-sizing: border-box;
	margin: 0px 8px 12px 0px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: rgb(30, 35, 41);
}
.leaderboard_con2 .title svg {
	box-sizing: border-box;
	font-size: 16px;
	padding: 3px;
	color: #333;
	background-color: rgb(245, 245, 245);
	border-radius: 4px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	fill: #333;
}
.leaderboard_con2 .title svg:hover {
	background-color: #ededed;
	cursor: pointer;
}
.leaderboard_con2 .nub {
	display: flex;
	color: rgb(30, 35, 41);
	font-size: 20px;
	flex-direction: column;
}
.right_main {
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 16px;
}
/* lsm-sidebar */

.left-side-menu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.left-side-menu {
	height: calc(100% - 80px);
}
.lsm-expand-btn {
	height: 65px;
}
.lsm-container {
	height: calc(100% - 65px);
	transition: all .3s;
	z-index: 100
}
.lsm-container li>a.active {
	/* background: #c55b03; */
    /* color: #fff; */
	border-left: 4px solid rgb(240, 185, 11);
	height: 48px;
	background-color: rgb(245, 245, 245);
	font-weight: 500;
}
.lsm-sidebar a {
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	margin: 0px;
	font-weight: 400;
	font-size: 14px;
	color: #545454;
	min-width: 0px;
	text-decoration: none;
	border-left: 4px solid transparent;
	height: 48px;
	display: flex;
	justify-content: space-between;
	background: #fff;
	align-items: center;
}
.lsm-container ul:first-child > li> a, .lsm-container ul:first-child > li> a span {
}
.lsm-sidebar a span {
	margin-left: 30px;
	text-align: left;
	width: 100%;
}
.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item >ul>li a span {
	margin-left: 60px;
}
.lsm-sidebar-item {
	position: relative;
}
.lsm-sidebar-item.lsm-sidebar-show {
	border-bottom: none;
}
.lsm-sidebar-item ul {
	display: none;
	background: rgba(0,0,0,.1);
}
.lsm-sidebar-item.lsm-sidebar-show ul {
	display: block;
}
.lsm-container ul:first-child>li.lsm-sidebar-item>a:before {
	height: 55px;
}
.lsm-sidebar .lsm-sidebar-icon {
	font-size: 20px;
	position: absolute;
	margin-left: -1px;
}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after {
	content: "\e62b";
}
.icon_2::after {
	content: "\e669";
}
.icon_3::after {
	content: "\e61d";
}
.icon_3::after {
	content: "\e698";
}
.lsm-sidebar-more {
	float: right;
	font-size: 12px;
	transition: transform .3s;
}
/* 导航右侧箭头 换用其他字体需要替换*/
.lsm-sidebar-more::after {
	content: "\e621";
}
.lsm-sidebar-show > a > i.my-icon.lsm-sidebar-more {
	transform: rotate(90deg);
}
.lsm-sidebar-show, .lsm-sidebar-item>a:hover {
	background: #f5f5f5;
}
.lsm-sidebar-show>a:before, .lsm-sidebar-item>a:hover:before {
	opacity: 1;
}
.lsm-sidebar-item li>a:hover, .lsm-popup>div>ul>li>a:hover {
	background: #f5f5f5;
}
.lsm-mini-btn {
	height: 70px;
	width: 70px;
}
.lsm-mini-btn svg {
	margin: -10px 0 0 -10px;
}
.lsm-mini-btn input[type="checkbox"] {
	display: none;
}
.lsm-mini-btn path {
	fill: none;
	stroke: #ffffff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
 --length: 24;
 --offset: -38;
	stroke-dasharray: var(--length) var(--total-length);
	stroke-dashoffset: var(--offset);
	transition: all .8s cubic-bezier(.645, .045, .355, 1);
}
.lsm-mini-btn circle {
	fill: #fff3;
	opacity: 0;
}
.lsm-mini-btn label {
	top: 0;
	right: 0;
}
.lsm-mini-btn label:hover circle {
	opacity: 1;
}
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {
--length: 8.602325267;
}
.lsm-mini-btn .line--1, .lsm-mini-btn .line--3 {
--total-length: 126.38166809082031;
}
.lsm-mini-btn .line--2 {
--total-length: 80;
}
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {
--offset: -109.1770175568;
}
.lsm-mini .lsm-container, .lsm-mini .lsm-container {
	width: 60px;
}
.lsm-container.lsm-mini .lsm-sidebar .lsm-sidebar-icon {/* margin-left:-2px; */
}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a span {
	display: none;
}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a> i.lsm-sidebar-more {
	margin-right: -20px;
}
.lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 180px;
	width: 180px;
	z-index: 99;
	bottom: 0px;
	top: 0px;
	overflow: hidden;
}
.left-side-menu.lsm-mini ul:first-child > li > ul {
	display: none;
}
.transform {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.lsm-popup div {
	background: #05161f;
}
.lsm-popup {
	display: block;
	position: absolute;
	border: 3px solid rgba(60, 71, 76, 0);
}
.lsm-popup > div > a > i.my-icon.lsm-sidebar-more {
	transform: rotate(90deg);
}
.lsm-popup.second {
	left: 60px;
}
.lsm-popup.third {
	left: 243px;
}
.lsm-popup.third.lsm-sidebar > div > ul {
	display: block;
}
.lsm-popup div {
	border-radius: 5px;
}
.lsm-popup .lsm-sidebar-icon {
	display: none;
}
.lsm-popup.lsm-sidebar a span {
	margin-left: 0px;
}
.lsm-popup.lsm-sidebar > div > ul > li.lsm-sidebar-item>ul {
	position: absolute;
	top: 0px;
	left: 180px;
	width: 180px;
	z-index: 99;
}
.lsm-popup.lsm-sidebar ul {
	width: 180px;
}
.lsm-popup.lsm-sidebar ul li {
	width: 180px;
}
.lsm-popup.lsm-sidebar ul li:last-child, .lsm-popup>div>ul>li:last-child>a {
	border-radius: 0 0 5px 5px;
}
.nav_left_icon {
	/* margin: 0px 10px 0 0; */
    /* min-width: 0px; */
	color: rgb(132, 142, 156);
	font-size: 24px;
	fill: rgb(132, 142, 156);
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	position: absolute;
	left: 20px;
}
.text-org {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgb(201, 148, 0);
}
.text-org:hover {
	color: rgb(240, 185, 11);
}
.right_main .Market .Market_table {
	text-align: left;
}
.right_main .Market .Market_table td {
	color: #1E2329;
	padding: 16px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}
.right_main .Market .Market_table td .flex-row p {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 16px;
}
.right_main .Market .Market_table td .flex-row a {
	margin-bottom: 0;
	text-decoration: underline;
	color: rgb(112, 122, 138);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.right_main .Market .Market_table td .flex-row a:hover {
	color: rgb(201, 148, 0);
}
.right_main .Market .Market_table td .text-black-50 {
	margin-left: 0;
	font-size: 14px;
}
.right_main .flex-nowrap .text-org {
	margin: 0 5px;
}
.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: none;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 100%;
	margin: 0 auto;
}
.modal-title {
	font-weight: 500;
	line-height: 24px;
	font-size: 16px;
	color: #444;
	font-weight: bold;
}
.modal-body p {
	color: #444;
}
.modal-header {
	display: flex;
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	padding: 20px 24px;
	border: none;
	text-align: left;
	font-weight: 500;
	line-height: 24px;
	justify-content: space-between;
}
.modal-header .title{
	color: #212529;
}
.modal .alert-warning {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: flex;
	padding: 5px 12px;
	/* color: rgb(240, 185, 11); */
	border-radius: 4px;
	font-size: 14px;
	background-color: rgb(254, 246, 216);
	width: 100%;
	color: rgb(30, 35, 41);
}
.modal .alert-warning svg {
	width: 20px;
	color: rgb(240, 185, 11);
	margin-right: 10px;
}
.modal-body {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	height: 100%;
	padding: 0;
	scroll-behavior: smooth;
	color: #444;
}
.modal-body .w-100 p {
	padding: 10px 24px;
	margin: 0;
}
.modal-footer {
	border: none;
}
.modal-content_left.icon {
	margin: 20px 0 0px 0px;
	padding: 24px 0;
	width: 40px;
}
.modal-content_left.icon .flex-column {
	height: 96px;
	position: relative;
	display: flex;
	justify-content: center;
	width: 20px;
	align-items: center;
}
.modal-content_left.icon .color_gren {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(14, 203, 129);
	position: absolute;
	top: 0;
}
.modal-content_left.icon .line {
	box-sizing: border-box;
	margin: 0px;
	width: 0;
	border-width: 0px 1px 0px 0px;
	border-style: dashed;
	border-color: rgb(58 61 66);
	position: absolute;
	height: 90%;
    left: 9px;
    top: 5px;
}
.modal-content_left.icon .color_red {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(246, 70, 93);
	position: absolute;
	bottom: 0;
}
.modal-content_left.icon .svg {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: flex;
	cursor: pointer;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-color: rgb(245, 245, 245);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.modal-content_left.icon .svg svg {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	color: rgb(112, 122, 138);
	font-size: 16px;
	fill: rgb(112, 122, 138);
	width: 1em;
	height: 1em;
}
.modal-content_left.icon .svg svg:hover {
	color: rgb(240, 185, 11);
	fill: rgb(240, 185, 11);
}
.modal-content_right {
	width: 100%;
}
.modal-content_right .form-group label {
	width: 100%;
}
.modal-content_right .text-right {
	float: right;
	text-align: right;
	margin: 0 2px;
}
.modal-main .input-group {
	position: relative;
}
.modal-main .input-group .form-control {
	color: rgb(30, 35, 41);
	font-size: 14px;
	border-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: rgb(245, 245, 245);
	border: 1px solid rgb(245, 245, 245);
	height: 48px;
	line-height: 48px;
}
.modal-main .input-group .form-control:focus {
	border-radius: 4px;
	color: inherit;
	background-color: none;
	border: 1px solid rgb(240, 185, 11);
	box-shadow: none;
	outline: none;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.modal-main .input-group .input-group-btn2 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.modal-main .input-group .input-group-btn2 button {
	box-sizing: border-box;
	margin: 1px 0;
	min-width: 0px;
	font-size: 16px;
	color: rgb(201, 148, 0);
	border-radius: 4px;
	line-height: 44px;
	cursor: pointer;
	padding: 0 24px;
	outline: none;
	background: none;
	border: none;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}
.modal-main.flex {
	display: flex;
	padding: 24px;
}
.modal-main.flex.line {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: flex;
	border-style: solid;
	border-width: 0px 0px 1px;
	border-color: rgb(227 227 227);
}
.btn:hover {
	outline: none;
}
.dropup, .dropdown {
	position: relative;
}
.dropdown-toggle, .dropdown-toggle:hover {
	box-sizing: border-box;
	margin: 0px;
	min-width: 0px;
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	line-height: 1.6;
	background-color: rgb(245, 245, 245);
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	height: 48px;
	width: 100%;
	cursor: pointer;
	justify-content: space-between;
	outline: none;
	text-align: left;
}
.form-control:focus {
	color: inherit;
	background-color: none;
	border: 1px solid rgb(240, 185, 11);
	box-shadow: none;
	outline: none;
}
.dropdown-toggle:focus {
	outline: none;
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.25em solid;
	border-right: 0.25em solid transparent;
	border-bottom: 0;
	border-left: 0.25em solid transparent;
	color: rgb(112, 122, 138);
}
.dropdown-toggle:focus::after {
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.dropdown-menu {
	width: 100%;
	border: none;
	position: absolute;
	z-index: 1100;
	transition: height 0.2s ease 0s;
	background-color: rgb(255, 255, 255);
	box-shadow: rgb(20 21 26 / 8%) 0px 3px 6px, rgb(71 77 87 / 8%) 0px 7px 14px, rgb(20 21 26 / 10%) 0px 0px 1px;
	border-radius: 4px;
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.dropdown-menu > li > a {
	display: block;
	padding: 12px 20px;
	clear: both;
	/* font-weight: normal; */
    /* line-height: 1.42857143; */
	color: #333333;
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}
.dropdown-menu > .active a, .dropdown-menu > .active a:hover, .dropdown-menu > .active a:focus {
	color: rgb(201, 148, 0) !important;
	background-color: #fff !important;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
	color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed;
}
.open > .dropdown-menu {
	display: block;
}
.open > a {
	outline: 0;
}
.dropdown-menu-right {
	left: auto;
	right: 0;
}
.dropdown-menu-left {
	left: 0;
	right: auto;
}
.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #777777;
	white-space: nowrap;
}
.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990;
}
.label-warning {
	box-sizing: border-box;
	margin: 0px 0px 0px 8px;
	min-width: 0px;
	display: flex;
	position: relative;
	border-radius: 4px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	line-height: 16px;
	background-color: rgb(252, 213, 53);
	color: rgb(30, 35, 41);
}
.label-warning::before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	left: -3px;
	top: 2px;
	border-width: 6px 6px 6px 0px;
	border-left-style: initial;
	border-left-color: initial;
	border-top-style: solid;
	border-top-color: transparent;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	border-right-style: solid;
	border-right-color: rgb(240, 185, 11);
}
/*设置*/		
[type="radio"]:not(:checked), [type="radio"]:checked {
	position: absolute;
	left: -9999px;
	opacity: 0;
}
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	transition: .28s ease;
	/* webkit (konqueror) browsers */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
[type="radio"] + label:before, [type="radio"] + label:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	z-index: 0;
	transition: .28s ease;
	border: 1px solid #ddd;
	border-radius: 100%;
}
[type="radio"]:checked + label:before {
	border: none;
	border-radius: 100%;
	background: #f7d136;
	width: 8px;
	height: 8px;
	margin: 4px 0 0 4px;
}
[type="radio"]:checked + label:after {
	border: 1px solid #f7d136;
}
.navbar-collapse {
	align-items: center;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.get-btn .control-sidebar {
	display: none;
}
.get-btn:hover .control-sidebar {
	display: block;
}
.switch {
	font-weight: 300;
	letter-spacing: 0;
	margin-bottom: 0;
	line-height: 29px;
	cursor: pointer;
	white-space: nowrap;
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: rgb(30, 35, 41);
	font-weight: 400;
}
.switch span {
	color: #fff;
	font-weight: 400;
}
.switch input {
	display: none;
}
.switch input:checked ~ .switch-indicator {
	/* background: #afc3d7; */
	box-sizing: border-box;
	min-width: 0px;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: 0px;
	padding-top: 0px;
	width: 27px;
	height: 16px;
	color: rgb(14, 203, 129);
	background-color: rgb(14, 203, 129);
	transition-property: background-color;
	transition-timing-function: ease-in-out;
	transition-duration: 0.2s;
}
.switch input:checked ~ .switch-indicator::after {
	left: calc(100% - 13px);
}
.switch.switch-secondary input:checked ~ .switch-indicator::after {
	background-color: rgb(14, 203, 129);
}
.switch .switch-dark input:checked ~ .switch-indicator::after {
	background: #172b4c;
}
.switch input:disabled ~ .switch-indicator {
	background-color: rgb(48 55 64);
}
.switch input:disabled ~ .switch-indicator:hover {
	cursor: no-drop;
}
.switch input:disabled ~ .switch-indicator::after {
	background: #9eabbb;
}
.switch-indicator {
	position: relative;
	display: inline-block;
	width: 27px;
	height: 16px;
	background: rgb(112 122 138);
	border-radius: 20px;
	vertical-align: middle;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.switch-indicator::after {
	content: '';
	display: block;
	position: absolute;
	left: 1px;
	width: 12px;
	height: 12px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: inherit;
	background: #ffffff;
	border-radius: 50%;
	top: 2px;
}
.control-sidebar {
	position: absolute;
	top: 0;
	right: 0px;
	margin-top: 65px;
	width: 344px;
	height: auto;
	font-size: 14px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	background-color: #1E2329;
	color: rgb(112, 122, 138);
	box-shadow: rgb(24 26 32 / 10%) 0px 0px 1px, rgb(71 77 87 / 16%) 0px 16px 32px, rgb(24 26 32 / 16%) 0px 8px 16px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 100;
}
.control-sidebar .box-header {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	height: 60px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(58 61 66);
}
.control-sidebar .box-header h4 {
	margin: 0;
	font-size: 14px;
	font-weight: inherit;
}
.control-sidebar .box-controls {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}
.control-sidebar .pull-right {
	float: right;
}
.control-sidebar .box-controls .change_color_con {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	display: flex;
	width: 64px;
	height: 24px;
	background-color: rgb(112 122 138);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 1px;
}
.control-sidebar .box-controls .change_color_con .change_color_btn_light {
	box-sizing: border-box;
	min-width: 0px;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: rgb(112 122 138);
}
.control-sidebar .box-controls .change_color_con .change_color_btn_dark {
	box-sizing: border-box;
	min-width: 0px;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #1e2329;
}
.control-sidebar .box-controls .change_color_con svg {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	color: currentcolor;
	font-size: 16px;
	fill: currentcolor;
	cursor: pointer;
	width: 1em;
	height: 1em;
	color: #d1d6dd;
}
.control-sidebar .box-controls .change_color_con svg:hover {
	color: rgb(240, 185, 11);
}
.box-body .form-group {
	margin: 5px 0;
}
.box-body .form-group.border-top {
	border-top: 1px solid rgb(58 61 66) !important;
}
.box-body .form-group label {
	width: 100%;
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	color: rgb(112, 122, 138);
	margin-right: 8px;
	height: 16px;
	margin: 10px 0;
	font-size: 14px;
	line-height: 16px;
}
.box-body .form-group .radio label {
	color: #EAECEF;
}
.box-body .form-group .radio .pull-right {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	display: flex;
	width: 40px;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.box-body .form-group .radio .pull-right .color01 {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	background-color: rgb(234, 0, 112);
	width: 16px;
	height: 16px;
}
.box-body .form-group .radio .pull-right .color02 {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	background-color: rgb(116, 167, 0);
	width: 16px;
	height: 16px;
}
.box-body .form-group .radio .pull-right .color03 {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	background-color: rgb(246, 70, 93);
	width: 16px;
	height: 16px;
}
.box-body .form-group .radio .pull-right .color04 {
	box-sizing: border-box;
	margin-top: 0px;
	min-width: 0px;
	background-color: rgb(14, 203, 129);
	width: 16px;
	height: 16px;
}
.box-body .form-group .col-lg-6 a {
	margin: 0 0 15px 0;
	cursor: pointer;
	border: 2px solid #1e2329;
}
.box-body .form-group .col-lg-6 a img {
	display: none;
}
.box-body .form-group .col-lg-6 a.light_Option_1_01 {
	background: #DEDEE1 url(/assets/images/layout02.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.light_Option_2_01 {
	background: #DEDEE1 url(/assets/images/layout03.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.light_Option_1_02 {
	background: #DEDEE1 url(/assets/images/layout02_02.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.light_Option_2_02 {
	background: #DEDEE1 url(/assets/images/layout03_02.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.dark_Option_1_01 {
	background: #474d57 url(/assets/images/layout02_light.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.dark_Option_2_01 {
	background: #474d57 url(/assets/images/layout03_light.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.dark_Option_1_02 {
	background: #474d57 url(/assets/images/layout02_light_02.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.dark_Option_2_02 {
	background: #474d57 url(/assets/images/layout03_light_02.png) no-repeat center;
	width: 144px;
	height: 86px;
	background-size: 130px;
}
.box-body .form-group .col-lg-6 a.active {
	border: 2px solid #fbd435;
	border-radius: 3px;
}
.box-body .form-group .col-lg-6 img {
	border: 5px solid #ddd;
	border-radius: 3px;
}
.control-sidebar .box-footer {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.control-sidebar .box-footer .btn {
	font-size: 14px;
	margin: 0 5px;
}
.box-body .row .col-lg-6 {
	width: 50%;
}
#group2_main {
	text-align: center;
}