.required, .red, .cancelled, .rejected, .inactive, .out, .expired, .late, .absent, .excused {
	color: red ;
    text-transform: capitalize ;
}
.active, .in, .used, .presen {
	color:#063 ;
	text-transform: capitalize ;
}
.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 ;
}

.input-width-200 {
	width: 200px ; }
	@media only screen and (max-width:480px){
		.input-width-200 {
			width: 100% ; } }

.align-middle {
	vertical-align: middle ; }

.rating {
    width: 80px ;
    margin: 0 auto ;
    display: inline-block ; }
	.rating-input {
	    opacity: 0 ;
	    width: 16px ;
	    height: 16px ;
	    float: right ;
	    display: none ;
	    padding: 0 5px 0 0 ;
	    margin: 0 0 0 -16px ; }
	.rating-input:checked~.rating-star,
	.rating:hover .rating-star:hover,
	.rating:hover .rating-star:hover~.rating-star {
	    background-position: 0 0;
	    padding: 0 5px 0 0
	}
	.rating-star,
	.rating:hover .rating-star {
	    position: relative;
	    float: right;
	    display: block;
	    width: 16px;
	    height: 16px;
	    background: url(../../../../Images/star.png) 0 -16px no-repeat;
	    background-size: 16px 32px;
	    padding: 0 5px 0 0
	}

.shortcut-key-ul {
    margin: 0 ;
    padding: 0 ;
	width: 100% ;
    list-style: none ; }
	.shortcut-key-ul, .shortcut-key-ul:after {
	    clear: both ; }
	.shortcut-key-ul:after, .shortcut-key-ul:before {
	    content: "" ;
	    display: table ; }
	.shortcut-key-ul li {
		float: left ;
		width: 12.5% ;
		padding: 0 5px ; }
	@media only screen and (max-width:1200px){
		.shortcut-key-ul li {
			width: 25% ; } }
	@media only screen and (max-width:980px){
		.shortcut-key-ul li {
			width: 25% ; } }
	@media only screen and (max-width:767px){
		.shortcut-key-ul li {
			width: 25% ; } }
	@media only screen and (max-width:480px){
		.shortcut-key-ul li {
			width: 100% ; } }
.shortcut-key {
    width: 100% ;
    padding: 10px ;
    display: block ;
    text-align: center ;
    border-radius: 5px ;
    margin-bottom: 10px ;
    border: 2px solid #ccc ; }
 	.shortcut-key:hover {
 		border-color: #ff404b ; }
.shortcut-key i {
    font-size: 18px ; }
.shortcut-key .title {
    font-size: 16px ; }

/** 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 ;
	}
	.align-left-important {
		text-align: left !important ;
	}


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


/** Margin **/
	.margin_left_15 {
		margin-left: 15px ;
	}
	.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 ;
	}
	.w-110{
		width: 110px ;
	}


/** 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 {
		padding: 0 ;
		list-style: none ; }
		.dashboard-report-ul, .dashboard-report-ul:after {
		    clear: both ; }
		.dashboard-report-ul:after, .dashboard-report-ul:before {
		    content: "" ;
		    display: table ; }
		.dashboard-report-ul li {
			width: 25% ;
			float: left ;
			padding-left: 10px ; }
			.dashboard-report-ul li:first-child {
				padding-left: 0 ; }
	.dashboard-report-div {
		color: #fff ;
		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: #fff ;
		height: 40px ;
	    font-size: 14px ; }

	.dashboard-chart-ul {
		padding: 0 ;
		list-style: none ; }
		.dashboard-chart-ul, .dashboard-chart-ul:after {
		    clear: both ; }
		.dashboard-chart-ul:after, .dashboard-chart-ul:before {
		    content: "" ;
		    display: table ; }
		.dashboard-chart-ul li {
			width: 50% ;
			float: left ; }
			@media only screen and (max-width: 767px) {
				.dashboard-chart-ul li {
					width: 100% ; } }
			.dashboard-chart-ul li:nth-child(odd) {
				padding-right: 5px ; }
				@media only screen and (max-width: 767px) {
					.dashboard-chart-ul li:nth-child(odd) {
						padding-right: 0 ; } }
			.dashboard-chart-ul li:nth-child(even) {
				padding-left: 5px ; }
				@media only screen and (max-width: 767px) {
					.dashboard-chart-ul li:nth-child(even) {
						padding-left: 0 ; } }


/** 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 ;
		    height: 25.6px ;
		    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 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 ;
	}


/** 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 ;
	}

	
.attendance-remark-group {
	position: relative ; }
	.attendance-remark-group button {
	    top: 0 ;
	    left: 0 ;
	    height: 25.6px ;
	    padding: 3px 10px ;
	    position: absolute ;
	    border: 1px solid #ccc ; }
	.attendance-remark-group input {
		padding-left: 40px ; }

	
.outltes-product-group {
	position: relative ; }
	.outltes-product-group button {
	    top: 0 ;
	    left: 0 ;
	    height: 25.6px ;
	    padding: 3px 10px ;
	    position: absolute ;
	    border: 1px solid #ccc ; }
	.outltes-product-group input {
		padding-left: 40px ; }


/** Tab 1 **/
	.tabs {
		margin: 0px;
		padding: 0px;
		width:100%;
		height:39px;
		list-style: none;
	}
	.tabs 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 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 {
		background: #ff404b;
		color: #fff;
	}
	.tabs li a {
		color: #444;
	}
	.tab-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-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;
	}


/** Announcement **/
#first_preview {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    background: url(../../../../Images/bgzz.png)\9;
    z-index: 100000;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
#first_preview_detail {
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -400px;
    z-index: 100001;
    width: 800px;
    padding: 0;
    text-align: center;
    background-color: #fff;
	border-radius:15px;
	outline: 7px solid #f4ad42;
	box-sizing: border-box;
    overflow: auto;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}
#first_preview_detail img {
    width: 100%;
    display: block
}
#first_preview_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.first_preview_detail_close:hover {
    color: #ed1c24
}
.first_preview_detail_close {
    color: #000;
    font-size: 25px;
    position: absolute;
    z-index: 11;
    top: 15px;
    right: 15px;
    padding: 10px 15px;
    background: #fff;
    box-shadow: 0 0 5px #000;
    line-height: 0;
	border-radius:10px;
}
.first_preview_detail_href {
    top: 0 ;
    left: 0 ;
    z-index: 1 ;
    width: 100% ;
    height: 100% ;
    position: absolute ;
}
.mobile_view {
    display: none
}
.first_preview_detail{
	border-radius:30px;
	border: 1px solid black;
    overflow: hidden;

}
.first_preview_detail_content {
    width: 800px ;
    height: 500px ;
    padding: 20px ;
    background-size: 800px 500px ;
    background-repeat: no-repeat ;
    position: relative ;
}
@media (min-width: 768px) and (max-width: 980px) {
	#first_preview_detail {
        width: 750px;
        margin-left: -375px
    }
    .first_preview_detail_content {
        width: 750px;
        height: 469px;
        background-size: 750px 469px
    }
}
@media only screen and (max-width: 767px) {
	#first_preview_detail {
        margin: 0 5% 0 -225px;
        width: 450px;
        left: 50%
    }
    a.first_preview_detail_close {
        right: 0
    }
    .mobile_view {
        display: block
    }
    .first_preview_detail_content {
        width: 450px;
        height: 500px;
        background-size: 450px 500px
    }
}
@media (max-width: 480px) {
	#first_preview_detail {
        width: 225px;
        margin-left: -112.5px
    }
    .first_preview_detail_content {
        width: 225px;
        height: 400px;
        background-size: 225px 400px
    }
}


@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 ;
	}
}

.show_option_amount th{
  text-align: center;
}

.show_option_amount td{
  text-align: center;
}

.pending_blink{
  color: blue;
  -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{
	color: red;
}

.order-modal{
	background-color: white;
    width: 420px;
    height: 220px;
    color: #000;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 20px;
    border-radius: 12px;

	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
	.order-modal .order-modal-check-img {
		width: 100px;
		height: 100px;
		margin-bottom: 10px;
		color: #16af81;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.order-modal .order-modal-check-img i {
			font-size: 80px;
		}

	.order-modal .modal-subtext {
		font-size: 12px;
	}

.order-text{

}
.order-button{
	width: 50%;

}