.required, .red, .cancelled, .rejected, .inactive, .out, .expired, .late, .absent, .excused {
	color: red ;
    text-transform: capitalize ;
}
.active, .in, .used, .presen {
	color:#063 ;
	text-transform: capitalize ;
}
.publish, .shipped, .done, .order_paid, .order_confirmed, .completed, .order_combined, .order_completed, .paid, .complete, .confirmed, .payment_completed, .page_active {
	color:#063 ;
	text-transform: capitalize ;
}
.pending, .qc, .shipping, .estimate, .packing, .unpaid, .deposit, .process, .order_pending, .order_web-pending, .page_inactive, .order_cancelled, .order_unpaid, .order_progress, .order_deposit, .payment_failed, .payment_cancelled, .payment_chargeback, .payment_reject, .payment_hold, .payment_blocked {
	color:red ;
	text-transform: capitalize ;
}

.order_processing {
    color: #bec82c ;
    text-transform: capitalize ;
}

.editable-content {
	cursor: pointer;
	/* text-decoration: underline; */
}

.editable-content:hover {
	color:rgba(226, 47, 47, 0.85);
	/* text-decoration: underline; */
}

/** Result **/
.switch-v1 {
	margin: 0 ;
	width: 52px ;
	height: 26px ;
	position: relative ;
	display: inline-block ; }
	.switch-v1 .form-checkbox-v1 { 
		width: 0 ;
		height: 0 ;
		opacity: 0 ; }
	.switch-span-v1 {
		top: 0 ;
		left: 0 ;
		right: 0 ;
		bottom: 0 ;
		cursor: pointer ;
		position: absolute ;
		border-radius: 34px ;
		background-color: #ccc ;
		-webkit-transition: .4s ;
		transition: .4s ; }
		.switch-span-v1:before {
			left: 4px ;
			bottom: 4px ;
			content: "" ;
			width: 18px ;
			height: 18px ;
			border-radius: 50% ;
			position: absolute ;
			background-color: white ;
			-webkit-transition: .4s ;
			transition: .4s ; }
	.form-checkbox-v1:checked + .switch-span-v1 {
		background-color: #0075ff ; }
	.form-checkbox-v1:focus + .switch-span-v1 {
		box-shadow: 0 0 5px #0075ff ; }
	.form-checkbox-v1:checked + .switch-span-v1:before {
		-webkit-transform: translateX(26px) ;
		-ms-transform: translateX(26px) ;
		transform: translateX(26px) ; }


/** Result **/
	.result-error, .result-success {
		color:#fff ;
		display: none ;
		padding:8px 5px ;
		text-align:center ;
		margin-bottom: 10px ;
	}
	.result-error {
		background-color:#960606 ;
	}
	.result-success {
		background-color:#0F541B ;
	}
	.failed_div, .success_div {
	    display: none;
	    margin-bottom: 10px;
	    background: #ec2f23;
	    border: 1px solid #ce261b;
	    color: #fff;
	    padding: 6px;
	    font-size: 13px;
	}
	.success_div{background:#29af11;border:1px solid #249e0e;}


/** Text Transform **/
	.t-capitalize {
		text-transform: capitalize ;
	}


/** Text Align **/
	.align_left {
		text-align: left ;
	}
	.align_center {
		text-align: center ;
	}
	.align_right {
		text-align: right ;
	}


/** Padding **/
	.p-0 {
		padding: 0 ;
	}
	.p-left-0 {
		padding-left: 0;
	}
	.p-right-0 {
		padding-right: 0;
	}


/** Margin **/
	.margin_top_5 {
		margin-top: 5px ;
	}
	.margin_top_10 {
		margin-top: 10px ;
	}
	.m-botton-5 {
		margin-bottom: 5px ;
	}
	.m-botton-10 {
		margin-bottom: 10px ;
	}


/** Overflow **/
	.overflow_auto {
		overflow: auto ;
	}


/** Color **/
	.c-g {
		color: green ;
	}
	.c-r {
		color: red ;
	}


/** Width **/
	.w-90 {
		width: 90px !important ; }
	.w-110 {
		width: 110px !important ; }
	.w-150 {
		width: 150px !important ; }
	.w-250 {
		width: 250px !important ; }


/** Checkbox **/
	.label-checkbox {
		height: 19px ;
	    margin: 0 auto ;
	    display: block ;
	    cursor: pointer ;
	    cursor: pointer ;
	    text-align: left ;
	    position: relative ;
	    padding-left: 35px ;
	    text-transform: capitalize ;
	    -webkit-user-select: none ;
	    -moz-user-select: none ;
	    -ms-user-select: none ;
	    user-select: none ;
	}
	.label-checkbox input {
	  	width: 0 ;
	  	height: 0 ;
	  	opacity: 0 ;
	  	cursor: pointer ;
	  	position: absolute ;
	}
	.checkmark {
	  	top: 0 ;
	  	left: 50% ;
	  	width: 20px ;
	  	height: 20px ;
	    margin-left: -10px ;
	  	position: absolute ;
	  	background-color: #eee ;
	}
	.label-checkbox:hover input ~ .checkmark {
	  	background-color: #ccc;
	}
	.label-checkbox input:checked ~ .checkmark {
	  	background-color: #2196F3;
	}
	.checkmark:after {
	  	content: "";
	  	position: absolute;
	  	display: none;
	}
	.label-checkbox input:checked ~ .checkmark:after {
	  	display: block;
	}
	.label-checkbox .checkmark:after {
	  	left: 8px ;
	    top: 5px ;
	    width: 5px ;
	    height: 10px ;
	    border: solid white ;
	    border-width: 0 3px 3px 0 ;
	    -webkit-transform: rotate(45deg) ;
	    -ms-transform: rotate(45deg) ;
	    transform: rotate(45deg) ;
	}


/** Modal **/
	.modal {
	  	top: 0 ;
	  	left: 0 ;
	  	z-index: 3 ;
	  	width: 100% ;
	  	height: 100% ;
	  	display: none ;
	  	overflow: auto ;
	  	position: fixed ;
	  	padding-top: 50px ;
	  	background-color: rgb(0,0,0) ;
	  	background-color: rgba(0,0,0,0.4) ;
	}
	.modal-content {
	  	width: 80% ;
	  	margin: auto ;
	  	padding: 20px ;
	  	border: 1px solid #888 ;
	  	background-color: #fefefe ;
	}
	.close {
		float: right ;
		color: #aaaaaa ;
		font-size: 28px ;
		font-weight: bold ;
	}
	.close:hover, .close:focus {
	  	color: #000;
	  	text-decoration: none;
	  	cursor: pointer;
	}


/** Menu **/
	.navigation ul li ul li ul li a {
	    padding: 8px 25px 8px 40px ;
	}
	#menu_invoice_pending {
	  	color: #fff ;
	  	width: 26px ;
	  	height: 26px ;
	  	float: right ;
	  	display: block ;
	  	line-height: 2 ;
	  	margin-top: -4px ;
	  	text-indent: -1px ;
	  	border-radius: 50% ;
	  	text-align: center ;
	  	background: #ec2f23 ;
	}
	.nestable-lists {
		display: block;
		padding: 0;
		width: 100%;
		border: 0;
	}
	.cf:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		height: 0;
	}
	* html .cf {
		zoom: 1;
	}
	*:first-child+html .cf {
		zoom: 1;
	}
	.dd {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		max-width: 100%;
		list-style: none;
		font-size: 13px;
		line-height: 20px;
	}
	.dd-list {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.dd-list .dd-list {
		padding-left: 30px;
	}
	.dd-collapsed .dd-list {
		display: none;
	}
	.dd-item, .dd-empty, .dd-placeholder {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		min-height: 20px;
		font-size: 13px;
		line-height: 20px;
		cursor: move;
	}
	.dd-handle {
		display: block;
		height: 30px;
		margin: 5px 0;
		padding: 5px 10px 5px 20px;
		color: #333;
		text-decoration: none;
		font-weight: bold;
		border: 1px solid #ccc;
		background: #fafafa;
		background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
		background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
		background: linear-gradient(top, #fafafa 0%, #eee 100%);
		-webkit-border-radius: 3px;
		border-radius: 3px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.dd-handle:hover {
		color: #2ea8e5;
		background: #fff;
	}
	.dd-item > button {
		display: block;
		position: absolute;
		cursor: pointer;
		float: left;
		width: 25px;
		height: 20px;
		margin: 5px 0;
		padding: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		border: 0;
		background: transparent;
		font-size: 12px;
		line-height: 1;
		text-align: center;
		font-weight: bold;
	}
	.dd-item > button:before {
		content: '+';
		display: block;
		position: absolute;
		width: 100%;
		text-align: center;
		text-indent: 0;
	}
	.dd-item > button[data-action="collapse"]:before {
		content: '-';
	}
	.dd-placeholder, .dd-empty {
		margin: 5px 0;
		padding: 0;
		min-height: 30px;
		background: #f2fbff;
		border: 1px dashed #b6bcbf;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.dd-empty {
		border: 1px dashed #bbb;
		min-height: 100px;
		background-color: #e5e5e5;
		background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
		background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
		background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
		background-size: 60px 60px;
		background-position: 0 0, 30px 30px;
	}
	.dd-dragel {
		z-index: 9999 ;
		position: absolute ;
		pointer-events: none ;
	}
	.dd-dragel > .dd-item .dd-handle {
		margin-top: 0 ;
	}
	.dd-dragel .dd-handle {
		-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1) ;
		box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1) ;
	}
	.dd_item_sub {
		top: 4px ;
		right: 10px ;
		position: absolute ;
	}
	#nestable-menu {
		padding: 0 ;
		margin: 20px 0 ;
	}
	#nestable-output, #nestable2-output {
		width: 100% ;
		height: 7em ;
		font-size: 0.75em ;
		line-height: 1.333333em ;
		font-family: Consolas, monospace ;
		padding: 5px ;
		box-sizing: border-box ;
		-moz-box-sizing: border-box ;
	}
	#nestableMenu-output {
		width: 100% ;
		height: 7em ;
		font-size: 0.75em ;
		line-height: 1.333333em ;
		font-family: Consolas, monospace ;
		padding: 5px ;
		box-sizing: border-box ;
		-moz-box-sizing: border-box ;
	}
	#nestable2 .dd-handle {
		color: #fff;
		border: 1px solid #999;
		background: #bbb;
		background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
		background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
		background: linear-gradient(top, #bbb 0%, #999 100%);
	}
	#nestable2 .dd-handle:hover {
		background: #bbb;
	}
	#nestable2 .dd-item > button:before {
		color: #fff;
	}


/** Dashboard **/
	.dashboard-report-ul, .dashboard-report-ul:after {
	    clear: both ;
	}
	.dashboard-report-ul:after, .dashboard-report-ul:before {
	    content: "" ;
	    display: table ;
	}
	.dashboard-report-ul {
		padding: 0 ;
		list-style: none ;
	}
	.dashboard-report-ul li {
		width: 25% ;
		float: left ;
		padding-left: 10px ;
	}
	.dashboard-report-ul li:first-child {
		padding-left: 0 ;
	}
	.dashboard-report-div {
		padding: 20px 30px ;
		border-radius: 4px ;
		background-color: #fff ;
	    border: 1px solid #ddd ;
	    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05) ;
	    box-shadow: 0 1px 1px rgba(0,0,0,.05) ;
	}
	.dashboard-report-div, .dashboard-report-div:after {
	    clear: both ;
	}
	.dashboard-report-div:after, .dashboard-report-div:before {
	    content: "" ;
	    display: table ;
	}
	.dashboard-report-icon {
		width: 25% ;
		float: left ;
	}
	.dashboard-report-icon i {
		font-size: 48px ;
	}
	.dashboard-report-details {
		width: 75% ;
		float: left ;
	    padding-left: 20px ;
	}
	.dashboard-report-text {
		font-size: 20px ;
	}
	.dashboard-report-heading {
		color: #99abb4 ;
	    font-size: 14px ;
	}


/** Dashboard **/
	.drag_here, .drag_here:after {
	    clear: both ; }
	.drag_here:after, .drag_here:before {
	    content: "" ;
	    display: table ; }
    .drag_here {
    	margin: 0 ;
    	padding: 0 ; }
	    .drag_here li {
		    padding: 0 ;
		    float: left ;
		    width: 100px ;
		    display: block ;
		    position: relative ;
		    margin: 0 10px 10px 0 ; }
		    .drag_here li a {
			    display: block ; }
			    .drag_here li a img {
			    	width: 100% ;
			    	height: 100px ;
				    display: block ;
			    	object-fit: cover ; }
	


/** Order **/
	.order-list-div {
		position: relative ;
	}
	.order-list-div button {
	    top: 0 ;
	    left: 0 ;
	    padding: 3px 10px ;
	    position: absolute ;
	    border: 1px solid #ccc ;
	}
	.order-list-div input {
		padding-left: 40px ;
	}
	.tracking-href {
		display: block ;
	    padding: 2px 0 ;
	    border-top: unset ;
	    text-align: center ;
	    border: 1px solid #ccc ;
	    border-top: unset ;
	    background-color: #efefef ;
	}
	.search_result_div {
	  	z-index: 1 ;
	  	width: 100% ;
	  	position: absolute ;
	  	background-color: #fff ;
	  	border: 1px solid #ccc ;
	}

	.search_result_div .search_customer_result {
	  	display: block ;
	  	padding: 3.5px 6px ;
	  	border-bottom: 1px dashed #ccc ;
	}

	.search_result_div2 {
	  	top: 0 ;
	  	left: 0 ;
	  	width: 100% ;
	  	z-index: 99999 ;
	  	margin-top: 26px ;
	  	position: absolute ;
	}
	.order_title {
	  	font-weight: 700 ;
	  	margin-bottom: 5px ;
	  	padding-bottom: 5px ;
	  	border-bottom: 1px solid #ddd ;
	}
	.cart_title {
	  	font-size: 14px ;
	  	font-weight: 700 ;
	}
	.order-print-ul, .order-print-ul:after {
	    clear: both ; }
	.order-print-ul:after, .order-print-ul:before {
	    content: "" ;
	    display: table ; }
	.order-print-ul {
		margin: 0 ;
		padding: 0 ;
		list-style: none ; }
		.order-print-ul li {
			padding: 5px 0 ; }
			.order-print-ul li a {
				display: block ; }


/** Order Commission **/
	.commission-details-title {
	    font-size: 14px ;
		font-weight: bold ;
	    padding-bottom: 10px ;
	    text-decoration: underline ;
	}
	.order-commission-tbody {
		display: none ;
	}
	.main-order-dropdown {
	    padding-left: 10px ;
	}
	.main-order-dropdown i {
	    font-size: 14px ;
	}


/** Warehouse **/
	.warehouse_div{
		height: 745px ;
		background-color: #fff ;
	}
	.warehouse_img {
	    width: 100% ;
	    height: 100px ;
	    margin: 0 auto ;
	    max-width: 200px ;
	    object-fit: contain ;
	}
	.warehouse_barcode {
	    width: 100% ;
	    height: 65px ;
	    margin: 0 auto ;
	    max-width: 200px ;
	    margin-bottom: 10px ;
	}
	.warehouse_a {
	    cursor: pointer ;
	}


/** Checklist **/
	.checklist-action { 
		top: 0 ;
		right: 15px ;
		position: absolute ; }
		.checklist-list input[type=checkbox] {
			width: 26px ;
			height: 26px ;
			float: right ;
			margin: 0 auto ; }
			.checklist-action a {
			    width: 26px ;
			    height: 26px ;
			    right: -26px ;
			    font-size: 16px ;
			    line-height: 26px ;
			    text-align: center ;
				position: absolute ; }


/** Member **/
	.member-parent {
		text-align: center;
	    padding: 15px;
	}
	.member-parent .title {
		font-size: 16px;
	    font-weight: bold;
	}
	.plus {
		top: -2px ;
		padding: 0 ;
		height: 0px ;
		display: block ;
		margin: 0 auto ;
		cursor: pointer ;
		position: relative ;
	}
	.plus i {
		color: #000 ;
		margin: 0 auto ;
		font-size: 14px ;
		border-radius: 50% ;
		background-color: #fff ;
	}
	.member-shortcut-ul {
		margin: 0 ;
		padding: 0 ;
		list-style: none ;
		margin-bottom: 10px ; }
		.member-shortcut-ul, .member-shortcut-ul:after {
		    clear: both ; }
		.member-shortcut-ul:after, .member-shortcut-ul:before {
		    content: "" ;
		    display: table ; }
		.member-shortcut-ul li {
		    width: 16.66% ;
		    float: left ;
			padding: 5px ;
		    cursor: pointer ;
		    text-align: center ; }
			.member-shortcut-ul li a {
    			padding: 10px ;
				display: block ;
				background-color: #f2f2f4 ; }
				.member-shortcut-ul li a .member-icon {
				    color: #fff ;
				    width: 40px ;
				    height: 40px ;
				    margin: 0 auto ;
					display: block ;
				    line-height: 40px ;
				    border-radius: 50% ;
				    margin-bottom: 10px ;
				    background-color: #ff404b ; }
					.member-shortcut-ul li a i {
						display: block ;
						line-height: 40px ; }
				.member-shortcut-ul li a label {
					color: #ff404b ;
					display: block ;
					margin: 0 auto ; }


/** Product **/
	.disable_relative{
		position:initial ;	
	}
	.option_title{
	    font-weight: 700 ;
	}
	.option-upload > .option-file {
		display: none ;
	}
	.option-upload .option-label {
		display: block ;
		margin: 0 auto ;
	}
	.option-upload .option-image {
		width: 61px ;
		height: 61px ;
		display: block ;
		margin: 0 auto ;
		max-width: 100% ;
		cursor: pointer ;
		object-fit: contain ;
	}
	.option_table_sub {
		width: 100% ;
	}
	.option_table_sub th {
		padding: 3px 6px ;
		font-weight:bold ;
		text-align: center ;
		background: #f4f4f4 ;
	}	
	.option_table_sub th, .option_table_sub td {
		border:1px solid #ccc ;
	}
	.option_remove, .class_btn.add_option {
		display: block;
		padding: 5px 0;
		color: #fff;
		background: #ec1f27;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.option-media {
	    display: table ;
	    text-align: center ;
	}
	.option-media-div {
		padding: 0 5px ;
		padding-bottom: 10px ;
		display: inline-table ;
	}
	.option-media-label {
		z-index: 1 ;
		position: relative ;
	}
	.option-media-label.active:after {
	    top: 0 ;
	    left: 0 ;
	    content: '' ;
	    width: 100% ;
	    height: 100% ;
	    position: absolute ;
	    border: 2px solid red ;
	}
	.option-media-default {
	    top: 3px ;
	    left: 3px ;
		z-index: 2 ;
	    color: #fff ;
	    padding: 1px 5px ;
	    border-radius: 5px ;
	    position: absolute ;
	    background-color: gray ;
	}
	.option-media-default:hover, .option-media-default:focus {
		color: #000 ;
	}
	.option-media-default.active {
	    background-color: red ;
	}
	.option-media-checkbox {
	 	display: none ;
	}
	.option-media-image {
		width: 100px ;
		height: 100% ;
		display: block ;
		max-width: 100% ;
	}
	.option-media-image.active {
		color: #996 ;
		opacity: 0.5 ;
	}
	.gallery_image_group {
		width: 100% ;
		display: block ;
		margin: 10px 0 ;
		text-align: left ;
	}
	.gallery_image {
		margin:0 ;
		padding:0 ;
		min-height:100px ;
	}
	.gallery_image::before {
		clear:both ;	
	}
	.gallery_image li {
		padding:0 ;
		float:left ;
		width:100px ;
		height:170px ;
		display:block ;
		overflow:hidden ;
		position:relative ;
		margin: 0 10px 10px 0 ;
	}
	.gallery_image li a {
		display:block ;
	}
	.gallery_image li:hover {
		border:1px solid #ccc ;
	}


/** Report **/
	.table_tr_border_red {
		border-left: 5px solid red ;
		border-top: 3px solid red ;
		border-bottom: 3px solid red ;
		border-right: 6px solid red ;
	}


/** Setting **/
	.form-fieldset {
		margin-bottom: 15px ;
	}
	.form-fieldset legend {
		padding: 0 5px ;
		font-size: 14px ;
		font-weight: bold ;
		background-color: #fff ;
	}
	.setting-footer-title {
	  	color: #fff ;
	  	font-weight: bold ;
	  	margin-bottom: 10px ;
	  	padding-bottom: 10px ;
	  	border-bottom: 1px solid #ffffff ;
	}
	.setting-footer-div ul {
	  padding-left: 0 ;
	  margin-left: -10px ;
	}
	.setting-footer-div ul li {
	  	position: relative ;
	  	float: left ;
	  	width: 150px ;
	  	margin: 0 0 10px 10px ;
	  	padding: 5px ;
	  	background-color: #fff ;
	  	border-radius: 4px ;
	  	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) ;
	  	box-shadow: 0 1px 2px rgba(0, 0, 0, .2) ;
	  	-webkit-transition: -webkit-transform .1s ease ;
	  	-moz-transition: -webkit-transform .1s ease ;
	  	-o-transition: -webkit-transform .1s ease ;
	  	-ms-transition: -webkit-transform .1s ease ;
	  	transition: transform .1s ease ;
	  	overflow: hidden ;
	  	text-overflow: ellipsis ;
	  	display: -webkit-box ;
	  	height: 25px ;
	  	-webkit-line-clamp: 1 ;
	  	-webkit-box-orient: vertical ;
	}
	.setting-footer-div ul li:hover {
	  	background-color: #fff8c1 ;
	}
	.setting-footer-div.active ul li {
	  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" ;
	  	filter: alpha(opacity = 40) ;
	  	opacity: .4 ;
	}
	.setting-footer-div.active ul li.active {
	  	z-index: 2 ;
	  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;
	  	filter: alpha(opacity = 100) ;
	  	opacity: 1 ;
	  	-webkit-transform-origin: 50% 50% ;
	  	-moz-transform-origin: 50% 50% ;
	  	-o-transform-origin: 50% 50% ;
	  	-ms-transform-origin: 50% 50% ;
	  	transform-origin: 50% 50% ;
	  	-webkit-transform: scale(.6) ;
	  	-moz-transform: scale(.6) ;
	  	-o-transform: scale(.6) ;
	  	-ms-transform: scale(.6) ;
	  	transform: scale(.6) ;
	}
	.setting-footer-div ul li a {
	  	color: #000 ;
	  	display: block ;
	}
	.setting-footer-div ul li a h3 {
	  margin-top: 5px ;
	}
	.setting-footer-div ul li a h3, .setting-footer-div ul li a p {
	  	white-space: nowrap ;
	  	overflow: hidden ;
	  	-o-text-overflow: ellipsis ;
	  	-ms-text-overflow: ellipsis ;
	  	text-overflow: ellipsis ;
	}
	.setting-footer-div ul li a img {
	  	display: block ;
	}
	.footer_top {
		padding: 35px 0 ;
		font-size: 12px ;
		position: relative ;
		background: #3c3c3c ;
	}
	.basket {
		position: relative ;
	}
	.basket .basket_list {
		width: 100%;
		background-color: #fff ;
	}
	.basket.active .basket_list, .basket.hover .basket_list {
		border-color: #ffa0a3 ;
	}
	.basket.active .basket_list {
		background-color: #fff8c1 ;
	}
	.basket.hover .basket_list {
		background-color: #ffa0a3 ;
	}
	.basket .head {
		margin: 0 ;
		color: #666 ;
		height: 26px ;
		padding: 0 10px ;
		overflow: hidden ;
		line-height: 26px ;
		border-bottom: 1px solid #ddd ;
	}
	.basket .head .name {
		float: left ;
	}
	.basket .head .count {
		float: right ;
	}
	.basket ul {
		padding-left: 0 ;
		padding-bottom: 10px ;
	}
	.basket ul li {
		margin: 0 ;
		clear: both ;
		height: 26px ;
		padding: 0 10px ;
		overflow: hidden ;
		line-height: 32px ;
		position: relative ;
		border-bottom: 1px dashed #eee ;
	}
	.basket ul li:hover {
		border-bottom-color: #ccc ;
	}
	.basket ul li span.name {
		width: 100% ;
		display: block ;
		overflow: hidden ;
		font-weight: bold ;
		white-space: nowrap ;
		-o-text-overflow: ellipsis ;
		-ms-text-overflow: ellipsis ;
		text-overflow: ellipsis ;
		-webkit-transition: width .2s ease ;
		-moz-transition: width .2s ease ;
		-o-transition: width .2s ease ;
		-ms-transition: width .2s ease ;
		transition: width .2s ease ;
	}
	.basket ul li:hover span.name {
		width: 146px ;
	}
	.basket ul li input.count {
		border: 0 ;
		width: 25px ;
		float: right ;
		display: none ;
		line-height: 20px ;
		text-align: center ;
		border-radius: 3px ;
		margin: 3px 2px 0 0 ;
		background-color: #ddd ;
	}
	.basket ul li button.delete {
		position: absolute ;
		right: 0 ;
		top: 3px ;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" ;
		filter: alpha(opacity = 0) ;
		opacity: 0 ;
		width: 20px ;
		line-height: 20px ;
		height: 20px ;
		text-align: center ;
		font-size: 11px ;
		border: 0 ;
		color: #EE5757 ;
		background-color: #eee ;
		border-radius: 3px ;
		cursor: pointer ;
		-webkit-transition: opacity .2s ease ;
		-moz-transition: opacity .2s ease ;
		-o-transition: opacity .2s ease ;
		-ms-transition: opacity .2s ease ;
		transition: opacity .2s ease ;
	}
	.basket ul li:hover button.delete {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" ;
		filter: alpha(opacity = 100) ;
		opacity: 1 ;
	}
	.basket ul li button.delete:hover {
		color: #fff ;
		background-color: #ffa0a3 ;
	}
	.basket ul li button.delete:active {
		color: #fff ;
		background-color: #EE5757 ;
	}


/** Tab 1 **/
	.tabs {
		margin: 0px;
		padding: 0px;
		width:100%;
		height:39px;
		list-style: none;
	}
	.tabs li {
		top: 1px ;
		float:left ;
		color: #444 ;
		display: block ;
		cursor: pointer ;
		font-size: 13px ;
		background: none ;
		line-height: 18px ;
		padding: 10px 15px ;
		letter-spacing: 1px ;
		text-shadow: 0 1px #eee ;
		text-transform: uppercase ;
		border-width: 1px 1px 0 1px ;
	 	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDFCFC', endColorstr='#FBF9F9');
		background-color: #F2F0F0;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
		background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		border-top:1px solid #CECECE ;
		border-left:1px solid #CECECE ;
	}
	.tabs li:last-child {
		border-right:1px solid #CECECE;
	}
	.tabs li.current {
		background: #ff404b;
		color: #fff;
		top: 1px;
		border-color: #CECECE;
	}
	.tabs li:hover {
		background: #fcfcfc;
		background: -moz-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(50%, #fbf9f9), color-stop(50%, #f7f5f6), color-stop(100%, #fcfcfc));
		background: -webkit-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -o-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -ms-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: linear-gradient(to bottom, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: #ff404b;
		color: #fff;
	 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9', GradientType=0 );
	}
	.tabs li.current:hover {
		color: #fff ;
		background: #ff404b ;
	}
	.tabs li a {
		color: #444 ;
	}
	.tab-content {
		width:100% ;
		padding: 2% ;
		display: none ;
		font-size: 13px ;
		background: #fff ;
		border-width: 1px ;
		margin: 0 0 10px 0 ;
		position: relative ;
		border-style: solid ;
		border-color: #CECECE ;
		box-shadow: 0px 0px 3px rgba(0, 0, 0, .125) ;
	}
	.tab-content.current {
		display: inline-block ;
	}


/** Tab 2 **/
	.tabs-ckeditor {
		margin: 0px;
		padding: 0px;
		width:100%;
		height:39px;
		list-style: none;
	}
	.tabs-ckeditor li {
		float:left;
		background: none;
		color: #222;
		display: inline-block;
		padding: 10px 20px;
		cursor: pointer;
		box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);
		top: 1px;
		border-width: 1px 1px 0 1px;
		line-height: 18px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #444;
		text-shadow: 0 1px #eee;
	 	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDFCFC', endColorstr='#FBF9F9');
		background-color: #F2F0F0;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
		background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		border-top:1px solid #CECECE;
		border-left:1px solid #CECECE;
	}
	.tabs-ckeditor li:last-child {
		border-right:1px solid #CECECE;
	}
	.tabs-ckeditor li.current {
		background: #ff404b;
		color: #fff;
		top: 1px;
		border-color: #CECECE;
	}
	.tabs-ckeditor li:hover {
		background: #fcfcfc;
		background: -moz-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(50%, #fbf9f9), color-stop(50%, #f7f5f6), color-stop(100%, #fcfcfc));
		background: -webkit-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -o-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -ms-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: linear-gradient(to bottom, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: #ff404b;
		color: #fff;
	 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9', GradientType=0 );
	}
	.tabs-ckeditor li.current:hover {
		background: #ff404b;
		color: #fff;
	}
	.tab-ckeditor-content {
		display: none;
		background: #ededed;
		width:100%;
		padding: 2%;
		margin: 0 0 10px 0;
		border-width: 1px;
		background: #fff;
		position: relative;
		/*overflow: hidden;*/
		box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
		border-color: #CECECE;
		border-style: solid;
	}
	.tab-ckeditor-content.current {
		display: inline-block;
	}


/** Tab 3 **/
	.tabs-pre {
		margin: 0px;
		padding: 0px;
		width:100%;
		height:39px;
		list-style: none;
	}
	.tabs-pre li {
		float:left;
		background: none;
		color: #222;
		display: inline-block;
		padding: 10px 20px;
		cursor: pointer;
		box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);
		top: 1px;
		border-width: 1px 1px 0 1px;
		line-height: 18px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #444;
		text-shadow: 0 1px #eee;
	 	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDFCFC', endColorstr='#FBF9F9');
		background-color: #F2F0F0;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
		background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		border-top:1px solid #CECECE;
		border-left:1px solid #CECECE;
	}
	.tabs-pre li:last-child {
		border-right:1px solid #CECECE;
	}
	.tabs-pre li.current {
		background: #fff;
		color: #222;
		top: 1px;
		border-color: #CECECE;
	}
	.tabs-pre li:hover {
		background: #fcfcfc;
		background: -moz-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(50%, #fbf9f9), color-stop(50%, #f7f5f6), color-stop(100%, #fcfcfc));
		background: -webkit-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -o-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -ms-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: linear-gradient(to bottom, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9', GradientType=0 );
	}
	.tabs-pre li.current:hover {
		background: #fff;
	}
	.tab-pre-content {
		display: none;
		background: #ededed;
		width:100%;
		padding: 2%;
		margin: 0 0 10px 0;
		border-width: 1px;
		background: #fff;
		position: relative;
		/*overflow: hidden;*/
		box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
		border-color: #CECECE;
		border-style: solid;
	}
	.tab-pre-content.current {
		display: inline-block;
	}


/** Tab All **/
	.tabs-div {
		margin: 0px;
		padding: 0px;
		width:100%;
		height:39px;
		list-style: none;
	}
	.tabs-div li {
		float:left;
		background: none;
		color: #222;
		display: inline-block;
		padding: 10px 20px;
		cursor: pointer;
		box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);
		top: 1px;
		border-width: 1px 1px 0 1px;
		line-height: 18px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #444;
		text-shadow: 0 1px #eee;
	 	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDFCFC', endColorstr='#FBF9F9');
		background-color: #F2F0F0;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
		background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		border-top:1px solid #CECECE;
		border-left:1px solid #CECECE;
	}
	.tabs-div li:last-child {
		border-right:1px solid #CECECE;
	}
	.tabs-div li.current {
		background: #ff404b;
		color: #fff;
		top: 1px;
		border-color: #CECECE;
	}
	.tabs-div li:hover {
		background: #fcfcfc;
		background: -moz-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(50%, #fbf9f9), color-stop(50%, #f7f5f6), color-stop(100%, #fcfcfc));
		background: -webkit-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -o-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: -ms-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: linear-gradient(to bottom, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%);
		background: #ff404b;
		color: #fff;
	 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9', GradientType=0 );
	}
	.tabs-div li.current:hover {
		background: #ff404b;
		color: #fff;
	}
	.tabs-div-content {
		display: none;
		background: #ededed;
		width:100%;
		padding: 2%;
		margin: 0 0 10px 0;
		border-width: 1px;
		background: #fff;
		position: relative;
		/*overflow: hidden;*/
		box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
		border-color: #CECECE;
		border-style: solid;
	}
	.tabs-div-content.current {
		display: inline-block;
	}



/** Item Start **/
    .rating_type_title {
        float: left ;
        display: block ;
        margin-top: -1px ;
        padding: 0 5px 0 0 ; }
	.item-rating-ul {
		margin: 0 ;
		padding: 0 ;
		list-style: none ; }
		.item-rating-ul, .item-rating-ul:after {
		    clear: both ; }
		.item-rating-ul:after, .item-rating-ul:before {
		    content: "" ;
		    display: table ; }
	    .rating {
	        width: 80px ;
	        margin: 0 auto ;
	        overflow: hidden ;
	        display: inline-block ; }
	        .rating-input {
	            opacity: 0 ;
	            width: 16px ;
	            height: 16px ;
	            float: right ;
	            padding: 0 5px 0 0 !important ;
	            margin: 0 0 0 -16px !important ; }
	            .rating-input:checked~.rating-star, .rating:hover .rating-star:hover, .rating:hover .rating-star:hover~.rating-star {
	                padding: 0 5px 0 0 ;
	                background-position: 0 0 ; }
	        .rating-star, .rating:hover .rating-star {
	            width: 16px ;
	            float: right ;
	            height: 16px ;
	            display: block ;
	            padding: 0 5px 0 0 ;
	            position: relative ;
	            background: url(../Images/star.png) 0 -16px no-repeat ;
	            background-size: 16px 32px ; }
/** Item End **/



@media (max-width: 1200px) and (min-width: 981px){
	.warehouse_ul li {
		width: 49.74% ;
	}
	.autocomplete_view_title {
		width: 64% ;
	}
	.dashboard-report-ul li {
		width: 50% ;
		padding-bottom: 10px ;
	}
	.dashboard-report-ul li:nth-child(odd) {
		padding-left: 0 ;
	}
}
@media (max-width: 980px) and (min-width: 768px){
	.warehouse_ul li {
		width: 49.66% ;
	}
	.dashboard-report-ul li {
		width: 50% ;
		padding-bottom: 10px ;
	}
	.dashboard-report-ul li:nth-child(odd) {
		padding-left: 0 ;
	}
}
@media only screen and (max-width:767px){
	.warehouse_ul li {
		width: 100% ;
	}
	.dashboard-report-ul li {
		width: 50% ;
		padding-bottom: 10px ;
	}
	.dashboard-report-ul li:nth-child(odd) {
		padding-left: 0 ;
	}
}
@media only screen and (max-width:480px){
	.warehouse_ul li {
		width: 100% ;
	}
	.dashboard-report-ul li {
		width: 100% ;
		padding-left: 0 ;
		padding-bottom: 10px ;
	}
}

.comment_href{
  position:relative;
}
.comment_count{
  position: absolute;
  right: -4px;
  top: -9px;
  color: #ff404b;
  font-weight: bold;
  -webkit-animation: flickerAnimation 1.5s infinite ;
  -moz-animation: flickerAnimation 1.5s infinite ;
  -o-animation: flickerAnimation 1.5s infinite ;
  animation: flickerAnimation 1.5s infinite ;
}
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

.stock-alert td{
  background-color: #ffff64 !important;
}

.category-select-div, .product-select-div{
  display: none;
}

.regular-checkbox {
    display: none
}

.regular-checkbox+label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative
}

.regular-checkbox+label:active,.regular-checkbox:checked+label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)
}

.regular-checkbox:checked+label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
    color: #99a1a7
}

.regular-checkbox:checked+label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    color: #99a1a7
}

.big-checkbox+label {
    padding: 10px
}

.big-checkbox:checked+label:after {
    font-size: 18px;
    left: 3px
}

.cms-package {
	margin-right: 40px;
}

.sp-minus-cms {
	display: none;
}

.sp-plus-cms {
	display: none;
}

.sp-input-cms {
	padding: 5px 0 5px 0;
}

.cms_option_title {
	font-weight: 550;
}

.power-bi-datatable th{
    cursor:grab;
}