// @import 'OpenSans.less';
@import 'admin_variable.less';
@import 'admin_function.less';
@import 'admin_mixin.less';
@import 'checkbox.less';

@media (max-width: 750px) {
	.mail_div {
		overflow: scroll;
	}
	.mail_table{
		white-space: nowrap;
	}
}

body {
	font-family: 'Open Sans', sans-serif;
	background: @bg-color;
	a{
		text-decoration: none !important;
	}
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.main-container{
	margin-top: 110px;
}

#header{
	margin-top: 35px;
	.navbar-inverse {
		background: @header-bgcolor;
		height: 85px;
		// z-index: 1000;
		z-index: 1100;
  		overflow: visible !important;
	}
	p{
		.font-text(600,@white,24px);
		margin: 10px 0 0 0;
	}
	.active {
		background: #000000;
	}
	a {
		color: @white;
	}
	button > div {
		width: 5px;
	    height: 5px;
	    background-color: @white;
	    border-radius: 50%;
	    margin: 4px 2px 0px 2px;
	}
	ul.nav.navbar-nav.navbar-right > li > a {
		max-width: @pixel-value-10 * 25;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	#button-navbar {
		background-color: #18262F;
	}
	.sso_login_logout ul{
		background-color: #18262F !important;
		text-align: center;
	}
	.sso_login_logout li a:hover{
		color: #18262F !important;
	}
}
.white_card {
	background: @white;
	margin-bottom: 30px !important;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
	-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
	-moz-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
	-o-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
	button {
		.button;
		&:hover{
			background: #4CA9E8;
		}
		&:active{
			background: #419BD7;
		}
	}
	p.instruction {
		.instruction-para;
	}
}
#holla {
	height: 560px;
	img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	span.enabled {
		.enbled;
	}
	b {
		.font-text(700,@black,14px) !important;
	}

}
#functionality{
	padding-bottom: 15px;
	a {
	    line-height: 20px;
	    color: @black;
	}
	.display_name {
		margin-top: 20px;
		.font-text(700,@black,14px) !important;
	}
	.sprite {
		margin-top: 15px;
		padding-left: 0px !important;
	}
	#block-data {
		overflow: hidden;
		height: 450px;
	}
	#products {
		.sprite-img(0px,0px);
	}
	#orders {
		.sprite-img(64px,0px);
	}
	#unfulfilled-orders {
		.sprite-img(0px,-64px);
	}
	#payment-methods {
		.sprite-img(64px,-64px);
	}
	#commissions {
		.sprite-img(0px,-128px);
	}
	#seller-payment-methods {
		.sprite-img(64px,-128px);
	}
	#mail-configuration {
		.sprite-img(0px,-192px);
	}
	#customize-seller-page {
		.sprite-img(64px,-192px);
	}
	#TandC {
		.sprite-img(0px,-256px);
	}
	#FAQ {
		.sprite-img(64px,-256px);
	}
}
#updates{
	label {
		font-style: italic;
		.font-text(700,#A3B2BC,14px) !important;
	}
	b{
		.font-text(700,@black,14px) !important;
	}
	p{
		.font-text(600,#555555,14px) !important;
	}
	a{
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
}
#display_div {
	display: none;
}
#feature-apps{
	img {
		width: 100%;
	}
	label {
		font-style: italic;
		.font-text(700,#A3B2BC,14px) !important;
	}
	b{
		.font-text(700,@black,14px) !important;
	}
	p{
		.font-text(600,#555555,14px) !important;
	}
	a{
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
	span.enabled {
		.enbled;
	}
}
#my-plans{
	margin-top: -120px;
	label {
		font-style: italic;
		.font-text(700,#A3B2BC,14px) !important;
	}
	b{
		.font-text(700,@black,14px) !important;
	}
	span {
		.font-text(600,#555555,14px) !important;
	}
}

/**
 * Less for Dashboard
 */
.off-canvas {
	width: 1010px;
	margin: 0px 0px auto 270px;
	// #commission {
	// 	margin:20px 22px 0px 0px;
	// 	width: 295px;
	// }
	// #sales {
	// 	width: 500px;
	// }
	// #statistics {
	// 	width: 430px;
	// }
	// .block-content{
	// 	width: 305px;
	// }
	// .main_content {
	// 	margin-top: -50px !important;
	// }
}
#off-canvas-menu {
	.for_sub_menu;
	.sub-menu-ul{
		margin-top: 0px !important;
		min-width: 262px !important;
	}
	width: 270px;
	background: @white !important;
	margin-top: 51px;
	position: fixed;
	overflow: scroll;
    height: 100%;
	ul{
		list-style: none;
		margin-top: 15px;
		padding-bottom: 10%;
		width: 100%;
	}
	li{
		.font-text(700,@black,12px);
        padding: 18px 10px 23px 40px;
        cursor: pointer;
        i {
        	vertical-align: middle;
        }
	}
	.current{
     	background: #46A2E0;
        color: @white !important;
    }
	li.current{
     	background: #46A2E0;
        color: @white !important;
    }
    .navbar-default {
    	background: @white;
    }
    .navbar-toggle{
		background: @black;
		margin-top: 18px;
	}
	.icon-bar {
		background: @white !important;
	}
}
.theme-menu {
	.navbar-toggle{
		background: @black;
		margin-top: 30px;
	}
	.icon-bar {
		background: @white !important;
	}
	ul.navbar-nav{
		margin-bottom: 60px !important;
	}
}
#mp-large{
	display: none;
}
#top_menu {
	.for_sub_menu;
	margin-top: 49px;
	background: @white;
	box-shadow: 0px 0px 10px 0px #888888;
	li {
		.font-text(700,#333333,12px) !important;
        display: inline-block;
        padding: 20px 5px 20px 5px;
        cursor: pointer;
        i {
        	vertical-align: middle;
        }
		a{
			display: inline-block;
			color: #333;
			padding: 0px !important;
			background: transparent !important;
		}
		&:hover {
			color: @white !important;
			background: #46A2E0;
			a{
				color: @white !important;
				background: transparent !important;
			}
		}
	}
	ul.tabs.nav {
		li.submenu-parent {
			&:hover > ul.sub-menu-ul > a {
				visibility: visible;
			}
		}
	}
	li > a:hover{
		background: transparent !important;
	}
    nav.navbar-offcanvas{
    	margin-top: 65px;
    }
    ul {
     	margin-bottom: -1px;
     	padding: 0px;
		z-index: 991;
     	a{
     		vertical-align: middle;
     	}
    }
    .current{
     	background: #46A2E0;
		color: @white !important;
		a{
        	color: @white !important;
		}
    }
    .more_itmes {
    	float: right;
    	margin-right: 30px;
    	cursor: pointer;
		padding-bottom: 26px
    }
    #more_itmes_ul{
     	left: -180px !important;
    	width: 260px !important;
		float: left !important;
		top: 93% !important;
		a{
			.font-text(700, #333, 12px);
			display: inline-block;
			cursor: pointer;
			width: 100%;
		}
    	hr{
    		margin: auto !important;
    	}
		li{
			padding: 18px 10px 18px 10px !important;
		}
    }
    .dropdown-toggle > div {
		width: 7px;
	    height: 7px;
	    background-color: #333333;
	    border-radius: 50%;
	    margin: 26px 2px 0px 2px;
	    float: left;
	}
}
#page-heading {
	padding: 1%;
	// margin-top: 120px;
	a.parent_page{
		color: #777;
		&:hover{
			color: @black;
		}
	}
	span {
		.heading;
	}
	span.page_sub_heading{
		.font-text(600,#999999,14px) !important;
	}
	div {
		.sub-heading;
	}
	hr {
		.divider
	}
	.tot_count{
		.data-label;
		background: #777777;
		vertical-align: super;
	}
	div.add-btn {
		.wk_btn;
		&:hover{
			background: #58C95E;
		}
	}
	div.bulk-btn{
		padding: 15px 44px !important;
		margin-top: -50px !important;
	}
	div.add-btn:active{
		background: #47AE4D;
	}
	button.more_action, button.add_column{
		margin-top:-45px;
		margin-right: 220px;
	}
	.prod-action-ul{
		margin-right: 200px;
	}
	.payment-plan-page
	{
		font-weight: 600;
		color: #333333;
		font-size: 32px;
		width:100%;
		margin-top:60px;
	}
}
.payment_notice{
	padding-bottom:30px;
	label {
		.note;
	}
	div{
		.font-text(600,#777777,14px);
		font-style: italic;
	}
	b{
		.font-text(600,@black,14px);
	}
}
#statistics{
	li {
		.font-text(700,#555555,12px);
        display: inline-block;
        padding: 2.5% 2% 2.5% 2%;
        margin-left: -5px;
        border-style: solid;
        border-width: 1px;
        border-color: #D6DDE9;
        cursor: pointer;
    }
    ul {
    	margin-bottom: 15px;
    	margin-top: 10px;
    	padding: 0px;
    }
    li.current{
	    background: #46A2E0;
	    color: @white !important;
    }
    p{
    	margin-top: 7px;
    	.font-text(700,#555555,14px) !important;
    }
    #seller{
    	.data-label;
    	background: #65C3DF;
    }
	#product{
		.data-label;
		background: #65C3DF;
	}
	#customer{
		.data-label;
		background: #FF6B6B;
	}
	span.label{
		span {
			.font-text(700,@black,14px);
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-color: #D1DAE9;
		}
	}
	div.loader-sm {
		border: 2px solid @black !important;
    	border-radius: 50% !important;
	    border-top: 2px solid #3498db !important;
		animation: spin 0.3s linear infinite !important;
		display: inline-block;
		height: 15px;
		width: 15px;
		vertical-align: text-bottom;
	}
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
}
#notifications{
	margin-top: 0px !important;
	height: 400px;
}
#commission{
	div.sub-heading {
		.sub-heading;
	}
	input {
		.font-text(700,#555555,12px) !important;
		padding: 6px 6px !important;
		border-right-width: 0 !important;
	}
	p.input-group-addon{
		padding: 0px 5px 0px 0px !important;
		background: @white !important;
	}
	b{
		.data-label;
		background: #2662B3;
	}
	p{
		margin-top: 7px;
    	.font-text(700,#555555,14px) !important;
	}
	a{
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
	span.label{
		.font-text(700,@black,14px);
		span {
			.font-text(700,@black,14px);
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-color: #D1DAE9;
		}
	}
	div.loader-earning {
		border: 2px solid @black !important;
    	border-radius: 50% !important;
	    border-top: 2px solid #3498db !important;
		animation: spin 0.3s linear infinite !important;
		display: inline-block;
		height: 15px;
		width: 15px;
		vertical-align: text-bottom;
	}
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	div.error-data{
		.font-text(600,#FF6B6B,10px);
		display: none;
	}

}
#total_due{
	div.sub-heading {
		.sub-heading;
	}
	input {
		.font-text(700,#555555,12px) !important;
		padding: 6px 6px !important;
		border-right-width: 0 !important;
	}
	p.input-group-addon{
		padding: 0px 5px 0px 0px !important;
		background: @white !important;
	}
	b{
		.data-label;
		background: #2662B3;
	}
	p{
		margin-top: 7px;
    	.font-text(700,#555555,14px) !important;
	}
	a{
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
	span.label{
		.font-text(700,@black,14px);
		span {
			.font-text(700,@black,14px);
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-color: #D1DAE9;
		}
	}
	div.loader-earning {
		border: 2px solid @black !important;
    	border-radius: 50% !important;
	    border-top: 2px solid #3498db !important;
		animation: spin 0.3s linear infinite !important;
		display: inline-block;
		height: 15px;
		width: 15px;
		vertical-align: text-bottom;
	}
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	div.error-data{
		.font-text(600,#FF6B6B,10px);
		display: none;
	}

}
#recent-orders{
	#quantity{
		.font-text(700,#A9A9A9,14px);
		font-style: italic;
	}
	#order-total{
		.data-label;
    	background: @btn-bgcolor;
	}
	#payment-status{
		.data-label;
    	background: #33C555;
	}
	b.dynamic-data{
		.font-text(600,#555555,14px);
	}
	a{
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
	p{
		margin-top: 5px !important;
	}
}
#recent-sellers{
	b{
		.font-text(600,#555555,14px);
	}
	#seller-status {
		.data-label;
    	background: #33C555;
	}
	a{
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
	p{
		margin-bottom: 6.5px !important;
	}
}
#product-stock{
	b.dynamic-data{
		.font-text(600,#555555,14px);
	}
	#no-stock{
		.data-label;
    	background: #999999;
	}
	a{
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
}
#top-products{
	b.dynamic-data{
		.font-text(600,#555555,14px);
	}
	div.product-detail {
		margin-left: 45px;
    	margin-top: -20px;
	}
	span{
		.data-label;
		padding: 2% 2.5% !important;
		background: #288FAE;
	}
	a {
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
}
#most_product_review_div{
	b.dynamic-data{
		.font-text(600,#555555,14px);
	}
	div.product-detail {
		margin-left: 45px;
    	margin-top: -20px;
	}
	span{
		.data-label;
		padding: 2% 2.5% !important;
		background: #288FAE;
	}
	a {
		border-bottom: 2px dotted;
		.font-text(600,#59A9E2,14px);
	}
}

@media(max-width: 1200px){
	.navbar-offcanvas{
		padding-left: 0 !important;
		padding-right: 0 !important;
		.navbar-nav{
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
	}
	#top_menu .navbar-offcanvas .sub-menu-ul{
		width: 100%;
		li, li > a{
			font-size: 11px !important;
			color: #666 !important;
		}
		li.current, li.current > a{
			color: #fff !important;
		}
	}

	.feature-card{
		height: 500px; 
	}
	.mp-control-overflow{
		max-height:400px !important;
	}
}

@media(max-width: 767px){
	#top_menu{
		li{
			width: 100%
		}
		ul {
			z-index: 0;
		}
	}
	#my-plans{
		margin-top: 0px;
	}
	.bordered-table{
		overflow: auto;
	}
	.add-btn{
		float: left !important;
		.mp-margin-top-20;
	}
	.another_btn,.another_btn2{
		margin-right: 0px !important;
		margin-top: 20px !important;
	}
	.wk_btn2{
		margin-top: 20px !important;
	}
	button.more_action, button.add_column{
		.mp-margin-top-20;
		margin-right: 0px !important;
		margin-left: 10px;
	}
	.prod-action-ul{
		.mp-no-margin;
	}
	.bulk-action-menu li a {
		.margin-topbtm-10;
	}
	.dataTable{
		tr.parent{
			td{
				border-bottom: none !important;
			}
		}
	}
	.feature-card{
		height: 500px; 
	}
	.mp-hidden-overflow{
		overflow-x: auto !important;
	}
	#page-heading button.wk_btn {
		margin-top: 15px;
	}
	#page-heading div.bulk-btn {
		padding: 15px 44px !important;
		margin-top: 18px !important;
		button {
			color: #ffffff;
  			outline: none;
		}
	}
}
@media(min-width: 1910px){
	#mp-large{
		display: block !important;
	}
	#mp-medium{
		display: none;
	}
	#top_menu{
		margin-top: 48px !important;
	}
	.feature-card{
		height: 500px; 
	}
	.modal-lg {
		width: 1300px !important;
	}
}
@media only screen and(min-width: 768px) and (max-width: 1199px){
	#mp-large{
		display: none !important;
	}
	#mp-medium{
		display: none !important;
	}
	#theme_btn {
		display: block !important;
	}
	#top_menu{
		margin-top: 48px !important;
	}
	#top_menu{
		li{
			width: 100%
		}
		ul {
			z-index: 0;
		}
	}
	#top_menu nav.navbar-offcanvas{
		margin-top: 85px !important;
	}
	#top_menu .open > .sub-menu-ul {
		left: 0px;
	}
	.navbar-offcanvas {
		padding-left: 0px !important;
	}
	.feature-card{
		height: 490px !important; 
	}
}
/**
 * Less For Product page
 */
.modal{
	top: 135px;
	z-index: 90;  
	.modal-header, .modal-footer{
		border-top: none !important;
    	border-bottom: none !important;
    }
    .modal-content {
    	border-radius: 0px;
    	padding: 2% 2% 2% 2%;
    	border: none;
    	-webkit-box-shadow:  0 0 10px #ccc;
    	-moz-box-shadow:  0 0 10px #ccc;
    	box-shadow: 0 0 10px #ccc;
		max-width: 100% !important;
    	.modal-body {
    		padding: 0px 5px 15px 15px;
			.modal-footer{
				padding: 10px 0px 10px 0px;
			}
			.date_select{
				padding: 2% 1% 1% 0%;
			}
			.mp-modal-div{
				padding: 4% 2% 2% 0%;
			}
			.export-checkbox {
				.checkbox;
			}
			.export-checkbox:checked:after {
				.checked-after;
			}
			.export-checkbox:focus{
				outline: none;
			}
			.disable-checkbox {
				.checkbox;
			}
			.disable-checkbox:checked:after {
				.disable-checked-after;
			}
			.disable-checkbox:focus{
				outline: none;
			}
			.checkbox-label {
				vertical-align: text-top;
			}
			.mp-margin-top {
				margin-top: 20px;
			}
			label{
				.font-text(600,#555555,13px);
			}
    	}
		#myFormModalBody{
			padding: 0px 15px 15px 15px;
			label {
				font-weight: 400;
			}
			#seller_email{
				outline: none;
			}
		}
		.modal-footer{
			padding: 0px 0px 15px 15px;
		}
    }
}
.modal-backdrop{
	background: @white;
	z-index: 80;
}
div.loader-div {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	background: @white;
	opacity: 0.5;
	z-index: 101;
	text-align: center;
}
/* div.loader {
	position: fixed;
	display: none;
	left: 48%;
	z-index: 102;
	top: 50%;
	width: 50px;
	height: 50px;
	border: 4px solid @black !important;
	border-radius: 50% !important;
    border-top: 4px solid #3498db !important;
    border-bottom: 4px solid #3498db !important;
	animation: spin 0.5s linear infinite !important;
} */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#export_details{
	a{
		padding: 10px 20px 10px 20px;
		color: #555555;
	    font-weight: 400;
	    background-color: #F1F4F9;
	    border-color: #555555;
	    border: solid 1px;
	    border-radius: 3px;
		outline: none;
		&:hover, &:active, &:focus{
			color: #333333;
			border-color: #333333;
		}
	}
}
.content {
	#loading-cover{
	    width: 100%;
	    text-align: center;
	    div.loader-md {
	    	width: 10px;
	    	height: 10px;
			border: 20px solid @black !important;
	    	border-radius: 50% !important;
		    border-top: 20px solid #3498db !important;
		    border-bottom: 20px solid #3498db !important;
			animation: spin 0.5s linear infinite !important;
			display: inline-block;
		}
		@keyframes spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}
	}
	button{
		background-color: #F1F4F9;
		border-color: transparent;
		padding: 6px 2px;
	}
	#action-btn {
		margin-left: 90px;
	    margin-top: -40px;
	    color: #333;
	}
	.dropdown-menu {
	    left: inherit;
    	top: inherit;
	}
	label.comm_sort_by{
		margin-bottom: 20px;
	}
	label {
		.font-text(600,#555555,14px);
	}
	div.bulk {
		.font-text(600,#555555,14px);
	}
	.mp-table {
		width: 100% !important;
		border-bottom: none;

		.no-footer{
			border-bottom: none;
		}
		table{
			width: 100%;
		}
		thead .sorting{
			background-image:none;
			th .sorting_asc, .sorting_desc, .sorting {
				input, input:hover {
					background-image:none;
				}
			}
			&:hover{
				background-image: url(https://cdn.datatables.net/1.10.13/images/sort_both.png);
			}
		}
		.noBckImg{
			background-image:none;
		}
		th{
		    .font-text(600,#777777,14px);
		    border-bottom: transparent;
		    text-align: center;
		    input {
		    	position: relative;
    			top: 5px;
		    }
		}
		table.table{
			tr.checked{
				background-color: #D8E9F3;
			}
		}
	}
	td{
		border-top: transparent;
		vertical-align: middle;
		text-align: center;
		border-bottom: 15px solid #F1F4F9;
		img {
			height: 60px;
			width: 60px;
			border: 1px solid #D6DDE9;
		}
		.seller{
			color: #59A9E2;
			font-style: italic;
		}
		.pro_type {
			.data-label;
			padding: 1.5px 5px 1.5px 5px !important;
			background: #46A2E0;
		}
		.status {
			.data-label;
			background: #52C058;
		}
		.refunded{
			.data-label;
			background: #F4A949;
		}
		a.icon-menu{
			.icon-menu;
		}

		.status a {
			.data-label;
			background: #52C058;
		}
	}
	td:focus{
		outline: none !important;
	}
	tbody > tr > td > span.disabled{
		background: #777777;
	}
	tbody > tr > td > span.denied{
		background: #D63F3F;
	}
	table > tbody > tr > td {
		border-top: none !important;
		vertical-align: middle !important;
		padding: 1.5%;
		word-break: break-word;
	}
	table > tbody > tr > td.text-truncate {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	tr.prod-data {
		vertical-align: middle;
		background: @white;
		#chkbox-td{
			background: #F1F4F9;
		}
	}
	table:not(.unset-first-child-width) tr > td:first-child{
		padding: 8px 0px 8px 0px;
		width: 1%;
	}
	.regular-checkbox, .select_all{
		.checkbox;
	}
	.regular-checkbox:checked:after, .select_all:checked:after{
		.checked-after;
	}
	input.regular-checkbox, input.select_all:focus {
		outline: none;
	}
	div.dataTables_info {
		color: #555;
	}
	div.dataTables_filter {
		float: left !important;
		margin: 10px 0px 10px 0px;
		input {
			border: none;
			padding: 10px;
			width: 260px;
			font-style: italic;
		}
		input:focus {
			outline: none;
		}
	}
	div.dataTables_length {
		float: right !important;
		margin: 10px 0px 10px 0px;
		select {
			background: @bg-color;
			border: none;
		}
	}
	div.dataTables_paginate {
		a.paginate_button {
			border: 1px solid #777;
		}
		a.disabled {
			border: 1px solid #D6DDE9;
		}
	}
	.dataTable{
		tr.child{
			td{
				border-top: 1px solid #ddd !important;
			}
		}
		ul.dtr-details{
			list-style: none;
			li{
				.margin-topbtm-10;
				span.disabled{
					background: #777777;
				}
				.denied{
					background: #D63F3F;
				}
			}
		}
		span.dtr-title{
			.mp-th-like-font;
			float: left;
		}
	}
}
#commission-listing, #seller-payment-listing {
	tr > th:first-child{
		width: 9% !important;
	}
}
#import-product-listing, #FAQ-listing{
	tr > th:first-child{
		width: 50px !important;
	}
}
 #FAQ-listing{
	tr > th {
		width: 200px !important;
	}
 }
hr{
	.divider
}
.add_card{
	input {
		border-radius: 2px;
		height: 45px;
	}
	input[type="radio"]{
		height: 20px !important;
		vertical-align: middle;
	}
	textarea, select{
		border-radius: 2px;
	}
	select:not(.form-control-multi-select){
		height: 45px;
	}
	::-webkit-input-placeholder{
		.font-text(400,#999999,14px);
		font-style: italic;
	}
	::-moz-placeholder {
		.font-text(400,#999999,14px);
		font-style: italic;
	}
	.input-group-addon{
		border-radius: 2px !important;
	}
	.input-group-btn{
		border-radius: 2px !important;
	}
	.upload_img{
		background: white;
		padding: 15px 25px;
		margin-top: 10px;
		margin-bottom: 10px;
		.font-text(600, #555555, 12px);
		border-radius: 3px;
    	border: solid 1px;
		outline: none;
		&:hover:not(.disabled-btn){
			color: #333333 !important;
			border-color: #333333 !important;
		}
	}
	.upload_img:active:not(.disabled-btn){
		background: #F5F5F5 !important;
		color: #333333 !important;
		border-color: #333333 !important;
	}
	.shop_logo{
		max-width: 200px;
	}
	.store_logo{
		max-width: 185px;
		max-height: 185px;
	}
	.banner-container{
		max-width: 1024px;
		max-height: 1024px;
	}
	.add_option{
		.add_option_btn{
			position: relative;
			top: 20px;
		}
	}
	.del_option{
		position: relative;
		top: 10px;
		left: 17px;
	}
	fieldset{
		padding: 1px 89% 1px 20px !important;
		margin: 0 2px !important;
		border: 1px solid silver;
		border-bottom: none;
		border-left: none;
		border-right: none;
		legend{
			border-bottom: none;
			margin-bottom: 0px !important;
		}
	}
	.tc_content{
		overflow: auto;
		max-height: 500px;
	}
	#label_config_page_details{
		.dropdown-toggle{
			border-radius: 0px;
   		 	padding: 10px;

			span.caret{
				margin-left: 10px;
    			margin-top: 7px;
			}
		}
	}
	.ask_conversation
	{
		background: @white;
		.customer{
			padding-left: 0px;
			padding-top:8px;
		}
		.customer-name
		{
			.font-text(700, #333333, 12px);
		}
		.time-ago
		{
			.font-text(600, #777777, 12px);
		}
		.query_full_width{
			margin-left :-24px;
			margin-right: -24px;
		}
		.askme-conv
		{
			background: #F4F4F4;
			padding: 15px;
			border-bottom: 1px solid #D1DAE9;
			line-height: 25px;
			.query-title
			{
				.font-text(400, #333333, 24px);
				padding:2px 10px;
				border-left: 3px solid #46A2E0;
				overflow-wrap: break-word;
				word-wrap: break-word;
				margin-left:-15px;
			}
			.query-content
			{
				.font-text(600, #555555, 14px);
				word-wrap: break-word;
			}
		}
		.full-conversation
		{
			.askme-conv
			{
				background: @white;
			}
		}
		form
		{
			.textarea
			{
				margin-top:20px;
				textarea
				{
					.font-text(600, #999999, 14px);
					font-style: italic;
					border: 1px solid #D1DAE9;
					box-shadow: none;
				}
			}
			button
			{
				background: #47AE4D;
			}
		}
	}
}
#seller_banner_modal{
	#banner_footer{
		text-align: center !important;
		margin-top: 20px;
	}
	label.video_label{
		.font-text(400,#656565,12px);
	}
}
#add_seller_btn, #comm_submit_btn,.prime-btn{
	margin-top: 0px;
}
#auto_disable_product_div, #sales_price_config_div, .config-notice, #paypal_masspay_config_div, #subscription_label_div{
	.mp-border;
}
.checkbox:checked:after{
	.checked-after;
}
.wk-margin{
	b{
		color: @black;
	}
}
.upload-disabled-type{
	border: none;
    border-radius: 3px;
    padding: 15px 25px;
    color: #777777;
}
// .import_existing_prod{
// 	span.line-through{
// 		content:"\00a0\00a0\00a0\00a0\00a0";
// 		text-decoration:line-through;
// 	}
// }
.radio{
	.radio-btn{
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 50%;
		padding: 2px;
		margin-right: 5px;
		vertical-align: sub;
		span{
			display: block;
			border-radius: 50%;
			width: 9px;
			height: 9px;
		}
	}
	label{
		padding: 0px !important;
	}
}

#change_avtar_modal{
	p{
		.font-text(600,#999999,14px);
		font-style: italic;
	}
	.upload_img{
		background: white;
		padding: 15px 30px;
		margin-top: 15px;
		margin-bottom: 15px;
		.font-text(600, #555555, 12px);
		border-radius: 3px;
    	border: solid 1px;
		outline: none;
		&:hover{
			color: #333333 !important;
			border-color: #333333 !important;
		}
	}
	.upload_img:active{
		background: #F5F5F5 !important;
		color: #333333 !important;
		border-color: #333333 !important;
	}
}
#seller_mplan_modal{
	label{
		color: #a94442;
	}
	.mp-div{
		border: solid 1px;
		border: solid 0.1px;
		border-color: #eee;
		padding: 10px;
		margin-bottom: 10px;
	}
	.no_plan{
		color: #a94442;
	}
}
/* .card:hover, .white_card:hover{
	-moz-box-shadow:0px 0px 5px 0.1px #CCC;
    -webkit-box-shadow:0px 0px 5px 0.1px #CCC;
    box-shadow:0px 0px 5px 0.1px #CCC;
} */
.error-data{
	display: none;
}
.no-border{
	border: none !important;
	th,td{
		border: none !important;
		color: #555555;

		.status {
			.data-label;
			background: #52C058;
		}
		.disabled{
			background: #777777;
		}
	}
}
#mail_subject, .view-mail{
	background: #eee;
}
.view-mail{
	p{
		font-size: 14px;
		font-weight: 400;
		color: #333;
		line-height: 2;
	}
}

ul.tagit li.tagit-choice-editable{
	padding: 10px 20px 10px 15px !important;
    background: #29bc94 !important;
	color: @white;
}
.ui-state-default .ui-icon{
	background-image: url("../lib/jquery-ui-1.11.4.custom/images/ui-icons_ffffff_256x240.png");
}
.mp-radio2{
	&:checked + label{
		&::before{
			border: 4px solid #62a8ea;
			box-shadow: 0 0 0 3px @white inset;
		}
		&.disabled::before{
			border: 4px solid #bbb;
			box-shadow: 0 0 0 3px @white inset;
		}
	}
	& + label{
		cursor: pointer;
		&::before{
			border: 1px solid #62a8ea;
			border-radius: 50%;
			content: "";
			cursor: pointer;
			display: inline-block;
			height: 15px;
			margin-bottom: -2px;
			margin-right: 5px;
			transition: all 0.2s ease 0s;
			-webkit-transition: all 0.2s ease 0s;
			-moz-transition: all 0.2s ease 0s;
			-ms-transition: all 0.2s ease 0s;
			-o-transition: all 0.2s ease 0s;
			width: 15px;
		}
		&.disabled, &.disabled::before{
			cursor: not-allowed;
		}
		&.disabled::before{
			border: 1px solid #bbb;
		}
	}
}

.details_table{
	td, th {
		padding: 10px;
		// word-break: break-all;
		.def-font;
	}

}
.bordered-table{
	.table>thead>tr>th{
		border-bottom: 1px solid #F1F4F9 !important;
		text-align: center;
		font-weight: 600;
	}
	.table>tbody>tr>td{
		border-bottom: 1px solid #F1F4F9 !important;
		text-align: center;
		word-break: break-word;
	}
	.btn{
		background: transparent;
		color: #46A2E0;
	}
	.btn-info{
		border-color : transparent !important;
		background-color: #5bc0de !important;
		padding: 2px 5px !important;
	}
	.status-menu{
		margin-left: 55px;
	}
}
#transaction_table, .ordered_product_table, #membership_payment, #chat_history, #chat_payment_history{
	.mp-table div.bottom {
		margin-top: 30px !important;
	}
	td,th {
		border-bottom: 1px solid #F1F4F9 !important;
	}
	ul{
		list-style: none;
	}
}
.fulfillment_status{
	span.fa{
		color: #3c763d !important;
	}
}
.btn-default, .btn-primary {
	outline: none;
}
.cus-dd-menu{
	left: inherit;
	width: 93%;
}
.page-not-found {
	padding:40px 0px 110px 0px;
	h1{
		.font-text(600, #333333, 100px);
	}
	p{
		font-size: 32px !important;
	}
}

#variant_img_list{
	li {
		display: inline-block;
		list-style-type: none;
		margin: 0 20px 20px 0;
	}
}
.m-select-d-box{
	width: 30% !important;
}
.m-select-d-box__list-item_selected{
	background: #9b26af !important;
	&:hover{
		background: #6b067c !important;
	}
}
.upload_img_div{
	background: #F2F2F2;
	height: 120px;
	padding: 10px;

	.move_img{
		position: relative;
	}
	.drag_img{
		top: 40%;
		right: 5px;
	}
	.img_option{
		top: 30%;
	}
	.upload_img_name{
		word-break: break-word;
		padding-left: 10px;
	}
	.img_name{
		position: relative;
		top:35%;
	}
	.image_div{
		display: block;
		width: 100%;
		height: 100px;
	}
	.img_src{
		max-width: 100px;
		max-height: 100px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		display: block;
	}
}

#return-to-top {
	position: fixed;
	text-align: center;
    z-index: 1000;
	bottom: 165px;
	right: 20px;
    background: rgba(0, 0, 0, 0.65);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	&:hover {
		background: rgba(0, 0, 0, 0.9);
		i {
			color: @white;
			top: 5px;
		}
	}
	i {
		color: @white;
		margin: 0;
		position: relative;
		left: 0;
		top: 25%;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
}

#full-screen {
	position: fixed;
	text-align: center;
    z-index: 1000;
	bottom: 10px;
	right: 15px;
    background: rgba(0, 0, 0, 0.65);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	&:hover {
		background: rgba(0, 0, 0, 0.9);
		i {
			color: @white;
			top: 5px;
		}
	}
	i {
		color: @white;
		margin: 0;
		position: relative;
		left: 0;
		top: 25%;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
}

.footer {
	position: relative;
	bottom: 0;
	float: left;
	width: 100%;
	padding-top: 15px;
	hr{
		border-style: solid;
		border-color: #D6DDE9;
	}
	.font-text(600,#95A0B2,14px);
	a {
		.font-text(600,#95A0B2,14px);
	}
}
#seller_login_bg{
	.wk-background-image(url(../img/seller-login/cover-image.jpg), 100%, 640px);
}
.mp-margin-right-5{
	.mp-margin-right(5px);
}
.login-input-field{
	background-color: @white!important;
	font-size: 14px;
	font-family: @font-family-cabin;
	color:#777777!important;
	max-width:250px;
	height:30px;
	border-radius: 4px;
	padding: 5px;
}
.login-btn{
	height: 30px;
	width: 50px;
}
.font-arial-400{
	.font-text(400, @white, 18px);
	font-family: arial;
}
.margin-top-150{
	.mp-margin-top(150px);
}
.margin-top-100{
	.mp-margin-top(100px);
}
.mp-margin-top-50{
	.mp-margin-top(50px);
}
.font-cabin-400{
	.font-text(400, @white, 38px);
	font-family: @font-family-cabin;
}
.circle-span-25{
	.height-width(25px, 25px, #668BE7);
	border-radius: 50%;
	vertical-align: middle;
}
.font-size-12{
	.font-size(12px);
}
.font-size-14{
	.font-size(14px);
}
.font-size-16{
	.font-size(16px);
}
.font-size-18{
	.font-size(18px);
}
.badge-font{
	.font-size(0.5em);
}
.sign-up-btn{
	.height-width(50px, 220px, #3EA339);
	.font-text(600, @white, 14px);
	font-family: @font-family-cabin;
}
.mp-hide{
	.display(none);
}
.nav-tabs>li.active>a{
	border-top: none!important;
	border-left: none!important;
	border-right: none!important;
	border-bottom: 3px solid #46A2E0!important;
	font-family: @font-family-cabin;
	.font-text(600,#555555, 16px);
	.com_request_status_heading
}
.nav-tabs>li>a{
	border-bottom: none!important;
	font-family: @font-family-cabin;
	.font-text(600,#333333, 16px);
}
.cabin-600-14px{
	.font-text(600,#333333, 14px);
	font-family: @font-family-cabin;
}
.cabin-600-16px{
	.font-text(600,#333333, 16px);
	font-family: @font-family-cabin;
}
.cabin-500-16px{
	.font-text(500,#777777, 16px);
	font-family: @font-family-cabin;
	font-style: italic;
}
.cabin-400-16px-grey{
	.font-text(400,#777777, 16px);
	font-family: @font-family-cabin;
}
.cabin-400-16px{
	.font-text(400,#333333, 16px);
	font-family: @font-family-cabin;
}
.cabin-400-18px{
	.font-text(400,#333333, 18px);
	font-family: @font-family-cabin;
}
.cabin-400-24px{
	.font-text(400,#333333, 24px);
	font-family: @font-family-cabin;
}
.cabin-400-28px{
	.font-text(400,#333333, 28px);
	font-family: @font-family-cabin;
}
.login-page-placeholder input::placeholder {
	font-family: @font-family-cabin;
	font-style: italic;
	.font-text(600,#999999, 14px);
}
#seller_signup_modal{
	top: 40px;
}
#seller_signup_form .form-group {
	margin-bottom: 10px!important;
}
#view_auction_details{
	table{
		overflow: auto;
	}
	.panel{
		a{
			color: inherit;
		}
		a:hover{
			color: inherit;
		}
		margin-bottom: 0px;
    background: inherit;
    border: none;
    box-shadow: none;
	}
	#auction-timer{
		h3{
			margin-top: 0px;
		}
	}
	.panel>a[aria-expanded='false']>.arrow:before{
		content: '\25B2';
	}
	.panel>a[aria-expanded='true']>.arrow:before{
		content: '\25BC';
	}
}
.mp-theme-border{
	.border(2px, solid, #286090);
}
.mp-fa-sm{
  font-size: 20px !important;
  vertical-align: text-bottom;
}
.wk-theme-color{
	color: #286090;
}
.mp-max-height-400{
	.max-height(400px, auto);
}
.mp-margin-top-4{
	.mp-margin-top(4px);
}
.mp-margin-top-6{
	.mp-margin-top(6px);
}
.mp-color-white{
	color: @white !important;
}
.size315X215{
	height: 215px;
	width: 315px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.bgcolor-red{
	background-color: #F75050!important;
}
.bgcolor-blue{
	background-color: #3672FF!important;
}
.bgcolor-yellow{
	background-color: #FFC436!important;
}
.bgcolor-white{
	background-color: @white!important;
}
.img-mar-35X90{
	height: 135px;
	width: 135px;
	margin: 35px 90px!important;
	background-repeat: no-repeat;
}
.height-width-70X315{
	.height-width(70px, 315px, @white);
}
.mp-margin-30{
	margin: 30px!important;
}
.margin-lr-30{
	margin: 0 30px!important;
}
.height-width-35X35{
	.height-width(35px, 35px, #46A2E0);
}
.max-width-100{
	max-width: 100%;
}
.margin-lr-auto{
	margin-left: auto;
	margin-right: auto;
}

.action-btn {
  border-radius: 2px;
  padding: 2px 5px;
  background-color: #46A2E0;
  border: 1px solid #46A2E0;
  color: @white;
}
.mp-theme-color-new{
	color: #286090;
}

.restrict-hover:hover,.restrict-hover:active,.restrict-hover:focus {
	color: @white;
}

.icon-push-pin{
  background: url(../img/IconSlices/icon-pushpin.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 33px;
  height: 76px;
  display: inline-block;
}
.mp-padding-bottom-10{
	padding-bottom: 10px!important;
}
.mp-lbod-ccc{
  border-left: 1px solid #ccc;
}
.grey-box{
  background-color: #F1F1F1;
//   border: 1px solid #CCCCCC;
  color: #585858;
  padding: 15px 11px;
  border-radius: 4px;
  display: inline-block;
}
.mp-fs-15{
  font-size: 15px !important;
}
.mp-pad-top{
  padding-top: 15px !important;
}
.mp-margin-right{
  margin-right: 10px !important;
}
.selected-row-bg-color{
	background: #F1F4F9;
}
.mp-border-top{
	border-top: 1px solid #D6DDE9;
}
.mp-mar-left-5{
	margin-left: 5px!important;
}
.note-section{
	.line-height(1.5)
}
.mp-theme-border-bottom{
	.border-bottom(2px,solid,#286090);
}
.mp-cpy-btn {
    background-color: #333333;
    color: @white !important;
    position: relative;
    bottom: 25px;
    border-radius: 0;
    float: right;
	right: 0px;
}
.mp-reg-btn {
	background-color: #333333;
	color: @white !important;
	position: relative;
	bottom: 25px;
	border-radius: 0;
	float: right;
	right: 0px;
}
.wc_global_commission{
	.dropdown-menu
	{
		min-height: 150px;
	}
	.mp-caret-config
	{
		position: relative;
		top: 8px;
		border-width: 6px 5px 0 !important;
	}
}
.mp-plan-block{
	.mp-plan-name{
		.font-text(300, #333, 48px);
		margin-bottom: 25px;
	}
	.mp-partner-plan-name{
		.font-text(400, #333, 28px);
	}
	.mp-plan-desc{
		.font-text(300,#848484, 16px);
		margin-bottom: 30px;
	}
	.mp-partner-plan-desc{
		.font-text(400,#333333, 14px);
		margin-bottom: 10px;
	}
	.mp-plan-price{
		.font-text(300,#333, 34px);
		margin-bottom: 30px;
	}
	.mp-plan-trail{
		.font-text(400,#8e8e8e, 18px);	
	}
	.mp-plan-detail{
		.plan-label{
			.font-text(400,#999999, 14px);
			margin-bottom:20px;
		}
		.plan-detail{
			.font-text(600,#333333, 14px);
			margin-bottom:30px;
		}
		.partner-plan-label{
			.font-text(400,#999999, 12px);
		}
		.partner-plan-label-details{
			.font-text(400,#000000, 14px);
			padding: 0px;
		}
		.partner-plan-label-details-comment{
			.font-text(400,#999999, 14px);
		}
	}
	.plan-buy-div{
		margin-top:10px;
		margin-bottom: 20px;
		.choose-plan-btn,.currentely_active_plan{
			background: #52C058;
			padding: 15px 25px;
			border-radius: 3px;
			border: none;
			text-align: center;
			color: @white;
			outline: none !important;
			width: 184px;
			margin: 0 auto;
			.font-text(600, @white, 12px);
			text-transform: capitalize;
		}
		.choose-plan-btn:hover{
			background-color: rgb(95, 211, 101);
		}
		.currentely_active_plan{
			background-color: @white;
			.font-text(600,#52c058, 12px);
		}
		
	}
	.partner-plan-buy-div{
		.partner-choose-plan-btn,.currentely_active_plan{
			background: #46A2E0;
			padding: 6px 10px;
			border-radius: 3px;
			border: none;
			text-align: center;
			color: @white;
			outline: none !important;
			width: 126px;
			height: 47px;
			margin: 0 auto;
			.font-text(600, @white, 12px);
			text-transform: capitalize;
			float: right;
			
		}
		.partner-choose-plan-btn:hover{
			background-color: #54b1f0;
		}
		.currentely_active_plan{
			background-color: @white;
			.font-text(600,#46A2E0, 12px);
			border: 1px solid #46A2E0;
			width: 177px !important;
			height: 47px !important;
			position: relative;
			bottom: 0px;
			right: 0px;
		}
		.partner_plan_price{
			sup {
				.font-text(400,#333, 12px);
				top: -1.1em;
			}
			float: right;
			margin-bottom: 18px;
			.font-text(600,#333, 28px);
		}
		.choose_plan_btn{
			float: right;
			overflow: hidden;
		}
	}
	.view_all{
		.font-text(400,#333, 12px);
		color: rgb(42, 42, 235);
	}
	.plan_contact_us{
		img {
			width: 100%;
		}
	}
	// .contact_us_button{
	// 	background: #52C058;
	// 	padding: 15px 25px;
	// 	border-radius: 3px;
	// 	border: none;
	// 	text-align: center;
	// 	color: @white;
	// 	outline: none !important;
	// 	width: 184px;
	// 	margin: 0 auto;
	// 	.font-text(600,@white, 12px);
	// 	margin-bottom: 50px;
	// 	text-transform: capitalize;
	// 	a{
	// 		color: @white !important;
	// 	}
	// }
	.contact_us_info{
		.font-text(400,#848484, 14px);
		margin-top:30px;
		margin-bottom: 30px;
	}
}
.mp-pro-plan{
	background-color: #197bee;
	background-image: ~"url(../fonts/SVG/texture.svg)";
	.mp-plan-name{
		.font-text(300, @white, 48px);
		margin-bottom: 25px;
	}

	.mp-plan-desc{
		.font-text(300,#a8c4a7, 16px);
		margin-bottom: 30px;
	}
	.mp-plan-price{
		.font-text(300,@white, 34px);
		margin-bottom: 30px;
	}
	.mp-plan-trail{
		.font-text(400,#a0c0f6, 18px);
	}
	.mp-plan-detail{
		.plan-label{
			.font-text(400,#a0c0f6, 14px);
			margin-bottom:20px;
		}
		.plan-detail{
			.font-text(600,@white, 14px);
			margin-bottom:30px;
		}		
	}
	.plan-buy-div{
		margin-top:10px;
		margin-bottom: 20px;
		.choose-plan-btn,.currentely_active_plan{
			background: #52C058;
			padding: 15px 25px;
			border-radius: 3px;
			border: none;
			text-align: center;
			color: @white;
			outline: none !important;
			width: 184px;
			margin: 0 auto;
			.font-text(600,@white, 12px);
			text-transform: capitalize;
		}
		.choose-plan-btn:hover{
			background-color: rgb(95, 211, 101);
		}
		.currentely_active_plan{
			background-color: @white;
			.font-text(600,#52c058, 12px);
		}
	}
	.ribbon-wrapper{
		position: absolute;
		left: 14px;
		top: 0px;
		img {
			width: 107px;
		}
	}
}
.padding-20{
	padding: 20px;
}
.margin-top-20{
	.mp-margin-top(20px);
}
.another_btn{
	margin-right: 175px;
	margin-left: 30px;
	.font-text(600, @white, 14px);
}
.another_bckup_btn{
	margin-right: 335px;
	margin-left: 30px;
	.font-text(600, @white, 14px);
  }
.another_btn2{
	margin-right: 380px;
	margin-left: 30px;
	.font-text(600, @white, 14px);
}
.faq_dlt_content{
	padding-top: 5px;
    line-height: 25px;
    margin-left: 18px;
    text-align: justify;
    word-wrap: break-word;

	p {
		font-style: normal !important;
		color: #555 !important;
	}
}
.faq_dlt_title{
	.font-text(600, #555, 17px) !important;
}
#shipping_details, #deliver_date_row {
	display: none;
}
.already_active_btn {
	background: white;
	.font-text(600, #52C058, 12px);
    padding-left: 10px;
	padding-right: 10px;
	.feature_disable { display: none; }
	&:hover{
		transition: background-color 0.5s ease;
		background-color: #E85757;
		.feature_active { display: none; }
		.feature_disable { display: inline; }
	}
	&:active{
		color: #52C058;
		background: white;
	}
}
.ebay_active_btn {
	.feature_disable { display:none; }
	&:hover{
		transition: background-color 0.5s ease;
		background-color: #E85757;
		.feature_active { display: none; }
		.feature_disable { display: inline; }
	}
}

.fixed-top{
	position: fixed;
    right: 0;
    left: 0;
    // z-index: 999;
    z-index: 1099;
}

.bs-right-white {
    box-shadow: -1px 0px 0px 0 @white inset;
}
.dd-grey {
    background-color: #DADADA;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 0;
    background-image: linear-gradient(@white, @white);
}
.mp-no-float{
	float: none !important;
}
.mplan-card{
	height: (@height-200 + 200);
	max-height: (@height-200 + 200);
	word-wrap: break-word;
	position: relative;
	h2{
		margin-top: 0;
	}
	.mplan-wrapper{
		overflow-y: auto;
	}
	.mplan-buy-btn{
		position: absolute;
		width: 100%;
		bottom: 20px;
		left: 0;
	}
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
	-webkit-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
	-moz-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
	-o-box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
}
.mp-icon-xl {
	font-size: 10em !important;
	color: #777;
}
.mplan-btn-pos{
	position: absolute;
	bottom: 40px;
	left:0;
}
.bg-dull{
	background: @bg-color;
}
.padding_left_0{
	padding-left: 0px;
}
.height-400 {
    height: 400px;
    overflow: auto;
}
#product_export_column,#seller_export_column
{
	padding: 15px;
	.remove-export-label
	{
		line-height: 1.5;
	}
}
#saved_export_type_list
{
	.radio-option
	{
		margin-top: 5px;
	}
}
.table-hover>tbody>tr:hover{
	background-color: rgba(216,233,243,0.5);
}
.mp-theme-background{
	background-color: #58C95E;
}
.mp-form-bg-color {
	background-color: @white;
}
.mp-color{
	color: #58C95E;
}
.theme-border {
	border-color: #58C95E;
}
.another_btn_heading
{
	margin-right: 30px;
}
.restrict-resize{
	resize: none;
}
.mp-margin-left-15{
	margin-left: 15px !important;
}

.mp-margin-left-25{
	margin-left: 25px !important;
}

/* .spin_loader {
	display: inline-block;
	border: 4px solid transparent;
	border-radius: 50%;
	border-top: 4px solid #555;
	border-right: 4px solid #555;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 0.7s linear infinite;
	animation: spin .7s linear infinite;
} */

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#feature_list{
	td{
		font-size: 1.43em;
		padding-top: 10px;
		padding-bottom: 15px;
		margin: 10px 0;
		line-height: 30px;
	}
}
.icon-div{
	background: transparent;
    display: block;
	text-align: center;
}

/* .icon-div.login {
    padding: 13px 20px;
}
.icon-div.signup {
    padding: 13px 20px;
	margin-top: -50px;
} */

#right_column, #signup_form{
	margin-top: -45px;
}

.wk-login-form {
    margin-top: -45px;
    border: 1px solid #b6b6b6;
    padding: (@pixel-value-10 * 5) (@pixel-value-10 * 3) (@pixel-value-10 * 2);
    line-height: (@pixel-value-10 + 13);
    border-radius: @pixel-value-10;
    -webkit-box-shadow: 0 5px 5px -2px #b6b6b6;
    -moz-box-shadow: 0 5px 5px -2px #b6b6b6;
    box-shadow: 0 5px 5px -2px #b6b6b6;
}
.wk-signup-form {
    margin-top: (@pixel-value-10 * 4);
    border: 1px solid #b6b6b6;
    padding: (@pixel-value-10 * 3) 0 (@pixel-value-10 * 3);
    line-height: (@pixel-value-10 + 13);
    border-radius: @pixel-value-10;
    -webkit-box-shadow: 0 5px 5px -2px #b6b6b6;
    -moz-box-shadow: 0 5px 5px -2px #b6b6b6;
    box-shadow: 0 5px 5px -2px #b6b6b6;
}

.marg-top-inverse-40{
	margin-top: -(@pixel-value-10 * 4);
}

#left_column {
	margin-bottom: (@pixel-value-10 * 5);
}

abbr[title] {
	border-bottom: 0 !important;
    text-decoration: none !important;
}

/* ** Override Notification CSS ** */
.ns-type-error{
	background: #F96072 !important;
	color: @white;
}

.ns-type-notice{
	background: #21CB71 !important;
	color: @white;
}

.ns-type-error h3{
	color: #9C002C;
}

.ns-type-error h3, .ns-type-notice h3{
	font-size: (@pixel-value-10 * 2) !important;
	margin: 0 0 5px 0 !important;
	font-family: @font-family-opensans;
	font-weight: 600;
}

.ns-type-notice h3{
	color: #00610F;
}

.ns-type-error p, .ns-type-notice p{
	color: @white !important;
	font-size: (@pixel-value-10 + 4) !important;
	font-family: @font-family-opensans;
}

.ns-effect-jelly{
	max-width: (@pixel-value-10 * 35) !important;
}

.ns-effect-jelly .ns-close::before,
.ns-effect-jelly .ns-close::after {
	background: @white !important;
}


.taxjar-category{
	width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    max-height: 600px;
}
.mp-notice-menu{
	min-width: 250px !important;
	max-height: 400px !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.mp-notice-menu-div{
	padding: 0 5px 10px;
	border-bottom: 1px solid #eee;
}

.mp-notice-menu-div > h4{
	font-weight: 600;
	font-size: 14px;
}
.mp-notice-menu-div > p{
	font-weight: 400 !important;
	font-size: 13px !important;
	color: #000000 !important;
}

a.mp-notice-menu-link{
	margin: 10px 0;
	color: #46a2e0 !important;
	white-space: nowrap;
	&:hover{
		color: #4ca9e8 !important;
		background-color: @white !important;
	}
	&:visited, &:active{
		color: #419bd7 !important;
		background-color: @white !important;
	}
}

.mp-notice-badge{
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 10px;
	font-weight: 600;
	padding: 3px 5px;
	background-color: #EA4335;
}
.word-break{
	word-break: break-word;
}
.margin-top-10{
	margin-top: 10px!important;
}
.margin-bottom-20{
	margin-bottom: 20px!important;
}
.padding-bottom-20{
	padding-bottom: 20px!important;
}

#mp_flash_msg {
	p{
		font-size: 20px;
		line-height: 30px;
		color: #333;
	}

	.main {
		color: #1899ae;
		font-weight: 700;
	}

	a{
		color: #4469f1;
		font-weight: 700;
		&:hover { text-decoration: underline !important; }
	}

	button {
		font-size: 14px;
		color: #777;
		border: 1px solid #777;
		border-radius: 2px;
		font-weight: 700;
		padding: 7px 20px;
		background-color: #fff;
		&:hover {
			color: #fff;
			background-color: #777 !important;
		}
	}

	.checkbox-div {
		span.checkbox-text {
			color: #777;
			font-weight: 700;
			font-size: 12px;
			vertical-align: middle;
		}
		span.active {
			color: #4469f1;
		}
		.fa {
			color: #777;
			font-size: 22px;
			vertical-align: middle;
		}
	}
}
.mp-scroll-280{
  max-height: 280px;
  overflow: auto;
  overflow-x: hidden;
}
.mp-notify-status-icon{
	font-size: 5em;
}
.v-align-middle{
	vertical-align: middle;
}

.row-stat{
	display: inline-block;
	position: relative;
	top: -8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.row-success{
	background-color: #5CB85C;
}
.row-danger{
	background-color: #D9534F;
}

/* ********************************** */
.wrapper-dropdown-5{
	/* Size & position */
	@media(max-width: 767px){
		float: left;
	}
	position: relative;
	width: 125px;
	margin: 7px auto;
	padding: 8px 15px;

	/* Styles */
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease-out;
	&:after{
		/* Little arrow */
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -3px;
		border-width: 6px 6px 0 6px;
		border-style: solid;
		border-color: #4cbeff transparent;
	}
	.dropdown{
		/* Size & position */
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;

		/* Styles */
		padding-left:5px !important;
		background: #fff;
		border-radius: 0 0 5px 5px;
		border: 1px solid rgba(0,0,0,0.2);
		border-top: none;
		border-bottom: none;
		list-style: none;
		transition: all 0.3s ease-out;

		/* Hiding */
		max-height: 0;
		overflow: hidden;
		li{
			padding: 0 10px ;
			a{
				display: block;
				text-decoration: none;
				color: #333 !important;
				font-weight: 500 !important;
				padding: 10px 0;
				transition: all 0.3s ease-out;
				border-bottom: 1px solid #e6e8ea;
			}
			&:last-of-type a{
				border: none;
			}
			i{
				margin-right: 5px;
				color: inherit;
				vertical-align: middle;
			}
			&:hover a{
				color: #57a9d9;
			}
		}
	}
	&.active{
		border-radius: 5px 5px 0 0;
		background: #4cbeff;
		box-shadow: none;
		border-bottom: none;
		color: white;
		&:after{
			border-color: #82d1ff transparent;
		}
		.dropdown{
			border-bottom: 1px solid rgba(0,0,0,0.2);
			max-height: 400px;
		}
	}

}
.tag-me {
	border: 1px solid grey;
    padding: 10px;
	margin-right: 10px;
}

.dropzone .dz-preview .dz-error-message{
	top: 10px !important;
}

.remove-slot-pricing{
	float: right;
	position: relative;
	top: -20px;
	right: -34px;
	cursor: pointer;
}
.remove-slot-pricing:hover{
	transform: scale(1.5);
}
/* ********************************** */

.img-wrapper {
	.height-width(60px, 60px, transparent);
	border: 1px solid #DADADA;
	margin: 0 auto;
}

.img-wrapper > img {
	max-height: 58px;
	max-width: 58px;
	border: none !important;
	height: auto !important;
	width: auto !important;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

#header .navbar-inverse .navbar-nav>li>a:hover {
	box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4);
}

.alert-custom {
	// background-image: linear-gradient( -46deg, #97ABFF 1%, #123597 100%);
	// background-image: linear-gradient( 135deg, #3B2667 10%, #BC78EC 100%) !important;
	background-image: linear-gradient( 135deg, #360940 10%, #F05F57 100%) !important;
	border: 0 !important;
	color: #fff !important;
	.close {
		color: #fff !important;
		opacity: 1;
	}
	.notice-feature-block {
		height: 150px;
		padding: 15px;
		border: 1px solid #ccc;
		margin-bottom: 15px;
		overflow: hidden;
		.notice-feature-inner {
			transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
			-webkit-transition: transform 0.15s ease-in-out;
			&:hover {
				transform: translateY(-40px);
				-webkit-transform: translateY(-40px);
			}
			.notice-feature-content {
				height: 90px;
				overflow: auto;
			}
			.notice-feature-btns {
				padding-top: 15px;
				a {
					background-color: #fff;
					color: #222;
					margin-right: 10px;
				}
			}
		}
	}
}

.height-300-overflow-scroll{
	height: 300px;
	overflow-y: scroll;
}
.max-height-200-overflow-y-scroll{
	max-height: 200px;
    overflow-y: scroll;
}
.mp-disabled-div{
	background-color: #eee;
    opacity: 1;
    border-radius: 2px;
}

.feature-card{
	max-height: 550px;
	height: 500px;
	border-radius: 5px;
	.img-thumb{
		padding: 5px 50px;
	}
	.feature-heading{
		height: 40px;
	}
	.feature-desc{
		height: 80px;
	}
	.feature-action{
		margin-left: 20%;
		margin-right: 20%;
		
	}
	.amz_connector{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
}
@media only screen and(min-width: 350px) and (max-width: 415px){
	.feature-card{
		height: 500px;
	}
}
@media only screen and(min-width: 310px) and (max-width: 340px){
	.feature-card{
		height: 460px;
	}
}

@media only screen and(min-width: 1210px) and (max-width: 1340px){
	.feature-card{
		height: 460px;
	}
	.mp-control-overflow{
		max-height:400px !important;
	}
	.modal-lg {
		width: 1150px !important;
	}
}
// .mp-accordion-toggle {
//     width: 100%;
//     display: block;
// 	cursor: pointer;
// }
// .mp-accordion-toggle:after {
//     content: '\25BE	';
//     color: #959696;
//     font-weight: bold;
//     float: right;
//     margin-left: 5px;
// }
// .mp-accordion-toggle.active:after {
//     content: "\25B4";
// }


.loader {
	// margin: 100px auto;
	width: 40px;
	height: 40px;
	position: fixed;
	display: none;
	left: 48%;
	z-index: 102;
	top: 40%;
}

.cube1, .cube2 {
	background-color: #25D8BA;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
	animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
	background-color: #430ea5;
}

.spinner {
	margin: 20px auto;
	width: 40px;
	height: 40px;
	position: relative;
	text-align: center;

	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #333;
	border-radius: 100%;
	
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}

@keyframes sk-bounce {
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

@-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

.margin-left-15{
	margin-left: 15px!important;
}

.del_slot_tag{
    top: 10px;
    position: relative;
}

pre.mp-api-pre{
	border: 0;
	background-color: #fff;
	border-radius: 0;
	font-size: 15px;
}
.panel-group .panel-collapse{
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 0;
}
.panel-default>.panel-heading{
	background-color: #F9FAFA;
}

.modal-img-wrapper {
	height: 140px;
	text-align: center;
}
.modal-img-wrapper > img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
}

.all_images_div {
	min-height: 120px;
}
a:active, a:focus, a:hover, a:visited {
	.no-outline;
}

#submenu-block {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.mp-nav-action-block {
	margin-top: 29px;
    padding: 15px;
    position: absolute;
    background-color: rgb(255, 255, 255);
	box-shadow: 0 2px 0 1px rgba(63, 63, 68, 0.05), 0 6px 10px 0 rgba(63, 63, 68, 0.15);
	-webkit-box-shadow: 0 2px 0 1px rgba(63, 63, 68, 0.05), 0 6px 10px 0 rgba(63, 63, 68, 0.15);
	-moz-box-shadow: 0 2px 0 1px rgba(63, 63, 68, 0.05), 0 6px 10px 0 rgba(63, 63, 68, 0.15);
	-o-box-shadow: 0 2px 0 1px rgba(63, 63, 68, 0.05), 0 6px 10px 0 rgba(63, 63, 68, 0.15);
	display: none;
	button {
		padding: 10px 15px;
		border: 1px solid #555;
		&.seller_menu_save{
			background-color: #46A2E0;
			color: #fff;
			margin-left: 15px;
			border-color: #46A2E0;
		}
	}
}

.clearboth{
	clear:both;
}
.disabled-link{
	color: gray !important;
	pointer-events: none;
}

.filter_tag {
	border: 1px solid #333;
	padding: 2px 3px 2px 6px;
	margin-left: 10px;
	border-radius: 7px;
	display: inline-block;
}
.del_tag_button {
	padding: 0px;
	cursor: pointer;
}
.del_tag_icon:before{
	color: #72777c;
	content: "\2716";
	display: block;
	font-weight: bold;
	border-radius: 50%;
	line-height: 0.28;
	position: relative;
	top: 1px;
}
.del_tag_button:hover .del_tag_icon:before {
	color: #E96566;
}

.mp-control-overflow-300 {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden !important;
}

.mp-no-pad{
	padding: 0px !important;
}

/** create search bar*/
.search-field{
	width: 100%;
	position: relative;
	.btn-search {
		width: 50px;
		display: flex;
		position: absolute;
		left: 0;
		height: 100%;
		padding: 0;
		background: 0;
		border: 0;
		// cursor: pointer;
		display: -ms-flexbox;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		justify-content: center;
		align-items: center;
	}
	input {
		height: 100%;
		width: 100%;
		background: @white;
		display: block;
		padding: 10px 32px 10px 50px;
		font-size: 18px;
		color: @black;
		border-radius: 5px;
	}
}

/** design info*/
.items-info-block{
	word-wrap: break-word;
	font-size: 14px;
	color: @black;
	height: 70px;
	padding: 3px 5px 5px;
	border: 1px solid transparent;
	.square-box{
		max-width: 60px;
		max-height: 60px;
		height: 60px;
		margin-right: 22px;
		text-align: center!important;
		img{
			padding: 5px;
		}
	}
	&:hover{
		background: #EFEFEF;
		cursor: pointer;
		border: 1px solid #ddd;
		border-radius: 2px;
	}
	.wk-name{
		padding-top:3px;
	}
}

/** loader bouncing loader*/
.wk-small-loader {
	display: flex;
	// justify-content: center;
	>div {
		width: 1rem;
		height: 1rem;
		margin: 1rem 0.2rem;
		// background: #8385AA;
		background: #50ACE4;
		border-radius: 50%;
		animation: wk-small-loader 0.6s infinite alternate;
		&:nth-child(2) {
			animation-delay: 0.2s;
		}
		&:nth-child(3) {
			animation-delay: 0.4s;
		}
	}
}
@keyframes wk-small-loader {
	to {
		opacity: 0.1;
		transform: translate3d(0, -1rem, 0);
	}
}

/* To style the custom-scrollbar */
.wk-custom-scrollbar {
	&::-webkit-scrollbar {
		width: 8px;
	}
	&::-webkit-scrollbar-track {
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		border-radius: 10px;
	}
	&::-webkit-scrollbar-thumb {
		border-radius: 10px;
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	}
}

.prev_next {
	padding: 0px 10px 5px;
	color: #637381;
	&:hover{
		color: #212b36;
	}
}

#r_button {
	height: 14px !important;
}

.mp-field-min-width-130{
	min-width: 130px !important;
}
.wk-heading{
	.mp-fs-15;
	color: #777777;
}

.range-delete{
	color:#FF4141
}
.range-delete:hover{
	color: #FF2020
}
// Switch for zone wise and country wise on admin_config_shipping_edit
.boxed label {
	display: inline-block;
	width: 130px;
	padding: 10px;
	border: solid 1px grey;
	border-radius: 4px;
}

.boxed input[type="radio"] {
	display: none;
}

.boxed input[type="radio"]:checked + label {
	border: none;
	background-color: #46A2E0;
	color: white;
}

.weglot-container .weglot_switcher {
  left: 20px;
  width: 150px;
}

#map, #map2 {
	height: 330px;
	margin-top : 15px;
  }
#store_pickup_map {
	height: 475px;
	margin-top : 15px;
}


  
@media (max-width: 747px) {
  .weglot-container .weglot_switcher {
    bottom: 53px !important;
    left: auto !important;
  }
}

/* The Modal (background) */
.modal-image {
	display: none; /* Hidden by default */
	// position: absolute; /* absolute in place */
	z-index: 10000; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
	/* Modal Content (image) */
	.modal-image-content {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 900px;
		max-height: 800px;
	}
	/* Caption of Modal Image */
	#img-caption {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 700px;
		text-align: center;
		color: #ccc;
		padding: 10px 0;
		height: 150px;
	}
	/* Add Animation */
	.modal-image-content, #img-caption {    
		-webkit-animation-name: zoom;
		-webkit-animation-duration: 0.6s;
		animation-name: zoom;
		animation-duration: 0.6s;
	}
	/* The Close Button */
	.modal-close {
		position: absolute;
		top: 15px;
		right: 35px;
		color: #f1f1f1;
		font-size: 40px;
		font-weight: bold;
		transition: 0.3s;
		&:hover,&:focus{
			color: #bbb;
			text-decoration: none;
			cursor: pointer;
		}
	}

	/* 100% Image Width on Smaller Screens */
	@media only screen and (max-width: 700px){
		.modal-image-content {
				width: 100%;
		}
	}
	@-webkit-keyframes zoom {
		from {-webkit-transform:scale(0)} 
		to {-webkit-transform:scale(1)}
	}

	@keyframes zoom {
		from {transform:scale(0)} 
		to {transform:scale(1)}
	}
}
.mp-control-overflow-500 {
  max-height: 500px;
  overflow-y: auto;
	overflow-x: hidden !important;
}
#thread div:not(:last-child){
		color: red;
		.border-line {
			border-left: 1px solid #9a9a9a;
			padding: 1.2rem;
			position: absolute;
			left: 0.1rem;
			top: 1rem;
			z-index: 0;
		}
	}
	/* Chat containers */
.comment_container {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  border-radius: .2rem;
	padding: 0rem 1rem;
}

/* Clear floats */
.comment_container::after {
  content: "";
  clear: both;
  display: table;
}

/* Style time text */
.time-right {
  float: right;
  color: #aaa;
}

/* Style time text */
.time-left {
  float: left;
  color: #999;
}

.wk-hr{
	display: block;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid #eee;
}
.mp-storage-block{
	background: #FFFFFF;
	box-shadow: 0 0 26px 0 rgba(0,0,0,0.09);
	border-radius: 6px;
	.mp-storage-limit{
		font-family: OpenSans-Bold;
		font-size: 48px;
		color: #1C91D9;
	}
	.mp-storage-unit{
		font-family: OpenSans-Bold;
		font-size: 28px;
		color: #151515;
		line-height: 65px;
	}
	.mp-storage-price{
		font-family: Montserrat-Regular;
		font-size: 24px;
		color: #484848;
	}
	.mp-storage-detail{
		.storage-label{
			.font-text(400,#999999, 14px);
			margin-bottom:2rem;
		}
		.storage-detail{
			.font-text(600,#333333, 14px);
			margin-bottom:2rem;
		}
	}
}
.upgrade-plan-div{
		.upgrade-plan-btn,.currentely_active_plan,.currentely_disable_plan{
			background:#1C91D9;
			padding: 1.4rem 1rem;
			border-radius: 3px;
			border: none;
			text-align: center;
			color: @white;
			outline: none !important;
			width: 184px;
			margin: 0 auto;
			.font-text(600,@white, 12px);
			text-transform: capitalize;
			a{
				color: @white;
			}
		}
		.upgrade-plan-btn:hover{
			background-color: rgb(1, 158, 255);
		}
		.currentely_active_plan{
			background-color: @white;
			.font-text(600,#52c058, 12px);
		}
		.currentely_disable_plan{
			background-color: @white;
			.font-text(600,rgb(232, 87, 87), 12px);
		}
}
.mp-storage-contact-div{
	padding: .5rem;
	padding-bottom: 2rem;
	background: #FFFFFF;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.29);
	border-radius: 6px 6px 0 6px 6px;
	img {
			margin-top: 6rem;
			width: 100%;
			overflow: hidden;
			margin-bottom: 3.5rem;
	}
	.contact_us_info{
		margin-top: 1rem;
		padding: 1rem;
		font-family: Montserrat-Regular;
		font-size: 14px;
		color: #555555;
		margin-bottom:2rem;
	}
}
.seller_currency
{
		background-color:#f2f2f2;
		border: 1px solid #D1D9E8;
		border-radius:2px;
		height:45px;
		padding-top:1.3rem;
		text-align: center;
		+ label{
			line-height: 5rem;
			margin-left: 2rem;

		}
}
.currency_block
{
		margin-top: 2rem;
}

.com_request_status_heading{
	.font-text(100,#333333, 16px) !important;
	padding-left: 0!important;
	text-align: center !important;
}
.clearfix{
	overflow: hidden;
	.clearboth;
}
.com_status_list{
	padding-left: 16px !important;
}
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;   
	cursor: inherit;
	display: block;
}
.btn-com-attachment{
	color: black!important;
	background-color: white!important;
	border-color: white!important; 
	cursor: pointer!important;
	text-align: left;
}
.com_attachment_img{
	padding-left: 1.5rem;
	height: 7rem;
	width: 7rem;
}
.remove-attachment{
	position: relative;
	z-index: 10;
	font-size: 18px;
	right: 10px;
	top: -18px;
	cursor: pointer;
	opacity: .5;
	display: none;
}
.atachmnt_label{
 float: left;
}
.com_attachment{
	float: left;
	width: auto;
}
.display-flex{
	display: flex;
}
.tags {
	margin-right: 22px !important;
  }
.url_link{
	color:blue;
	font-size:14px !important;
	cursor: pointer;
}
.instruct{
	opacity:0.5;
}

.mp-highlighted-block {
	border: 1px solid #fff;
}
.mp-highlighted-block:hover, .mp-highlighted-block:focus {
	// box-shadow: 0px 0px 4px -2px #ccc;
	// border-color: #46A2E0;
	background-color: rgba(216, 233, 243, 0.5);
}

.mp-note-block {
	padding-left: 15px;
	padding-right: 15px;
	margin: 15px 0;
	border: 1px solid;
	border-width: 0px 0px 0px 4px;
	border-left-color: @btn-bgcolor;
	width: 80%;
	background-color: #f7f8f9;
	float: left;
}

.bar-rating{
	margin-left: 70px;
}
.bar-container { width: 320px;
	text-align: center;
	color: white;
   	margin:2px 10px;
	background: #F2F2F2;
	border: 1px solid #DADADA;
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.18);
	border-radius: 2px;
}
.middle {
	margin-top:10px;
	float: left;
	width: 70%;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.side {display: flex;
margin-top: 10px}
.bar-5 {width: 0%; height: 100%; background-color: #FFC43E;}
.bar-4 {width: 0%; height: 100%; background-color: #FFC43E;}
.bar-3 {width: 0%; height: 100%; background-color: #FFC43E;}
.bar-2 {width: 0%; height: 100%; background-color: #FFC43E;}
.bar-1 {width: 0%; height: 100%; background-color: #FFC43E;}
#out_of{
	line-height: 115px;
	font-size: 16px;
}
.avg_review{
	font-size: 60px !important;
	color: #333333 !important;
  }
.mrgn-top{
	margin-top: -25px;
}
.rating-div{
	border-right: solid #33333333 1px;
	margin-right: -40px;
}
.ovrall_review{
	border-bottom: solid #33333333 1px;
	padding-bottom:35px;
}
.manage-rev{
	color: #46A2E0 !important;
	border: solid #46A2E0 1px !important;
	background: white !important;
	padding: 15px 25px !important;
	border-radius:5px;
}
.float-left{
	float: left;
}
.cust_name{
	margin-top:2px;
	color: #555555;
	}
.float-right{
	float:right;
}
.vrfd-cust{
	display: inline-block;
	margin-left:10px;
	color: #333333 !important;
}
.review-card{
	line-height: 1.8;
	margin-top:10px;
	text-align:justify;
	margin-bottom: 10px;
}
.inline-flex
{
	display: inline-flex;
}
.review-status{
	margin-left: 20px;
}
.img_div{
	// padding:20px 35px;
	width:40%;
}
.prod_desc{
	margin-left:10px;
	text-align:justify;
}
.rate-bar{
	width: 250px !important;
}
.action-select{
	float: right;
	height: 35px !important;
	margin-top: 14px !important;
}
.inline-block{
	display: inline-block;
}
.zero-opacity{
	opacity: 0;
}
#load_more_rev{
	margin-left: 30px;
	height: 50px;
}
.review_count{
	margin-left: 10px;
    padding: 2px 10px;
    color: white !important;
    border-radius: 4px;
}
.rect-auto, .c100.p75 .slice {
	clip: rect(auto, auto, auto, auto);
  }
  
.pie, .c100 .bar, .c100.p75 .fill {
	position: absolute;
	border: 0.08em solid #307bbb;
	width: 0.84em;
	height: 0.84em;
	clip: rect(0em, 0.5em, 1em, 0em);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.pie-fill, .c100.p75 .bar:after, .c100.p75 .fill {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.c100 {
	position: relative;
	font-size: 105px;
	width: 1em;
	height: 1em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin: 0 0.1em 0.1em 0;
	background-color: #cccccc;
	margin-bottom:35px;
	margin-right: 10%;
	}
.c100 *, .c100 *:before, .c100 *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.c100.center {
	float: none;
	margin: 0 auto;
}
.c100.big {
	font-size: 120px;
}
.c100.small {
	font-size: 80px;
}
.c100 > span {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	width: 5em;
	line-height: 5em;
	font-size: 0.2em;
	color: black;
	display: block;
	text-align: center;
	white-space: nowrap;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.c100:after {
	position: absolute;
	top: 0.08em;
	left: 0.08em;
	display: block;
	content: " ";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: whitesmoke;
	width: 0.84em;
	height: 0.84em;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.c100 .slice {
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0em, 1em, 1em, 0.5em);
}

.c100 > p {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 30px;
	top: 0;
	width: 5em;
	line-height: 23em;
	font-size: 0.1em;
	color: #0e1a10;
	display: block;
	text-align: center;
	white-space: nowrap;
	margin-right: 10%;
	
}
.category-rating{
	display:inline-block;
	margin-top:30px;
	width: 70%;
	margin-left: 30px;
}
.auto-width{
	width: auto !important;
}
.no-wrap{
	white-space: nowrap;
}

.margin-top-120{
	.mp-margin-top(120px);
}

@media only screen and (max-width: 1200px) {
	.margin_top_zero_on_sm {
		margin-top: 0px !important;
	}
}

.permission-box{
    position: absolute;
    top: 100px;
    left: 50%;
    width: 560px;
    margin-left: -280px;
    background: white;

    top: 140px;
    z-index: 0;
    border: solid #c2c7cc 1px;
    margin-bottom: 30px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.app-scope:not(:last-child){
	.mp-margin-bottom-20;
}
.review_end_card{
	height: 15px;
}
.wk-wrd-brk{
	word-break: break-all;
  }
.mp-padding-lr-20 {
	padding: 0px 20px !important;
	
  }
.disable-span:focus{
	outline: none;
}
.partner_selected_div{
	
	.selected_partner_plan_price{
		padding-top: 10px;
		font-size: 18px;
	}
	.partner-feature-price{
		padding-top: 3px;;
	}
	.partner-feature-name{
		position: absolute;
		margin-top: 5px;
	}
	.features_div{
		max-height: 272px;
		overflow-x: hidden;
	}
	.partner-proceed-btn{
		background: #52C058;
		padding: 15px 25px;
		border-radius: 3px;
		border: none;
		text-align: center;
		color: @white;
		outline: none !important;
		width: 100%;
		margin: 0 auto;
		.font-text(600, @white, 12px);
		text-transform: capitalize;
	}
	.partner-proceed-btn:hover{
		background-color: rgb(95, 211, 101);
	}
	.selected_partner-plan-name{
		.font-text(400, #333, 28px);
		margin-top: -10px;
	}
	.price{
		float: right;
	}
	.final_partner_price{
		.font-text(400,#333, 26px)
	}
	.final_partner_price_heading{
		padding-top: 12px;
	}
	.partner_page_sub_heading{
		.font-text(600, #999999, 12px);
		margin-bottom: 5px;
	}
}
.var-top-mrgin
{
	margin-top: 58px;
}
@media screen and (max-width:991px)
{
	.partner-feature-price{
		float: right;
	}
	.var-top-mrgin{
		margin-top: 10px!important;
		margin-bottom: 10px;
	}

}
.partner_page_heading{
	.font-text(600, #999999, 12px);
	margin-bottom: 5px;
}
.imp-mute{
	color: #777 !important;
}
.swt-nme-btn-div{
	background-color: white;
    padding: 6px;
    border: 1px solid white;
    border-radius: 4px;
	display: inline-block;
	.float-right;
	.var-top-mrgin;
	.active {
		color: white;
    	background-color: #46A2E0;
	}
}

.list_btn{
	padding: 20px;
}
.img-center{
    top: 50% !important;
    position: relative !important;
	transform: translateY(-50%) !important;
	height: inherit !important;
}
.badge_label{
	font-size: 14px!important;
	font-weight: 600;
    color: #555555;
}
.img-radius-20{
	border-radius: 20%;
	margin: auto;
}
#secondary_action{
	a{
		padding: 10px 20px 10px 20px;
		color: #555555;
	    font-weight: 400;
	    background-color: #F1F4F9;
	    border-color: #555555;
	    border: solid 1px;
	    border-radius: 3px;
		outline: none;
		&:hover, &:active, &:focus{
			color: #333333;
			border-color: #333333;
		}
	}
}
.resume_btn{
	float: none;
    width: 20%;
    margin: auto;
}
.variant-block {
    padding: 1% 0% 1% 25% !important;
}
.draft_subtotal {
	font-size: 18px;
}
.draft_total {
	font-size: 24px;
}
.draft_body{
	text-align: right;
}
.order-item {
	.vertical_align {
		padding-top: 2%;
	}
	.order-item-img {
		height: inherit;
		width: 30px;
		.vertical_align;
	}
	
	.order-item-name{
		padding-top: 1%;
	}
	.order-item-price{
		.vertical_align;
	}
	.order-item-sub-price{
		.vertical_align;
	}
}
// crowdfunding**
.note-txt{
	font-weight: 500!important;
    color: #E96566 !important;
    font-size: 13px !important;
	font-style: italic;
	padding-left: 1%;
}
.mp-margin-top-5{
	margin-top: 5px;
}
.project_check_detail {
	padding-right: 0px !important;
	font-size: 12px;
	color: #333333;
	font-weight: 700;
  }
  .project_check_detail p {
	font-size: 12px;
	color: #777777;
	font-weight: 700;
	margin-top: 5px !important;
  }
  .project_check_detail span {
	color: #E85757;
  }
  .project_check_button {
	padding: 0px;
  }
  .mycheck {
	display: none;
  }
  .mycheck + label {
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-left: 20px;
	background: url('../img/icon-check1.png') no-repeat -28px 0;
  }
  .mycheck:checked + label {
	background: url('../img/icon-check1.png') no-repeat 0 0 !important;
  }
  #pro-detail {
	cursor: pointer;
	border-bottom: 4px solid #47AC71;
	margin-left: -15px !important;
  }
  #rew-donation {
	cursor: pointer;
	margin-left: -15px !important;
  }
  #add-detail {
	cursor: pointer;
	margin-left: -15px !important;
  }
  .project_main_form_part {
	background-color: #FFFFFF;
	padding-top: 35px;
  }
  .project_main_form_part span {
	color: red;
  }
  .project_main_form_part p {
	padding-top: 10px;
	font-size: 12px;
	color: #777777;
	font-weight: 700;
  }
  .project_detail label {
	font-size: 12px;
	color: #555555;
	font-weight: 700;
  }
  #project_title {
	height: 40px;
	padding: 5px 5px 5px 15px;
  }
  #project_amount_goal {
	height: 40px;
	padding: 5px 5px 5px 15px;
  }
  .project_image_block p {
	padding-bottom: 5px;
	font-size: 12px;
	color: #999999;
	font-weight: 700;
	font-style: italic;
	padding-top: 40px;
  }
  #project_file {
	display: none;
  }
  #project_img {
	height: 118px;
	width: 124px;
	display: inline-block;
  }
  .upload_button {
	color: #FFFFFF !important;
	background-color: #999999 !important;
	border-radius: 2px;
	cursor: pointer;
	padding: 10px;
  }
  .input-group {
	margin-bottom: 10px;
  }
  .input-group-addon {
	height: 40px !important;
	border-right: 1px solid #CED9E2 !important;
  }
  .project_duration_radio {
	padding: 0px;
  }
  #project_duration {
	width: 18px;
	height: 23px;
	margin-left: 0px;
	float: left;
  }
  #project_duration1 {
	width: 18px;
	height: 23px;
	margin-left: 0px;
	float: left;
  }
  .project_radio_text {
	padding-right: 0px;
  }
  .project_radio_input {
	padding: 5px 5px 5px 15px;
	height: 40px;
	margin-bottom: 10px;
  }
  .project_datepicker input {
	height: 40px;
	padding-left: 30px;
  }
  #startDate {
	margin-left: 60px;
  }
  .glyphicon-calendar {
	width: 20px !important;
	color: #999 !important;
  }
  .has-err {
	color: red;
	font-size: 14px;
  }
  .date-err {
	margin-left: 70px;
	margin-top: 10px;
  }
  .project_textarea {
	resize: none;
	padding: 15px;
  }
  .project_main_form_part {
	background-color: #FFFFFF;
	padding-top: 35px;
  }
  .project_main_form_part span {
	color: red;
  }
  .project_main_form_part p {
	padding-top: 10px;
	font-size: 12px;
	color: #777777;
	font-weight: 700;
  }
  #project_add_reward {
	color: #47AC71;
  }
  .project_reward_detail {
	border: solid 1px #47AC71;
	padding: 30px 15px 0px 15px;
	border-radius: 2px;
  }
//   .customer_choice {
// // 	display: none;
// //   }
  .minimum_bid_amount {
	padding: 5px 5px 5px 15px;
	height: 40px;
	margin-bottom: 10px;
  }
  .minimum_bid_incremental {
	padding: 5px 5px 5px 15px;
	height: 40px;
	margin-bottom: 10px;
  }
  .reward-amt-err {
	display: none;
  }
  .reward-err {
	color: red;
  }
  .doller_sign_btn {
	padding: 5px 5px 5px 15px;
	height: 40px;
	margin-bottom: 10px;
	color: #999999 !important;
	padding-right: 12px !important;
  }
  .project_d_amount {
	padding: 5px 5px 5px 15px;
	height: 40px;
	margin-bottom: 10px;
  }
  .label-image-add {
	margin-bottom: 15px;
  }
  #image_reward {
	position: absolute;
	display: none;
  }
  .custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
  }
  .custom-file-input::before {
	display: inline-block;
	background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #fff;
	font-weight: 700;
	font-size: 10pt;
  }
  .custom-file-input:active::before {
	border: none !important;
  }
  .reward_image {
	background-color: #CCCCCC;
	color: #555555 !important;
	margin: 2px;
	border: 1px solid #CCCCCC;
	height: 36px;
	padding: 6px;
	border-radius: 2px;
	display: none;
	float: left !important;
  }
  .reward_image_input {
	height: 42px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	border-right: 0px;
  }
 .upload_add {
	width: 100px !important;
	float: right !important;
	border-top-right-radius: 4px;
	border-color: #eeeeee;
	display: inline-flex;
	border-left: 1px solid #cccccc;
  }
  .reward_title {
	height: 40px;
	padding: 5px 5px 5px 15px;
  }
  .reward-title-err {
	display: none;
  }
  .btn_add_amount {
	padding: 12px 30px 12px 30px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	background-color: #47AC71;
	border-radius: 2px;
	margin: 20px 0px;
  }
  .btn_add_amount:hover {
	color: #fff !important;
  }
  #project_video {
	display: none;
  }
  .img_video {
	background: url('../img/icons-upload.png') no-repeat -44px 0;
	width: 47px;
	height: 42px;
	border-color: white !important;
	margin-top: 35px;
	margin-left: 35px;
  }
  .upload_button {
	color: #FFFFFF !important;
	background-color: #999999 !important;
	border-radius: 2px;
	cursor: pointer;
	padding: 10px;
  }
  .project_textarea {
	resize: none;
	padding: 15px;
  }
  .note_code {
	margin: 15px 0px -15px -1px;
	background-color: #FCF8E3;
	border-left: 7px solid #F4C178;
	padding: 10px;
  }
  .note_code ul {
	list-style: none;
  }
  .margin_right{
	  margin-right: 20px;
	  margin-top: 20px;
  }
  #card{
	  margin-left: 10px !important;
	  margin-right: 10px !important;
  }
  /*.first_save_button {
	margin-left: 33px;
	margin-right: 15px;
	padding: 10px 43px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	background-color: #47AC71;
	border-radius: 2px;
  }*/
//   .next_button {
// 	font-size: 12px;
// 	color: #47AC71;
// 	font-weight: 700;
// 	border: solid 1px #47AC71;
// 	padding: 10px 30px;
// 	background-color: #e2f2f6;
// 	margin-top: 27px;
// 	margin-bottom: 60px;
// 	border-radius: 2px;
//   }
//   .save_button_np {
// 	margin-top: 27px;
// 	margin-bottom: 27px;
// 	margin-left: 33px;
// 	margin-right: 15px;
// 	padding: 10px 43px;
// 	font-size: 12px;
// 	color: #FFFFFF;
// 	font-weight: 700;
// 	background-color: #47AC71;
// 	border-radius: 2px;
//   }
//   .skip_button {
// 	font-size: 12px;
// 	color: #47AC71;
// 	font-weight: 700;
// 	border: solid 1px #47AC71;
// 	padding: 10px 30px;
// 	background-color: #e2f2f6;
// 	margin-top: 27px;
// 	margin-bottom: 60px;
// 	border-radius: 2px;
// 	margin-left: 10px;
//   }
//   #save_publish {
// 	margin-top: 27px;
// 	margin-bottom: 60px;
// 	margin-left: 33px;
// 	margin-right: 15px;
// 	padding: 10px 43px;
// 	font-size: 12px;
// 	color: #47AC71;
// 	font-weight: 700;
// 	background-color: #e2f2f6;
// 	border: solid 1px #47AC71;
// 	border-radius: 2px;
//   }
//   #save_publish:hover {
// 	color: #47AC71;
//   }
//   .publish_button {
// 	margin-top: 27px;
// 	margin-bottom: 60px;
// 	margin-right: 33px;
// 	padding: 10px 43px;
// 	font-size: 12px;
// 	color: #FFFFFF;
// 	font-weight: 700;
// 	background-color: #47AC71;
// 	border-radius: 2px;
//   }
.tabs_container .nav-tabs > li.active > a, .tabs_container .nav-tabs > li.active > a:hover, .tabs_container .nav-tabs > li.active > a:focus {
	color: #252525;
	outline: 0 none;
	cursor: pointer;
	border: none;
  }
  .config_navbar{
	   background-color: #ECF2F6;
		font-size: 12px;
		font-weight: 700;
	  margin-bottom: 0px !important;
	
  }
  .config_navbar>ul>li>a{
	  margin-right: 20px;
	  color: #555555 !important;
  }
  .config_navbar>ul>li.active>a{
	  color: #333333 !important;
	  border-bottom: 4px solid #47AC71;
  }
  .config_navbar>ul>li:hover{
	  background-color: #ECF2F6 !important;
  }
  .add_form_container{
		background-color: #fff;
  }
  .note_row{
		padding: 15px 20px;
	  border-bottom: 1px solid #999;
  }
  .note_row>label{
		color: #E85757;
  }
  #general_form{
		padding: 7px 5px;
  }
  .pad-btm-15 {
		padding: 15px 0px;
  }
  .config_label, .control-label, .form_label{
		text-align: left !important;
		margin-bottom: 5px !important;
		color: #555555;
		.font-text(600,#555555,14px);
  }
  .config_label>span{
	  color: red;
  }
  .config_definition{
	margin-top: 5px;
	color: #999;
  }
  
  .checkbox-swith:checked + label .checkbox-active {
	  display: inline-block;
	  position: absolute;
	  margin-left: 56px;
	  margin-top: -6px;
	  color: #8DD1A7;
  }
  .checkbox-swith + label .checkbox-active {
	  display: none;
	  position: absolute;
	  margin-left: 56px;
	  margin-top: -6px;
	  color: #8DD1A7;
  }
  .checkbox-swith:checked + label .checkbox-inactive {
	  display: none;
	  position: absolute;
	  margin-left: 56px;
	  margin-top: -6px;
	  color: #ACACAC;
  }.checkbox-swith + label .checkbox-inactive {
	  display: inline-block;
	  position: absolute;
	  margin-left: 56px;
	  margin-top: -6px;
	  color: #ACACAC;
  }
  .checkbox-swith + label {
	  margin: 15px;
	  cursor: pointer;
	  width: 32px;
	  display: inline-block;
	  border-radius: 24px;
	  position: relative;
	  height: 12px;
	  content: '';
	  background-color: #CCCCCC;
	  transition: 0.2s;
  }
  .configuration_button {
	  margin-left: 33px;
	  margin-right: 15px;
	  padding: 10px 43px;
	  font-size: 12px;
	  color: #FFFFFF;
	  font-weight: 700;
	  background-color: #47AC71;
	  border-radius: 2px;
  }
  .configuration_button:hover
  {
	  color: #FFFFFF;
  }
  .input_filed{
	// padding: 6px 12px !important;
	height: 45px !important;
	border-radius: 2px;
  }
// .configurati
// {
// 	label
// 	{
// 		.font-text(600,#555555,14px);
// 	}
// }
 
//   .mail_configure .btn {
// 	  outline: 0 none !important;
// 	  font-size: 16px;
// 	  font-weight: 400;
// 	  color: #fff;
// 	  padding: 6px 40px 6px 40px;
// 	  margin: 15px 10px 0px 0px;
// 	  background-color: #4D508A;
//   }
.project_view_title {
	font-size: 12px;
	color: #333333;
	font-weight: 700;
  }
  .frontend_view {
	float: right;
	margin-right: 15px;
	font-size: 14px;
	color: #333339;
	font-weight: 700;
	background-color: #FFFFFF;
	padding: 2px 5px;
	border-radius: 3px;
	border: transparent;
  }
  .project_view {
	background-color: #ECF2F6;
	margin-bottom: 50px;
	margin-top: 5px;
  }
  .frontend_view a {
	color: #47AC71;
	text-decoration: none;
  }
  .project_view_detail {
	background-color: #FFFFFF;
	padding: 20px;
	margin-left: -15px;
  }
  .project_des {
	font-size: 12px;
	color: #333333;
	font-weight: 700;
  }
  .project_view_description {
	border: none;
	resize: none;
	padding: 10px;
	width: 100%;
	word-break: break-all;
	font-size: 12px;
	color: #777777;
	font-weight: 700;
  }
  .has-err {
	color: red;
	font-size: 14px;
  }
  .collaborator_view_table {
	padding: 5px;
	margin-bottom: 1px;
  }
  .project_short_description {
	border: none;
	resize: none;
	padding: 15px;
	width: 100%;
	word-break: break-all;
	font-size: 12px;
	color: #777777;
	font-weight: 700;
  }
  .view_status_button {
	border-radius: 3px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	background-color: #47AC71;
	border: transparent;
	cursor: pointer !important;
  }
  .on_off {
	border-radius: 3px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	background-color: #FFFFFF;
	border: 2px solid;
	color: #333333;
	cursor: pointer !important;
  }
  .target_amount_view {
	font-size: 12px;
	color: #555555;
	font-weight: 700;
  }
  .cr-amt {
	font-size: 30px;
	margin-bottom: 10px;
	margin-top: -5px;
	word-break: break-all;
	display: inline-block;
  }
  .backer_div {
	padding: 20px 10px;
	border: 2px solid;
  }
  .view_backers {
	font-style: italic;
	font-size: 12px;
	color: #47AC71;
	font-weight: 700;
  }
  .backer_btn {
	float: right;
	display: inline-block;
	background-color: #47AC71;
	color: #fff;
	font-weight: 600;
  }
  .winner_detail {
	background-color: #FFFFFF;
	margin-left: 15px;
	padding: 25px 25px;
	padding: 10px 15px;
	margin-top: 10px;
  }
  .winner_detail:hover
  {
	border-style: solid;
	border-width: 2px;
	border-color: #47AC71;
  }
  .added_amount {
	width: 100%;
	height: 40px;
	padding: 10px;
  }
  .boost_description {
	font-size: 14px;
	font-weight: 600;
	padding: 5px;
	color: #777777;
	font-style: italic;
  }
  .added_amount_btn {
	color: #fff;
	background-color: #47AC71;
	border: none;
	margin: 10px 0px;
	padding: 9px 13px;
	font-weight: 600;
	border-radius: 3px;
  }
  .boost_description {
	font-size: 14px;
	font-weight: 600;
	padding: 5px;
	color: #777777;
	font-style: italic;
  }
  .cs-notice {
	z-index: 500;
	display: none;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.88);
	color: #FFFFFF;
	position: fixed;
	bottom: 0;
	height: 80px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	margin-left: -30px !important;
  }
//   .footer {
// 	background-color: #282C2A;
// 	text-align: center;
// 	width: 100%;
// 	font-size: 10px;
// 	color: #686A69;
// 	font-weight: 700;
// 	padding: 15px;
//   }
  #project_img {
	height: 118px;
	width: 124px;
	display: inline-block;
  }
  .project_view_detail {
	background-color: #FFFFFF;
	padding: 20px;
	margin-left: -15px;
  }
  .project_breadcrumb {
	background-color: #F1F4F9 !important;
	font-size: 12px;
	color: #555555;
	font-weight: 700;
	margin-top: 10px;
  }
  .project_view_status {
	background-color: #FFFFFF;
	margin-left: 15px;
	padding: 25px 25px;
  }
  .progress {
	height: 9px !important;
	margin-bottom: 10px;
	border-radius: 3px;
  }
  .status_button {
	border-radius: 3px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	border: transparent;
	background-color: grey;
	cursor: auto;
  }
  .boost_description p {
	color: red;
	margin: 0px;
  }
  #project_file {
	  display: none;
  }
  #project_video {
	  display: none;
  }
  .reward_view_span {
	background-color: #777777;
	color: #ffffff;
	padding: 1px 6px;
	border-radius: 2px;
  }
  .target_amount_view {
	font-size: 12px;
	color: #555555;
	font-weight: 700;
  }
  .delete_faq_btn{
	background-color:#FF4141 !important;
	float: right;
	margin-top: -107px;

  }
  .wk-seller-global {
	width: 50px;
	height: 50px;
	background-color: #52C058;
	color: #fff;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 3px;
  }
   .project_multiple_img{
	float:left;
	height: 70px;
	width: 70px;
	display: inline-block;
	margin: 5px;
   }
	.trash_img_icon {
		background: #fff url(../img/icon-trash.svg) no-repeat center center / 20px 10px !important;
		float:left;
		width: 20px;
		height: 20px;
		border: 1px solid #979797;
		margin-top: 2px;
		cursor: pointer;
		border-radius: 2px;
	}
	.fieldset_border .ship_label_btn{
		background-color: #fff;
		padding: 5px;
		font-weight: 400;
	}
	#shipp_state_list td{
		min-width: 180px !important;
	}
	#shipp_state_list td:nth-child(1){
		min-width: 0px !important;
	}
	.mail_log_info{
		font-weight: 600;
		font-size: 16px;
		color: #333333;
	}
	.mail_log_info_text{
		font-size: 14px;
		color: #333333;
		line-height: 24px;
	}
	.mail_log_delivery_info{
		font-size: 12px;
		color: #999999;
		font-weight: 500;
	}	
	.tt_count{
		.data-label;
		border: 2px solid #777777;
		color : #777777;
		vertical-align: super;
	}
	.ord_tot_count{
		border: 2px solid #F2F3F4 ;
		padding: 10px 15px;
		color: #777777;
	}
	.add_card fieldset.fieldset_border {
		border: 2px solid #F2F3F4;
		padding: 5px !important;
		margin-bottom: 20px !important;
	}
	legend.mp_legend {
		width: 22%;
		font-size: 16px;
		padding-left: 5px;
		color: black;
	}
	.padding-10{
		padding:10px;
	}
	.input_field{
		height: 35px !important;
		border-radius: 2px;
	  }
	.disabled_btn {
		pointer-events:none;
	}  
	.text_color {
		color:#D7DBDD !important;
	}
	.check_icon {
		font-size:36px !important;
		color:#5FE716;
	}
	.exclamat_icon {
		font-size:36px !important;
		color:#FFD33D;
	}
	.fieldset_border button.import_btn {
		font-size: 12px;
		color: #46A2E0;
		border-color: #46A2E0;
		border-width: 1px;
		background: #FFFFFF;
		padding: 15px 25px;
		border-radius: 3px;
		margin-top: 10px;
	}
	.vat_pointer
	{
		cursor: pointer;
	}
	.import_csv_notice{
		label {
			.note;
		}
		div{
			.font-text(600,#777777,14px);
			font-style: italic;
		}
		b{
			.font-text(600,@black,14px);
		}
	}	
	.hide_details_class{
		padding: 5px;
	}
	.hide_details_class:hover{
		transform :scale(1.8);
	}
	#add_video_model {
		p{
			.font-text(600,#999999,14px);
			font-style: italic;
		}
		.upload_video{
			background: white;
			padding: 15px 30px;
			margin-top: 15px;
			margin-bottom: 15px;
			.font-text(600, #555555, 12px);
			border-radius: 3px;
			border: solid 1px;
			outline: none;
			&:hover{
				color: #333333 !important;
				border-color: #333333 !important;
			}
		}
		.upload_video:active{
			background: #F5F5F5 !important;
			color: #333333 !important;
			border-color: #333333 !important;
		}
	}
    .video_delete {
		background: #fff url(../img/icon-trash.svg) no-repeat center center / 20px 10px !important;
		float:left;
		width: 20px;
		height: 20px;
		border: 1px solid #979797;
		margin-right: 5px;
		margin-top: 5px;
		cursor: pointer;
		border-radius: 2px;
	}
	.product_multiple_video_prev {
		float:left;
		object-fit: cover;
	}
	.frame_video {
		padding: 1px;
	}
	.Polaris-Modal__BodyWrapper_1kb1f{
		display: flex;
		flex-grow: 1;
		overflow-x: hidden;
	}
	.Polaris-Modal__Body_yjdx1{
		width: 100%;
	}
	.Polaris-Scrollable--vertical_uiuuj{
		overflow-y: auto;
	}
	.Polaris-Scrollable_1ed9o{
		position: relative;
	}
	._3ZuV3{
		overflow-x: hidden;
	}
	.OAlL_{
		display: flex;
        flex-wrap: wrap;
	}
	._2L7tU{
		position: relative;
        display: inline-flex;
        align-items: center;
        min-height: 2.8rem;
        margin: .4rem;
        padding: 0 .8rem;
        background-color: rgb(218, 215, 213);
        border-radius: 3px;
        color: var(--p-text,#212b36);
        flex: 1 1 auto;
        word-break: break-all;
	}
	.Polaris-Icon_yj27d{
		display: block;
        height: 2rem;
        width: 2rem;
        max-height: 100%;
        max-width: 100%;
        margin: auto;
	}
	.Polaris-Icon__Img_375hq, .Polaris-Icon__Svg_375hu{
		position: relative;
		display: block;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
	}
	
    #postsearchbtn {
	    background: #52C058;
	    padding: 10px 25px;
	    border-radius: 3px;
	    border: none;
	    text-align: center;
	    color: #FFFFFF;
	    outline: none !important;
 }
    .search-box-sec { margin: 10px 0 15px 0;}
    #postcodeserch {
	    padding:12px ; 
	    border: none; 
	    background-color: #fff; 
	    width: 240px;
	    font-size: 12px;
	 } 	
	
		
 .accept-btn:hover { color: #fff;}

 .accept-btn {
    margin-right: 10px;
    background: #52C058;
    padding: 10px 35px;
    margin-top: 10px;
    border-radius: 3px;
    border: none;
    float: left;
    text-align: center;
    color: #FFFFFF;
    outline: none !important;

    color: #fff;
}
.mt-80 { margin-top: 80px; }

	 
.amazon-plan-card{
	height: 280px;
	max-height: 280px;
	word-wrap: break-word;
	position: relative;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
	-webkit-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
	-moz-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
	-o-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}
.amazon-plan-cardh2 {
	margin-top: 0;
}
.amazon-plan-card.mplan-wrapper {
	overflow-y: auto;
}
.amazon-plan-card.mplan-buy-btn {
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0;
}	
.amazon-plan-card h2{
	margin-top: 10px !important;
}
.amazon-plan-card p{
	margin-top: 10px !important;
}
.amazon-plan-card .active-btn{
	margin-top: 70px !important;
}
	
.staff-label.disabled {
	cursor: not-allowed;
}
.dropdown-menu>li>a>span{
	cursor:pointer;
}




.loginBtn1 {
	box-sizing: border-box;
    position: relative;
    padding: 0 15px 0 15px;
    border: none;
    text-align: left;
    line-height: 40px;
    white-space: nowrap;
    font-size: 16px;
    color: #FFF;
    border-radius: 5px;
    width: 236px;
}

.loginBtn1:focus {
  outline: none;
}
.loginBtn1:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


.loginBtn1--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  text-shadow: 0 -1px 0 #354C8C;
}


#fb_login_btn span{
	padding-left: 15px;
}
.loginBtn1--facebook:hover,
.loginBtn1--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}

.mp-margin-left-zero {
	margin-left: 0px !important;
}



span.cust_remove_files {
	cursor: pointer;
	margin-left: 7px;
	font-size: 18px;
}
#signup_form span.file_name{
	margin-left: 5px;
}

.seller-kyc th, .seller-kyc td {
	padding: 5px!important;
}
div#sso_store_div span.wk-cbx-title {
    font-weight: 300;
}
.note-text-black{
    font-weight: 600!important;
    color: #555555!important;
    font-size: 13px!important;
    margin-bottom: 0px !important;
}
.notification_seller_name{
	display: inline-block;
	width: 100%;
}
.notification_seller_name span{
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.dropdown.bootstrap-select ul.dropdown-menu{
	max-height: 300px;
}
#view-notification-modal .modal-content{
	overflow: auto;
	max-height: 450px;
}

#upload_esign_doc{
	border: 1px dashed #000;
	height:200px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}
#upload_esign_doc button{
	padding: 5px 10px;
}
#upload_esign_doc span{
   font-size: 40px;
}

.wk-image-container {
	position: relative;
	display: inline-block;
}

.wk-image-container img {
	max-width: 100%;
	height: 1122px;
}


.wk-draggable-text {
	position: absolute;
	cursor: move;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5px;
	border: 1px solid #ccc;
}
#place_document_custom_field {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}

.image-container {
	position: relative;
}

.draggable-content {
	position: absolute!important;
	cursor: move;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5px;
	border: 1px solid #ccc;
}
.remove-button {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #ff0000;
	color: #ffffff;
	border: none;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
}
.wk-esign-pdf-div {
	width: 100%;
	height: 100vh;
	background-color: #e9ecef;
	overflow: scroll;
	border: 1px solid #bec3c7;
}

.wk-esign-image-div {
	width: 210mm;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

.wk_variant_option_div {
	border-left: 2px solid #D6DDE9;
	border-right: 2px solid #D6DDE9;
	border-bottom: 2px solid #D6DDE9;
	.option-name-div {
		color: #2E2E2E;
		font-size: 16px;
		font-style: normal;
		font-weight: 550;
		line-height: 22px;
		letter-spacing: -0.2px; 
	}
	  
	.option-value-div {
		display: inline-flex;
		padding: 5px 15px; 
		justify-content: start;
		align-items: center;
		gap: 10px; 
		flex-wrap: wrap;
		margin-bottom : 10px;
	}
	
	.option-rounded-circle {
		border-radius: 40px; 
		background: #E9E9E9;
		padding: 8px 25px;
	}
	
	.wk_variant_option_item {
		border-top: 2px solid #D6DDE9;
		display: flex;
		padding-top: 5px; 
		padding-bottom: 5px; 
		&::after {
			display: flex;
			border-top: 2px solid #D6DDE9; 
		}
	}
	
	.option-name-value-main-div,
	.option-name-edit-div,
	.wk-option-value-edit{
		display: flex;
		align-items: center;
	
		&.option-name-value-main-div {
			flex-wrap: wrap;
			padding-top: 10px; 
			padding-bottom: 10px;
		}

		&.option-name-value-main-div {
			justify-content: space-between;
		} 
	}
	
	.wk-flex-center,
	.option-edit-value-div {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	  
	.opt-edit-btn,
	.opt-delete-icon,
	.opt-value-delete-icon {
		border-radius: 4px; 
		border: 1px solid #ccc; 
		background: #FFF;
		padding:  6px 15px;
		text-align: center;
	
		&.opt-value-delete-icon,
		&.opt-delete-icon {
			width: 50px; 
			padding: 8px; 
			font-size: 18px 
		}
	}
	
	.opt-done-btn {
		margin-top: 10px; 
		background: #52C058;
		color: #fff;
		padding:  8px 15px;
		border-radius: 4px; 
		border: none;
	}

	input {
		border-radius:  6px;
	}
	
	.padding-lr-5 {
		padding-left: 5px; 
		padding-right: 5px; 
	}
	
	.padding-xy-5 {
		padding-top: 5px; 
		padding-bottom: 5px; 
	}
	
	.padding-left-20 {
		padding-left: 20px;
	}

	.padding-right-30 {
		padding-right: 30px;
	}
	
	.error-border {
		border:1px solid red; 
		font-weight: 600;
	}	  
	.error-msg {
		color: red;
	}
}
.opt-done-btn[disabled],#option-edit-submit-btn[disabled]{
	cursor: not-allowed;
	background: #999999;
}

#add_another_option_btn {
	border-radius: 4px; 
	border: 1px solid #ccc; 
	background: #FFF;
	padding:  6px 15px;
	text-align: center;
}
.option-rounded {
	border-radius: 20px;
	background: #D5EBFF;
	padding: 5px 10px;
	font-size: 10px;
	word-break: keep-all;
}

@media only screen and (max-width: 600px) {
	.wk_variant_option_div .opt-edit-btn-div {
		padding-left: 16px;
		padding-top: 8px;
	}
	
	.wk_variant_option_div .opt-delete-icon,
	.wk_variant_option_div .opt-value-delete-icon {
		padding:  6px 8px;
	}

}
  
#inventory_policy_span {
	margin-left: -10px;
    position: absolute;
}
#export_type_list_modal {
	top: 150px;
	z-index: 1000;
	overflow: visible !important;
}
#export-modal, #earning-export-modal {
	z-index: 1000;
	overflow: visible !important;
	top: 135px;
}
#export-modal .modal-header{
	padding: 0px !important;
}
.wk-upgrade-live-chat{
	margin: auto;
	position: fixed;
	bottom: 10px;
}
.wk-live-chat-lower-icon{
	right: 10px;
	width: 64px;
    height: 64px;
    display: flex;
    border-radius: 50%;
    background-color: #1c48ea;
    position: fixed;
    bottom: 16px;
    position: inherit;
}
.login-cheat > span, .wk-search-component > span > span {
	font-size: 20px;
}
.wk-search-component {
	margin-bottom: 0px;
	> span {
		height: auto !important;
	}
}
.merchant_product_ul {
	list-style-type: none;
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 0px;
	display: none;
	> li {
		padding: 5px;
		&:hover {
			background-color:  #cccccc;
		}
	}
}
.wk-hidden-input{
	position: absolute;
	top: 50px;
	z-index: -1;
}

// scroll table style

table.scrolldown tbody,
table.scrolldown thead {
	display: block;
}

table.scrolldown tbody {
	height: 50px;
	overflow: scroll;
}

table.scrolldown tbody td,
table.scrolldown thead th {
	width: 200px;
}

table.scrolldown thead tr th {
	font-size: 11px;
}
.seller_custom_field_group{
	border: 1px solid #777777;
    padding: 10px;
}
// .scrollTable{
// 	width: 29rem;
//     margin-left: 12rem;
// }
#email_dropdown {
	box-shadow: 1px 1px 12px;
	display: none;
	max-height: 150px;
	overflow-y: auto;
}
.email_select {
	border: 1px solid grey;
	padding: 3px;
}

#page-sub-heading {
	& span{
		font-size: 26px;
		color: #333333;
		font-weight: 600;
	}
	& div{
		font-size: 14px;
		color: #333333;
		font-weight: 600;
	}
}

  
.carousel {
	position: relative;
	width: 300px;
	height: 300px;
	border-radius: 0.4rem;
	margin: 10px 0px;
	overflow: hidden;
	box-shadow: 3px 22px 29px rgba(0, 0, 0, 0.2);
  }
  
  .carousel .track {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 300ms ease-in-out;
  }
  
  .carousel .slide {
	position: relative;
	display: flex;
	justify-content: center;
	min-width: 100%;
	min-height: 100%;
	font-size: 2rem;
	background: white;
  }
  
  .carousel button {
	position: absolute;
	top: 50%;
	border: none;
	font-size: 2rem;
	background: none;
	cursor: pointer;
	transition: background-color 200ms ease-in-out;
  }

  
  .carousel .prev {
	left: 0;
  }
  
  .carousel .next {
	right: 0;
  }
  
  /* Image gallery stlyling */
  
  .track .slide:nth-child(3n+1) {
	margin-left: 0;
  }
  
  
  /* Popup Styling */
  .img-popup {
	z-index: 1;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
  }
  
  .img-popup img {
	max-width: 500px;
	width: 100%;
	opacity: 0;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
  }
  
  .opened {
	display: flex;
  }
  
  .opened img {
	animation: animatepopup 1s ease-in-out .8s;
	-webkit-animation: animatepopup .3s ease-in-out forwards;
  }

  .close-btn {
	width: 35px;
	height: 30px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
  }
  
  .close-btn .bar {
	height: 4px;
	background: #333;
  }
  
  .close-btn .bar:nth-child(1) {
	transform: rotate(45deg);
  }
  
  .close-btn .bar:nth-child(2) {
	transform: translateY(-4px) rotate(-45deg);
  }
  
  @keyframes animatepopup {
  
	to {
	  opacity: 1;
	  transform: translateY(0);
	  -webkit-transform: translateY(0);
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -o-transform: translateY(0);
	}
  
  }
  .wk-password-eye-div{
    display: flex;
    align-items: center;
  }

#product_bulk_listing {
	background-color: #FFFFFF;
	>div {
		padding: 10px;
		margin-top: 10px !important;
	}
	form {
		input {
			border: none !important;
			overflow: hidden;
		}
	}
}
.table_heading {
	>div {
		border: none !important;
		overflow: hidden;
		background: none !important;
	}
	margin: 20px 0px;
}
.bulk_table {
	max-width: 100% !important;
	overflow-x: auto;
}
.parents_product {
	height: 5%;
	display: flex;
	float: left;
	width: 100%;
	flex-direction: row;
	margin-top: 0px !important;
	div {
		height: 5%;
		display: flex;
		float: left;
		height: 45px;
	}
	img {
		width: 20px;
		height: 18px;
		margin: 0.8% 46%;
	}
	>div {
		>input {
			&:disabled {
				opacity: 0.6;
				cursor: not-allowed;
				color: #000;
			}
			&:focus {
				outline: 0;
			}
		}
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
		border: 2px solid #ccc;
		outline: initial;
		min-width: 20%;
		flex-direction: column;
		border: 1px solid #CCCCCC;
		background: #FFFFFF;
		&:has(input:focus) {
			box-shadow: 0 0 5px 2px #46A2E0;
			z-index: 1;
		}
	}
}
.child_variants {
	height: 5%;
	display: flex;
	float: left;
	flex-direction: row !important;
	width: 100% !important;
	div {
		height: 5%;
		display: flex;
		float: left;
		height: 45px;
	}
	img {
		width: 20px;
		height: 18px;
		margin: 0.8% 46%;
	}
	>div {
		>input {
			&:disabled {
				opacity: 0.6;
				cursor: not-allowed;
				color: #000;
			}
			&:focus {
				outline: 0;
			}
		}
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
		border: 2px solid #ccc;
		outline: initial;
		min-width: 20%;
		flex-direction: column;
		border: 1px solid #CCCCCC;
		background: #FFFFFF;
		&:has(input:focus) {
			box-shadow: 0 0 5px 2px #46A2E0;
			z-index: 1;
		}
	}
}
@media only screen and (max-width: 768px) {
	.parents_product {
		img {
			width: 20px;
			height: 18px;
			margin: 1.5% 42%;
		}
	}
	.child_variants {
		img {
			width: 20px;
			height: 18px;
			margin: 1.5% 42%;
		}
	}
}
@media only screen and (min-width: 310px) and (max-width: 600px) {
	.parents_product {
		>div {
			min-width: 40% !important;
			flex-direction: column !important;
			border: 1px solid #CCCCCC !important;
			background: #F9F9F9;
		}
		img {
			width: 20px;
			height: 18px;
			margin: 1.5% 43%;
		}
	}
	.child_variants {
		>div {
			min-width: 40% !important;
			flex-direction: column !important;
			border: 1px solid #CCCCCC !important;
			background: #F9F9F9;
		}
		img {
			width: 20px;
			height: 18px;
			margin: 1.5% 43%;
		}
	}
}

div .dropup {
	width: 100%;
}

.input_quantity {
	padding: 5px 15px;
	max-height: 127px;
	overflow-y: auto;
	width:230px;
}

.dev-store-table > tbody > tr > td {
	font-size: 13px;
}
.dev-store-table > tbody > tr > td:last-child, .dev_store_show {
	font-weight: 700;
}
.active_reason{
	pointer-events: none;
	text-transform: capitalize;
}

.inactive_reason{
	background: darkgrey;
	color: white;
	pointer-events: none;
	text-transform: capitalize;
}

#page-heading div.invoice-date-btn {
	background: none;
	padding: 0px;
	> select{
		height: 40px;
	}
}



.copy-to-clipboard{
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	right:-30px;
	top:21px;
	padding:10px;
}
#export_type_list_modal .modal-content {
	max-height: 500px;
	overflow-y: scroll;
}

#auction-store-pickup-modal{
	.modal-header{
		border-bottom: 1px solid #e5e5e5 !important;
		margin-bottom: 20px;
	}

	.store-pickup-location {
		word-wrap: break-word;
	}
}

.auction-store-pickup-process{
	cursor: pointer;
}

@media only screen and (max-width: 968px) {
	#product_name_div {
		.prefix {
			width: 104% !important;
		}
		.prefix_product_name {
			padding-right: 0% !important;
			width: 100% !important;
			padding-left: 0% !important;
		}
	}
}

.mt-neg-20 {
	margin-top: -20px;
}

.input-position {
	position: static !important;
}

.wk-gb-product-image {
	border: 2px solid rgba(0, 0, 0, 0.3);
	padding: 5px;
	width: 100%;
}
.gbpagecss .wk-white-badge {
	background: #FFFFFF;
	border: 1px solid #979797;
	border-radius: 4px;
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding: 4px;
	font-weight: bold;
	letter-spacing: 1px;
}
.gbpagecss .gb-white-badge{
	font-weight: 700;
	color: #000000;
	font-size: 11px;
	padding: 1.5px 10px 1.5px 10px;
	border-radius: 2px;
	white-space: nowrap;
	background: #FFFFFF;
    border: 1px solid #979797;
}
.gbpagecss .refunded {
    color: #fff;
    background-color: #17a2b8;
}
.gbpagecss .badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}



.gbpagecss a.badge:focus, .gbpagecss a.badge:hover {
text-decoration: none;
}

.gbpagecss .badge:empty {
display: none;
}

.gbpagecss .btn .badge {
position: relative;
top: -1px;
}

.gbpagecss .badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem;
}

.gbpagecss .badge-primary {
color: #fff;
background-color: #007bff;
}

.gbpagecss a.badge-primary:focus, .gbpagecss a.badge-primary:hover {
color: #fff;
background-color: #0062cc;
}

.gbpagecss a.badge-primary.focus, .gbpagecss a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}

.gbpagecss .badge-secondary {
color: #fff;
background-color: #6c757d;
}

.gbpagecss a.badge-secondary:focus, .gbpagecss a.badge-secondary:hover {
color: #fff;
background-color: #545b62;
}

.gbpagecss a.badge-secondary.focus, .gbpagecss a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}

.gbpagecss .badge-success {
color: #fff;
background-color: #28a745;
}

.gbpagecss a.badge-success:focus, .gbpagecss a.badge-success:hover {
color: #fff;
background-color: #1e7e34;
}

.gbpagecss a.badge-success.focus, .gbpagecss a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}

.gbpagecss .badge-info {
color: #fff;
background-color: #17a2b8;
}

.gbpagecss a.badge-info:focus, .gbpagecss a.badge-info:hover {
color: #fff;
background-color: #117a8b;
}

.gbpagecss a.badge-info.focus, .gbpagecss a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}

.gbpagecss .badge-warning {
color: #212529;
background-color: #ffc107;
}

.gbpagecss a.badge-warning:focus, .gbpagecss a.badge-warning:hover {
color: #212529;
background-color: #d39e00;
}

.gbpagecss a.badge-warning.focus, .gbpagecss a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}

.gbpagecss .badge-danger {
color: #fff;
background-color: #dc3545;
}

.gbpagecss a.badge-danger:focus, .gbpagecss a.badge-danger:hover {
color: #fff;
background-color: #bd2130;
}

.gbpagecss a.badge-danger.focus, .gbpagecss a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}

.gbpagecss .badge-light {
color: #212529;
background-color: #f8f9fa;
}

.gbpagecss a.badge-light:focus, .gbpagecss a.badge-light:hover {
color: #212529;
background-color: #dae0e5;
}

.gbpagecss a.badge-light.focus, .gbpagecss a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}

.gbpagecss .badge-dark {
color: #fff;
background-color: #343a40;
}

.gbpagecss a.badge-dark:focus, .gbpagecss a.badge-dark:hover {
color: #fff;
background-color: #1d2124;
}

.gbpagecss a.badge-dark.focus, .gbpagecss a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}

.gbpagecss .badge {
border: 1px solid #000;
}
.gbpagecss .rounded {
border-radius: .25rem !important;
}

.gbpagecss .pl-1{
padding-left: .25rem !important;
}
.gbpagecss .pr-1 {
padding-right: .25rem !important;
}
.gbpagecss .customer_details{
background-color: rgba(0, 0, 0, 0.05) !important;
}
.gbpagecss .padding-tb-5 {
	padding-top: 5px; 
	padding-bottom: 5px; 
}
.gbpagecss .gb_timer div{
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    height: 40px;
    width: 40px;
    font-size: 15px;
    padding: 9px 7px;
    text-align: center;
    border-radius: 5%;
}
.gbpagecss .gb_timer td{
    width: 30px;
}
.gbpagecss .gb_timer{
	text-align: center;
}

.gbpagecss .wk-badge-email{
    background: #F2F2F2;
    border: 1px solid #979797;
    border-radius: 9px;
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    margin-right: 2px;
    margin-bottom: 4px;
    width: max-content;
    display: inline-block;
}

.span_delete span {
	color: #a94442;
}
#signup_form .g-recaptcha {
    clear: both;
    margin: 10px 0;
}
.wk-close{
	margin-top:2px;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	opacity: .2;
	border:0;
	padding:0;
	cursor:pointer;
	background:0;
  }

 .page_group_buy_product{
	cursor: pointer!important;
}