html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	background-color: #f1f5f9;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.3;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading {
	margin-bottom: 20px;
}
p {
	margin-top: 0;
}
a {
	color: #2563eb;
}
a:hover, a:focus {
	color: #23527c;
	text-decoration: none;
}
.vtop {
	vertical-align: top !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-small {
	margin-bottom: 5px !important;
}
.mb-medium {
	margin-bottom: 10px !important;
}
.mb-large {
	margin-bottom: 15px !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-small {
	margin-top: 5px !important;
}
.mt-medium {
	margin-top: 10px !important;
}
.mt-large {
	margin-top: 15px !important;
}
.row-sm {
	margin-left: -10px;
	margin-right: -10px;
}
.row-sm .col-lg-1, .row-sm .col-lg-10, .row-sm .col-lg-11, .row-sm .col-lg-12, .row-sm .col-lg-2, .row-sm .col-lg-3, .row-sm .col-lg-4, .row-sm .col-lg-5, .row-sm .col-lg-6, .row-sm .col-lg-7, .row-sm .col-lg-8, .row-sm .col-lg-9, .row-sm .col-md-1, .row-sm .col-md-10, .row-sm .col-md-11, .row-sm .col-md-12, .row-sm .col-md-2, .row-sm .col-md-3, .row-sm .col-md-4, .row-sm .col-md-5, .row-sm .col-md-6, .row-sm .col-md-7, .row-sm .col-md-8, .row-sm .col-md-9, .row-sm .col-sm-1, .row-sm .col-sm-10, .row-sm .col-sm-11, .row-sm .col-sm-12, .row-sm .col-sm-2, .row-sm .col-sm-3, .row-sm .col-sm-4, .row-sm .col-sm-5, .row-sm .col-sm-6, .row-sm .col-sm-7, .row-sm .col-sm-8, .row-sm .col-sm-9, .row-sm .col-xs-1, .row-sm .col-xs-10, .row-sm .col-xs-11, .row-sm .col-xs-12, .row-sm .col-xs-2, .row-sm .col-xs-3, .row-sm .col-xs-4, .row-sm .col-xs-5, .row-sm .col-xs-6, .row-sm .col-xs-7, .row-sm .col-xs-8, .row-sm .col-xs-9 {
	padding-right: 10px;
	padding-left: 10px;
}
.text-muted {
	color: #666;
}
.text-primary {
	color: #2563eb;
}
.text-success {
	color: #22c55e;
}
.text-warning {
	color: #ff6f00;
}
.text-danger {
	color: #fc2d42;
}
.text-bold {
	font-weight: 500;
}
.text-large {
	font-size: 16px;
}
.help-block a {
	text-decoration: underline;
}
.label-primary {
	background-color: #2563eb;
}
.label-info {
	background-color: #6c757d;
}
.label-success {
	background-color: #22c55e;
}
.label-danger {
	background-color: #ee0a24;
}
.label-pro {
	padding: .1em .5em .1em;
	background-color: #07c160;
	vertical-align: middle;
}
.page-header {
	vertical-align: middle;
	margin: 0;
	padding: 15px 0;
	border: none;
}
.page-header .page-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.page-heading .status-label {
	margin-right: 10px;
}
.page-header .actions {
	text-align: right;
}
.page-header h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #555;
	display: inline-block;
	margin: 5px 10px 5px 0;
	vertical-align: middle;
}
.page-header .alert {
	display: inline-block;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.breadcrumb {
	display: inline-block;
	background: none;
	margin: 5px 15px 5px 0;
	padding: 0;
	border-radius: 0;
	vertical-align: middle;
}
.page-header .breadcrumb {
	display: none;
}
.breadcrumb > li {
	text-shadow: none;
}
.breadcrumb li a {
	color: #aaa;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
.breadcrumb li a:hover {
	text-decoration: none;
}
.breadcrumb li + li:before {
	content: "\e62e";
	font-family: iconfont;
	color: #BBBBBB;
	padding: 0 5px;
	font-size: 10px;
}
.breadcrumb > li:last-child a {
	color: #959595;
}
.page-header .page-actions {
	float: right;
}
.page-header .page-actions .btn, .page-header .pull-right .btn, .column-action .btn, .column-action .modal .column-action .btn, .popover-content .btn {
	position: relative;
	min-width: 40px;
	padding: 9px 11px;
	line-height: 20px;
	text-align: center;
	border-radius: 20px;
}
.page-actions .btn-exit-fullscreen {
	display: none;
}
.fullscreen .page-actions .btn-open-fullscreen, .fullscreen .page-actions .btn-cancel {
	display: none;
}
.fullscreen .page-actions .btn-exit-fullscreen {
	display: inline-block;
}
.floating-header-active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	padding: 5px 0;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.07);
	backdrop-filter: blur(12px);
}
.sidebar-visible .floating-header-active {
	left: 240px;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.page-header .pull-right .btn .count, .column-action .btn .count, .column-action .modal .column-action .btn .count {
	position: absolute;
	top: -5px;
	right: -5px;
	min-width: 18px;
	padding: 3px 5px;
	font-weight: normal;
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.page-header .pull-right .btn .count_0, .column-action .btn .count_0, .column-action .modal .column-action .btn .count_0 {
	display: none;
}
.column-action .modal .btn {
	padding: 6px 13px;
	line-height: 1.42857143;
	border-radius: 4px;
}
.btn {
	font-size: 1rem;
	line-height: 1.5;
}
.btn, .btn:hover, .btn:focus, .btn.active.focus {
	border-color: transparent;
	outline: none !important;
}
.btn-sm {
	padding: 5px 10px !important;
	font-size: 0.9rem;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn-round {
	border-radius: 999px;
}
.btn-link {
	color: #2563eb;
}
.btn-link:hover {
	color: #1d4ed8;
}
.btn-link:focus, .btn-link.focus {
	color: #2563eb;
}
.btn-link:disabled, .btn-link.disabled {
	color: #2563eb;
}
.btn-default {
	border-color: #ccc;
}
.btn-primary {
  background-color: #2563eb;
  border-color: #2563eb;
}
.btn-primary:hover {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.btn-primary:focus, .btn-primary.focus {
	background-color: #2563eb;
  border-color: #2563eb;
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #2563eb;
  border-color: #2563eb;
}
.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #1d4ed8;
  border-color: #1d4ed8;
}
.btn-danger {
  background-color: #ee0a24;
  border-color: #ee0a24;
}
.btn-danger:hover {
  background-color: #da2626;
  border-color: #da2626;
}
.btn-danger:focus, .btn-danger.focus {
	background-color: #d70921;
  border-color: #d70921;
}
.btn-danger.disabled, .btn-danger:disabled {
  background-color: #ee0a24;
  border-color: #ee0a24;
}
.btn-info {
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-info:hover {
  background-color: #5c636a;
  border-color: #5c636a;
}
.btn-info:focus, .btn-info.focus {
	background-color: #5c636a;
  border-color: #5c636a;
}
.btn-info.disabled, .btn-info:disabled, .btn-info.disabled:hover, .btn-info:disabled:hover, .btn-info.disabled:focus, .btn-info:disabled:focus {
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn .icon {
	margin-right: .25em;
}
.progress {
	box-shadow: none;
	border-radius: 999px;
}
.progress-bar {
	box-shadow: none;
}
.progress-mini {
	height: 6px;
}
.progress-bar-primary {
	background-color: #2563eb;
}
.progress-bar-success {
	background-color: #22c55e;
}
.progress-bar-warning {
	background-color: #ff6f00;
}
.progress-bar-danger {
	background-color: #fc2d42;
}
input[type=range], input[type=range]:hover, input[type=range]:focus {
	padding: 0;
	box-shadow: none;
}
.multi-textare-item textarea {
	height: 80px;
}
.multi-textare-item .input-group-btn .btn {
	height: 80px;
}
label {
	font-weight: 400;
}
.form-control {
	height: 38px;
	font-size: 1rem;
	box-shadow: none;
}
.form-control:hover {
	border-color: #86b7fe;
}
.form-control:focus, .form-control.focus {
	border-color: #86b7fe;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
.form-control, .input-group, .form-input-group {
	min-width: 60px;
	max-width: 562px;
}
.form-control.full, .input-group.full, .form-input-group.full {
	max-width: none;
}
.form-control.short, .input-group.short {
	max-width: 250px;
}
.form-control.long, .input-group.long, .input-group.multi-input-item, .multi-input-item .form-control {
	max-width: 750px;
}
.form-control.digit, .input-group.digit {
	max-width: 80px;
}
.form-control.price, .input-group.price .form-control {
	min-width: 98px;
}
.input-group.date .form-control, .input-group.time .form-control {
	min-width: 8rem;
}
.input-group.datetime .form-control {
	min-width: 12rem;
}
.dropdown-menu {
	font-size: 1rem;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #2563eb;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	border-color: #86b7fe;
}
.three-input-group {
	max-width: 520px;
	margin-left: -10px;
	margin-right: -10px;
}
.three-input-group > div {
	padding-left: 10px;
	padding-right: 10px;
}
.three-input-group.short {
	max-width: 270px;
}
.inline-label {
  min-height: 20px;
  margin-bottom: 0;
}
.inline-label .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.checkbox .inline-label, .radio .inline-label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
}
.checkbox .inline-label .form-control, .radio .inline-label .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.input-group.jbs-stepper {
	max-width: 120px;
}
.input-group.jbs-stepper .input-group-btn:first-child .btn {
	margin-right: 0;
}
.input-group.jbs-stepper .form-control {
	border-left-width: 0;
	border-right-width: 0;
	text-align: center;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #2563eb;
}
.pagination-results {
	margin: 5px 0;
	line-height: 26px;
	text-align: right;
}
.pagination-container .pagination-results {
	text-align: left;
}
.pagination-container .pagination-wrapper {
	text-align: right;
}
.pagination {
	margin: 0;
	vertical-align: middle;
}
.pagination>li>a, .pagination>li>span {
  color: #2563eb;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  color: #fff;
  background-color: #2563eb;
  border-color: #2563eb;
}
.alert-notify {
	max-width: 600px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background-color: #2c2c2c;
	background-color: rgba(0,0,0,.8);
	border-color: #2c2c2c;
	box-shadow: 0 0 5px rgba(0,0,0,.4);
}
.alert-notify.large{
	padding: 40px 20px;
}
.alert-notify hr {
	border-top-color: #1f1f1f;
}
.alert-notify a {
	color: #e6e6e6;
}
.alert-notify .close {
	color: #ffeb3b;
	opacity: 1;
}
#container {
	min-height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.container-fluid {
	padding: 0 20px;
}
#header-spacer {
	height: 50px;
	background-color: #f1f5f9;
}
#header {
	min-height: 50px;
	background: #fff;
	border-bottom: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}
#header .container-fluid {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
}
#header .navbar-header {
	transition: 0.3s all;
	background-color: #f8362e;
	border-right: 1px solid #f8362e;
	min-width: 210px;
	display: none;
}
html[lang='zh-cn'] #header .navbar-header {
	/*width: 200px;*/
}
#header .navbar-brand {
	height: 50px;
	margin-left: 0;
	padding: 8px 0 8px 12px;
	color: #fff;
	font-size: 24px;
	line-height: 30px
}
#header .navbar-brand > img {
	display: inline-block;
	height: 34px;
}
#header .navbar-brand small {
	font-size: 0.8em;
	opacity: 0.8;
}
#header .navbar-brand .label {
	margin-right: 0;
	padding: 2px 6px 1px;
	color: #f8362e;
	font-size: 12px;
	line-height: 14px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	border-radius: 999px;
}
#header-main {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
}
#header-search {
	position: relative;
	margin-right: 10px;
	padding: 10px 0;
}
#header-search input[type='text'] {
	width: 360px;
	height: 30px;
	padding: 0 36px 0 16px;
	background-color: rgba(203,213,225,.3);
	border-width: 0;
	border-radius: 999px;
	box-shadow: none;
}
#header-search input[type='text']:hover {
	background-color: rgba(203,213,225,.5);
}
#header-search button[type='submit'] {
	position: absolute;
	top: 10px;
	right: 0;
	height: 30px;
	padding: 0 8px;
	color: #333;
	font-size: 18px;
	background-color: transparent;
	border-width: 0;
}
.quick-add-menu > .dropdown-toggle {
	height: 50px;
	padding: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.quick-add-menu > .dropdown-toggle:hover {
	background-color: transparent !important;
}
.quick-add-menu > .dropdown-toggle > .btn {
	min-width: 28px;
	padding: 5px 4px;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 999px;
}
#header-menu {
	flex-grow: 1;
}
#header .main-menu {
	display: none;
}
#header .navbar-nav > li {
	display: inline-block;
}
#header .navbar-right > li:not(:first-child) {
	/*border-left: 1px solid #c30022;*/
}

#header .navbar-right {
	margin-right: 0;
	margin: 0px 0px 0px 0px;
	float: right;
}
#header #user-profile {
	height: 30px;
	width: 30px;
	max-width: 30px;
	margin-right: 0px;
	margin-top: -3px;
}

#header .nav > li > a {
	padding: 0px 12px;
	line-height: 45px;
	cursor: pointer;
	color: #555;
	border-left: 0px solid #333;
}
#header .nav > li > a:hover, #header .nav > li > a:focus {
	background-color: rgba(0,0,0,0.1);
}
#header .nav > li > a:hover, #header .nav .open > a, #header .nav .open > a:hover, #header .nav .open > a:focus {
	color: #333;
	background-color: rgba(0,0,0,0.1);
}
#header .nav > li > a > .menu-icon {
	display: none;
	margin-right: .3rem;
	font-size: 1rem;
}
#header .nav > li > a > .arrow {
	margin-left: .3rem;
	font-size: 1rem;
}
#header .dropdown-menu > li > a {
	padding: 5px 20px;
	line-height: 1.5;
}
#header .dropdown-menu > li > a .arrow {
	float: right;
	line-height: 1.5;
}
#header .dropdown:hover > .dropdown-menu {
	display: block;
}
#header .dropdown-menu .dropdown-menu {
	top: -8px;
	left: 66%;
}
#header .dropdown-menu .dropdown-menu .dropdown-menu {
	left: auto;
	right: 100%;
}
#header .navbar-right > li.dropdown > a {
	text-align: right;
	white-space: nowrap;
}
#admin-menu .dropdown-toggle .name {
	display: none;
}
#admin-menu .dropdown-menu {
	min-width: 180px;
	max-width: 280px;
	padding-top: 0;
}
#admin-menu .dropdown-menu > li > a {
	white-space: normal;
}
#admin-menu .dropdown-menu .icon {
	height: 18px;
	width: 18px;
	margin-right: 5px;
	line-height: 18px;
	vertical-align: middle;
}
#admin-menu .dropdown-menu .text {
	vertical-align: middle;
}
#admin-menu .welcome {
	position: relative;
	overflow: hidden;
	margin: -1px -1px 9px -1px;
	padding: 10px 20px;
	color: #fff;
	background-color: #2563eb;
}
#admin-menu .welcome:before, #admin-menu .welcome:after {
	content: '';
	position: absolute;
	z-index: 1;
	background-color: rgba(255,255,255,0.05);
	border-radius: 50%;
	bottom: -555.5%;
	left: -82.5%;
	height: 0;
	width: 236%;
	padding-bottom: 236%;
}
#admin-menu .welcome:after {
	bottom: -281.5%;
	left: -82.5%;
	height: 0;
	width: 141%;
	padding-bottom: 141%;
}
#admin-menu .welcome .hello {
	display: block;
	opacity: 0.8;
}
#admin-menu .welcome .name {
	display: block;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#admin-menu .notification .dropdown-toggle {
	position: relative;
	font-size: 22px;
}
#admin-menu .notification .dropdown-toggle .count {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 16px;
	min-width: 16px;
	padding: 0 2px;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	background-color: #e32031;
	border: 1px solid #fff;
	border-radius: 999px;
	font-weight: bold;
	transform: scale(0.8);
}
#admin-menu .quick-menu .dropdown-toggle {
	position: relative;
	font-size: 20px;
}
#admin-menu .quick-menu .action {
	padding: 10px 10px 1px;
}
#admin-menu .quick-menu .menu-action {
	float: right;
	height: 20px;
	width: 20px;
	margin: 2px 0 0 5px;
	padding: 0;
	color: #999;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	background-color: #f2f2f2;
	border-width: 0;
	border-radius: 999px;
	vertical-align: middle;
}
#admin-menu .quick-menu .menu-action .icon {
	margin: 0;
}
#admin-menu .quick-menu .menu-action:hover {
	color: #fff;
	background-color: #e32031;
	cursor: pointer;
}
@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		background-color: #fff;
	}

	#header-search {
		display: none;
	}
}
/* Desktop */
@media (min-width: 768px){
	.menu-top #header .navbar-header {
		display: inline-block;
	}

	#header #user-profile {
		max-width: none;
	}

	#header .nav > li > a {
		line-height: 50px;
	}
}
#dark-mode-toggle {
	padding: 0 12px;
	background-color: transparent;
	border: none;
}
#dark-mode-toggle .icon {
	position: relative;
	width: 20px;
	height: 20px;
	background-color: #ffa91e;
	border: 1px solid transparent;
	border-radius: 999px;
	overflow: hidden;
	transition: background-color 0.3s ease 0s;
}
#dark-mode-toggle .icon:after {
	content: '';
	position: absolute;
	top: -100%;
	left: 100%;
	width: 100%;
	height: 100%;
	background-color: #27293d;
	border-radius: 999px;
	transition: transform 0.3s ease 0s;
}
.admin-theme-dark #dark-mode-toggle .icon {
	background-color: rgba(255,255,255,0.8);
}
.admin-theme-dark #dark-mode-toggle .icon:after {
	transform: translate(-80%, 80%);
}

#sidebar-toggle {
	height: 50px;
	float: left;
	margin: 0 10px;
	padding: 8px 8px;
	font-size: 24px;
	line-height: 34px;
	display: inline-block;
	cursor: pointer;
	color: #555;
}
#sidebar-toggle:hover {
	color: #333;
}
/* Desktop */
@media (min-width: 768px){
	.menu-top #sidebar-toggle {
		display: none;
	}
/*	#button-menu {
		display: none;
	}*/
}
#sidebar {
	width: 240px;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0px;
	left: -240px;
	z-index: 10;
	background-color: #1e293b;
}
/*html[lang='zh-cn'] #sidebar {
	width: 200px;
}*/
#left-header {
	position: relative;
	min-height: 50px;
	background-color: rgba(15,23,42,.5);
	background-color: #f8362e;
}
#left-header .logo {
	display: block;
	padding: 8px 12px;
	color: #f1f5f9;
}
#left-header .logo img {
	margin-right: 5px;
	height: 34px;
}
#left-header .logo .label {
	position: absolute;
	top: 16px;
	right: 12px;
	margin: 0;
	padding: 2px 8px 1px;
	color: #f8362e;
	font-size: 12px;
	line-height: 14px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	border-radius: 999px;
}
#content {
	min-height: calc(100vh - 50px);
	padding-bottom: 40px;
	background-color: #f1f5f9;
}
#sidebar, #header, #content, #footer {
	transition: all 0.3s;
}
.menu-top #sidebar, .menu-top #header, .menu-top #content, .menu-top #footer {
	transition: none;
}
.sidebar-visible #sidebar {
	left: 0px;
}
.sidebar-visible #header, .sidebar-visible #content, .sidebar-visible #footer {
	margin-left: 240px;
}

.menu-top #header .main-menu {
	display: none;
}

/* Desktop */
@media (min-width: 768px){
/*	#sidebar {
		left: 0px;
	}
	#sidebar + #header, #sidebar + #content, #sidebar + #footer {
		left: 0px;
		margin-left: 240px;
	}*/
/*	html[lang='zh-cn'] #header, html[lang='zh-cn'] #content, html[lang='zh-cn'] #footer {
		margin-left: 200px;
	}*/
/*	#sidebar.active + #header, #sidebar.active + #content, #sidebar.active + #footer {
		left: 0px;
		margin-left: 240px;
	}*/
/*	html[lang='zh-cn'] #sidebar.active + #header, html[lang='zh-cn'] #sidebar.active + #content, html[lang='zh-cn'] #sidebar.active + #footer {
		margin-left: 200px;
	}*/

	.menu-top #header .main-menu {
		display: block;
	}
	.menu-top #sidebar {
		display: none;
	}
	.menu-top #sidebar + #content, .menu-top #sidebar + #content + #footer, html[lang='zh-cn'] .menu-top #sidebar + #content, html[lang='zh-cn'] .menu-top #sidebar + #content + #footer {
		margin-left: 0;
	}
}

/* Navigation */
#navigation {
	text-transform: uppercase;
	padding: 15px 15px 15px 15px;
	color: #FFFFFF;
	background: #19222E;
	display: none;
}

/* Menu */
#menu {
	margin-bottom: 10px;
}
#menu .nav {
	margin: 0;
	padding: 6px;
	list-style: none;
}
#menu .nav > li {
	position: static;
	margin-bottom: 4px;
	list-style: none;
}
#menu .nav > li > a {
	text-decoration: none;
	display: block;
	padding: 8px 12px;
	color: #f1f5f9;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 5px;
	cursor: pointer;
	transition: ease-in-out .2s;
}
#menu .nav > li > a:hover, #menu .nav > li > a:focus, #menu .nav > li.open > a, #menu .nav > li.open > a:hover, #menu .nav > li.open > a:focus {
	background-color: #334155;
}
#menu .nav > li > a .menu-icon {
	margin-right: 8px;
	display: block;
	float: left;
	width: 16px;
	font-size: 1rem;
	line-height: 1.5;
	opacity: 0.65;
}
#menu .nav > li:hover > a .menu-icon {
	opacity: 0.9;
}
#menu .nav > li > a .arrow {
	margin-left: 12px;
	display: block;
	float: right;
	width: 18px;
	font-size: 17px;
}
#menu .nav .sub-menu {
	top: 50px;
	left: 100px;
	min-width: 140px;
	width: 140px;
	height: 100%;
	height: calc(100% - 50px);
	margin: 0;
	padding: 6px;
	padding-bottom: 20px;
	background-color: #fff;
	border: none;
	border-radius: 0;
	overflow: auto;
}
#menu .nav .sub-menu::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}

.sub-menu > li {
	margin-bottom: 6px;
}
.sub-menu > li > a {
	padding: 3px 10px 3px 20px;
	border-radius: 3px;
	white-space: normal;
}
.sub-menu > li.active > a {
	color: #333;
	background-color: #eee;
}
.sub-menu > li > a > .arrow {
	position: absolute;
	top: 6px;
	left: 3px;
}
.sub-menu > li > .dropdown-menu {
	display: block;
	position: static;
	float: none;
	min-width: auto;
	box-shadow: none;
	border: none;
	background-color: #f5f5f5;
}
.sub-menu > li > .dropdown-menu > li > a {
	padding: 3px 10px 3px 20px;
	white-space: normal;
}
.sub-menu > li > .dropdown-menu > li:hover > a {
	background-color: #f0f0f0;
}
.sub-menu > li > .dropdown-menu > li > a .arrow {
	margin-left: 12px;
	display: block;
	float: right;
	width: 18px;
	font-size: 16px;
	line-height: 20px;
}
.sub-menu > li > .dropdown-menu > .dropdown > .dropdown-menu {
	left: auto;
	right: 0;
	min-width: 100%;
	margin: 0;
}
.sub-menu > li > .dropdown-menu > .dropdown:hover > .dropdown-menu {
	display: block;
}
/*#menu li a.parent:after {
	font-family: iconfont;
	float: right;
	margin-right: 8px;
}
#menu li a.parent:after {
	content: "\e62b";
}
#menu li a.collapsed:after {
	content: "\e62e";
}*/
/* 1st lvl */
/*#menu > li {
	position: relative;
}
#menu > li > a {
	color: #707070;
	padding-left: 20px;
}
#menu > li > a:hover {
	background-color: #e8e8e8;
}
#menu > li > a > i {
	margin-right: .6rem;
	font-size: 1.3rem;
	width: 1.5rem;
	text-align: center;
}
#menu > li.active > a {
	color: #e32031;
}
#menu > li > ul {
}*/
/* 2nd lvl */
/*#menu li li a {
	color: #7f8a9b;
}
#menu li li a:before {
	display: inline-block;
	content: "";
	font-size: 13px;
	font-family: iconfont;
	margin-right: .6rem;
	width: 1.5rem;
}
#menu li li a:hover:before {
}
#menu li li a:hover {
	background-color: #e8e8e8;
}
#menu li li.active > a {
	color: #2563eb;
}
#menu li ul a {
	padding-left: 30px;
}
#menu li li ul a {
	padding-left: 40px;
}
#menu li li li ul a {
	padding-left: 50px;
}
#menu li li li li ul a {
	padding-left: 60px;
}*/


/* footer */
#footer {
	min-height: 80px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #f1f5f9;
}
#footer .powered_by {
	display: block;
}
#footer .powered_by .version {
	margin-left: 0.5em;
	font-size: 0.8em;
	opacity: 0.8;
}
#footer .base_on {
	display: block;
	font-size: 0.8em;
	opacity: 0.6;
}
/* Navs
/* Tabs */
.nav-tabs {
	margin-bottom: 25px;
	border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
	position: relative;
	min-width: 90px;
	margin-bottom: -1px;
	text-align: center;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.nav-tabs > li:first-child {
	border-left-width: 1px;
	border-top-left-radius: 4px;
}
.nav-tabs > li:last-child {
	border-top-right-radius: 4px;
}
.nav-tabs > li.active {
	padding-bottom: 1px;
	background-color: #fff;
	border-bottom-width: 0;
}
.nav-tabs > li > a {
	margin: 0;
	padding: 8px 16px;
	color: #666;
	font-size: 1rem;
	border-width: 0;
	border-radius: 0;
}
.nav-tabs > li > a:hover {
	color: #333;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #333;
	background-color: transparent;
	border-width: 0;
}
.nav-tabs > li > a .menu-icon {
	margin-right: 8px;
	font-size: 1rem;
	vertical-align: middle;
}
.nav-tabs > li > a .text {
	vertical-align: middle;
}
.nav-tabs > li > .close {
	position: absolute;
	z-index: 9;
	top: -12px;
	right: -12px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 999px;
	opacity: 0.6;
}
.nav-tabs > li > .close:hover {
	opacity: 0.8;
}
.nav-tabs-wrapper {
	display: flex;
	flex-direction: row;
	margin-bottom: 25px;
	border-bottom: 1px solid #ddd;
}
.nav-tabs-wrapper .nav-tabs {
	flex: 1;
	margin-bottom: 0;
	border-width: 0;
}
.panel-tabs {
	margin-bottom: 15px;
	background-color: #f8f8f8;
	border-bottom-color: #eee;
	border-bottom-width: 0;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
.panel-tabs > li {
	position: relative;
	margin-right: -4px;
	background-color: #eee;
	border-color: #ddd;
	border-width: 0;
	border-right-width: 1px;
	border-radius: 4px 4px 0 0;
}
.panel-tabs > li:first-child {
	border-left-width: 0;
}
.panel-tabs > li:nth-child(1) {
	z-index: 98;
}
.panel-tabs > li:nth-child(2) {
	z-index: 97;
}
.panel-tabs > li:nth-child(3) {
	z-index: 96;
}
.panel-tabs > li:nth-child(4) {
	z-index: 95;
}
.panel-tabs > li:nth-child(5) {
	z-index: 94;
}
.panel-tabs > li:nth-child(6) {
	z-index: 93;
}
.panel-tabs > li:nth-child(7) {
	z-index: 92;
}
.panel-tabs > li:nth-child(8) {
	z-index: 91;
}
.panel-tabs > li:nth-child(9) {
	z-index: 90;
}
.panel-tabs > li.active {
	z-index: 99 !important;
}
.panel-tabs > li > a {
	padding: 10px 20px;
	font-size: 16px;
}
.panel-tabs > li > a:focus, .panel-tabs > li > a:hover {
	background-color: transparent;
}
div.required .control-label:not(span):before, td.required:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
.btn-group {
	white-space: nowrap;
}
.table-responsive .table {
	width: 99.99%;
}
.table thead td span[data-toggle="tooltip"]:after, label.control-label span[data-toggle="tooltip"]:after, label.help-label span:after {
	font-family: iconfont;
	color: #2563eb;
	content: "\e698";
	margin-left: 4px;
	font-weight: 300;
}
fieldset legend {
	padding-bottom: 5px;
}
input[type="radio"], input[type="checkbox"] {
	margin: -2px 0 0;
}
.radio, .checkbox {
	min-height: 18px;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	position: relative;
	width: 18px;
	width: 18px \0;
	height: 18px;
	height: 18px \0;
	-webkit-appearance: none;
	background: white;
	border: 1px solid #dcdcdc;
	border: 1px solid transparent \0;
	border-radius: 2px;
	vertical-align: middle;
}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
	border-color: #dcdcdc;
	outline: 0;
}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active {
	background-color: #ebebeb;
	border-color: #c6c6c6;
}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked {
	background: #2563eb;
	border-color: #2563eb;
}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] {
	width: 18px;
	width: 18px \0;
	height: 18px;
	height: 18px \0;
	border-radius: 1em;
}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after {
	position: relative;
	top: 4px;
	left: 4px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	background: #fff;
	border-radius: 1em;
	vertical-align: middle;
}
input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover {
	border-color: #c6c6c6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: none \9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: none \9;
}
input[type="checkbox"]:checked:hover, .checkbox input[type="checkbox"]:checked:hover, .checkbox-inline input[type="checkbox"]:checked:hover {
	border-color: #2563eb;
	-webkit-box-shadow: none;
	-webkit-box-shadow: none \9;
	box-shadow: none;
	box-shadow: none \9;
}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	/*content: url('../image/checkmark.png');*/
  color: #fff;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62a";
  -webkit-transition: .4s;
  transition: .4s;
}
.table thead td {
	font-weight: 400;
}
.table thead > tr > td, .table tbody > tr > td {
	vertical-align: middle;
}
.table thead > tr > td a {
	color: #333;
}
.table thead > tr > td a:hover {
	color: #666;
}
.table .border-left {
	border-left: 1px solid #ddd;
}
.table .border-top {
	border-top: 1px solid #ddd;
}
.table .border-right {
	border-right: 1px solid #ddd;
}
.table .border-bottom {
	border-bottom: 1px solid #ddd;
}
.table a.asc:after {
	content: " \e630";
	font-family: iconfont;
}
.table a.desc:after {
	content: " \e62b";
	font-family: iconfont;
}
.table tr.secondary {
	background-color: #f4f4f4;
}
.table td > .form-control {
	display: inline-block;
}
.form-group {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.form-group .form-group {
	margin: 0;
	padding-bottom: 0;
}
.form-group .form-group .control-label {
	padding-top: 0;
}
/*.form-group + .form-group {
	border-top: 1px solid #ededed;
}
.form-inline .form-group + .form-group {
	border-top: none;
}*/
/* Panels */
.panel {
	position: relative;
	margin-bottom: 20px;
	border-radius: 6px;
}
.panel-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #666;
	font-size: 24px;
}
.panel-heading {
	position: relative;
	padding: 20px 20px 0 20px;
}
.panel-heading .extra {
	float: right;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.panel-heading .extra > div {
	margin-left: 10px;
}
.panel-title {
	margin-right: 30px;
	font-size: 1.2rem;
	font-weight: 500;
}
.panel-title.center {
	margin-right: 0;
	text-align: center;
}
h1.panel-title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
}
h2.panel-title {
	font-size: 18px;
	font-weight: 400;
}
h3.panel-title {
	font-weight: 400;
	display: inline-block;
}
.panel-title i {
	margin-right: 5px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.panel-title .sub {
	margin-left: 5px;
	color: #666;
}
.panel-title .extra {
  float: right;
}
.panel-title .extra a {
  margin-left: 5px;
  vertical-align: middle;
}
.panel-title .extra .dropdown-menu a {
  margin-left: 0;
}
.panel-body {
	padding: 20px;
}
/* Primary Panel */
.panel-primary {
	border: 1px solid #c3e4f6;
	border-top: 2px solid #5cb7e7;
}
.panel-primary > .panel-heading {
	color: #1e91cf;
	border-color: #96d0f0;
	background: white;
}
/* Default Panel */
.panel-default {
	border-color: transparent;
	border-width: 0;
}
.panel-default > .panel-heading {
	border-color: transparent;
	background-color: transparent;
}
.panel .panel-default {
	border-color: #ddd;
}
.panel .panel-default > .panel-heading {
	border-color: #ddd;
	background-color: #f5f5f5;
}
.panel-heading.note-toolbar {
	background-color: #f3f3f3;
	border-radius: 6px 6px 0 0;
}
.panel-bordered {
	border: 1px solid rgba(226,226,226,.7);
	border-radius: 6px;
}
.panel-bordered .panel-heading {
	border-bottom: 1px solid rgba(226,226,226,.7);
}
.panel-col-wrapper {
	background-color: #f8f8f8;
}
.panel-col-wrapper .panel-body {
	padding: 0 15px;
}
.panel-col-wrapper .col-title {
	display: flex;
	align-items: center;
}
.panel-col-wrapper .col-title .icon {
	margin-right: 0.25em;
	font-size: 1.2em;
}
.panel-col-wrapper .col-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.panel-col-wrapper .col-section-header .title, .panel-col-wrapper .col-section-header .col-title {
	margin-bottom: 0;
}
.panel-col-main {
	min-height: 600px;
	padding: 25px;
	background-color: #fff;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.panel-col-sidebar {
	min-height: 100%;
	height: 100%;
	padding: 13px 20px;
	background-color: #f8f8f8;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.panel-col-sidebar .separator {
	margin: 12px -20px;
	border-top: 1px solid #f1f1f1;
}
.panel-col-sidebar .info {
	display: flex;
	align-items: center;
	padding: 6px;
}
.panel-col-sidebar .info-icon {
	margin-left: -9px;
	margin-right: 8px;
	color: #999;
	font-size: 15px;
}
.panel-col-sidebar .info-title {
	color: #666;
	font-size: 14px;
}
.panel-col-sidebar .info-value {
	color: #333;
	font-size: 14px;
}

.form-panel {
	border: none;
}
.form-panel .panel-heading {
	padding: 15px 20px 10px;
	border-bottom: 1px solid #e5e5e5;
}
.form-panel .panel-body {
	display: flex;
	flex-direction: row;
	padding: 0;
}
.form-panel-tabs {
	position: relative;
	float: left;
	width: 15%;
	margin: 0;
	padding: 0 0 20px;
	/*border-right: 1px solid	#eee;*/
	background-color: #f8f8f8;
	list-style: none;
}
.form-panel-tabs::after {
	content: "";
	display: none;
	width: 100%;
	height: 9999em;
	position: absolute;
	bottom: -9999em;
	left: 0;
	background-color: #f8f8f8;
	/*border-right: 1px solid #eee;*/
	box-sizing: content-box;
}
.form-panel-tabs li {
	position: relative;
	display: block;
}
.form-panel-tabs li a {
	display: block;
	padding: 10px 20px;
	color: #666;
	font-size: 1rem;
	/*border-bottom: 1px solid #eee;*/
}
.form-panel-tabs li a i {
	margin-right: 8px;
	font-size: 1rem;
	line-height: 1.5;
	vertical-align: middle;
}
.form-panel-tabs li a .text {
	vertical-align: middle;
}
.form-panel-tabs li:hover a {
	background-color: #eee;
}
.form-panel-tabs li.active::after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background-color: #e32031;
	position: absolute;
	top: 0;
	left: 0;
}
.form-panel-tabs li.active a {
	color: #e32031;
	background-color: #fff;
}
.form-panel-options {
	float: left;
	width: 85%;
	padding: 20px 20px 50px;
}
.form-panel-options fieldset {
	margin-bottom: 30px;
}
@media (max-width: 1200px) {
	.form-panel-tabs {
		width: 20%;
	}
	.form-panel-options {
		width: 80%;
	}
}
@media (max-width: 600px) {
	.form-panel-tabs {
		width: 10%;
	}
	.form-panel-options {
		width: 90%;
	}
	.form-panel-tabs li a {
		padding: 10px 0;
		text-align: center;
	}
	.form-panel-tabs li a i {
		margin-right: 0;
		font-size: 20px;
	}
	.form-panel-tabs li a .text {
		display: none;
	}
}
.table-panel {
	border: 1px solid rgba(226,226,226,.7);
	border-radius: 6px;
}
.table-panel .table-responsive {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(226,226,226,.7);
}
.table-panel .table {
	margin-bottom: 0;
}
.table-panel .table thead tr:first-child > td {
	padding: 10px;
	color: #333;
	background-color: #f8f8f8;
	border-left: 1px solid rgba(226,226,226,.7);
	border-top: 1px solid rgba(226,226,226,.7);
}
.table-panel .table thead tr:first-child > td:first-child {
	border-left: 0;
}
.table-panel .table thead td a {
	color: #333;
}
.table-panel .table thead td a:hover {
	color: #666;
}
.table-panel .table tbody td {
	padding: 10px;
	border-top-color: rgba(226,226,226,.7);
}

.img-thumbnail i {
	color: #FFFFFF;
	background-color: #EEEEEE;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	padding-top: 20px;
	vertical-align: middle;
	display: inline-block;
}
.img-thumbnail.list i {
	width: 40px;
	height: 40px;
	padding-top: 10px;
	font-size: 20px;
}
/* Tiles */
.tile {
	box-shadow: 0 2px 5px rgba(0,0,0,.08);
	margin-bottom: 30px;
	border-radius: 3px;
	color: #FFFFFF;
	background-color: #999;
	transition: all .2s;
}
.tile-primary {
	background-color: #2563eb;
}
.tile-success {
	background-color: #22c55e;
}
.tile-warning {
	background-color: #ff6f00;
}
.tile-danger {
	background-color: #fc2d42;
}
.tile:hover {
	opacity: 0.95;
	transform: scale(1.1);
}
.tile a {
	color: #FFFFFF;
}
.tile-heading {
	padding: 5px 8px;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
	background-color: rgba(255,255,255,0.1);
}
.tile .tile-heading .pull-right {
	transition: all 1s;
	opacity: 0.7;
}
.tile:hover .tile-heading .pull-right {
	opacity: 1;
}
.tile-body {
	position: relative;
	display: block;
	padding: 15px 50px 15px 15px;
	color: #fff;
}
.tile .stats {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 1rem;
	opacity: .8;
}
.tile .stats i {
	margin-right: 5px;
	font-size: 1rem;
}
.tile h2 {
	font-size: 2rem;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tile small {
	display: block;
	margin-top: .6rem;
	font-size: 1rem;
	opacity: .8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tile-footer {
	padding: 5px 8px;
	background-color: rgba(0,0,0,0.1);
}
.badge-primary {
	background-color: #2563eb;
}
.badge-success {
	background-color: #22c55e;
}
.badge-warning {
	background-color: #ff6f00;
}
.badge-danger {
	background-color: #fc2d42;
}
#stats {
	display: none;
	border-radius: 2px;
	color: #808b9c;
	background: #2e3a47;
	margin: 15px 20px;
	padding: 5px 0;
}
#stats ul, #stats li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#stats li {
	font-size: 11px;
	color: #9d9d9d;
	padding: 5px 10px;
	border-bottom: 1px dotted #373737;
}
#stats div:first-child {
	margin-bottom: 4px;
}
#stats .progress {
	height: 3px;
	margin-bottom: 0;
}
.jqvmap-label {
	z-index: 999;
}
.alert {
	overflow: auto;
}
@media (min-width: 1200px) {
	.modal-lg {
		width: 1180px;
	}
}
/* Fix form-group margin inside the modal */
.modal-body .form-group {
	margin: 0;
}
.modal-title small {
	margin-left: 10px;
}
/* Fixed Sumernote Button Height */
.note-toolbar.panel-heading i {
	font-size: 14px;
}
/* Filemanager Folder Size */
#filemanager .fa-folder.fa-5x {
	font-size: 10.5em;
}
#extension-list {
	color: #4b525d;
}
#extension-list h2 {
	margin-top: 54px;
	margin-bottom: 44px;
}
#extension-list section {
	border: 1px solid #ddd;
}
#extension-list section > div {
	position: relative;
}
#extension-list section > div + div {
	border-top: 1px solid #ddd;
	padding: 10px;
}
#extension-list section:hover {
	border: 1px solid #1b80c2;
}
#extension-list > .row {
	margin-top: 40px;
}
#extension-list > .row > * {
	margin-bottom: 30px;
}

#extension-list .extension-preview {
	min-height: 150px;
}
#extension-list .extension-preview .extension-description {
	position: absolute;
	background-color: rgba(36, 45, 55, 0.9);
	color: #fff;
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	opacity: 0;
	height: 100%;
	width: 100%;
}
#extension-list .extension-preview .extension-description:hover {
	opacity: 1;
}
 @media screen and (min-width: 992px) and (max-width: 1199px) {
#extension-list .extension-preview {
	min-height: 123px;
}
#extension-list .extension-preview .extension-description {
	font-size: 12.5px;
	padding: 6px;
}
}
#extension-list .extension-preview img {
	margin: 0 auto;
}
#extension-list .extension-name {
	min-height: 100px;
}
#extension-list .extension-name p {
	color: #000;
	margin-bottom: 0;
	font-weight: 600;
}
#extension-list .extension-name p:first-child {
	font-size: 17px;
}
#extension-list .extension-name p span {
	color: #4b525d;
	font-weight: 400;
}
#extension-list .extension-name h4 a, #extension-list .extension-name p a {
	color: #000;
}
#extension-list .extension-name + div > .row {
	margin-top: 0;
}
 @media screen and (min-width: 992px) and (max-width: 1199px) {
#extension-list .extension-name + div > .row {
	font-size: 14px;
}
}
#extension-list i {
	color: #10b4e9;
}
#extension-list span {
	font-weight: 600;
}

#marketplace-extension-info #banner img {
	margin-left: auto;
	margin-right: auto;
}
#marketplace-extension-info .extension-review {
	border-top: 5px solid #1b80c2;
	padding-top: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}
#marketplace-extension-info .nav-tabs {
	font-size: 14px;
}
#marketplace-extension-info .nav-tabs + .tab-content {
	margin-top: 30px;
	margin-bottom: 30px;
}
#marketplace-extension-info iframe {
	width: 100%;
	height: 500px;
}
 @media screen and (max-width: 767px) {
#marketplace-extension-info iframe {
	height: 350px;
}
}
#marketplace-extension-info #buy {
	color: #4b525d;
}
#marketplace-extension-info #buy #price {
	color: #000;
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
}
#marketplace-extension-info #buy i {
	color: #10b4e9;
}
#marketplace-extension-info #buy hr {
	border-color: #ddd;
	margin: 10px 0;
}
#marketplace-extension-info #sales {
	color: #4b525d;
}
#marketplace-extension-info #sales i {
	color: #7ec239;
	margin-right: 10px;
	font-size: 24px;
}
#marketplace-extension-info #sales strong {
	font-size: 24px;
}
#marketplace-extension-info #comment {
	color: #4b525d;
}
#marketplace-extension-info #comment i {
	margin-right: 10px;
	font-size: 22px;
}
#marketplace-extension-info #comment strong {
	font-size: 22px;
}
#marketplace-extension-info .reply > div {
	margin-top: 15px;
}

#marketplace-extension-info .well .media {
	line-height: 1.2;
}
#marketplace-extension-info .well .media .media-body {
	padding-top: 6px;
}
#marketplace-extension-info .well .media .media-body span {
	font-size: 24px;
	font-weight: 600;
}
#marketplace-extension-info .well .media .media-body small {
	color: #878f9a;
}
 @media screen and (max-width: 992px) {
#marketplace-extension-info .container-fluid {
	padding-bottom: 30px;
}
}
.list-check {
	list-style: none;
}
.list-check li::before {
	font-family: 'iconfont';
	content: '\e62a';
	margin-left: -30px;
	width: 29px;
	display: inline-block;
	color: #7ebd38;
}
.list-check.list-color-blue li::before {
	color: #02afe9;
}

.well.filter {
	background-color: #ffffff;
}

.empty-result {
	padding: 80px 20px !important;
	text-align: center;
}
.empty-result, .loading-box {
	padding: 40px 20px;
	text-align: center;
}
.empty-result i, .loading-box i {
	display: block;
	color: #ddd;
	font-size: 3.6rem;
}
.empty-result .text, .loading-box .text {
	display: block;
	margin-top: 2rem;
	color: #666;
	font-size: 1.2rem;
	line-height: 1.5;
}
.empty-result.small, .loading-box.small {
	padding: 5rem 1rem;
}
.empty-result.small i, .loading-box.small i {
	font-size: 5rem;
}
.empty-result.small .text, .loading-box.small .text {
	margin-top: 1.5rem;
}
.flot-chart {
	height: 219px;
	display: block;
}
.flot-chart-legends {
	text-align: center;
	margin: 20px 0 0;
}
.flot-chart-legends table {
	display: inline-block;
}
.flot-chart-legends .legendColorBox > div > div {
	border-radius: 50%;
}
.flot-chart-legends .legendLabel {
	padding: 0 8px 0 3px;
}
.theme-screenshot {
	max-height: 180px;
	max-height: 180px;
}
.lang-icon {
	height: 16px;
	width: 16px;
	margin-top: -2px;
	margin-right: 2px;
}
.nav-tabs > li .lang-icon {
	opacity: 0.6;
}
.nav-tabs > li.active .lang-icon {
	opacity: 1;
}
.input-group.hidden-addon {
	display: flex;
}
.input-group.hidden-addon .input-group-addon {
	display: none;
}
.input-group.hidden-addon .form-control {
	border-radius: 3px;
}

.icon-checkmark, .icon-return, .icon-reply, .icon-clockwise, .icon-folder, .icon-arrow-thin-up, .icon-save {
	display: inline-block;
	-webkit-transform: scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

.label {
	margin-right: 5px;
	font-weight: 400;
}
.label-secondary {
	background-color: #bbb;
}
.label-large {
	padding: 4px 12px;
	font-size: 14px;
	line-height: 18px;
	border-radius: 8px;
}
#filemanager .file-item {
	position: relative;
}
#filemanager .status {
	position: absolute;
	top: 5px;
	right: 20px;
}
#filemanager .status .icon {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin: 0 0 8px 8px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	background-color: #ddd;
	border-radius: 999px;
}
#filemanager .status .icon.primary {
	background-color: #2563eb;
}
#filemanager .status .icon.success {
	background-color: #22c55e;
}
#filemanager .status .icon.warning {
	background-color: #ff6f00;
}
#filemanager .status .icon.danger {
	background-color: #fc2d42;
}
#filemanager .folder {
	display: block;
	height: 110px;
	margin-bottom: 18px;
	padding: 5px;
	color: #999;
	line-height: 100px;
	background-color: #f8f8f8;
	border-radius: 3px;
}
#filemanager .folder:hover {
	color: #666;
	background-color: #f0f0f0;
}
#filemanager .folder .icon {
	font-size: 5em;
	line-height: 100px;
}
#filemanager .file-item:hover .thumbnail {
	border-color: #666;
}
#filemanager .thumbnail {
	margin-bottom: 10px;
}
#filemanager .thumbnail img {
	height: 100px;
	width: 100px;
}
#filemanager .name {
	display: block;
	padding: 5px 0;
	color: #888;
	word-break: break-all;
	cursor: pointer;
}
#filemanager .name:hover {
	color: #333;
}

.note-toolbar button {
	font-size: 14px;
}

.table .panel {
	margin-bottom: 10px;
}

.column-check {
	width: 1em;
	text-align: center;
}
.column-id {
	width: 1em;
	text-align: left;
	white-space: nowrap;
}
.column-image {
	width: 5em;
	text-align: center;
	white-space: nowrap;
}
.column-image .thumbnail {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-bottom: 0;
}
.column-image .thumbnail i {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	background-color: #eee;
	vertical-align: middle;
}
.column-image .thumbnail img {
	height: 40px;
	width: 40px;
}
.column-image a:hover .thumbnail {
	border-color: #999;
}
.column-text {
	min-width: 15em;
	max-width: 30em;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
}
.column-id a.view, .column-text a.view {
	color: #2563eb;
}
.column-id a.view:hover, .column-text a.view:hover {
	color: #23527c;
}
.column-numeric, .column-label, .column-date, .column-action, .column-option {
	min-width: 2em;
	text-align: right;
	white-space: nowrap;
}
.column-numeric.text-left, .column-label.text-left, .column-date.text-left, .column-action.text-left , .column-option.text-left {
	text-align: left;
}
.column-numeric.text-center, .column-label.text-center, .column-date.text-center, .column-action.text-center, .column-option.text-center {
	text-align: center;
}
.column-action.small {
	width: 120px;
}
.column-option.small {
	width: 200px;
}
.column-date .date, .column-date .time {
	display: block;
}
.column-date .time {
	color: #999;
}
.column-text p, .column-label p, .column-option p {
	margin-bottom: 5px;
}
.column-text p:last-child, .column-label p:last-child {
	margin-bottom: 0;
}
.column-detail .form-control {
	margin-bottom: 10px;
}
.column-detail .form-control:last-child {
	margin-bottom: 0;
}
.column-user .avatar {
  display: inline-block;
  margin-right: 10px;
  height: 40px;
  width: 40px;
  border-radius: 999px;
}
.column-user .avatar img {
  height: 100%;
  width: 100%;
  border-radius: 999px;
}
.date-range .start, .date-range .end {
	display: inline-block;
	font-size: 0.8em;
	vertical-align: middle;
}
.date-range .to {
	display: inline-block;
	padding: 0 3px;
	vertical-align: middle;
}
.date-range-picker {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.date-range-picker .to {
	padding: 0 10px;
}
.date-range-picker .action {
	margin-left: 20px;
}
.column-permission label {
  margin-bottom: 0;
  font-weight: 400;
}
.column-input input {
  min-width: 8em;
}
.column-sort-order {
	min-width: 58px;
}
.column-mulit-info .info-wrapper, .column-mulit-info .title-wrapper {
	display: block;
}
.column-mulit-info .title {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}
.column-mulit-info .title .title-item {
	margin-right: 20px;
	vertical-align: middle;
}
.column-mulit-info .title .name {
	vertical-align: middle;
}
.column-mulit-info .label {
	padding: .1em .5em .1em;
	vertical-align: middle;
}
.column-mulit-info .info {
	display: block;
	margin-top: 5px;
	color: rgba(0,0,0,0.36);
	font-size: 12px;
}
.column-mulit-info .info span, .column-mulit-info .info img {
	margin-right: 10px;
}
.column-mulit-info .info .label {
	float: left;
	margin: 0 8px 3px 0;
	padding: 3px 5px;
}
.column-mulit-info .info .product-label {
	float: left;
	margin: 0 8px 3px 0;
}
.column-mulit-info.has-image {
	position: relative;
	min-height: 44px;
	padding-left: 64px;
}
.column-mulit-info .image {
	position: absolute;
	left: 8px;
	top: 8px;
	display: block;
	float: left;
	height: 44px;
	width: 44px;
	margin-right: 12px;
}
.column-mulit-info .image img {
	max-width: 100%;
	max-height: 100%;
}
.column-mulit-info .avatar {
	display: block;
}
.column-mulit-info .avatar img {
	border-radius: 50%;
}
.form-setting fieldset {
	margin-bottom: 30px;
	padding: 15px;
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 8px;
}
.form-setting legend {
	float: left;
	margin-bottom: 10px;
}
.form-setting legend i {
	margin-right: 5px;
	color: #666;
}
.form-setting legend .more {
	float: right;
	font-size: 16px;
	font-weight: 400;
}
.form-setting .form-group {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0;
	clear: both;
}
.form-setting .form-group:first-of-type {
	padding-top: 0;
}
.form-setting .form-group + .form-group {
	border-top: none;
}
.form-setting .control-label {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: normal;
}
.form-setting div.required .control-label:not(span):before, .form-setting td.required:before {
	display: none;
}
.form-setting div.required .control-label:not(span):after, .form-setting td.required:after {
	content: ' *';
	color: #F00;
	font-weight: bold;
}
.form-setting .checkbox-inline, .form-setting .radio-inline {
  margin-right: 10px;
  padding-top: 0;
}
.form-setting .checkbox-inline + .checkbox-inline, .form-setting .radio-inline + .radio-inline {
  margin-left: 0;
}
@media (min-width: 768px) {
	.form-setting .control-label {
    padding-top: 0;
	}
}

.status-icon-enabled {
	color: #07c160;
	-webkit-transform: scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.status-icon-disabled {
	color: #f44;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  font-weight: 400;
  margin-bottom: 0;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:after {
	display: none !important;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 999px;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch input:checked + .slider {
  background-color: #07c160;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #07c160;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.switch.small {
  width: 36px;
  height: 20px;
}
.switch.small .slider:before {
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
}
.switch.small input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.switch.large {
  width: 60px;
  height: 32px;
}
.switch.large .slider:before {
  height: 26px;
  width: 26px;
  left: 3px;
  bottom: 3px;
}
.switch.large input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.switch.negative .slider {
  background-color: #ee0a24;
}
.switch.negative input:checked + .slider {
  background-color: #07c160;
}
.switch.negative .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.switch.negative input:checked + .slider:before {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.switch.negative.small .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.star-switch {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
}
.star-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.star-switch input:after {
	display: none !important;
}
.star-switch .star {
  color: #bbb;
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.star-switch .star:before {
  content: "\e6a4";
  -webkit-transition: .4s;
  transition: .4s;
  cursor: pointer;
}
.star-switch .star:hover:before {
	color: #666;
}
.star-switch input:checked + .star:before {
	content: "\e66a";
  color: #e32031;
}
.range-slider {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.range-tip {
	margin-left: 10px;
}

.extension-types .item {
	display: block;
	margin-bottom: 30px;
	padding: 20px;
	color: #999;
	text-align: center;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.extension-types .item:hover {
	color: #333;
	background-color: #eee;
	border-color: #999;
}
.extension-types .item .count {
	display: block;
	margin-bottom: 10px;
	font-size: 30px;
}
.extension-types .item .text {
	display: block;
	font-size: 18px;
	line-height: 1.5;
}

span.editable {
	display: inline-block;
	padding: 3px 6px;
	border-bottom: 1px dashed #ccc;
	cursor: pointer;
}
span.editable.active {
	padding: 0;
	border-bottom-color: transparent;
}
span.editable-danger {
	color: #f44;
}
span.editable-warning {
	color: #ff976a;
}
span.editable input {
	min-width: 40px;
	padding: 2px 4px;
	color: #666;
}
span.editable input:focus {
	outline: none;
}

.well .icon-minus:hover, .nav-pills .icon-minus:hover, .nav-pills .icon-plus:hover {
	color: #e32031;
	cursor: pointer;
}

.multiple-selector {
	height: 180px;
	max-width: 800px;
	overflow: auto;
}
.multiple-selector > div {
	padding: 5px;
}
.multiple-selector > div:hover {
	background-color: #eee;
	border-radius: 5px;
}
.multiple-selector > div.checkbox {
	padding: 0;
}
.multiple-selector > div.checkbox label {
	display: block;
	padding: 5px;
}
.multiple-selector > div.checkbox input[type="checkbox"] {
	margin-left: 0;
}

.multiple-selector .icon-minus, .multiple-selector .icon-cross, .nav-pills .icon-minus, .nav-pills .icon-plus {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin: -2px 3px 0 0;
	color: #999;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	background-color: #fff;
	border-radius: 999px;
	vertical-align: middle;
}
.multiple-selector .icon-minus:hover, .multiple-selector .icon-cross:hover, .nav-pills .icon-minus:hover, .nav-pills .icon-plus:hover {
	color: #fff;
	background-color: #e32031;
	cursor: pointer;
}
.multiple-selector .item {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.multiple-selector .item .image {
	margin-right: 8px;
}
.multiple-selector .item .image img {
	width: 40px;
	height: 40px;
	border-radius: 5px;
}
.multiple-selector .item .name {
	flex: 1;
}
.multiple-selector .item .icon-cross {
	margin: 0 0 0 5px;
	width: 28px;
	height: 28px;
	font-size: 18px;
	line-height: 28px;
}

.sign-number-input {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.sign-number-input select {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.sign-number-input .help-block {
	margin-top: 0;
	margin-left: 8px;
}
.sign-number-input .multi-input-wrapper {
	margin-left: 8px;
}


.option-selector .icon {
	float: right;
	display: inline-block;
	height: 20px;
	width: 20px;
	color: #999;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	background-color: #fff;
	border-radius: 20px;
	vertical-align: middle;
}
.option-selector .icon:hover {
	color: #fff;
	background-color: #e32031;
}
.option-table th, .option-table td {
	min-width: 68px;
}
.option-table .column-id {
	min-width: 16px;
}
.option-table .column-image, .option-table .column-action {
	min-width: 38px;
}
.option-table .column-image img {
	height: 50px;
	width: 50px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.option-table .column-price, .option-table .column-numeric {
	min-width: 100px;
	width: 100px;
}
.option-table .column-numeric-prefix {
	min-width: 160px;
	width: 160px;
}
.multi-textarea-wrapper textarea {
	height: 74px;
}
.multi-textarea-wrapper .input-group-btn .btn {
	height: 74px;
}
.video-thumb {
  display: inline-block;
  max-width: 100%;
  height: 145px;
  width: 250px;
  padding: 4px;
  line-height: 1.42857143;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}
.video-thumb img, .video-thumb video {
	min-height: 100%;
	max-height: 100%;
	max-width: 100%;
}
.video-thumb ~ div {
	margin-top: 10px;
}

.inventory-list {
	margin-bottom: 25px;
}
.inventory-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.inventory-item:hover {
	background-color: #f5f5f5;
}
.inventory-item-option {
	flex-grow: 1;
}
.inventory-item-option .value-item {
	display: inline-block;
	margin-right: 10px;
	white-space: nowrap;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
}
.inventory-item-option .value-item .option-name {
	display: inline-block;
	padding: 5px 8px;
	color: #999;
	font-size: 14px;
	line-height: 26px;
	background-color: #f8f8f8;
	border-right: 1px solid #ddd;
}
.inventory-item-option .value-item .value-name {
	display: inline-block;
	padding: 5px 10px;
	color: #666;
	font-size: 16px;
	line-height: 26px;
}
.inventory-item-action,
.inventory-item-info > div {
	margin: 0 0 0 10px;
}
.inventory-item-info {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.inventory-item-info label {
	display: block;
	margin-right: 5px;
	white-space: nowrap;
}
.inventory-item-name input {
	width: 30rem;
}
.inventory-item-model input {
	width: 12rem;
}
.inventory-item-price input, .inventory-item-cost-price input {
	width: 10rem;
}
.inventory-item-quantity input {
	width: 8rem;
}
.inventory-list .column-text {
	min-width: 200px;
	width: 200px;
}
.inventory-list .column-price, .inventory-list .column-numeric {
	min-width: 100px;
	width: 100px;
}
.inventory-list .column-numeric-prefix {
	min-width: 160px;
	width: 160px;
}
.inventory-empty {
	padding: 5rem;
	color: #999;
	font-size: 18px;
	text-align: center;
	background-color: #f8f8f8;
	border: 3px dashed #ddd;
}
.inventory-form {
	padding: 15px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
}
.variations-form .form-group {
	margin: 0;
}

.variations-form .control-label {
	display: block;
	margin: 7px 15px 7px 0;
	color: #343434;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}
.variations-form.inline .control-label {
	display: inline-block;
}
.variations-form div.required .control-label:after {
 	display: none;
 }
.variations-form .has-error .control-label {
	color: #e32031;
}
.variations-form .control-content {
    display: inline-block;
	font-size: 14px;
    vertical-align: top;
}
.variations-form .control-content label {
	font-size: 14px;
}
.variations-form .form-control {
	height: 38px;
	font-size: 14px;
	line-height: 24px;
	border-radius: 2px;
}
.variations-form select.form-control {
	min-width: 12em;
}
.variations-form .btn {
	line-height: 24px;
	border-radius: 2px;
}
.variations-form textarea.form-control {
	height: auto;
}
.variations-form div.required .control-label:before {
	display: none;
}
.variations-form .input-group.date, .variations-form .input-group.time, .variations-form .input-group.datetime {
	width: 15em;
}
.variations-form .qty .control-label {
	margin: 14px 15px 14px 0;
}
.variations-form .radio, .variations-form .checkbox {
	display: inline-block;
	margin: 0 8px 8px 0;
}
.variations-form .radio label, .variations-form .checkbox label {
	position: relative;
	padding: 0;
}
.variations-form .radio .name, .variations-form .checkbox .name {
	display: inline-block;
	position: relative;
	min-width: 8rem;
	padding: 8px 15px;
	line-height: 22px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	overflow: hidden;
}
.variations-form .radio.has-image .name, .variations-form .checkbox.has-image .name {
	padding-left: 51px;
}
.variations-form .radio.has-image label img, .variations-form .checkbox.has-image label img {
	position: absolute;
	left: 0;
	top: 0;
	height: 38px;
	width: 38px;
	border-radius: 2px 0 0 2px;
}
.variations-form .radio input, .variations-form .checkbox input {
	position: absolute;
	opacity: 0;
}
.variations-form .radio label:hover .name, .variations-form .checkbox label:hover .name, .variations-form .radio input:checked + .name, .variations-form .checkbox input:checked + .name {
	color: #e32031;
	border-color: #e32031;
}
.variations-form .radio .additional, .variations-form .checkbox .additional {
	margin-left: 0.5em;
	font-size: 0.8em;
	opacity: 0.8;
}
.variations-form .radio input:checked + .name:before, .variations-form .checkbox input:checked + .name:before {
	border: 20px solid transparent;
	border-bottom-color: #e32031;
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
}
.variations-form .radio input:checked + .name:after, .variations-form .checkbox input:checked + .name:after {
	content: "\e62a";
	font-family: iconfont;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}
@media (max-width: 768px) {
	.inventory-item {
		display: block;
	}
	.inventory-item-action,
	.inventory-item-info > div {
		margin: 0 0 10px 0;
	}
	.inventory-item-info {
		flex-direction: column;
		align-items: normal;
	}
	.inventory-item-info input {
		width: 100%;
	}
}

.dashboard-panel .list-group-item {
	padding: 12px 20px;
	background-color: transparent;
}
.dashboard-panel .table td:first-child {
	padding-left: 20px;
}
.dashboard-panel .table td:last-child {
	padding-right: 20px;
}

.column-price-input, .column-price-input input {
	width: 120px;
}
.column-quantity-input, .column-quantity-input input, .column-sort-order-input, .column-sort-order-input input {
	width: 80px;
}

#product-picker-filter {
	margin-top: -15px;
	padding: 0 15px;
	background-color: #f8f8f8;
}
#product-picker-filter .form-group {
	margin-right: 10px;
	padding: 10px 0;
}
.none-tip {
	color: #999;
	font-size: 0.8em;
}

.item-card-list .item {
	display: block;
	margin-bottom: 30px;
	padding: 20px;
	color: #999;
	text-align: center;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.item-card-list .item:hover {
	color: #333;
	background-color: #eee;
	border-color: #999;
}
.item-card-list .item .count {
	display: block;
	margin-bottom: 10px;
	font-size: 30px;
}
.item-card-list .item .icon {
	display: block;
	margin-bottom: 10px;
	font-size: 30px;
}
.item-card-list .item .text {
	display: block;
	font-size: 18px;
	line-height: 1.5;
}

.dropdown-menu.autocomplete {
	max-height: 176px;
	overflow-y: auto;
}
.btn-open-next {
	height: 26px;
	width: 26px;
	margin-right: 5px;
	padding: 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	background-color: #ddd;
	border-width: 0;
	border-radius: 13px;
	outline: none;
}
.btn-open-next:hover {
	background-color: #999;
}
.card {
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.card-body {
	padding: 15px;
}
.card-header {
  padding: 10px 15px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.quick-select {
	position: relative;
}
.quick-select select {
	position: relative;
	z-index: 1;
	padding-right: 14px;
	background-color: transparent;
	border-width: 0;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.quick-select select::-ms-expand {
	display: none;
}
.quick-select:after {
	content: "\e62b";
	font-family: iconfont;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #999;
	font-size: 12px;
	line-height: 18px;
}
.quick-select.text-right select {
	direction: rtl;
}
.none {
	color: #ccc;
}
.user-picker, #modal-users .logs-wrapper {
	padding-top: 10px;
}
.user-picker .user {
	height: 50px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 25px;
}
.user-picker .user .cross {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 10px;
	color: #c8c8c8;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	background-color: #eee;
	border-radius: 20px;
}
.user-picker .user .avatar {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 10px;
	border-radius: 20px;
}
.user-picker .user .name {
	color: #333;
	font-size: 18px;
	line-height: 40px;
}
.user-picker .user .icon {
	float: right;
	width: 40px;
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
}
.user-picker .user.active {
	background-color: #eee;
}
.user-picker .user:hover {
	background-color: #07c160;
	cursor: pointer;
}
.user-picker .user:hover .name {
	color: #fff;
}
.quick-edit-wrapper {
	position: relative;
	padding-right: 36px;
}
.quick-edit-wrapper .form-control {
	display: inline-block;
}
.quick-edit-btn {
	position: absolute;
	top: 5px;
	right: 0;
	height: 26px;
	width: 26px;
	padding: 0;
	color: #999;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	background-color: #eee;
	border-width: 0;
	border-radius: 13px;
	outline: none;
}
.quick-edit-btn:hover {
	color: #fff;
	background-color: #666;
}
.quick-edit-btn:active, .quick-edit-btn:focus {
	background-color: #000;
}
.quick-option-value-wrapper {
	padding-right: 66px;
}
.quick-option-value-wrapper .quick-edit-btn {
	right: 32px;
}
.quick-option-value-wrapper .quick-add-btn {
	right: 0;
}
.images-box .image, .images-box .video {
	position: relative;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.images-box .image .btn-remove, .images-box .video .btn-remove {
	position: absolute;
	top: -6px;
	right: -6px;
	height: 30px;
	width: 30px;
	padding: 0;
	line-height: 20px;
	text-align: center;
	border-radius: 15px;
}
.images-box .video .video-icon {
	position: absolute;
	right: 10px;
	bottom: 10px;
	height: 30px;
	width: 30px;
	padding: 0;
	color: #fff;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
	border-radius: 15px;
}
.product-thumbnail .thumbnail {
	height: 50px;
	width: 50px;
}
.discount-rate.success {
	color: #22c55e;
	font-size: 1.2em;
}
.discount-rate.warning {
	color: #ff6f00;
	font-size: 1.4em;
}
.discount-rate.danger {
	color: #fc2d42;
	font-size: 1.6em;
}
.discount-rate, .discount-rate-value, .discount-rate-label {
	vertical-align: middle;
}
.payment-log {
	display: block;
}
.column-border-left {
	border-left: 1px solid #ddd;
}
.column-center {
	text-align: center;
}
.column-left {
	text-align: left;
}
.column-right {
	text-align: right;
}
.column-numeric .count {
	margin-left: 5px;
	padding: 0 5px;
	color: rgba(0,0,0,0.3);
	font-size: 12px;
	font-weight: 500;
	background-color: rgba(0,0,0,0.1);
	border-radius: 3px;
}
.table-list-heading {
	background-color: #f3f3f3;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table-list-detail {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table-list-detail .note {
	display: block;
	max-width: 160px;
	margin: 0 auto 10px;
	white-space: normal;
	word-break: break-all;
}
.go-to-page-box {
	display: inline-block;
	margin: 0 20px;
	vertical-align: middle;
}
.go-to-page-box .form-control {
	display: inline-block;
	width: 60px;
	padding: 6px;
	text-align: center;
}
.quick-go-box {
	position: relative;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}
.quick-go-box .form-control {
	height: 38px;
	width: 380px;
	padding: 9px 90px 9px 15px;
	border-radius: 999px;
	vertical-align: middle;
}
.quick-go-box select.form-control {
	padding: 6px 12px;
}
.quick-go-box .btn {
	position: absolute !important;
	top: 5px;
	right: 5px;
	height: 28px;
	padding: 5px 8px !important;
	font-size: 13px;
	line-height: 16px !important;
}
.extension-table .not-installed {
	color: #999;
	background-color: #f5f5f5;
}
.popup-box {
  position: relative;
  max-width: 800px;
  margin: 40px auto;
  text-align: left;
  background-color: #fff;
}
.popup-box img, .popup-box video {
	max-width: 100%;
	vertical-align: middle;
}
.refresh-progress {
  display: inline-block;
  height: 6px;
  width: 100px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 999px;
  vertical-align: middle;
  overflow: hidden;
}
.refresh-progress .bar {
  display: block;
  height: 100%;
  width: 0;
  background-color: rgba(0,0,0,0.3);
  border-radius: 999px;
  transition: width 10s;
}
.refresh-progress .bar.active {
  width: 100%;
}
.skeleton {
  display: flex;
  padding: 0 15px;
}
.skeleton--animate {
  animation: skeleton-blink 1.2s ease-in-out infinite;
}
.skeleton__row, .skeleton__title {
  height: 16px;
  background-color: #f2f3f5;
  border-radius: 3px;
}
.skeleton--large .skeleton__row, .skeleton--large .skeleton__title {
	height: 26px;
}
.skeleton__row:not(:first-child) {
  margin-top: 12px;
}
.skeleton__title + .skeleton__row {
  margin-top: 20px;
}
.skeleton__avatar {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  background-color: #f2f3f5;
}
.skeleton__avatar--round {
  border-radius: 999px;
}
.skeleton__content {
  width: 100%;
}
.skeleton__avatar + .skeleton__content {
  padding-top: 8px;
}
@keyframes skeleton-blink {
	50% {
		opacity: 0.6;
	}
}
.message-board, .empty-box, .loading-box {
	margin-bottom: 20px;
	padding: 60px 15px;
	text-align: center;
}
.message-board .title i, .empty-box i, .loading-box i {
	display: block;
	margin-bottom: 3rem;
	color: #ddd;
	font-size: 60px;
	opacity: 0.8;
}
.message-board .title .text {
	margin-top: 2em;
	margin-bottom: 2rem;
	color: #555;
	font-size: 2rem;
	line-height: 1.5;	
}
.message-board .message, .empty-box .text, .loading-box .text {
	display: block;
	margin: 0 auto;
	max-width: 600px;
	color: #666;
	font-size: 1.6rem;
	line-height: 1.5;
}
.message-board .action, .empty-box .action, .loading-box .action {
	margin-top: 3rem;
	text-align: center;
}
.message-board.small, .empty-box.small, .loading-box.small {
	padding: 5rem 1rem;
}
.message-board.small .title i, .empty-box.small i, .loading-box.small i {
	font-size: 5rem;
}
.message-board.small .message, .empty-box.small .text, .loading-box.small .text {
	margin-top: 1.5rem;
}

.extension-list .icon {
	height: 64px;
	width: 64px;
	margin-right: 12px;
	border-radius: 8px;
}
.extension-list .name {
	font-size: 18px;
}
.dropdown-menu.autocomplete > li > a, .dropdown-menu.autocomplete .dropdown-header {
	padding: 3px 15px;
}
.dropdown-menu.autocomplete.tree {
	max-height: none;
	overflow-y: initial;
}
.dropdown-menu.autocomplete .dropdown-toggle .arrow {
	float: right;
	line-height: 1.5;
}
.dropdown-menu.autocomplete .dropdown:hover > .dropdown-menu {
	display: block;
}
.dropdown-menu.autocomplete .dropdown-menu {
	top: -8px;
	left: 66%;
}
.dropdown-menu.autocomplete .dropdown-menu .dropdown-menu {
	left: auto;
	right: 100%;
}
.dropdown-menu.autocomplete .has-image {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.dropdown-menu.autocomplete .has-image .ac-info {
	flex: 1;
}
.dropdown-menu.autocomplete .ac-icon, .dropdown-menu.autocomplete .ac-avatar {
	height: 32px;
	width: 32px;
	margin-right: 8px;
	border-radius: 3px;
}
.dropdown-menu.autocomplete .ac-avatar {
	border-radius: 999px;
}
.dropdown-menu.autocomplete .ac-name, .dropdown-menu.autocomplete .ac-id {
	display: block;
}
.dropdown-menu.autocomplete .ac-id {
	font-size: 12px;
	opacity: 0.6;
}
.main-filter {
	margin-bottom: 25px;
	padding: 25px 0 10px 10px;
	background-color: #f8f8f8;
	border-radius: 4px;
}
.main-filter-total {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 -10px -10px;
	padding: 10px 15px;
	background-color: rgba(0,0,0,0.05);
	border-radius: 0 0 4px 4px;
}
.main-filter-total .item {
	margin-right: 10px;
}
.main-filter-items {
	display: flex;
	flex-wrap: wrap;
}
.main-filter-item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 0 24px 15px 0;
}
.main-filter-item.x1 {
	width: 410px;
}
.main-filter-item.x2 {
	width: 844px;
}
.main-filter-item.x3 {
	width: 1278px;
}
.main-filter-item.full {
	width: 100%;
}
.main-filter-item .item-name {
	width: 130px;
	margin-bottom: 0;
	padding: 7px 10px 7px;
	text-align: right;
}
.main-filter-item .item-option {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.main-filter-item .item-option > .btn {
	margin-right: 10px;
}
.main-filter-item .item-option .input-group {
	width: 100%;
}
.main-filter-item .item-option .input-group.inline {
	margin-right: 10px;
	width: 240px;
}
.main-filter-item .item-option .to {
	margin-right: 10px;
}
.main-filter-action {
	margin-bottom: 15px;
	padding-left: 130px;
}
.main-filter-action .btn {
	margin-right: 10px;
	padding: 6px 20px;
}
.main-filter-action .link {
	margin-right: 10px;
}
.custom-filter-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px;
}
.custom-filter-option {
	width: 12rem;
	margin-right: 10px;
}
.custom-filter-value {
	width: 20rem;
}
.color-input {
	padding: 0;
}
.form-group .help-block:last-child {
	margin-bottom: 0;
}
.product-label {
	display: inline-block;
	padding: 0 6px;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	border-radius: 5px;
	border: 1px solid #888;
	vertical-align: middle;
}
img.product-label {
	height: 18px;
	padding: 0;
	border-width: 0;
}

.form-horizontal .form-inline .form-group {
	margin-left: 0;
	margin-right: 0;
}
.form-horizontal .form-inline .control-label {
	padding-top: 0;
}

.load-form {
	margin-bottom: 15px;
	padding: 10px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.filter-tag {
	display: inline-block;
	height: 20px;
	margin: 2px 6px 2px 0;
	padding: 0 6px;
	color: #909399;
	font-size: 12px;
	line-height: 20px;
	background-color: #f0f2f5;
	border-radius: 4px;
	box-sizing: border-box;
}

.multi-currency-wrapper .input-group-addon {
	min-width: 40px;
}

.image-form fieldset {
	position: relative;
	min-height: 240px;
	padding: 20px 0 20px 220px;
}

.image-form fieldset:nth-child(2n) {
	background-color: #f5f5f5;
}
.image-form .image-wrapper {
	position: absolute;
	left: 0;
	top: 20px;
	height: 200px;
	width: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,0.05);
}
.image-form .image-wrapper .cover {
	position: relative;
	display: block;
	height: 200px;
	width: 200px;
}
.image-form .image-wrapper .cover img {
	height: 100%;
	width: 100%;
}
.image-form .options {
	flex: 1;
	position: relative;
}
.image-form .options .btn-remove {
	position: absolute;
	top: 0;
	right: 0;
}
.image-form .options .form-group {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5;
}
.image-form .options .form-group:last-of-type {
	border-bottom-width: 0;
}
.image-form .options .form-group label {
	min-width: 60px;
	margin: 0 10px 0 0;
	padding-top: 0;
	vertical-align: middle;
}
.image-form .options .form-group .option {
	flex: 1;
}
.image-form-action {
	text-align: right;
}
.popover-content .btn {
	margin: 3px;
}
.popover-content .input-group-btn .btn {
	margin: 0 0 0 -1px;
	padding: 6px 12px;
	line-height: 1.42857143;
}
.draggable-table tbody tr {
	transition: all 0.3s;
}
.draggable-table tbody tr.dragging {
	border-radius: 8px;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2);
	transform: translate(-6px, -6px);
}
.hidden-action {
	display: none;
}
.show-hidden-action .hidden-action {
	display: block;
}
.responsive-disabled {
	overflow-x: visible;
}
 @media screen and (max-width: 767px) {
	.table-responsive {
		overflow-y: auto;
	}
}
.avatar-list {
	display: flex;
}
.avatar-list .item {
	display: inline-block;
	margin-right: 5px;
}
.avatar-list .item img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
}
.avatar-list.compact .item {
	margin-right: -5px;
}
.avatar-list.small .item img {
	width: 30px;
	height: 30px;
}
.avatar-list.bordered .item img {
	border: 2px solid #fff;
}

.horizontal-scrollable-tabs {
	min-height: 50px;
	padding: 0 12px;
}

.horizontal-scrollable-tabs .arrow-right {
	float: right;
	margin-right: -5px;
}
.horizontal-scrollable-tabs .arrow-left {
	float: left;
	margin-left: -5px;
}
.horizontal-scrollable-tabs .scroller {
	font-size: 24px;
	color: #333;
	padding: 10px 10px; 
	display: none;
}
.horizontal-scrollable-tabs .scroller:hover {
	color: #2563eb;
	cursor: pointer;
}
.horizontal-scrollable-tabs .scroller.disabled {
	color: #999;
}
.horizontal-scrollable-tabs .nav-tabs-horizontal {
	margin: 0;
	padding: 0;
	border-bottom-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	display: -webkit-box;
	display: -moz-box;
}
.horizontal-scrollable-tabs .nav-tabs-horizontal::-webkit-scrollbar {
	width: 0 !important;
}
.nav-tabs-horizontal > li {
	float: none;
	min-width: 50px;
	margin: 0;
	padding: 10px 0;
	scroll-snap-align: end;
	scroll-snap-stop: normal;
	text-align: center;
	background-color: transparent;
	border-width: 0;
}
.nav-tabs-horizontal > li:first-child {
	border-left-width: 0;
}
.nav-tabs-horizontal > li.active {
	padding: 10px 0;
	background-color: transparent;
}
.nav-tabs-horizontal > li > a {
	position: relative;
	margin-right: 2px;
	padding: 8px 14px;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid transparent;
}
.nav-tabs-horizontal > li > a::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -30px;
	width: 60px;
	height: 2px;
	background-color: transparent;
	border-radius: 999px;
}
.nav-tabs-horizontal > li > a:focus, .nav-tabs-horizontal > li > a:hover {
	background-color: transparent;
	border-bottom-color: transparent;
}
.nav-tabs-horizontal > li > a:focus::after, .nav-tabs-horizontal > li > a:hover::after {
	background-color: #ddd;
}
.nav-tabs-horizontal > li.active > a, .nav-tabs-horizontal > li.active > a:focus, .nav-tabs-horizontal > li.active > a:hover {
	color: #2563eb;
	border-bottom-width: 1px;
	border-bottom-color: transparent;
}
.nav-tabs-horizontal > li.active > a::after, .nav-tabs-horizontal > li.active > a:focus::after, .nav-tabs-horizontal > li.active > a:hover::after {
	background-color: #2563eb;
}
.data-board .item {
	margin-bottom: 20px;
}
.data-board .item .title {
	font-size: 15px;
	font-weight: 500;
}
.data-board .item .description {
	margin-top: 5px;
}
.data-board .item.last {
	margin-bottom: 0;
}
.dropzone {
	background-color: #fff;
	border: 1px dashed #93c5fd;
	border-radius: 6px;
}
.dropzone .dz-message {
	margin-top: 45px;
	color: #2563eb;
}

input[type=text] ~ .multiple-selector {
	margin-top: 8px;
}

.product-card {
	display: flex;
	flex-direction: row;
}
.product-card .image-wrapper {
	width: 180px;
}
.product-card .info-wrapper {
	flex: 1;
	padding-left: 20px;
}
.product-card .options {
	margin-top: 20px;
}

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog,
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  max-width: 100%;
  height: 100%;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
	display: flex;
	flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
	flex: 1;
  padding: 72px 15px 80px;
}

.modal.modal-left.fade .modal-dialog {
  left: -500px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.modal-left.fade.show .modal-dialog, .modal.modal-left.fade.in .modal-dialog {
  left: 0;
}

.modal.modal-right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modal-right.fade.show .modal-dialog, .modal.modal-right.fade.in .modal-dialog {
  right: 0;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content,
.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content,
.modal.modal-full .modal-content {
  border-radius: 0;
  border: none;
}

.modal.modal-left .modal-dialog.modal-sm,
.modal.modal-right .modal-dialog.modal-sm {
  width: 300px;
}

.modal.modal-left .modal-dialog.modal-lg,
.modal.modal-right .modal-dialog.modal-lg {
  width: 800px;
}

.modal.modal-left .modal-dialog.modal-xl,
.modal.modal-right .modal-dialog.modal-xl {
  width: 1140px;
}

.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content {
  height: auto;
  overflow-y: auto;
}

.modal.modal-top .modal-body,
.modal.modal-bottom .modal-body {
  padding: 15px 15px;
}

.modal.modal-top.fade .modal-dialog {
  top: -100%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.modal-top.fade.show .modal-dialog, .modal.modal-top.fade.in .modal-dialog {
  top: 0;
}

.modal.modal-bottom.fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.modal-bottom.fade.show .modal-dialog, .modal.modal-bottom.fade.in .modal-dialog {
  bottom: 0;
}

.modal.modal-bottom.fade .modal-dialog {
  bottom: -100%;
}

.modal.modal-full .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.modal.modal-full .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.modal-full .close-modal {
  position: fixed;
  top: 0;
  right: 3rem;
}

.modal-header.fixed {
  position: fixed;
  z-index: 9;
  top: 0;
  width: 100%;
  background: #fff;
}
.modal-footer.fixed {
  position: fixed;
  z-index: 9;
  bottom: 0;
  width: 100%;
  background: #fff;
}

.modal.modal-left.xs .modal-body,
.modal.modal-right.xs .modal-body {
  padding: 15px;
}

.multi-group-visible {
	display: none;
}
.has-multi-group .multi-group-visible {
	display: block;
}
.input-group-btn:first-child:last-child > .btn, .input-group-btn:first-child:last-child > .btn-group {
	border-radius: 4px;
	margin: 0;
}