html{
	scrollbar-width: thin;
}
body{
	overflow: auto !important;
	font-size: 0.93em;
}
a{
	color:#45B0B4;
}
a:hover{
	color:#47D0D5;
}

.form-wrap{
	background-color: transparent;
	height: max-content;
	background-size: cover;
	/* border: 1px solid #e2dfdf; */
}
.form-attributes{
	display: flex;
    flex-wrap: wrap;
}

.form-wrap .control-item{
	border:1px solid transparent;
	padding: 8px 38px;
	position: relative;
}
.form-wrap .control-item:hover, .info-box-wrap:hover{
	border: 1px dashed transparent;
	border-color: orange;
}
.form-wrap .control-item.clicked, .info-box-wrap.clicked{
	border: 1px dashed transparent;
	border-color: #f00;
}
.form-wrap .control-item input[type="text"],.form-wrap .control-item select, .form-wrap .control-item textarea, .form-wrap .input-group-custom{
	width: 100%;
	cursor: default;
}
.form-wrap .control-item input, .form-wrap .control-item select, .form-wrap .control-item textarea{
	
}
.rich-text-content p, .form-header-description p{
	margin-top: 0;
	margin-bottom: 0;
}
.form-wrap .req-mark{
	margin-left: 6px;
	color: crimson;
	font-weight: 500;
}
.form-wrap label{
	font-weight: 400 !important;
	margin-bottom: 0.3em;
}
.form-wrap label.dec{
	font-weight: 200;
	display: block;
	font-size: 0.8em;
	color: #838383;
}
.form-wrap .form-control:not(textarea){
	height: calc(1.8rem + 7px);
}
.form-wrap select.form-control{
	/* height: calc(2rem + 2px); */
	height: auto;
}
.form-wrap .form-header{
	/* background-color: rgb(59, 103, 160); */
	min-height: 33px;
	height: auto;
	padding: 15px 20px;
	color: #1b1b1b;
	text-align: center;
	font-size: 1.2rem;
	cursor: default;
	font-weight: 600;
	position: relative;
}
.form-wrap .form-header-description{
	font-size: 14px;
	color: rgb(255, 255, 255);
	text-align: center;
	line-height: 1.4;
	margin-top: 10px;
	word-break: break-word;
	    word-wrap: break-word;
	    white-space: pre-wrap;
		font-weight: 400;
}
.form-wrap .form-submit{
	 margin-top: 1.8rem;
	 margin-bottom: 2rem;
}
.form-wrap .btn-submit {
    width: 8.5em;
    padding: 0.5em;
    margin: 0 auto;
    background-color: rgb(55, 97, 149);
	border: none;
}
.myscroll{
	scrollbar-width: thin;
	scrollbar-color: #c3c3c3 #ededed;
}
.myscroll::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
	
}
.myscroll::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius   : 10px;
	background-color: #c5c5c5;
	/* background-image: -webkit-linear-gradient(
	  45deg,
	  rgba(255, 255, 255, 0.2) 25%,
	  transparent 25%,
	  transparent 50%,
	  rgba(255, 255, 255, 0.2) 50%,
	  rgba(255, 255, 255, 0.2) 75%,
	  transparent 75%,
	  transparent
	); */
}
.myscroll::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
	background   : transparent;
	/* border-radius: 5px; */
}
.myscroll2{
	scrollbar-width: thin;
	scrollbar-color: #c3c3c3 #ededed;
}
.myscroll2::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
	
}
.myscroll2::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius   : 10px;
background-color: #e5e5e5;

}
.myscroll2::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
	background   : transparent;
	/* border-radius: 5px; */
}
.myscroll3{
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
}
.myscroll3::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
	
}
.myscroll3::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius   : 2px;
	background-color: #e7e7e7;
}
.myscroll3::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
	background   : transparent;
	/* border-radius: 5px; */
}
.myscroll4{
	scrollbar-width: thin;
	scrollbar-color: #c3c3c3 #ededed;
}
.myscroll4::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
	
}
.myscroll4::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/width : 6px;
border-radius   : 10px;
background-color: #e5e5e5;

}
.myscroll4::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
	background   : transparent;
	border-radius: 5px;
}
.myscroll4::-webkit-scrollbar-corner{
	border-radius: 5px;
}
.table{
	border-collapse: collapse;
	font-size: 0.93em;
}
.table thead th{
	background-color: #272934 !important;
	color: #FFFFFF !important;;
}
.table tbody td{
	vertical-align: middle;
	padding: 0;
}
.table tbody tr{
	border: 1px solid #dee2e6 !important;
	height: 45px;
} 
.table tbody tr:hover{
	background-color: #f9f9f9;
} 

.table .btn-outline-secondary{
	border-color: #ddd;
	margin-top: 0;
	width: auto;
	padding: 5px 8px;
}
.table .btn-outline-danger{
	margin-top: 0;
	width: auto;
	padding: 5px 8px;
	color:inherit;
}
.table .btn-outline-secondary:hover{
	   background-color: #FFFFFF;
	   color:inherit;
	   border-color: #71b5d0;
}
.table .btn-outline-danger:hover{
	   background-color: #FFFFFF;
	   color: #c72f3e;
	   border-color: #c72f3e;
}
.table .btn-group, .table .btn{
	    display: inline-flex;
}
.table .center{
	text-align: center;
}
.table .index-txt{
	text-align: center;
	width: 8%;
}
.table .secondary-txt.readed, .table .index-txt.readed{
	color: #aaa;
}
.table span.enabled{
	color: #55C677;
}
.table span.stoped{
	color:#de6749;
}
.table .select{
	width: 5%;
	color: #efefef;
}
.table .small-op{
	width: 5%;
	color: #efefef;
}
.table .small-op .btn-handle {
	cursor: pointer;
}
.table .small-op .btn-handle.handled {
	color:#52b266;
}
.table .btn-detail{
	
}
.table .btn-detail.show{
	display: block;
}
.unimpressive{
	color: #aaa;
	font-size: small;
}
input[type="text"].error, input[type="date"].error, select.error, textarea.error,.select2-container.error{
	border: 1px solid #da2824;
}
label.error{
	color:#da2824;
	margin-left: 10px;
}
label.valid{
	display: none !important;
}
.stoped-img{
	padding: 10px 0;
	text-align: center;
}
.stoped-text{
	padding: 10px 0;
	text-align: center;
	margin-bottom: 20px;
	line-height: 25px;
	font-size: 1.5em;
}
.success-wrap{
	text-align: center;
	padding: 10px 0;
}
.success-msg{
	text-align: center;
	padding: 10px 0;
}
.success-msg .success-title{
	margin-bottom: 20px;
	line-height: 25px;
	font-size: 1.5rem;
	margin-top: 25px;
}
.success-msg .success-subtitle{
	line-height: 20px;
	color: #666666;
	margin-bottom: 20px;
}
.input-group-custom label.error{
	display: block;
	position: absolute;
	left: 48px;
	top: 33px;
}
.form-wrap .datetimepicker-input{
	cursor: pointer !important;
}
.radio-options{
	padding-bottom: 15px;
}

.control-item .title, .control-item .dec{
	margin-left: -15px;
	display: inline-block;
}
.control-item .title{
	margin-bottom: 0;
}
.rich-text-content{
	margin-left: -15px;
}
.note-editor.note-frame {
    border: 1px solid #e8e6e6 !important;
}


.static-img{
	/* background-color: #ece9e9; */
	width: 100%;
	text-align: center;
	min-height: 100px;
	font-size: 4em;
	color: darkgray;
	/* background-image: url(/assets/images/image.png); */
	background-position: center;
	background-repeat: no-repeat;
}
.static-img img{
	max-width: 100%;
	height: auto;
}
.simg .cb-label{
	color: #888686;
}
.img-caption{
	text-align: center;
	margin-bottom: 6px;
	margin-top: 3px;
	width: 95%;
}
.custom-radio-image{
	float: left;
	width: 32%;
	padding: 5px;
	text-align: center;
	margin-right: 5px;
	word-break: break-word;
	word-wrap: break-word;
	margin-bottom: 5px;
	min-height: 40px;
}
@media screen and (max-width: 768px) {
    .custom-radio-image{
		width: 100% !important;
	}
	.custom-checkbox-image{
		width: 100% !important;
	}
	.ctrl-img-radio,.ctrl-img-checkbox{
		flex-wrap: wrap !important;;
	}
	.ctrl-img-radio .option-select{
		width: 98% !important;
	}
	.ctrl-img-checkbox .option-select{
		width: 98% !important;
	}
}
.custom-radio-image img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: table-cell;
	text-align: center;
	margin: 0 auto;
}
.custom-radio-image .custom-control-label{
	text-align: left;
	cursor: pointer;
}
.custom-radio-image .option-image{
	height: 80%;
}
.custom-radio-image .option-select{
	position: absolute;
	text-align: center;
	bottom: 0px;
	width: 100%;
	min-height: 28px;
}
.ctrl-img-radio{
	min-height: 40px;
}
.ctrl-img-radio .option-select{
	background-color: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	padding-left: 6px;
	width: 96%;
}
.ctrl-img-checkbox{
	min-height: 40px;
}
.custom-checkbox-image{
	float: left;
	width: 32%;
	padding: 5px;
	text-align: center;
	margin-right: 5px;
	word-break: break-word;
	word-wrap: break-word;
	margin-bottom: 5px;
	min-height: 40px;
}
.custom-checkbox-image img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: table-cell;
	text-align: center;
	margin: 0 auto;
}
.custom-checkbox-image .custom-control-label{
	text-align: left;
	cursor: pointer;
}
.custom-checkbox-image .option-image{
	height: 80%;
}
.custom-checkbox-image .option-select{
	position: absolute;
	text-align: center;
	bottom: 0px;
	width: 100%;
	min-height: 28px;
}
.ctrl-img-checkbox .option-select{
	background-color: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	padding-left: 6px;
	width: 96%;
}
.br{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	margin-left:-15px;
	margin-right:-15px;
	border-top-width: 4px;
	border-style: double;
	
}
.control-item.section-br:hover{
	background-color: transparent !important;
}
.file-upload-wrap{
	width: 50%;
}
.rating-ctrl{
	margin-top: 5px;
}
.my-error{
	color: red;
	margin-top:5px;
	display: none;
}
.upload-msg{
	color: green;
}
.btn.disabled, .btn:disabled {
    cursor: default !important;
}
.custom-option-flex{
	display: flex;
	flex-wrap: wrap;
}
.custom-option-horizontally{
	margin-right: 5px;
	word-break: break-word;
	word-wrap: break-word;
	min-height: 35px;
	width: 24%;
}
.form-qrcode{
	position: absolute;
	top:0px;
	right:-35px;
}
.vm{
	position: absolute;
    top: 28px;
    right: 48px;
    background-color: #f4f0f0;
    display: none;
    z-index: 1000000000;
    padding: 8px;
}
.form-qrcode:hover .vm{display:block}
.customer-pages{
	display: none;
	color:#7a8c90;
}
.attribute-disabled{
	cursor: default;
	opacity: 0.6;
}
.attribute-disabled input,.attribute-disabled select,.attribute-disabled a,.attribute-disabled label{
	pointer-events: none;
}
.attribute-disabled:hover{
	border: solid 1px orange !important;
}
.attribute-disabled img {
     -webkit-filter: grayscale(100%);
     -webkit-filter: grayscale(1);
     filter: grayscale(100%);
     filter: gray;
}
.disabled-event{
	pointer-events: none;
}
.tip-upgrade-features{
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	color: white;
	font-weight: bold;
	background-color: #e16c32;
	padding: 5px;
	border-bottom-left-radius: 8px;
}

label.label-bold{
	font-weight: 600 !important;
}
.spacer{
	height: 20px;
	color:#e7e7e7;
}
.input-group-text{
	color:inherit;
}
.rating-ctrl{
	min-width: 155px !important;
}
.rich-text-content span{
	white-space:inherit !important;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}
.str-static-img{
	padding: 0px !important;
}
.products-list-wrap{
	display: flex;
}
.products-list-wrap .str-product-item{
	width: 24%;
	margin: 5px;
}
.products-list-wrap .str-product-item img{
	width: 100%;
}
.products-list-wrap .str-product-item .str-product-title{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	margin-top: 5px;
}
.copy-success{
	font-size: 14px;
	color: green;
}

.product-selects .product-image{
	width: 25px;
	height: 25px;
	float: left;
	border: none;
	margin-left: 8px;
	/* background-image: url(/assets/images/nopic.png); */
}

.wholesale-table-wrap{
	overflow-y: auto;
}
#wholesale-selector-table .product-img {
    width: 80px;
}

#wholesale-selector-table tr td {
    padding: 10px;
}
#wholesale-selector-table .product-select {
    width: 80px;
}
#wholesale-selector-table .product-img{
	width: 60px;
}

.product-variants{
	
}
.wholesale-selector-table .product-item{
	border-top: 1px solid #e5e5e5;
}
.product-variants:last-child{
	border-bottom: none;
}
#wholesale-selector-table .product-item{
	cursor: pointer;
}
.variant-select-check{
	margin-right: 10px;
}
.variant-title{
	margin-right: 10px;
	min-width: 250px;
}
.wholesale-list-wrap a{
	color: inherit;
}
.wholesale-list-wrap a:hover{
	opacity: 0.8;
}
.product-variants-list{
	color: #6d6d6d;
}
.wholesale-setting-select{
	padding: 15px !important;
}
.product-title-label{
	width: 85%;
	cursor:pointer;
	font-weight: bold !important;
}
.product-item[has-only-default-variant="true"] .product-title-label{
	cursor:default;
}
.col-xs-11{
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.validate-error{
	border: 1px dotted red;
}
.form-wrap .wholesale-list-wrap .btn-tool{
	color: #adb5bd;
}
.form-wrap .wholesale-list-wrap .btn-tool:hover{
	color: #adb5bd;
}
.form-wrap .wholesale-list-wrap .card-header{
	padding: .45rem 1.25rem;
}
.form-wrap .wholesale-list-wrap .card-title{
	width: 90%;
}
.form-wrap .wholesale-list-wrap h3{
	line-height: inherit !important;
}
.form-wrap .control-item.str-wholesale-wrap{
	padding: 12px 25px;
}
.form-wrap .wholesale-list-wrap .variant-line{
	padding-left: 25px;
}
.form-wrap .wholesale-list-wrap .product-image{
	width: 60px;
	margin-right: 15px;
}
.form-wrap .wholesale-list-wrap .product-discounts{
	margin-bottom: 15px;
	display: flex;
	border-bottom: 1px solid #ece9e9;
	padding-bottom: 15px;
}
.form-wrap .wholesale-list-wrap .product-image-wrap{
	float: left;
}
.form-wrap .wholesale-list-wrap .product-title{
	
}
.form-wrap .wholesale-list-wrap .discount-desc-item{
	width: 33.3%;
	text-align: center;
}
.form-wrap .wholesale-list-wrap .product-select-check{
	float: left;
	margin-right: 10px;
	padding-top: 20px;
	cursor: pointer;
}
.form-wrap .variant-line .variant-title-header{
	margin-left: 23px;
	margin-right: 10px;
	min-width: 250px;
	color: #bab3b3;
}
.form-wrap .variant-line .variant-quantity-header{
	margin-left: 23px;
	margin-right: 10px;
	min-width: 100px;
	color: #bab3b3;
}
.form-wrap .variant-line .variant-price-header{
	color: #bab3b3;
}
.form-wrap .variant-line-header{
	margin-bottom: 5px;
}
.form-wrap .product-variants-table{
	width: 100%;
	margin-left: 10px;
}
.form-wrap .product-variants-table label{
	margin-bottom: 0px;
	color: #717171;
}
.form-wrap .product-variants-table th{
	font-weight: normal;
	color: #bab3b3;
	padding-bottom: 12px;
}
.product-variants-table th{
	font-weight: normal;
	color: #bab3b3;
	padding-bottom: 12px;
}
.form-wrap .product-variants-table .variant-title-header{
	width: 60%;
}
.form-wrap .product-variants-table .variant-title{
	min-width: auto;
}
.form-wrap .product-variants-table .variant-quantity{
	width: 70px;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	text-align: center;
}
.form-wrap .product-variants-table td{
	padding: 5px;
}
.form-wrap .product-variants-table .variant-select-check-td{
	width: 30px;
}
.form-wrap .product-variants-table .variant-select-check-td input{
	cursor: pointer;
}
.form-wrap .wholesale-list-wrap .discount-pieces{
	color: #9d9d9d;
}
.form-wrap .wholesale-list-wrap .discount-value{
	font-weight: bold;
	color: orange;
}
.wholesale-total-wrap{
	text-align: right;
	margin-top: 35px;
}
.wholesale-total-wrap .txt-tax-ship{
	color: #878787;
	font-size: 0.9em;
}
.wholesale-total-wrap .subtotal{
	font-weight: bold;
	font-size: 1.2em;
}
.wholesale-dec, .wholesale-phone-dec{
	display: block;
	font-size: 0.8em;
	color: #838383;
}
.wholesale-customer-wrap{
	margin-top: 35px;
}
.wholesale-shippingaddress-wrap{
	margin-top: 35px;
}
.wholesale-customer-wrap input{
	height: auto !important;
}
.wholesale-shippingaddress-wrap input[type="text"],.wholesale-shippingaddress-wrap select,.wholesale-billingaddress-wrap input[type="text"],.wholesale-billingaddress-wrap select{
	width: 100% !important;
}
.wholesale-shippingaddress-wrap .row{
	margin-bottom: 5px;
}
.wholesale-shippingaddress-wrap label, .wholesale-billingaddress-wrap label{
	color: #828282;
	margin-top: 15px;

}
.discount-desc-item.active{
	color: orange;
}
.discount-desc-item.active .discount-pieces{
	color: #e91e63;
	font-weight: bold;
}
.discount-desc-item.active .discount-value{
	color: #e91e63;
	font-weight: bold;
}
.product-variants-table .original-price.disabled label{
	color: #bab3b3;
	text-decoration:line-through;
}
.product-variants-table .variant-amount{
	color: orange;
}
.wholesale-total-wrap .subtotal-amount{
	color: orange;
}
.select2-container .select2-selection--multiple{
	min-height: 36px !important;
}
.original-price,.discount-price,.variant-amount-wrap{
	white-space:nowrap;
	margin:0px 2px ;
}
@media screen and (max-width: 415px) {
	.form-wrap .control-item{
		width:100% !important;
	}
}
.control-item .custom-checkbox label, .attribute-item .custom-checkbox label{
	opacity: 0.85;
}
.control-item .custom-radio label, .attribute-item .custom-radio label{
	opacity: 0.85;
}
.btn.error,.select-position.error{
	border: 1px solid red !important;
}
.btn-light-secondary{
	background-color: #8eadcc;
    border-color: #8eadcc;
}
.tip-for-upgrade{margin-bottom: 15px !important;}
.tip-for-upgrade a{
	color: #ffffff;
	background-color: #e16c32;
	padding: 3px;
	border-radius: 4px;
}
.submit-attributes .original-price{
	font-size: 11px;
	text-decoration:line-through;
}

.toast-warning{opacity: 1 !important; color: #000000 !important;}
.fa, .fas{opacity: 0.7;}

/* @media (min-width: 1500px){
	#form-wrapper.col-lg-9 {
		-ms-flex: 0 0 60% !;
		flex: 0 0 60%;
		max-width: 60%;
	}
} */
.compare-at-price{
	color: #afadad;
	text-decoration: line-through;
	font-size: small;
	margin-left:5px;
}
.wholesale-billingaddress-wrap {
    margin-top: 35px;
}
.same-as-shipping-select{
	padding: 10px;
	width: 100%;
}
.billing-subtitle{
	font-size: small;
	margin-bottom: 5px;
}
.btn-loading .btn__icon {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 0px solid #319bef;
    border-radius: 50%;
    display: inline-block;
    position: relative;
	background-color: transparent;
}

.btn-loading .btn__icon:after {
	content: '';
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    animation: rotation infinite linear 0.5s;
    transition: none;
    border-top: 2px solid transparent;
    border-left: 2px solid #fff;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    z-index: 0;
	position: absolute;
}
.btn-loading .btn__text{margin-left: 20px;}
.btn-loading i{display: none;}
@keyframes rotation {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}
@media screen and ( max-width: 512px ) {
	.custom-option-flex{
		display: initial !important;
	}
	.custom-option-horizontally {
	    width: 100% !important;
	}
}
.dropdown-fontname{overflow: auto;height: 500px;}
.intro-tooltip{font-weight: bold;}
.form-body.card{
	box-shadow:none;
}
.recaptcha-wrap{
	margin: 15px auto;
	width: 300px;
	height: 78px;
}
.recaptcha-wrap.position-left{
	margin: 15px;
}
.recaptcha-wrap.position-center{
	margin: 15px auto;
}
.recaptcha-wrap.position-right{
	margin: 15px 20px 15px auto;
}
.form-wrap input, .form-wrap textarea, .form-wrap select {
    background-color: transparent;
}
.form-wrap input:focus, .form-wrap textarea:focus, .form-wrap select:focus{
	background-color: transparent;
}
.form-wrap .input-group .input-group-text{
	background-color:transparent;
}
.str-phone-wrap .country-code{
	height: calc(1.8rem + 7px) !important;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.str-phone-wrap .country-code{
	padding-top:calc(2.5% + 1px);
}
.address-wrap{
	margin-top: 15px;
}
.address-wrap .row{
	margin-bottom: 12px;
	align-items: end;
}
.str-address-wrap .req-mark{
	display: initial !important;
}
.ul-articles{
	margin-left:-25px;
}
.widget-subtitle{
	cursor: default;
	line-height: 30px;
	text-align: center;
	color: #aaa;
	margin-bottom:5px;
	font-size: 90%;
}
.contact-control{
	color:#00821b;
}
.image-upload-tip{font-size: 80%; color:#888686; margin-bottom: 10px !important;}

.form-steps-opertion{
	padding: 12px 25px;
	width: 100%;
	height: 60px;
}
@media screen and (max-width: 768px) {
	.form-steps-opertion{
		padding: 12px 10px;
		width: 100%;
		height: 120px;
	}
}
.step-button-pre{
	float: left;
}
.step-button-pre i{
	margin-right:5px;
}
.step-button-next{
	float: right;
}
.step-button-next i{
	margin-left:5px;
}
.form-steps-guide{
	display: flex;
	justify-content:center; 
	text-align: center;
	padding: 15px;
	padding-bottom: 0px;
	border-bottom: solid 1px #e2e2e2;
	margin-bottom: 8px;
	background-color: #F3F6FB;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.form-steps-guide{
		flex-wrap: wrap;
	}
	.form-steps-guide .form-step-item{
		padding: 1px 0;
	}
}
.form-steps-guide .form-step-item{
	width: 25%;
	padding: 16px 0;
	cursor: pointer;
}
.form-steps-guide .form-step-item .step-sign-num{
	border-radius: 16px;
	background-color: orange;
	color: #FFFFFF;
	width: 45px;
	padding: 8px 15px;
	margin: 0 auto;
	font-weight: bold;
	word-wrap: normal;
	text-align: center;
}
.form-steps-guide .step-sign{
	display: flex;
	align-items:center;
}
.form-steps-guide .form-step-item .step-sign-line{
	background-color: orange;
	height: 8px;
	width: 100%;
}
.form-steps-guide .form-step-item.done .step-sign-num{
	background-color: #93CF5D;
}
.form-steps-guide .form-step-item.done .step-sign-line{
	background-color: #93CF5D;
}
.form-steps-guide .form-step-item.done .step-name,.form-steps-guide .form-step-item.done .step-description{
	color: #93CF5D !important;
}
.form-steps-guide .form-step-item.current .step-sign-num{
	background-color: #17A2B8;
}
.form-steps-guide .form-step-item.current .step-sign-line{
	background-color: #17A2B8;
}
.form-steps-guide .form-step-item.current .step-name,.form-steps-guide .form-step-item.current .step-description{
	color: #17A2B8;
}
.form-steps-guide .form-step-item.undone .step-sign-num{
	background-color: #dddad6;
}
.form-steps-guide .form-step-item.undone .step-sign-line{
	background-color: #dddad6;
}
.form-steps-guide .form-step-item:first-child .step-sign-line:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.form-steps-guide .form-step-item:last-child .step-sign-line:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.form-steps-guide .step-text{
	text-align: center;
	margin-top: 10px;
	padding: 5px;
}
.form-steps-guide .step-text .step-name{
	font-size: 100%;
	color: #33383D;
}
.form-steps-guide .step-text .step-description{
	font-size: 90%;
	color: #686767;
}
.form-current-step-info{
	padding:0 15px;
	font-size: 120%;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.form-current-step-info .current-step-num{
	color: #939292;
	font-size: 90%;
}
.form-attributes.form-step-body{
	background-color: #F3F6FB;
	margin: 10px;
	border-radius: 6px;
	border: solid 1px #e2e2e2;
}
.space-top{
	margin-top: 10px;
}
.left-radius{
	border-top-left-radius: 0.25rem ;
    border-bottom-left-radius: 0.25rem ;
}
.input-group-prepend:not(:first-child) select{
	border-radius: 0 !important;
	border-radius: 0 !important;
}
.space-top-20 {
    margin-top: 20px;
}
.width-100{
	width: 100% !important;
}
.info-box-wrap{
	padding: 23px 18px;
	display: none;
	overflow-y: auto;
}
.info-box-content{
	word-break: break-word;
}
.info-box-wrap .social-content-wrap{
	display: flex;
	flex-wrap: wrap;
}
.info-box-wrap .social-item{
	padding: 5px;
	display: block;
}
.info-box-header i{
	margin-right:5px;
}
.info-box-section{
	cursor: default;
}
.control-item.spacer-wrap{
	padding:0 !important;
}
.control-item .title + p{
	display: inline-block;
}
.wholesale-product-item{
	border: 1px solid #dfdada;
	border-radius: 8px;
	box-shadow:none;
}
.note-dropdown-menu{
	height: 500px;
	overflow-y: scroll;
}

.address-wrap .row{
	flex-wrap:wrap!important;
}
.billing-subtitle{
	color: #838383;
}
.payment-email-template-wrap{
	margin-top: 15px;
}
.upload-msg .delete-file{
	margin-left: 10px;
	cursor: pointer;
}
.uploaded-file-item{
	margin: 2px 0;
}
[class*=sidebar-dark-] {
    background-color: #1F2129;
}
.elevation-2 {
    box-shadow: 0 0px 13px rgba(255,255,108,.8),0 0px 13px rgba(255,255,108,0.23)!important;
}
.brand-text{
	font-size: 1.2rem;
	color: #FFE16C;
	margin-left: 8px !important;
}
.user-panel{
	font-size: 0.85em;
}
.user-panel .info{
	padding: 5px 5px 0px 9px;
	margin-left: -8px !important;
}
.btn-success{
	background-color:#55C677;
	border-color: #55C677;
}
.form-preview{
	text-align: center;
}
.current-plan-a{
	color:white !important;
}
.logo-image-text{
	display: flex !important;
	align-items: center;
}
.logo-image-text img{
	margin-right:5px;
}
.card-outline{
	border-top: 3px solid #886ef3 !important;
}
.card-outline .btn-tool{
	color:#C5BDBD !important;
}
.custom-control-input:checked~.custom-control-label::before{
	border-color: #55C677;
	background-color: #55C677;
}
.card-title {
    font-weight: bold;
}
.btn-secondary {
    background-color: #b3a4f1;
    border-color: #b3a4f1;
}
.tr-feature td:not(:first-child) {
    color: #9fa9ab;
}
.introjs-helperNumberLayer{
	width: 25px !important;
	height: 25px !important;
}
.custom-radio-image .option-image {
     height: auto; 
}
.ctrl-img-radio .option-select{
	padding-left: 0px; 
	 width: 100%;
	 margin-top: 6px;
}
.custom-radio-image .option-select{
	position: initial;
}
.custom-checkbox-image .option-image {
     height: auto; 
}
.ctrl-img-checkbox .option-select{
	padding-left: 0px; 
	 width: 100%;
	 margin-top: 6px;
}
.custom-checkbox-image .option-select{
	position: initial;
}
.only-bottom-border .input-group-prepend .input-group-text, .only-bottom-border .select2-selection--multiple, .only-bottom-border .select2-selection--single{
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}
.only-bottom-border input,.only-bottom-border select,.only-bottom-border textarea{
	border-top: none;
	border-left: none;
	border-right: none;
}
.note-editor.note-frame .note-editing-area .note-editable{
	min-height: 300px;
}
.border-bottom{
	border-bottom: 1px solid #c9bef7!important;
}
.select2-container .select2-selection--single{
	height: initial !important;
}
.input-group.searchable-dd-wrap{
	flex-wrap: nowrap;
}
.searchable-dd-wrap .select2-container{
	width: 100% !important;
}
.select2-container--default .select2-search--inline .select2-search__field:focus{
	border: none;
}




.content-wrapper {
	margin-left: 0 !important;
}

.form-wrapper {
	margin: 0 auto;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.form-header {
	/* background-color: rgb(59, 103, 160) !important; */
	text-align: center !important;
	padding: .95rem 1.25rem;
	font-size: 1.2em;
	cursor: default;
	font-weight: 600;
}

#myform{
	display: flex;
    flex-wrap: wrap;
}

.form-header-description{
	font-size: 14px;
	color: rgb(255, 255, 255);
	text-align: center;
	line-height: 1.4;
	margin-top: 10px;
	word-break: break-word;
	word-wrap: break-word;
	white-space: pre-wrap;
	font-weight: 400;
}

.form-header .card-title {
	float: none;
	font-size: 1.2rem !important;
	font-weight: 600 !important;
}

.form-content {
	padding: 0;
}

.form-wrap .control-item:hover {
	border: 1px dashed transparent;
	background-color: inherit;
}

.form-wrap .control-item input[type="text"] {
	cursor: text;
}

.form-footer {
	margin: 1.5em 0;
	margin-bottom: 1em;
	padding: 10px;
	width: 100%;
}

.form-footer .btn-submit {
	width: 8.5em;
	padding: 0.5em;
	margin: 0 auto;
	background-color: rgb(55, 97, 149);
	border-color: rgb(55, 97, 149);
}

.form-control{
	opacity: 0.9 !important;
}
.form-footer .btn-submit:hover{
	opacity: 0.8;
}
input[type="text"].error, input[type="email"].error, select.error, textarea.error,textarea.error, input[type="number"].error, input[type="date"].error{
	border: 1px solid #da2824 !important;
}
label.error{
	color:#da2824;
}
.form-wrap{
	background-color: inherit;
}
.powerby-txt {
    text-align: center;
    border: 1px dashed transparent;
    font-size: 0.8rem;
    color: rgba(0,0,0,.5);
    margin: 0 auto;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 100%;
}
.ctrl-img-radio label.error{
	position: absolute;
	bottom: -32px;
	z-index: 200;
	width: 100%;
}

@media (min-width: 992px){
	.col-lg-6 {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}
@media screen and (max-width: 500px) {
    .form-wrap .control-item input[type="text"], .form-wrap .control-item select,.form-wrap .control-item .input-group,.form-wrap .control-item textarea{
		width: 100% !important;
	}
}
.discount-code-wrap{
	background-image: url(/assets/images/youhui_bg.png);
	background-repeat: repeat;
	background-size: initial;
	width: 70%;
	margin: 0 auto;
	height: 260px;
	border-radius: 18px;
	margin-bottom: 25px;
}
.discount-code-body{
	height: 228px;
}
.discount-code-title{
	padding-top: 4%;
	font-size: xx-large;
	font-weight: bold;
}
.discount-code-desc{
	color: #2f2c2c;
	margin: 0 auto;
}
.discount-code{
	width: 50%;
	margin: 0 auto;
}
.discount-code-block{
	margin: 0 auto;
	background-color: #d9d7d7;
	border: 1px solid #d0cece;
	border-radius: 10px;
	padding: 6px 10px;
	font-size: 1.5em;
	cursor: pointer;
	margin-top: 10px;
}
.discount-code-remark{
	font-size: 14px;
	color: #d7d0d0;
}
.copy-success {
    font-size: 14px;
    color: #6ae561;
}
@media screen and (max-width: 768px) {
	.discount-code-wrap{
		width: 95%;
	}
}

.btn-waiting .btn__icon {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 0px solid #319bef;
    border-radius: 50%;
    display: inline-block;
    position: relative;
	background-color: transparent;
}

.btn-waiting .btn__icon:after {
	content: '';
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    animation: rotation infinite linear 0.5s;
    transition: none;
    border-top: 2px solid transparent;
    border-left: 2px solid #fff;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    z-index: 0;
	position: absolute;
}
.btn-waiting .btn__text{display: none;}

@keyframes rotation {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}
.billing-subtitle{
	color: #838383;
}
.attribute-map{
	min-height: 400px;
}
.form-steps-guide .form-step-item{
	cursor: default;
}
.form-attributes{
	width: 100%;
}
.form-steps-opertion .btn-submit{
	background-color: #93CF5D;
	padding:.375rem .75rem;
	float: right;
}
@media screen and (max-width: 768px) {
	.form-steps-opertion .btn-submit{
		width: 100%;
	}
}
.step-form-summary .attribute-name{
	font-weight: bold;
	color: #625e5e;
}
.step-form-summary .attribute-value{
	padding:10px;
	color: #5d5b5b;
}
.step-form-summary .option-item{
	margin: 5px 0;
}
.info-box-wrapper {
    padding: 23px 18px;
}
.info-box-wrapper .social-content-wrap {
    display: flex;
    flex-wrap: wrap;
}
.info-box-wrapper .social-item {
    padding: 5px;
    display: block;
}
.static-img{
	background-image: none;
}
.str-static-img{
	border: none !important;
}
.control-item .address-wrap .title{
	margin-left: 0px;
}
.success-msg .redirect-tip-text {
    line-height: 20px;
    color: #666666;
    margin-bottom: 40px;
}
.summany-step{
	margin: 18px 0;
}
.pifyform .rte__iframe, .pifyform .rte{
	height: 100% !important;
}
.select2-container{
	width: 100% !important;
}
.pekeupload-btn-file, .input-file-upload{
	display: none !important;
}
.reached-submission-deadline-msg,.shop-closed-msg,.reached-submission-limit-msg{
	text-align: center;
	display: block;
	padding: 30px;
	font-weight: bold;
}
.str-phone-wrap .phone-input-wrap{
    display: flex;
    flex-wrap: nowrap;
}
.success-wrap .redirect-tip-text{
	line-height: 20px;
    color: #666666;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.form-wrap .wholesale-list-wrap .product-image {
		width: 40px;
		display: block;
	}
	.form-wrap .product-variants-table label{
		font-size: smaller;
	}
	.variant-title-txt{
		display: block;
	}
	.attribute-item-whosale{
		padding: 8px 9px !important;
	}
	.form-wrap .product-variants-table{
		margin-left: 0px;
	}
	.form-wrap .product-variants-table .variant-quantity{
		width: 50px;
	}
	.form-steps-guide .step-text .step-name{
		font-size: small;
	}
}

/* card custom radio options */
.custom-option-flex .card-custom-control-label{
	margin-right: 15px;
}
.card-radio-options .card-custom-control-label,
.card-custom-checkbox .card-custom-control-label {
	display: block;
}

.card-radio-options .card-custom-control,
.card-custom-checkbox .card-custom-checkbox {
	font-size: 16px;
	padding: 15px 16px;
	background-color: #fff;
	color: #333;
	box-shadow: 0 2px 6px -2px #00000080;
	cursor: pointer;
	margin: 0 0 5px;
	border-radius: 5px;
	transition: background-color 0.3s;
	position: relative;
	display: flex;
	min-width: 130px;
}

.card-attribute-radio,
.card-attribute-checkbox,
.card-attribute-image-radio,
.card-attribute-image-checkbox {
	opacity: 0;
	width: .001px;
	position: absolute;
}

.card-custom-control:hover {
	background-color: #f8f8f8;
	box-shadow: 0 4px 14px -6px #000c;
}

.card-custom-control.selected {
	background-color: #55C677;
	color: #fff;
}

.card-radios-icons {
	font-size: 12px;
	opacity: .7;
	position: absolute;
	top: 19px;
	right: 15px;
	display: block;
	width: 15px;
}
.card-custom-control-image,
.card-custom-checkbox-image {
	float: left;
	padding: 5px;
	text-align: center;
	margin-right: 5px;
	word-break: break-word;
	word-wrap: break-word;
	margin-bottom: 5px;
	min-height: 40px;
	background-color: #fff;
	color: #333;
	box-shadow: 0 2px 6px -2px #00000080;
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.3s;
	position: relative;
	border: 1px solid #e3e3e3;
}

.card-custom-control-image img,
.card-custom-checkbox-image img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: table-cell;
	text-align: center;
	margin: 6px auto;
}

.card-custom-control-image:hover {
	background-color: #f8f8f8;
	box-shadow: 0 4px 14px -6px #000c;
}

.card-custom-control-image.card-custom-control-image-selected {
	background-color: #55C677;
	color: #fff;
}

.card-custom-control-image .option-image {
	height: auto;
}

.card-custom-control-image .option-select {
	display: flex;
	align-items: center;
	width: 100%;
	text-align: center;
	min-height: 28px;
	margin: 5px;
}

.card-custom-control-image-icons {
	font-size: 12px;
	opacity: .7;
	position: absolute;
	top: 19px;
	right: 15px;
	display: block;
	width: 15px;
}
.card-ctrl-img-radio .option-select, .card-ctrl-img-checkbox .option-select{
	background-color: transparent;
    border-radius: initial;
}
.card-choices-label{
	padding-right: 25px;
}
.card-choices-img-label  {
	padding-right: 25px;
}
@media (max-width: 768px) {
	.card-choices-label,
	.card-choices-img-label {                                             
		word-wrap: break-word;
		white-space: normal;
		min-width: 70%;
	}
}
.email-checking{
	padding-left: 5px;
	padding-top:8px;
}
.email-exists-warning{
	display: block;
    width: 100%;
    margin-top: 5px;
	text-align: right;
}