/*
Theme Name:   storefront Child
Theme URI:    http://example.com/storefront-child/
Description:  storefront Child Theme
Author:       John Doe
Author URI:   http://example.com
Template:     storefront
Version:      1.0.9
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  storefrontchild
*/

.products > li {
	border: 1px solid #eeeeee;
}

#masthead {
	padding-top: 0px;
}
#masthead.site-header {
	margin-bottom: 0;
}
.storefront-breadcrumb {
	margin-bottom: 0px !important;
}
.woocommerce-products-header {
	padding-bottom: 0 !important;
}

div.ms_topbar {
	background-color: #007dc6;
	padding: 10px 0;
	color: #fff;
	margin-bottom: 10px;
}

div.ms_topbar  .fa-envelope {
	padding-left: 15px;
}

.add_to_cart_button {
	background-color: #007dc6;
	border-color: #eeeeee;
	color: #fff;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: .5407911001em;
}

.price ins,
span > .woocommerce-Price-amount.amount {
	color: #007dc6;
	font-size: 22px;
}

input#search_products + span {
	background: #fde9e9;
	display: block;
	position: absolute;
	width: 550px;
	max-height: 350px;
	overflow-y: scroll !important;
}

td#product_name span p.blur {
	color: #8E8988;
}

input#search_products + span > p {
	text-decoration: underline;
	margin: 5px 0 0 10px;
}
input#search_products + span > p#selection_pro {
	cursor: pointer;
	color: #000;
}
input#search_products + span > p:last-child {
	margin-bottom: 5px;
}

td > select {
	padding: 9px 5px;
}

td#delete_row {
	cursor: pointer;
}

input[name="qty"][type="number"] {
	width: 50px;
	padding: 5px;
}

input#discount,
input#order_delivery_charge{
	width: 50px;
	padding: 5px;
	border: 1px solid #d0cdcd;
}

p#selection_pro > i {
	font-size: 12px;
	color: #9c9696;
}

td#delete_row >span {
	background: red;
	color: #fff;
	padding: 5px 12px;
	border-radius: 5px;
}
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
	box-shadow: none !important;
	border-radius: 5px !important;
	font-weight: 300 !important;
}
button#us_add_new_row\ btn\ btn-primary {
	background-color: #007dc6;
	!;
	color: #fff;
	border-radius: 10px;
}
button#us_btn {
	background: #5cb85c;
	border-radius: 10px;
	color: #fff;
}
td#add_new_row {
	background: transparent;
}
#add_new_row,
#MS_place_order {
	color: #fff;
	cursor: pointer;

}

#MS_place_order {
	padding: 15px 114px;
}
button#MS_place_order:active {
	background: #fff;
	color: #007dc6;
}

// Create Order
#discount {
	width: 60px;
}

.align-right {
	text-align: right;
}

#g_pid,
#g_pprice,
#g_pstock{
	display: none;
}
td#order_sub_total {
	width: 100px;
}
/* =========== Select Product ============= */
p#selection_pro > select {
	display: none;
}
p#selection_pro:hover {
	background: #f3aa5e;
}

#create_order {
	position: relative;
	display: none;
}
.ms_heading {
	font-weight: bold;
}
h1.ms_heading {
	font-size: 25px;
}

.purchase_section h1 {
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
}
.pre-loader {
	width: 100%;
	background: #b1afaf;
	height: 100%;
	position: fixed;
	display: none;
	opacity: 0.5;
	text-align: center;
	font-size: 200px;
	color: #fff;
	top: 0;
	left: 0;
	z-index: 9999;
}
.pre-loader > i.fas.fa-spinner.fa-spin {
	position: fixed;
	top: 50%;
	margin-top: -100px;
}

div#ms_results_container {
	display: none;
}

div#ms_results_container label {
	width: 200px;
	display: block;
	float: left;
}

table#current_user td {
	background: #007dc6;
	color: #fff;
	font-size: 20px;
	padding: 5px !important;
}

.site-footer {
	padding: 0;
}

/*Filters above the page, no below products*/
@media( max-width: 767px ) {
	.woocommerce.post-type-archive .module-small-shop .container {
		display: table;
	}

	.woocommerce.post-type-archive .module-small-shop .container .shop-with-sidebar {
		display: table-footer-group;
	}
	#customer_login .u-column1.col-1 {
		width: 100%;
	}
	#customer_login .u-column2.col-2 {
		width: 100%;
	}
}

/*2 rows products on mobile*/
@media (max-width: 768px) {
	ul.products li.product{
		width: 48%!important;
		float: left!important;
		clear: both;
	}

	ul.products li.product:nth-child(2n) {
		clear: none;
		float: right;
	}

	.fb_dialog.fb_dialog_mobile.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
		bottom: 90pt !important;
	}

	div.wc_ss_btns {
		bottom: 64px!important;
	}

}

@media (min-width: 768px) {
	#customer_login .u-column1.col-1 {
		width: 100%;
	}
	#customer_login .u-column2.col-2 {
		width: 100%;
	}
	.col-full {
		max-width: 75.498938em;
	}
	/* ==========  Column Spacing  ============ */
	.storefront-full-width-content .site-main ul.products.columns-5 li.product,
	.site-main ul.products.columns-5 li.product {
		width: 19%;
		margin-right: 1.2%;
	}
	/* ========== Update Stock Style End =============== */

	/* font Page Style */
	ul.products li.product .price {
		float: left;
		width: 80px;
	}
}

/* 
* Add CSS for Add new post from blog
*/
.admin-quick-add {
	background-color: #DDD;
	padding: 15px;
	margin-bottom: 15px;
}

.admin-quick-add input,
.admin-quick-add textarea {
	width: 100%;
	border: none;
	padding: 10px;
	margin: 0 0 10px 0;
	box-sizing: border-box;
}
#customer_number_results tr {
	background: #eaeaea;
	border-radius: 10px;
}
#switch-to-user {
	color: #fff !important;
	font-weight: bold;
	background: #007dc6;
	padding: 5px 10px;
	border-radius: 10px;
}
#switch-to-user:hover{
	cursor: pointer;
}
#customer_number_results td:last-child {
	padding: 12px 0 0 0;
}
#ms_SCN {
	background-color: #fff;
	border: 1px solid #dcdbdb;
	font-weight: 300;
	width: 100%;
	height: 50px;
	font-size: 20px;
	color: #000;
	border-radius: 10px;
}
#ms_SCN:focus {
	border: 1px solid #b7b5b5;
}
input#search_products {
	border: 1px solid #e4e1e1;
	width: 550px;
}
input#search_products:focus {
	border: 1px solid #a5a2a2;
}

#ms_uregister_form {
	margin-bottom: 10px;
}
#ms_uregister_form select {
	height: 40px;
	width: 600px;
	background: #eaeaea;
	border: none;
	border-radius: 10px;
	margin-bottom: 10px;
}
#ms_uregister_form input,
#ms_uregister_form input[name="address"] {
	width: 600px;
	margin-bottom: 10px;
	background: #eaeaea;
	border: none;
	border-radius: 10px !important;
	height: 40px;
}
#ms_create_ubtn i {
	color: blue;
	cursor: pointer;
}
i#ms_create_ubtn {
	color: #f13737;
	font-weight: bold;
	cursor: pointer;
}
.ms_success {
	color: white;
	background: #5cb85c;
	padding: 5px 0px;
	font-size: 20px;
	text-align: center;
	border-radius: 10px;
}

/* ============ Navigation ================ */
.ms-navigation {
	width: 100%;
	position: relative;
	float: left;
}
.ms-menu{
	max-height: none;
	overflow: visible;
	margin-left: 0em;
}
ul.ms-menu > li {
	display: inline-block;
	text-align: left;
	position: relative;
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 16px;
	background: #007dc6;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
}
ul.ms-menu > li:active {
	background: #000;
}
.us_report  {
	display:block;
}
/* =========== Report Section ============= */
div#awr_report {
	width: 100%;
	position: relative;
	float: left;
	display: none;
}
div#msfilter {
	background: #ececec;
	padding: 20px;
	float: left;
	width: 100%;
	border-radius: 20px;
}
.filter {
	float: left;
	width: 20%;
	position: relative;
}
#awr_report button {
	float: right;
	clear: both;
	margin-top: 10px;
	background: #007dc6;
	color: #fff;
}
.filter input[type="radio"] {
	height: 20px;
	width: 20px;
	border: 1px solid #000;
	margin-right: 5px;
}
.close.fa.fa-close {
	font-size: 30px;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.close.fa.fa-close:hover {
	color: #000;
}
.awr_result {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.awr_result > p {
	text-align: right;
	font-size: 27px;
	margin: 12px 0 0px;
	font-weight: bold;
}
.awr_result > p > span {
	color: #35a507;
}
.download_link {
	float: right;
	margin: 10px 5px 0 0;
}
.download_link >a {
	float: right;
	clear: both;
	background: #007dc6;
	color: #fff;
	padding: 6px 15px;
	border-radius: 5px;
}
.awr_result tr {
	font-size: 16px;
}
#customer_details .col-1 {
    width: 100%;
}
.woocommerce-customer-details .col-1 {
    width: 100% !important;!i;!;
}
/* ============= Print Invoice CSS =============== */
@media print {
	.invoice .company-information {
		margin-bottom: 0px;
	}
	.invoice .order-info {
		margin-top: 0;
	}
	.invoice h3 {
		margin-bottom: 0;
	}
	.invoice .title a {
		font-size: 20px;
	}
	.invoice .company-subtitle.align-left {
		margin: 0;
	}
	.invoice .customer-addresses {
		display: none;
	}
	.invoice .order-info {
		font-size: 16px;
	}
}
/* ====== Call Center Team Button =========== */
.call_center_btn {
	display:none;
	position: fixed;
	z-index: 9999;
	top: 50%;
	right: 0;
	font-weight: bold;
}

.call_center_btn a {
	background: #007dc6;
	color: #fff;
	display: block;
	padding: 15px 10px;
}
div#page\ ms_page {
	overflow: hidden;
}
.ms_shipping_lable {
	color: #007dc6;
}

ul.ag_col_4 > li.agent > h1 > span {
	position: absolute;
	color: red;
	background: white;
	padding: 5px;
	top: 10%;
	right: 30%;
}

/* ============= MS Edit Order Items ============ */
ul.ms_edit_order_items {
	margin: 0;
	width: 100%;
	position: relative;
	float: left;
}
ul.ms_edit_order_items li {
	list-style: none;
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 4px;
	padding: 5px;
	width: 100%;
	position: relative;
	float: left;
}
ul.ms_edit_order_items > li:first-child {
	color: black;
	font-weight: bold;
}
ul.ms_edit_order_items > li > input {
	width: 40px;
	float: right;
	padding: 0;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
}
.ms_delete {
	color: red;
	display: inline-block;
	cursor: pointer;
	margin-right: 5px;
}
li.exs_order_add_product {
	display: block;
	background: green;
	color: #fff;
	padding: 3px 6px;
	text-align: center;
}
li.exs_order_add_product {
	cursor: pointer;
}
li.exs_order_add_product:hover {
	background: #29d229;
}
li.exs_order_add_product:active {
	background: #fff;
	color: green;
}
#cancel_prev_order,
#save_prev_order,
#edit_prev_order {
	margin-bottom: 2px;
}
#save_prev_order,
#cancel_prev_order {
	display: none;
}
#save_prev_order, #edit_prev_order {
	background: green;
	color: #fff;
	width: auto;
	padding: 5px 10px;
	border-radius: 10px;
	margin-left: 5px;
}
#cancel_prev_order {
	background: red;
	color: #fff;
}
.prev_order_add_container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	display: none;
	z-index: 999;
}
.prev_order_add_container > div {
	position: absolute;
	left: 50%;
	top: 25%;
	margin: -22px 0 0 -97px;
}
input[name="prev_search_product"] {
	width: 300px;
	padding: 10px 20px;
}
.prev_order_add_container > div > i {
	color: #fff;
	font-size: 50px;
	position: absolute;
	top: -6px;
	right: -20px;
	cursor: pointer;
}
.prev_order_add_container > div > i:before {
	font-size: 35px;
}
.pre_order_search_result {
	position: absolute;
	width: 300px;
	padding: 40px 0 0 0;
	background: green;
	z-index: -1;
}
.prev_order_add_container > div > span {
	width: 300px;
	background: #ffffff;
	display: block;
	text-align: left;
	max-height: 300px;
	overflow: scroll;
}
.prev_order_add_container > div > span > p {
	padding: 5px 5px 0px 10px;
	margin: 0;
	color: #000;
}
.prev_order_add_container > div > span > .blur {
	color: #8e8e8e;
}
.prev_order_add_container > div > span > #prev_selection_product {
	cursor: pointer;
}

/* ========== Agent Sale Report Start ================*/
.agent_daily_sale {
	margin: 0 0 5px 0;
	width: 100%;
	float: left;
	position: relative;
}
.agent_daily_sale > span {
	background: #b3a9a9;
	padding: 20px 30px;
	display: inline-block;
	text-align: center;
	color: #efefef;
}
.agent_daily_sale > span > i {
	color: #fff;
	font-size: 40px;
	font-weight: 900;
}
.agent_daily_sale > span > label {
	padding: 20px;
	border-radius: 50%;
	color: #fff;
	font-size: 50px;
}
label.fa.fa-sort-amount-up {
	background: rgba(66, 249, 70, 0.6);
}
.agent_daily_sale > span > label.fa.fa-hand-holding-usd {
	background: rgba(47, 202, 247, 0.6);
}
.agent_daily_sale > span > label.fa.fa-shipping-fast {
	background: rgba(229, 249, 56, 0.6);
}
.agent_daily_sale > span > label.fa.fa-hand-holding-heart {
	background: rgba(255, 0, 0, 0.6);
}
/* ========== Agent Sale Report End ================*/

.ms_estreport_sec {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 60px;
}
.ms_estreport_col {
	width: 19.2%;
	float: left;
	padding: 30px 0 30px 0;
	margin-right: 1%;
	border: 1px solid #dadada;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: #fff;
}
.ms_estreport_col.ms_estreport_last {
	margin-right: 0;
}

.ms_estreport_col > span {
	font-size: 14px;
	font-weight: 100;
}

/* ======== Report Loader =============== */
.report_loader {
	float: right;
	display: none;
	margin-top: 17px;
	font-size: 30px;
	margin-right: 15px;
	animation: fa-spin 2s linear infinite;
}

/* ========== Update Stock Style Start =============== */
#us_search_input {
	position: relative;
}
#us_search_input > span {
	position: absolute;
	display: block;
	top: 60px;
	width: 350px;
	border: 1px solid;
	overflow-y: scroll;
	max-height: 250px;
	background: #c0bbbb;
	color: #fff;
	z-index: 9;
}
table th {
	padding: 10px !important;
}
#us_select_product {
	background: #007dc6;
	padding: 5px 5px 5px 10px;
	margin: 0;
}
#us_select_product:hover {
	cursor: pointer;
	background: #fb933e;
}
#us_pid,
#us_pprice,
#us_pstock {
	display: none;
}

.us_loader {
	display: none;
	font-size: 30px;
	margin-right: 15px;
	animation: fa-spin 2s linear infinite;
}
.us_ploader {
	display: inline-block;
	font-size: 30px;
	margin: 10px;
	animation: fa-spin 2s linear infinite;
}

/* ========== Sales Report =========== */
.filter.agent > input[type="number"], .filter.agent > select {
	width: 164px;
	padding: 5px 0;
}
.filter.agent > input[type="number"] {
	padding: 3px 4px;
}

/* =========== Sales Report End ======== */

.ms-menu > li > a {
	color: #fff;
	padding: 15px 0px;
}

/* ========== Dispatched Page Start  =============== */
.scan_awr_bill {
	width: 50%;
	float: left;
	margin: 0 0 20px 0;
}

.scan_awr_bill > input {
	width: 50%;
}

.scan_awr_bill > i {
	font-size: 30px;
	color: green;
	margin: 0 0 0 15px;
	animation: fa-spin 2s linear infinite;
}
.scan_awr_bill > i.loader_show {
	display: none;
}

.scan {
	background: #f00;
}
.scan_awr_result th,
.scan_awr_result td,
.scanned_products th,
.scanned_products td{
	padding: 0;
}


span.total_count {
	float: right;
	font-size: 30px;
}
.total_count_lable {
	float: right;
	font-size: 30px;
}
span.scan_counter {
	font-size: 30px;
	margin-left: 10px;
	float: right;
}
.resultcontainer > div,
.scanned_products,
.resultcontainer2 > div{
	width: 48%;
	float: left;
}
.scanned_products {
	margin-left: 2%;
}

/*
* 	BIG Jelly Button
*		Original source from Mathias Adam:
*				- https://dribbble.com/shots/6209185-BIG-Jelly-Button
*
*		I tried to stay as true to the original source as possible.
*		Unforutunately there were a few effects I couldn't make 
*		happen with CSS. Primarily the suble noise texture. I 
*		considered using a base64 encoded noise pattern overlay but
*		I felt like that was cheating. I also couldn't do the
*		true bevel effect on the label since CSS doesn't have an
*		inset text shadow option. 
*/
.awrcomplete {
	text-align: center;
	margin-bottom: 30px;
	display: none;
}

.awrcomplete > button,
.fancyBtn > button{
	cursor: pointer;
	position: relative;
	padding: 2.5rem 7.5rem;
	border-radius: 3.75rem;
	line-height: 2.5rem;
	font-size: 2rem;
	font-weight: 600;
	border: 1px solid #da9761;
	background-image: linear-gradient(-180deg, #007dc6 0%, #eba266 100%);
	box-shadow: 0 1rem 1.25rem 0 rgb(140, 89, 48), 0 -0.25rem 1.5rem rgb(155, 102, 60) inset, 0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset, 0 0.25rem 0.5rem 0 rgb(255, 120, 10) inset;
}

.awrcomplete > button span,
.fancyBtn > button span{
	color: transparent;
	background-image: linear-gradient(0deg, #ff7402 0%, #FEFAFD 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1));
}

.awrcomplete > button::before,
.fancyBtn > button::before{
	content: "";
	display: block;
	height: 0.25rem;
	position: absolute;
	top: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 7.5rem);
	background: #fff;
	border-radius: 100%;

	opacity: 0.7;
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}

.awrcomplete > button::after,
.fancyBtn > button::after{
	content: "";
	display: block;
	height: 0.25rem;
	position: absolute;
	bottom: 0.75rem;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 7.5rem);
	background: #fff;
	border-radius: 100%;

	filter: blur(1px);
	opacity: 0.05;
	background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255,255,255,0.00) 100%);
}
.fancyBtn {
	opacity: 0;
}

.fancyBtn > button {
	padding: 0.01rem 1.5rem;
	border: 1px solid #61da70;
	background-image: linear-gradient(-180deg, #31f524 0%, #66eb70 100%);
	box-shadow: 0 1rem 1.25rem 0 rgb(71, 245, 69), 0 -0.25rem 1.5rem rgb(133, 249, 96) inset, 0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset, 0 0.25rem 0.5rem 0 rgb(15, 33, 13) inset;
}

.resultcontainer2 {
	background: #fbebdd;
	float: left;
	width: 100%;
}
.container {
	float: left;
	width: 100%;
	min-height: 800px;
}
/* ========== Dispatched Page End   =============== */

.ms_delete.dashicons.dashicons-no-alt {
	width: 20px;
	height: 20px;
	background: red;
	position: relative;
}
.dashicons-before.dashicons-no{
	width: 20px;
	height: 20px;
	background: red;
}
.ms_delete:before,
.dashicons-before.dashicons-no:before {
	content: "";
	width: 14px;
	height: 0;
	border: 1px solid #fff;
	position: absolute;
	top: 9px;
	left: 2px;
}
.row.search_customer_number_form {
	background: #eaeaea;
	padding: 25px;
	border-radius: 10px;
}
/* ======== Search Invoice Number Start ================ */
#ms_sin {
	background-color: #fff;
	border: 1px solid #dcdbdb;
	font-weight: 300;
	width: 100%;
	height: 50px;
	font-size: 20px;
	color: #000;
	border-radius: 10px;
}

.col-2 {
	width: 50%;
	float: left;
	position: relative;
}

.row {
	position: relative;
	width: 100%;
	float: left;
	margin: 0 0 20px;
	border-top: 0;
}

/* ======== Search Invoice Number End ================ */

/* ============= Edit User Details =================== */

#edit_user {
	display: block;
	cursor: pointer;
	padding: 3px 20px;
	border-radius: 10px;
}
#EditUser_container {
	width: 100%;
	position: relative;
	float:left;
}
#EditUser_form > lable {
	width: 180px;
	display: inline-block;
	margin: 0 0 10px 10px;
	font-weight: 600;
	color: #000;
}
#EditUser_form > input[type=submit] {
	margin-left: 10px;
	width: 100%;
	margin: 20px 0 50px 0;
	padding: 15px;
	background: #007dc6;
	color: #fff;
	font-size: 30px;
}
#EditUser_form > input[type=submit]:hover {
	background: #e79757;
}
#EditUser_container > h1 {
	padding: 30px 0 0 0px;
	text-decoration: underline;
}
.EUser_col_3 {
	width: 32.44%;
	float: left;
	position: relative;
	margin-right: 1.33%;
	background: #007dc6;
	padding: 30px 10px;
	color: #fff;
}
.EUser_last {
	float: right;
	margin-right: 0;
}
.EUser_col_3 > input {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #d6d2d2;
	border-radius: 4px;
}
.EUser_success,.EUser_fail{
	width: 100%;
	position: relative;
	float: left;
	padding: 10px 30px;
	color: white;
	margin-bottom: 2px;
}
.EUser_success {
	background: green;
}
.EUser_fail {
	background: red;
}
#EditUser_container:before {
	content: "-";
	border: 1px solid;
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
	display: none;
}

.GPOD_discount {
	display: none;
}

form.callcenter_remarks > textarea {
	width: 80%;
}

button.callcenter_remarks_submit {
	padding: 22px;
	margin-left: 5px;
	background: #000;
	color: #fff;
}