/*
01. Header css
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b{font-weight:bold}
em, i{font-style:italic;}
u{text-decoration:underline}
a{text-decoration: none;}
*:focus{outline: none;}
a:hover, a:focus {text-decoration: none; outline: none !important;}
button[type="button"]:focus{outline: none;}
.ui-widget{font-family: 'Roboto', sans-serif;}
.pink_text{color: #ff0066 !important;}

::-webkit-input-placeholder {color:#333333}
:-moz-placeholder {color:#333333;opacity:1;}
::-moz-placeholder {color:#333333;opacity:1;}
:-ms-input-placeholder {color:#333333;} 

/* 1.1 SVG default css*/
svg:not(:root).svgImg { overflow: visible }
.svgImg { display: inline-block; font-size: inherit; width:1em; height: 1em; overflow: visible; vertical-align: -.125em; }
.svg-icons { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em }
/*SVG default css*/

.mCS_no_scrollbar_y{margin-right: 0 !important;}
.imgMain{position: relative;}
.absoImg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.padding-0{padding: 0 !important}

[type=reset], [type=submit], button, html [type=button], button, input, optgroup, select, textarea{-webkit-appearance: none;appearance: none;}


/*.wrapper{display:block; width:100%; overflow: hidden; min-height: 80vh;}*/
.wrapper{display:block; width:100%; overflow: hidden;}
img{max-width:100%; max-height:100%; width:auto; height:auto;vertical-align: middle}
body{display:block; width:100%;color:#000000; background-color:#f3f3f3;font:400 16px/1.4 'Roboto', sans-serif;}
p{line-height:1.6;font-size: 0.9375rem;color:#666666;font-weight:400;margin-bottom:1rem;}
p:last-child{margin-bottom:0;}
a{color: #ff0066;}
a:hover{color: #002173;}
.allMiddle > *{display: inline-block;vertical-align: middle;}
button{cursor: pointer;}
.container-fluid{padding: 0 30px;}
input[type="file"]{-webkit-appearance:initial;appearance:initial;}
input[type=file]::-webkit-file-upload-button {
  border: 1px solid #949494;
  background: #e2e2e2;
}

h2{color: #333333;font:300 25px/1.3 'Roboto', sans-serif;}
button:focus, .btn:focus{box-shadow: none;outline: none;}
.btn{display: inline-block;vertical-align: top;-webkit-border-radius: 5px;border-radius: 5px;color: #ffffff;font:400 20px/48px 'Roboto', sans-serif;padding:5px 20px;}
.btn ~ .btn{margin-right: 25px;}
.btn-grey{background-color: #333333;border-color: #333333}
.btn > span{display: inline-block;vertical-align: middle;line-height: 1;margin-top: -3px;}
.btn-pluse{padding: 0 25px;}
.btn-primary{background-color: #fff !important; color:#002173 !important; border-color:#002173 !important;}
.modal-dialog .btn-light-grey{background-color: #f1f1f1;border-color: #f1f1f1;color: #999999}
.btn-primary:hover{background-color:#efeef3 !important;}

.btn-full{width: 100%;}
.btn-grey-dark{background-color: #666666;border-color: #666666}
.btn-bold{font:700 25px/60px 'Roboto', sans-serif;}
.btn-large{padding: 0 40px}
.btn-save{font:700 15px/38px 'Roboto', sans-serif; min-width: 125px;}
.btn-green{background-color: #4fcf5c;border-color: #4fcf5c}

.btn-pluse-small{line-height: 38px;padding: 0 20px;}
.btn-long{min-width:100%;}
.btn-blue{background-color: #002173;border-color: #002173;}
.btn-extra-small{line-height: 28px;font-weight: 300;font-size: 15px;padding: 0 10px;}

.btn-small{font-weight: 300;font-size: 15px;line-height: 38px;}
.btn-small ~ .btn-small{margin-left: 5px;}

.paddLR30{padding: 0 30px;min-width: 1px;}
.scrollTop {position: fixed; right: 10px; bottom:65px; width: 3.125rem; height: 3.125rem; line-height: 2rem; text-align: center; z-index: 9991; background: #fff; color:#999999; display: none; text-align: center; vertical-align: middle; border-radius: 50%; font-size: 1.350rem; padding: 0.625rem; box-shadow:0px 0px 10px 0px #a9a9a9;}
.scrollTop:hover{color: #000;}

.overlay{visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 999999; transition: visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);}
.fixbody{overflow: hidden;}
.fixbody .overlay{opacity: 0.5; visibility: visible;}


/* Menu css start */
.menuIcon{border-radius: 50%; border: none; display: inline-block; background:#e4e6eb; width:40px; height:40px; padding:0; margin-left:5px;}
.menuIcon:hover{background: #D2D6DE;}
.menuIcon .icon-menu{width:40px; text-align: center; display: block;}
.menuIcon .icon-menu:before{font-size:28px; color:#333333;}
/* Menu css end */

/* 01. Header css start */
.site-header{background-color: #fff; border-bottom:1px solid #ccc; position: relative;}
.modal-open .site-header{z-index: 1;}
.headLeft{float: left;padding:8px 0;}

.tagLine{color: #002173; font:300 20px/50px 'Roboto', sans-serif;padding:0;margin-left:15px;}
.tagLine a{color: #333333}
.tagLine strong{font-weight: 500}
.leftMenu .dropdown-menu{margin-top: 23px;z-index: 9999;}

.headRight{float: right; padding:15px 0 0 0;}
.headRight > ul{display: inline-block;vertical-align: top;}
.headRight > ul > li{float: left;padding:0;position: relative}
.headRight > ul > li.notifyLi .dropdown-menu{/*right: -110px !important; */left: auto !important;min-width: 250px;padding: 10px}
.headRight > ul > li.notifyLi .dropdown-menu a{font-size: 13px;padding: 10px 10px 8px;border-radius: 5px;}
.headRight > ul > li.notifyLi .dropdown-menu > li ~ li{margin-top: 0}

.headRight .btnaddnew{border-radius: 5px; background:#002173; color: #fff; font-size:15px; font-weight:700; height:40px; padding:10px 10px 0; display: inline-block; z-index:0; position: relative; overflow: hidden;}
.headRight .btnaddnew:hover{background:#ff0066; color: #fff;}
.headRight .btnaddnew .icon-add-new{font-size:17px;}
.addmoreproduct{-webkit-animation: color-change-2x 0.2s linear infinite alternate both; animation: color-change-2x 0.2s linear infinite alternate both; }
@-webkit-keyframes color-change-2x {
  0% {
    background: #002173;
  }
  100% {
    background: #ff0066;
  }
}
@keyframes color-change-2x {
  0% {
    background: #ff0066;
  }
  100% {
    background: #002173;
  }
}
/* Shine */
.btnaddnew:after {
	content:'';
    top:0;
	transform:translateX(100%);
	width:100%;
	height:220px;
	position: absolute;
	z-index:1;
	animation: slide 2s infinite;
	 
   background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.btnaddanioff:after{animation: none;}
/* animation */
@keyframes slide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}
.headRight > ul > li:not(:last-child){margin-right:10px;}
.notifyLink{border-radius: 50%; background:#e4e6eb; border:none; width:40px;height:40px; position: relative; padding:0;}
.notifyLink .icon-notification{width:40px; text-align: center; display: block; padding-top:0;}
.notifyLink .icon-notification:before{font-size:23px; color:#333333;}
.notifyLink:hover{background: #D2D6DE;}
.notifyLink .badge{width: 30px;height: 30px;background-color: #ff0066;font:400 15px/1 'Roboto', sans-serif;color: #ffffff;-webkit-border-radius: 50%;border-radius: 50%;padding: 0;text-align: center; position: absolute;right: -15px;top: -7px;padding:9px 0 0 0;}
.addProlink,
.userLink{-webkit-border-radius: 50%;border-radius: 50%;background-color: #ffffff;display: block;width: 50px;height: 50px;position: relative;color: #002173;font:700 20px/50px 'Roboto', sans-serif;text-align: center;padding: 0;border: 0;transition: 300ms all;}
.notifyLink:after, .userLink.dropdown-toggle::after{display: none;}

.headRight .dropdown-menu{margin-top: 16px;padding-right: 20px;min-width: 168px;}

.dropdown-menu{padding: 15px 50px 20px 20px;margin: 0;border: 0;border-radius:5px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.dropdown-menu > li ~ li{margin-top: 13px;}
.dropdown-menu > li > a{color: #333333;font-size:20px;display: inline-block;vertical-align: top;-webkit-transition: 300ms all;transition: 300ms all;}
.dropdown-menu > li > a > *{display: inline-block;vertical-align: middle; word-break: break-all;}
.dropdown-menu > li > a > i{max-width: 25px;width: 100%;margin-right: 10px;}

/* 01. Header css end */

/* Middle working section start */
.table{margin-bottom: 0}
.midworkSec{padding:15px 0 100px 0; min-height:520px;}

.dashMenu{margin-bottom: -30px;}
.dashLi{margin-bottom: 30px;}
.dashLi > a{background-color: #ffffff;-webkit-border-radius: 5px;border-radius: 5px;display: block;padding: 35px 20px 35px 70px;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.dashLi > a > *{display: inline-block;vertical-align: middle}
.dashLi > a > i{height: 80px;width: 80px;line-height: 80px;margin-right: 45px;position: relative; text-align: center;}
.countSpan{position: absolute;right: 0;top: 2px;-webkit-border-radius: 50%;border-radius: 50%;color: #ffffff;width: 30px;height: 30px;font:400 15px/30px 'Roboto', sans-serif;text-align: center; background:#ff0066;}
.dashLi > a > i svg{height: 80px;width: 80px; fill:#666; max-height: 100%;display: inline;vertical-align: middle}
.dashLi > a > span{color: #333333;font:300 50px/1.2 'Roboto', sans-serif;max-width: calc(100% - 130px)}
/* Middle working section end */

/* Coupon css start */
.titleSec{background-color: #ffffff;}
h1{color: #333333;font:300 25px/1.2 'Roboto', sans-serif;position: relative;}
.titleSec h1{display: inline-block;}
.titleSec h1 > *{display: inline-block;vertical-align: middle}
.titleSec h1 > i{/*max-width: 50px;*/margin-right: 8px;max-width: 35px;}
.absoLink{color:#000;}

.titleSec .row{height:50px;}
.totalDiv{color: #333333;font:300 25px/1.2 'Roboto', sans-serif;}

.radioSwitch{display: inline-block;vertical-align: middle}
.radioSwitch > label{margin: 0;position: relative;}
.radioSwitch > label i{font-style: normal;}
.radioSwitch > label > input{position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;z-index: 1;}
.radioSwitch > label > span{display: block;position: relative;width: 35px;height: 15px;-webkit-border-radius: 50px;border-radius: 50px;background-color: #b9b9b9;-webkit-transition: 300ms all;transition: 300ms all;}
.radioSwitch > label > span:before{position: absolute;left: -3px;top: -3px;-webkit-border-radius: 50%;border-radius: 50%;background-color: #ffffff;height: 21px;width: 21px;content: '';-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);-webkit-transition: 300ms all;transition: 300ms all;}
.scInner > input:checked ~ .radioSwitch span,
.radioSwitch > label > input:checked ~ span{background-color: #7fcac3}
.scInner > input:checked ~ .radioSwitch span:before,
.radioSwitch > label > input:checked ~ span:before{background-color: #009688;left: 17px}

.btn-action{display: inline-block;vertical-align: middle;border: 0;color: #ffffff;font:400 13px/25px 'Roboto', sans-serif;-webkit-border-radius: 3px;border-radius: 3px;padding: 0 10px;transition: 300ms all;}
.btn-action ~ .btn-action{margin-left: 7px;}
.btn-action > span{display: inline-block;vertical-align: middle; font-size:15px; padding:0 2px;}

.btn-view, .btn-edit{background: #fff; color:#002173; border:1px solid #002173;}
.btn-delete{background: #fff; color:#ff0066 !important; border:1px solid #ff0066; cursor: pointer;}
.btnWrp .btn-edit span{color:#666666;}
.btnWrp .btn-edit:hover span{color:#fff;}


.btn-cancel{background-color:#938A8A;}
.btn-cancel:hover{background-color:#333333;}
.Canceled{font-size:15px; margin-left:10px; font-weight: 700;}
.CanceledBill .sorting_1, .CanceledBill .couponCode{text-decoration: line-through !important;}
.DownloadExcel{margin-top:20px;}
.DownloadExcel .btn{background:#A7A7A7; }
.tableSearch{position: relative;padding-right: 240px;margin-bottom: 15px;}
.tableSearch.fileTable{padding-right: 0}
.tableTxt{width: 100%;background-color: #fff;height: 50px;color: #333333;font:300 1.25rem 'Roboto', sans-serif;padding: 0 30px;border:0;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0px 5px 20px 0px rgba(225, 225, 225, 1);box-shadow: 0px 5px 20px 0px rgba(225, 225, 225, 1);}
.tableSearch .btn{position: absolute;right: 0;top: 0; cursor:pointer;}
.barcode{position: absolute; right: 125px; top: 11px;}
.posClear{position: absolute;right: 164px;top: 13px;font-size: 26px;color: red;}
.barcode .icon-barcode{font-size: 35px; color: #999;}
#frmFilter .dropdown-toggle{height:50px;}
#frmFilter .show>.btn-light.dropdown-toggle{background:#fff;}
#frmSearch .dropdown-toggle{height:50px;background:#fff; position: inherit;}
#frmSearch .show>.btn-light.dropdown-toggle{background:#fff;}

.tableWrapper .dataTables_filter{position: absolute;left: 0;opacity: 0;visibility: hidden;}
/* Coupon css end */

.modal-header{background-color: #f8f8f8; border-bottom: none; position: relative;}
.modal-header .modal-title{display: block;width: 100%;font-size: 1.25rem;color: #333333;font-weight: 400;line-height: 1.6;padding: 8px 0;}
.modal-header .close{padding: 0;margin: 0;position: absolute;right: 0;top: 0;opacity: 1;z-index: 99;width: 45px;height: 45px;}
.modal-header .close span{position: absolute;left: 0;right:-2px;top:10px;bottom: 0;margin: auto;font-size: 25px;}

.modal-body{padding:30px;}

.form-group > label{color: #999;font:500 15px/1.4 'Roboto', sans-serif;padding: 0 0 7px;}
.modal .form-group > label{color: #666666;font-weight: 300}
.form-control{width: 100%; height: 3.125rem; padding: 0 20px; border-radius: 6px;color: #666666; border: none; text-overflow: ellipsis;font:300 15px/1.4 'Roboto', sans-serif;}
.modal .form-control{background-color: #f3f3f3 !important;}
textarea.form-control,
.formInner textarea.form-control{height: 110px;padding-top: 10px;padding-bottom: 10px;resize: none;}
.form-control:focus{box-shadow: none;outline: none;}
.dropBox{position: relative;}
/*.dropBox:after{pointer-events: none;content: '';position: absolute;right: 20px;top: 50%;border-top: 6px solid #999999;border-left: 6px solid transparent;border-right: 6px solid transparent;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: none;}
.onlyTxt:after{display: none !important;}*/

.dropBox[data-text]:before{position: absolute;left: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #666666;font:300 15px/1.4 'Roboto', sans-serif;content: attr(data-text);z-index: 1;}
select.form-control:not([size]):not([multiple]),
select.form-control{height: 50px;}

.btnDiv{padding-top: 20px;text-align: right;}
.discountDrop select.form-control{padding-left: 113px;}
.modal-content{border:0;}

.delMsg{text-align: center;color: #666666;font:300 20px/1.4 'Roboto', sans-serif;}
.toSpan{position: absolute;left: -6px;top: 18px;color: #333333;font:300 15px/1.2 'Roboto', sans-serif;}

.titleDiv{border-bottom: 1px solid #d1d1d1;padding: 19px 40px 22px;position: relative;}
.TaxInfoInner{}
.titleRight{float: right;}

.whiteBox{background-color: #fff;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);box-shadow: 0 0 15px rgba(0,0,0,0.05);height: 100%}
.followRow{padding: 8px 40px;position: relative;}
.followRow ~ .followRow{border-top: 1px solid #eaeaea}
.followImg{display: inline-block;vertical-align: middle;width: 50px;height: 50px;line-height: 50px;}
.followImg img{vertical-align: middle;max-height: 100%; border-radius:100px;}

.followTxt{display: inline-block;vertical-align: middle;color: #333333; font-size:15px; font-weight:300; padding: 0 0 0 6px;max-width: calc(100% - 60px);}
.followTxt strong{font-weight: 500}
.followTxt span{display: block;font-size: 14px;color: #666666;font-weight: 300;padding: 5px 0 0}
.followTime{color: #666666;font:300 14px/1.2 'Roboto', sans-serif;}
.admin-notification .followImg{vertical-align: top;}
.admin-notification .followImg img{border-radius: 0;}
.admin-notification .followTxt p{padding: 0;margin: 0;}
.admin-notification .followTxt img{width: 50%; border-radius: 15px;}
.admin-notification .fzText{font-size: 16px; font-weight: 600;}
.admin-notification .followTxt a{display: block; font-size: 16px; margin: 0 0 10px 0; font-weight: 500;}
.greyBg{background-color: #F7F7F7;}

.text-mute{color: #b8b9b9;display: inline-block;}
.text-mute i{font-style: normal;color: #333333}

.wboxBtm{padding: 30px 40px;}

.scColumn .followImg{width: 60px;height: 60px;}

.scInner{background-color:#f7f7f7; border-radius: 5px;padding: 10px 20px;position: relative; border: 1px solid #e8e8e8;}
.scInner > input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0}

.scInner .followTxt{font-size:16px; font-weight: 600; color: #666666;max-width: calc(100% - 100px);padding: 0 0 0 10px}
.scInner .followTxt strong{font-weight: 800}
.scInner .radioSwitch{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 20px;}

.scRow{margin: 0 -12px -20px;}
.scColumn{padding: 0 12px 20px;}

.innerWhite{height: 100%;background-color: #fff;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);box-shadow: 0 0 15px rgba(0,0,0,0.05);padding: 21px 30px 30px;-webkit-border-radius: 5px;border-radius: 5px;position: relative;}
.cardTitle{color: #333333;font:500 40px/1.2 'Roboto', sans-serif;padding-bottom: 25px;}
.cardTitle:after{width: 40px;height: 1px;background-color: #666666;content: '';display: block;margin-top: 36px;}
.cardTitle span{display: block;color: #666666;font:400 25px/1 'Roboto', sans-serif;padding-top: 2px;}
.cardTitle span small{font-size: 18px;}
.cardTitle span .vSmall{font-size: 12px;}

.pointUl{padding: 0 0 25px;}
.pointUl li{color: #666666;font:300 20px/1.2 'Roboto', sans-serif;background: url(../images/true-icon-black.svg) no-repeat 0 3px / 25px auto;padding: 0 0 20px 45px;}

.marBtm30{margin-bottom:15px;}
.packageColumn .btn{position: static; width:100% !important; bottom: 30px;width: auto;left: 30px;right: 30px;}
.upgradeMembership .icon-membership:before{color:#4FCF5C;}
.upgradeMembership #headerTitle{ font-weight:500;}
.termTxt{color: #666666;font:300 20px/1.2 'Roboto', sans-serif;padding: 0 0 21px;display: block;margin: -2px 0 0}

.termRow{position: relative;display: inline-block;vertical-align: top;width: 100%;padding-bottom: 30px;}
.termRow ~ .termRow{border-top: 1px solid #d1d1d1;padding-top: 25px;}
.termRow:last-child{padding-bottom: 0}

.absoInput{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 1;}
.radioSpan{-webkit-border-radius: 50%;border-radius: 50%;width: 29px;height: 29px;border: 2px solid #aaaaaa;background-color: #ffffff;position: relative;transition: 300ms all;margin: 3px 27px 0 0}
.radioSpan:after{-webkit-border-radius: 50%;border-radius: 50%;width: 15px;height: 15px;background-color: #002173;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;content: '';opacity: 0;transition: 300ms all;}

.termRow > *{float: left;}
.monthTxt{color: #666666;font:700 30px/1.1 'Roboto', sans-serif;display: block;}
.planPrice{float: right;text-align: right;color: #666;font:700 25px/1.1 'Roboto', sans-serif;}
.planPrice > *{display: block;font:300 20px/1 'Roboto', sans-serif;}
.discout{text-decoration: line-through;color: #666666;padding-top: 8px;}
.upgradeMembership .discout{color:#FF0066; text-decoration:none;}
.savePrice{color:#4fcf5c;padding-top: 5px;}
.sp-coupon-code{cursor: pointer;}
.upgradeMembership .savePrice{font-weight:500;}
.termRow .absoInput:checked ~ .radioSpan{border-color: #002173}
.termRow .absoInput:checked ~ .radioSpan:after{opacity: 1}

.sumUl > li{display: inline-block;vertical-align: top;width: 100%;border-bottom: 1px solid #d1d1d1;font:300 20px/1.2 'Roboto', sans-serif;color: #666666;padding: 25px 0}
.sumUl > li:first-child{padding-top: 0}

.liLeft{float: left; width:77%;}
.liRight{float: right;}
.subTotle{font-weight: 700;font-size: 30px;line-height: 1}
.totalPrice{font-weight: 700;font-size: 30px;color: #002173;line-height: 1}
.grayFiled.subother .form-control{background:none; padding:5px 0 0 0; font-weight:700; color:#666;}
.proBtn{text-align: right;padding: 30px 0 0}
.color666{ color:#666; font-weight:normal;}

/* Datepicker css start */
.ui-corner-all{border-radius: 3px;}
.ui-datepicker{width: 17em;padding:8px 8px 3px;display: none;border: 1px solid #c5c5c5;min-width: 300px;z-index: 999999 !important;}
.ui-widget{font-family: Arial,Helvetica,sans-serif;font-size: 1em;}
.ui-widget-content{border: 1px solid #ddd;background: #ffffff;color: #333333;}
.ui-datepicker .ui-datepicker-header{position: relative;padding: 0.5em 0;color: #ffffff;background-color: #ff0066;border: 1px solid #ddd;font-weight: bold;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{background-color: #da0057;width: 30px;height: 30px;position: absolute;}
.ui-datepicker .ui-datepicker-prev{left: 6px;top: 7px;}
.ui-datepicker .ui-datepicker-next{right: 5px;top: 7px;}
.ui-icon{width: 16px;height: 16px;text-indent: -99999px;overflow: hidden;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); display: none;}
.ui-datepicker .ui-datepicker-title{margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: 0.35}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before{width: 8px;height: 15px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;content: '';}
.ui-datepicker .ui-datepicker-prev:before{background: url(../images/arrow-left.svg) no-repeat 0 0 / contain}
.ui-datepicker .ui-datepicker-next:before{background: url(../images/arrow-right.svg) no-repeat 0 0 / contain}

.ui-state-disabled {cursor: not-allowed!important;pointer-events:auto;}
.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
.ui-datepicker th {padding: 1em 0.3em;text-align: center;font-weight: bold;border: 0;}
.ui-state-disabled{cursor: not-allowed!important;pointer-events: auto;}
.ui-datepicker td {border: 0;padding: 3px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: 0.4em 0.2em;text-align: right;text-decoration: none;text-align: center;}
.ui-state-default, 
.ui-widget-content 
.ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {border: 1px solid #c5c5c5;background: #f6f6f6;font-weight: normal;color: #454545;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border-color: #da0057;background: #da0057}
.ui-datepicker td a.ui-state-highlight{color: #ffffff}
/* Datepicker css end */

/* Timepicker css start */
.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker,.ui-timepicker-viewport{box-sizing:content-box;height:205px;display:block;margin:0}.ui-timepicker{list-style:none;padding:0 1px;text-align:center}.ui-timepicker-viewport{padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:none}
/* Timepicker css end */

.uploadBox .preview-image{width:200px; cursor: auto; height: 200px; float: none; margin:0;}
.uploadBox .CoverBox{ width:196px; left:0; bottom:40.5px; text-align: center; font-size:18px; border-radius:0 0 8px 8px; padding:8px 0;}

.CoverPhoto .preview-image{width:100%; cursor: auto; height: auto; float: none; margin:0;}
.CoverPhoto .CoverBox{ width:100%; left:0; bottom:0; text-align: center; font-size:18px; border-radius:0 0 8px 8px; padding:8px 0;}
.CoverPhoto .previewWrap{position: relative; height: auto; max-height: inherit;}
.CoverPhoto .previewWrap img{border-radius:8px 8px 0 0; width:100%;}
.shopBanner .preview-images-zone{white-space:inherit; overflow:inherit;}
.shopBanner .preview-image{width:100%; height:160px;}
.shopBanner .addphoto{left:50%; top:30px; margin-left:-20px;}
.shopBanner .previewWrap img{width: 100%; height:100%;}
.shopBanner .preview-image .lds-ellipsis{top:10px; left:40%;}

.shopBanner .wrap-upb{width: 23%; display: inline-block; padding: 0 8px 0 0;}

.notes{display: block;color: #666666;font:300 15px 'Roboto', sans-serif; padding:15px 0 0}

.btnSpan{display: inline-block;vertical-align: middle;height: 26px;-webkit-border-radius: 3px;border-radius: 3px;color: #333333;background-color: #e5e5e5;padding: 0 10px;font:400 14px/26px 'Roboto', sans-serif;border: 1px solid #cccccc}
.fileTxt{display: inline-block;vertical-align: middle;font:400 14px/26px 'Roboto', sans-serif;max-width: calc(100% - 100px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.imgHolder{margin-top: 20px;}
.setImg{border:1px solid #e5e5e5;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.thumbHolder{width: 200px;height: 200px;}
.largeHolder{height: 300px;max-width: 1500px;}

.formInner select.form-control:not([size]):not([multiple]), .formInner select.form-control,
.formInner .form-control{height: 40px; background:#fff; border:1px solid #ccc; font-weight: 400;}
.formInner select.form-control:focus, .formInner .form-control:focus{border:1px solid #002173;}
.formInner .form-control::-webkit-input-placeholder {color:#333333;opacity: 0.5}
.formInner .form-control:-moz-placeholder {color:#333333;opacity:0.5;}
.formInner .form-control::-moz-placeholder {color:#333333;opacity:0.5;}
.formInner .form-control:-ms-input-placeholder {color:#333333;opacity: 0.5} 

.marTop15{margin-top: 15px;}
.formInner .form-group > label{padding-bottom: 4px;}
.formInner .form-group{margin-bottom: 1.879rem}
.notesBold{color: #999999;font-weight: 400;font-size: 15px;}
.notesBold strong{color: #333333;font-weight: 500}

.scheduleRow{margin-bottom: 22px;}
.scheduleRow > *{display: inline-block;vertical-align: middle}
.OpenI{display: none;}
.scheduleRow .radioSwitch{margin: 0 5px 0 0}
.scheduleRow .radioSwitch > label{vertical-align: middle}
.schTitle{font:500 14px/1.2 'Roboto', sans-serif;color: #333333;min-width: 100px;}
.openClose{font:400 14px/1.2 'Roboto', sans-serif;color: #333333;min-width: 60px;margin: 0 0 -3px}
.setTime{color: #e1e1e1;opacity: 0;visibility: hidden;position: relative;}

.showAll .openSpan{display: block;}
.showAll .closeSpan, .openSpan{display: none;}
.showAll .setTime{opacity: 1;visibility: visible;}
.showAll .setTime .selectdefault{width:110px;}

.timepicker{border: 0;padding: 0;width: 120px;border-bottom: 1px solid #e1e1e1;font:400 14px/1.2 'Roboto', sans-serif;color: #333333;background-color: transparent;height: 30px;}
.setTime > *{display: inline-block;vertical-align: middle}
.setTime span{width: 10px;height: 1px;background-color: #e1e1e1;margin: 0 14px -2px 12px;font-size: 0}
.setTime .selectbox .icon-arrow-drop-down{top: 11px; right: 3px; background: none;}
.map{-webkit-border-radius: 5px;border-radius: 5px;width: 100%;overflow: hidden;margin-top: 30px;height:320px;}
.map iframe{vertical-align: top;width: 100%;height: 100%;}

.titleDiv .btn{position: absolute;right: 40px;top: 17px;}
.titleDiv .btn-renewmember{position: inherit; display: block; margin:15px 0 0 0; padding:0;}


.form-group > label .text-mute{font-weight: 400;color: #666666}

.uploadTrans{background-color: transparent;padding: 0;border: 0;margin-top: 8px;}
.preview-image{width:100px; height:100px; position: relative; float: left; border:2px solid #EAEAEA; cursor: pointer; border-radius:10px; margin:0.9375rem 0.9375rem 0 0;}
.image-zone{width: 100%;height: 100%;}
.image-cancel{position: absolute;right:5px;top:5px;background: url(../images/close.svg) no-repeat; width:30px; height:30px;font-size: 0;cursor: pointer;}

.previewWrap{position: absolute; height: 100%;top: 0;max-width: 100%;max-height: 100%}
.previewWrap img{border-radius:8px; }
.addphoto{position: relative;background: url(../images/add_photo.svg) no-repeat; width:40px; height:40px; display: block; top:25px; left:30px;}

.preview-select{border:2px solid #FF0066;}
.preview-select .addphoto{background: url(../images/add_photo_select.svg) no-repeat;}
.preview-image .lds-ellipsis{position: absolute; z-index: 3; top:50%; top:13%; left:18%;}


/* Tag  input css start */
.bootstrap-tagsinput{background-color:#fff;border:1px solid #eaeaea;display:inline-block;padding:4px 8px;color:#555;vertical-align:middle;border-radius:4px;max-width:100%;line-height:22px;min-width:100%;cursor:text}.bootstrap-tagsinput input,.bootstrap-tagsinput input:focus{border:none;box-shadow:none}.bootstrap-tagsinput input{outline:0;background-color:transparent;padding:0 6px;margin:0;height:30px;width:auto;max-width:inherit}.bootstrap-tagsinput.form-control input::-moz-placeholder{color:#777;opacity:1}.bootstrap-tagsinput.form-control input:-ms-input-placeholder{color:#777}.bootstrap-tagsinput.form-control input::-webkit-input-placeholder{color:#777}.bootstrap-tagsinput .tag{margin-right:6px;color:#fff;background-color:#002173;border-radius:5px;-webkit-border-radius:5px;font:500 15px/30px Roboto,sans-serif;padding:0 10px;display:inline-block;vertical-align:top}.bootstrap-tagsinput .tag [data-role=remove]{margin-left:10px;cursor:pointer;width:10px;height:10px;display:inline-block;vertical-align:middle}
/* Tag  input css end */

.formInner .form-group.marBtm0, .marBtm0{margin-bottom: 0}

.inlineRadio{display: block;}
.inlineRadio + .switchtoggle{padding: 14px 0 0;}
.inlineRadio > label > *{display: inline-block;vertical-align: middle;}
.inlineRadio > label > span{display: inline-block;vertical-align: middle;}
.inlineRadio > label > i ~ span{margin: -2px 0 0 4px;}

.paddBtm-10{padding-bottom: 10px;}

.txtBox{position: relative;/*z-index: 1;*/}
.colorPicker{border: 1px solid #eaeaea;padding: 5px;-webkit-border-radius: 6px;border-radius: 6px;position: relative;}
.setColor{-webkit-border-radius: 5px;border-radius: 5px;background-color: #005493;display: block;width: 100%;height: 30px;border: 1px solid #eaeaea}
.setColor:after{display: none;}

.colorPicker .dropdown-menu{padding: 10px 13px;background-color: #f3f3f3;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.2);box-shadow: 0 0 25px rgba(0,0,0,0.2);min-width: 340px;}
.colorPicker .dropdown-menu > li{display: inline-block;vertical-align: top;width: 100%;}
.colorPicker .dropdown-menu > li > ul{margin: 0 -1px;}
.colorPicker .dropdown-menu > li > ul ~ ul{margin-top: 2px;}
.colorPicker .dropdown-menu > li > ul:after, .colorPicker .dropdown-menu > li > ul:before{content: '';display: table;}
.colorPicker .dropdown-menu > li > ul > li{float: left;width: 8.33333333%;padding: 0 1px;position: relative;padding-top: 19.22%;}
.colorPicker .dropdown-menu > li > ul > li > a{position: absolute;left: 1px;right: 1px;top: 0;bottom: 0;}
.colorPicker .dropdown-menu > li > ul:after{clear: both;}


/* Login header css start */
.container-new{max-width: 1200px;}
.login-header{background: #fff; padding:10px 0; border-bottom:1px solid #e9ebed; position: fixed; width: 100%; z-index: 1;}
.login-header .headRight{margin: 10px 0 0}
.login-header .headRight .form-group{float: left;width: 240px;margin-right: 10px;}
.login-header .headRight .form-group .form-control{height: 40px;padding: 0 15px;}
.login-header .form-group{margin-bottom: 10px}
.login-header .form-group > label{color: #ffffff;font-weight: 300;padding-bottom: 0}
.login-header .form-group .error{color: #FF0066;}
.login-header .home-l{ color:#666; font-size:40px; display:none; position: absolute; left:15px; top:10px;}
.login-header .refresh{ color:#666; font-size:40px; display: none; position: absolute; right:15px; top:10px;}
.login-header .headLeft{text-align: center; float: none;}
.home-shop{border-radius: 50%; background:#e4e6eb; width:40px;height:40px; display: inline-block;}
.home-shop .icon-home{width:40px; text-align: center; display: block; padding-top:7px;}
.home-shop .icon-home:before{font-size:23px; color:#333333;}
.btn-back{border-radius: 50%; background:#e4e6eb; width:40px; height:40px; display: inline-block; float: left; margin-right:5px;}
.btn-back .icon-back-arrow{width:40px; text-align: center; display: block; padding-top:10px;}
.btn-back .icon-back-arrow:before{font-size:21px; color:#333333;}
.btn-back:hover{background:#D2D6DE;}
.home-shop:hover{background:#D2D6DE;}
.login-header .logo{display: inline-block;}

.login-header .forgotLink{font:300 15px/1.4 'Roboto', sans-serif;display: inline-block;vertical-align: top;margin-top: 3px;color: #ffffff}
.loginBtn{float: left;margin: 21px 0 0}
.btn-login{line-height:31px;background-color: #FF0066; min-width: 125px;text-transform: uppercase;}
.btn-login:hover{background-color: #4fcf5c;}

/* Login header css end */
.bannerForm{overflow: hidden; padding:120px 0 50px; background:#f3f3f3; }
.bannerForm .register-seller{width: auto;}
.bannerText {text-align: center; padding:20px 0 0 0;}
.bannerText h1{font-size:45px; font-weight:900; color:#333;}
.bannerText h3{font-size:23px; color:#333; padding:10px 0 40px 0;}


.bformInner{background:#fff; border-radius:10px; display: inline-block;vertical-align: top;text-align: left;width: 100%;padding:30px; box-shadow:0 0 25px #ccc;}
.formTitle{text-align: center;color: #333333;font:300 35px/42px 'Roboto', sans-serif;padding-bottom: 31px;}

.formNew .form-control{background-color: #e4e4e4;height:40px;padding: 0 15px;border:0;}
.formNew .CCode .form-control{height:40px !important;}
.formNew .CCode .icon-arrow-drop-down{top:16px;}
.formNew .form-group > label{padding: 0 0 3px}

.agree{color: #666666;font-size:13px; padding: 0 0 18px}
.agree a{color: #000; text-decoration: underline;}

.stepsSec{padding:0 0 30px;}
.stepTitle{color: #333333;text-align: center;font:700 60px/70px 'Roboto', sans-serif;padding: 0 0 56px;}
.stepTitle span{color: #ff0066;font-weight: 300;}

.stepWrapper{counter-reset: section;}
.stepRow{position: relative;z-index: 1;padding: 22px 40px;display: table;width: 100%;counter-increment: section;margin-bottom: 50px;}
.stepRow:after{-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.05);box-shadow: 0 0 30px rgba(0,0,0,0.05);background-color: #ffffff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';z-index: -1;}
.stepRow:before{content: counter(section);position: absolute;right: 100%;z-index: -11;color: #e8e8e8;font:900 350px/0.8 'Roboto', sans-serif;-webkit-transform: translate(39.5%,-50%);transform: translate(39.5%,-50%);top: 50%}

.stepRow:nth-child(even):before{right: auto;left: 100%;-webkit-transform: translate(-39.5%,-50%);transform: translate(-39.5%,-50%);}
.stepRow.stepRow-4:before{-webkit-transform: translate(-44.5%,-50%);transform: translate(-44.5%,-50%);}
.stepRow.stepRow-5:before{-webkit-transform: translate(25.5%,-50%);transform: translate(25.5%,-50%);}

.stepRow > *{display: table-cell;vertical-align: middle}
.circleIcon{width: 220px;height: 220px;-webkit-border-radius: 50%;border-radius: 50%;border: 2px solid #f5f5f5;position: relative;}

.circleIcon + .circleTxt{padding: 0 0 0 34px;}
.circleTxt h3{color: #333333;font:400 25px/30px 'Roboto', sans-serif;}
.circleTxt ul{padding: 16px 0 0}
.circleTxt li{color: #333333;font:300 16px/22px 'Roboto', sans-serif;position: relative;padding: 0 0 0 16px;}
.circleTxt li ~ li{margin-top: 4px;}
.circleTxt li:before{position: absolute;left: 0;top: 7px;-webkit-border-radius: 50%;border-radius: 50%;width: 5px;height: 5px;background-color: #ff0066;content: '';}

.createBtn .btn{min-width: 450px;line-height: 68px;font-size: 30px;font-weight: 700;text-transform: uppercase;height: 70px;padding-top: 2px;}

/*Login New*/
.Language-Contactus{padding:10px 0; background:#fff; box-shadow:0 0 25px #ccc;}
.LanguageBox .Language{float: left; margin-top:5px;}
.LanguageBox .Language .selectdefault{width:150px;}
.languageregister {width:130px; margin: 0 auto; padding:15px 0 0 0;}
.languageregister .selectdefault{width:150px; background:#fff;}

.ContactusBox{float: right; padding:7px 0 0 0;}
.ContactusBox a{font-size:18px; font-weight: 700; color: #002173; float: left; margin:0 0 0 20px; padding:0; border:1px solid #002173; border-radius:5px; padding:5px 10px;}
.ContactusBox .signupnow{background:#FF0066; color:#fff; border:1px solid #FF0066;}
.ContactusBox .signupnow:hover{background:#ff217a; color:#fff;}
.ContactusBox a:hover{color:#FF0066; border:1px solid #FF0066;}
.videoyoutube{max-width:550px;}
.videowrapper {float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videowrapper iframe {position: absolute;top: 0;left: 0; width: 100%; height: 100%;}
.bannerTxtImage{overflow: hidden; margin-top:80px;}
.bannerTxtImage .container-new{background: #fff; margin-top: 20px; margin-bottom: 20px; border-radius: 10px; padding: 10px 0;}
.bannerTxtImage p{font-size:30px; color:#000; text-align: center; padding:0; margin: 0;}
.bannerTxtImage h2{font-size:60px; color:#000; font-weight: 700; text-align: center; padding-bottom:20px; }
.stepsSec .tagline-box .LRightText{background:#002173; height: 240px; line-height: 240px; display: table-cell;    vertical-align: middle; border-radius:10px;}
.stepsSec .tagline-box .RRightText{background:#FF0066; height: 240px; line-height: 240px; display: table-cell;    vertical-align: middle; border-radius:10px;}
.stepsSec .tagline-box p{font-size:38px; font-weight: 700; line-height:normal; color: #fff; text-align: center; padding:0 70px;}
.stepsSec .ParagraphBox{ padding:30px 0;}
.stepsSec .ParagraphBox p{font-size: 20px;}
.stepsSec .AwardsBox{background: #fff; padding:20px 40px; border-radius:10px;}
.stepsSec .AwardsBox p{font-size: 25px; line-height:normal; font-weight:500; float:left; width:45%; padding:20px 0 0 0; margin: 0;}
.stepsSec .AwardsBox p span{color: #FF0066;}
.stepsSec .AwardsBox .awards-img{float: right; width:45%}

.features{text-align: center; margin: 20px 0 0 0; padding: 15px 0 0 0;}
.feature{padding:20px 0;}
.features-title{padding-top:20px;}
.features h2, .features-title h2{ font-size:39px; color: #002173; text-align: center; font-weight: 700; padding-bottom:10px; }
.features p, .features-title p{ font-size:20px; color:#333333; text-align: center;}
.features .feature-img1{margin-left: -100px;}
.features .feature-img2{margin-right: -100px;}
.features .feature-img-mobile{display: none;}
.features .feature-info{ background:#fff; border-radius:10px; position: relative; box-shadow:0 0 20px 0 rgba(0,0,0,.1); padding:30px;}
.features .feature-info span{font-size:110px;color: #333333;}
.features .feature-info h3{font-size:25px; color: #333333; font-weight: 500; padding:0 0 20px 0;}
.features .feature-info p{ line-height:30px;}
.features .feature-info .icon-feature-arrow1{position: absolute; top:50%; left:-25px; font-size:35px; color: #fff; display: block; }
.features .feature-info .icon-feature-arrow2{position: absolute; top:50%; right:-25px; font-size:35px; color: #fff;display: block; }
.features .feature-info .icon-feature-arrow3{position: absolute; top:-25px; margin-left:-15px; left:50%; font-size:35px; color: #fff; display: none; }
.WhiteBox{background:#fff; padding:50px 0;}
.moresale{ background:#002173; position: relative; z-index: 1; padding:30px 0;}
.moresale h2{font-size:33px; color:#fff; font-weight:600; padding-bottom:10px;}
.moresale h3{ color:#fff; font-size:24px; padding-bottom:15px;}
.moresale a{padding:10px 25px; display: inline-block; border-radius: 5px; background: #fff; color:#002173; font-size: 25px; font-weight: 500;}
.moresale a:hover{color:#ff0066;}
.footerForm{position: relative; background: linear-gradient(-130deg, #FF5C93, #002173); padding:50px 0; margin-bottom:-50px;}
.WhiteBox .categoryimg{position:relative; flex:0 0 20%; max-width:20%; padding-right:5px; padding-left:5px; margin-bottom:10px;}
.WhiteBox .categoryimg span{display: block; background:#fff; border:1px solid #d9d9d9; padding:10px; text-align: center; border-radius:5px; color:#333; font-weight:500;}
.seller-category-box .catImg{padding:5px;}
.seller-category-box .catImg img{border-radius:5px;}
.seller-category-box .catTitle{padding:0 5px;text-align:center;}
.seller-category-box .slick-track{overflow: hidden;}

.footerForm .contactinfo{padding-left:130px;}
.footerForm .contact-text{font-size:35px; color: #fff; font-weight:300;line-height: normal;}
.footerForm .contact-text strong{display: block;}
.footerForm .contact-text::after{content: "------------------"; display: block;}
.footerForm .phoneEmail{font-size:45px; color: #fff; font-weight:700; line-height: normal;}
.footerForm .phoneEmail a{color: #fff;}
.footerForm .phoneEmail a:hover{opacity: 0.8;}
.footerForm .Download-text{font-size:35px; color: #fff; font-weight:700;line-height: normal; padding:80px 0 10px 0;}

.footerForm .ahmedabad-img{position: absolute; bottom:5px; right:-50px; width:755px; height:180px; background:url(../images/ahmedabad-img.svg) no-repeat;}

/* Footer start */
.footerMain{display: block; width: 100%; background-color: #fff;}
.loginFooter{padding:20px 0;}
.fixedFooter{position: fixed;left: 0;bottom: 0;right: 0}
.footTop{display: block; width: 100%; padding:8px 0; background-color: #666; }
.footerMain h6{font-size:20px; color:#333; font-weight:500; padding-bottom:15px;}
.footNav li{display:block; padding:6px 0;}
.footNav li a{color:#002173; font-size:16px; font-weight:500;transition: all 0.4s ease-in-out;}
.footNav li a:hover{color: #ff0066;}
.socialMeadia{padding-bottom:10px;}
.socialMeadia .socialLabel{display: inline-block; vertical-align: middle; font-size:15px; color: #fff; font-weight: 400;}
.socialMeadia .socialIcon{display: inline-block; vertical-align: middle; width:30px; height:40px; margin:0 4px; color:#002173;}
.socialMeadia .socialIcon:hover{color:#ff0066;}
.socialMeadia a span{display: inline-block; text-align: center;}
.socialMeadia a span:before{font-size:40px;}
.footTop .socialMeadia {padding:0;}
.footTop .socialMeadia .socialIcon{color:#fff;}
.footCopy{display: block; padding:10px 0; border-bottom: 1px solid #dfdfdf; }
.shoppingLove_text{display: block; font-size:15px; color: #000000; font-weight: 400; padding-bottom:10px; }
.shoppingLove_text .icon{display: inline-block; vertical-align: middle; color: #ff0066; margin: 0 6px;}
.shoppingLove_text .icon-favorite{ color: #ff0066;}
.appBtn{display: inline-block; vertical-align: middle; width: auto; border: 1px solid #e1e1e1; padding:8px 26px; border-radius: 3px; background-color: #f4f4f4; }
.appBtn img{max-width: 140px; max-height: 33px; display: block;}
.appBtn:hover{background-color: #e1e1e1}
.copyright{display: block; font-size:15px; font-weight: 400; color: #000; }
.copyright a{color: #000; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.copyright a:hover{color: #ff0066;}
.footerMenuMain{display: block; padding:0 25px;}
.footBox{display: block; padding:22px 0 }
.footBox .footBoxTitle{display: block; font-size: 0.9375rem; font-weight: 400; color: #000000; margin-bottom: 15px;}
.footBox .footBoxTitle a{color: #000000;  -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.footBox .footBoxTitle a:hover{color: #ff0066}
.footBoxCon{display: block;}
.footBoxCon ul{list-style: none;}
.footBoxCon ul li{display: block; font-size: 0.875rem; color: #666666; line-height: 1.6; margin-bottom: 2px;}
.footBoxCon ul li a{color: #666666; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.footBoxCon ul li a:hover{padding-left: 6px; color: #ff0066}


/* 12 Product Listing Page */
.filter_main{display: block; width: 100%; padding: 15px 0; margin: 20px 0;position: relative;}
.filter_main:before{position: absolute;left: -1000%;right: -1000%;content: '';top: 0;bottom: 0;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);z-index: -1; background:#fff;}
.filter_main .row{margin: 0 -10px; align-items: center;}
.filter_main .col{padding: 0 10px;}
.filter_main .form-group{ margin-bottom: 0; }
.filter_main .col{-webkit-box-flex: 0; -ms-flex: 0 0 16.5%;  flex: 0 0 16.5%; max-width: 16.5%;}
.filter_main .price_filter{-webkit-box-flex: 0;-ms-flex: 0 0 24.7%;flex: 0 0 24.7%;max-width: 24.7%;}
.filter_main .colLarge{-webkit-box-flex: 0; -ms-flex: 0 0 20%;  flex: 0 0 20%; max-width: 20%;}
.filter_main .colSmall{-webkit-box-flex: 0; -ms-flex: 0 0 14%;  flex: 0 0 14%; max-width: 14%;}

.form-group .dropdown-menu{width: 100%}
.filter_main .ui-selectmenu-button{background:#F8F8F8 !important; height: 100%; border: none; position: relative;width: 100%}
.filter_main .ui-selectmenu-button .ui-selectmenu-text{line-height: 1.5; color: #495057; font-size: 1rem; font-weight: 400;}
.filter_main .ui-selectmenu-button .ui-icon{position: absolute; right: 20px;}
.ui-widget.ui-widget-content{background: #fff !important;}

.price_box{display: block;}
.price_box .price-label{display: inline-block; width: 55px; vertical-align: middle;}
.price_box .price-amount{width: 55px; background: none; display: inline-block; padding: 0 5px 0 0; font-size: 0.8125rem; font-weight: 400; color: #333333; text-align: center;}
.price_box #maxPrice{padding: 0 0 0 5px} 
.price_box .price-slider{display: inline-block; vertical-align: middle; width: calc(100% - 55px - 132px);}

.products-main{display: block; width: 100%; }
.products-main .container{max-width: 1340px;}
.products-main .container .row{margin: 0 -8px;}
.col-product{padding: 0 8px; }
.productBox{display: inline-block; width: 100%; border-radius:6px; background: #fff; margin:0 0 0.9375rem;  -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative;}
.productBox .product-img{padding-bottom: 100%;position: relative;overflow: hidden;display: flex;flex-direction: column;width: 100%;height: 100%;}
.productBox .product-img a{display: block;}
.productBox .product-img img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: block;margin: auto;max-width: 100%;max-height: 100%;min-height: 100%;transition: all 0.6s ease-in-out;}
.productBox .featured{display: inline-block;width: auto;padding: 4px 10px;background: #4fcf5c;text-transform: uppercase;color: #fff;position: absolute;top: 10px;left: 10px;border-radius: 4px;z-index: 12;font-size: 0.850rem;font-weight: 400;}
.productBox .offer{display: flex; align-items: center; width: auto;padding: 3px 10px;background: #002173;text-transform: uppercase;color: #fff;position: absolute;bottom: 9px;left: 14px;border-radius: 4px;z-index:1;font-size: 0.850rem;font-weight: 400;line-height: 1;}
.productBox .offer span{ margin-right: 4px;}

.productBox .product-like{position: absolute;top: 13px;right: 13px;font-size: 1.350rem;color: #999999;z-index: 12; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.productBox .product-like:hover{color: #ff0066}
.productBox .product-like.liked{color: #ff0066}
.productBox .product-like.liked:hover{color: #999999;}
.productBox .product_con{display: block; padding: 10px 12px;}
.productBox .product-title{display: block;font-size: 13px;font-weight: 400;color: #666666;margin-bottom: 8px;min-height:45px;line-height: 1.2;}
.productBox .product-title a{-moz-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out;font-size: 13px;color: #666666;}
.productBox .product-title a strong{display: inline-block;}
.product_con .price-row{display: flex;align-items: center;width: 100%;margin-bottom: 0;}
.product_con .price-row .now{display: inline-block; vertical-align: middle; font-size: 1.25rem; font-weight: 600; color: #333;}
.product_con .price-row .was{display: inline-block; vertical-align: middle; font-size: 0.9375rem; font-weight: 300; color: #999999; text-decoration: line-through; margin-left: 10px;}
.product_con .price-row .off{display: inline-block;width: auto;vertical-align: middle; color:#4fcf5c;font-size: 0.850rem;margin-left: 10px;line-height: 1.2;}

.product-author{display: flex; width: 100%; margin-bottom: 10px;}
.product-author .author-logo{-webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; max-width: 30px;}
.product-author .author-logo img.no-logo{border: 1px solid #f1f1f1; padding: 5px; background: #fff; }
.product-author .author-details{padding-left: 10px;}
.product-author .author-details .author-name{display: block;font-size: 0.850rem;line-height: 1;font-weight: 400;color: #666666;}

.productBox:hover{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16)}
/*.productBox:hover .product-img img{ -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}*/
.productBox:hover .product-title a{color: #ff0066;}

.fiter_actionBar{display: none; background: #fff;  font-size: 1.250rem; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14); margin-bottom: 10px; position: relative;}
.fiter_click, .shorting_click{float: left; width: 50%; position: relative; padding: 10px 30px;font-size: 15px;}
.shorting_click{border-right: 1px solid #e2e2e2; }
.shorting_click .custom-select{position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}
.fiter_click .icon-filter-list, .shorting_click .icon-sort{margin-right: 10px; vertical-align: middle;     font-size:20px;}
.filter_title, .filter_foot{display: none;}

.custom-select{height: calc(2.25rem + 4px); border: none !important; background-color:#F8F8F8 !important;  background-image: url(../images/down-arrow.svg); background-size: 12px 6px; padding: 6px 28px 6px 20px;}
.custom-label{display: block; font-size: 1.25rem; font-weight: 400; color: #666666; margin-bottom: 0.750rem;}
.dropdown-menu{ border: none; box-shadow:0 0 100px 10px rgba(0, 0, 0, 0.3); }
.dropdown-item .icon{margin-right: 6px;}
.multiselect-native-select .btn-group{ width: 100%; }
.multiselect-native-select .btn-group .custom-select{position: relative;}
.multiselect-native-select .btn-group .multiselect .multiselect-selected-text{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.multiselect-container .input-group{margin: 0; padding: 10px;}
.multiselect-native-select .multiselect-container .multiselect-filter .multiselect-search{height:2.5rem; max-width: 100%; border-radius: 4px; padding: 5px 10px;}
.multiselect-native-select .multiselect-container .multiselect-filter .input-group-btn{display: none;}
.multiselect-container>li>a{display: block;}
.multiselect-container>li:hover{background-color: #f5f5f5}
.multiselect-native-select .multiselect-container  li .checkbox input[type="checkbox"]{position: absolute; opacity: 0;}
.multiselect-native-select .multiselect-container  li .checkbox{display: block; position: relative; font-size: 0.9375rem; font-weight: 300; color: #333333; line-height: 1.4; margin-bottom: 5px; margin-top: 5px; padding-left: 36px;}
.multiselect-native-select .multiselect-container li .checkbox:before{content: ""; width: 16px; height: 16px; border: 1px solid #002173; position: absolute; left: 10px; top: 4px; border-radius: 4px;}
.multiselect-native-select .multiselect-container li.active .checkbox:before{background: #002173;}

.dropdown-toggle{cursor: pointer;}
.dropdown-toggle[aria-expanded="true"]:after{    transform: rotate(-180deg);} 
.dropdown-item.active, .dropdown-item:active{background: #ff0066}

/* 1.3 Form style */
.multiselect-container{padding: 0;border-radius: 0.25rem}
.multiselect-container>li{margin: 0 !important}
.form-control.multiselect-search{background-color: #f3f3f3}

.ui-selectmenu-button{max-width: 100%; height: 3.125rem; background-color: #f3f3f3; padding: 8px 20px; border-radius: 6px; font-weight: 300 !important; font-size: 15px; color: #666666; border: none; text-overflow: ellipsis;-webkit-border-radius: 0.25rem;border-radius: 0.25rem;}
.ui-selectmenu-button.ui-selectmenu-button-open{border-bottom-right-radius:0; border-bottom-left-radius:0;} 
.ui-button:focus{box-shadow: none /*0 0 0 0.2rem rgba(40, 37, 98, 0.25)*/; outline: 0; background: #f3f3f3;} 
.ui-selectmenu-text{margin-right: 0;}  
.ui-selectmenu-button .ui-icon{top: 50%; margin-top: -3px; margin-right: -8px; background: none !important; width:0; height: 0; border-top: 6px solid #999999; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.ui-widget.ui-widget-content{border: none !important; box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); background-color: #f3f3f3; border-radius: 0 0 6px 6px;}
.ui-autocomplete{width:95%;}
.ui-state-active, .ui-widget-content .ui-state-active{border: 1px solid #ff0066;background: #ff0066;color: #ffffff}
.ui-menu .ui-menu-item-wrapper{padding:3px 10px; color:#333; display: block;}
.ui-menu .ui-menu-item-wrapper:hover{color:#fff;}
.ui-menu .ui-menu-item{font-size:18px; color: #666666; line-height: 1.4;}
.ui-menu, .ui-selectmenu-menu{z-index: 9999999 !important;}
.ui-autocomplete-term{font-weight: 700; color: red;}
.ui-button:active{background-color: inherit; color: inherit;}

.btn-add{position: absolute;top: 0;bottom: 0;margin: auto;left: 10px;height: 40px;width: calc(100% - 20px); padding-top: 0;}
.proAdded .btn-add{top: 10px;bottom: 10px;height: auto;background-color: rgba(40,37,98,0.8);border: 0;pointer-events: none;}
.btn.btn-remove{position: absolute;left: 50%;bottom: 20px;margin: auto;z-index: 1;padding: 2px 12px 0;background-color: #ffffff;color: #f00;text-transform:uppercase;-webkit-transform: translateX(-50%);transform: translateX(-50%);margin: 0 !important;font-size: 14px;line-height: 25px;}


.showngTxt{color: #333333;font:300 15px/1.2 'Roboto', sans-serif;padding:0;}
.pageSelect{width: 200px;}
.defaultSelect:not(.custom-select) + .ui-selectmenu-button{width: 100%;background-color: #ffffff;border: 0;height: 40px;}
.defaultSelect:not(.custom-select) + .ui-selectmenu-button .ui-selectmenu-text{line-height: 1.5;color: #495057;font-size: 1rem;font-weight: 400;}

.products-main .row{margin: 0 -8px;}

.btmSorting{padding-top: 30px;overflow: hidden;}
.leftSort{float: left;}
.pagination{float: right;flex: none;}
.pagination > li{float: left;margin-right: 4px;}
.pagination > li:last-child{margin-right: 0}
.pagination > li > a{display: block;border: 1px solid #d3d3d3;-webkit-border-radius: 3px;border-radius: 3px;font:400 12px/27px 'Roboto', sans-serif;background-color: #ffffff;padding: 0 10px;color: #333333;transition: 300ms all;}
.pagination > li > a.active{color: #aeaeae}

.proAdd{position: fixed;right: 0;left: 0;bottom: 0;z-index:2;background-color: rgba(255,255,255);text-align: center;padding:7px;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1);box-shadow: 0 0 25px rgba(0,0,0,0.1);}
.proTxt{color: #4fcf5c;font:400 24px/1.2 'Roboto', sans-serif;padding-right: 7px;}
.proAdd .btn{vertical-align: middle;}
.proAdd .btn ~ .btn{margin-left: 9px;}

.proInvoice{position: fixed;left: 0;right: 0;top: 100%;bottom: 0;z-index: 999999;background-color: #f3f3f3;/*padding: 47px 0 0;-webkit-transform: translateY(100%);transform: translateY(100%);*/opacity: 0;visibility: hidden;-webkit-transition: 300ms all;transition: 300ms all;  -webkit-overflow-scrolling: touch;text-align: center;}
/*.proInvoice:after{display: block;height: 50px;display: block;content: '';}*/
.upPopup{top:3%; /*-webkit-transform: translateY(20%);transform: translateY(20%);*/opacity: 1;visibility: visible;}
/*.proInvoice:before{display: inline-block;vertical-align: middle;content: '';height: 100%;}*/
.popContainer{padding: 0 15px; max-width:1000px; margin: 0 auto 30px; display: inline-block;vertical-align: middle;text-align: left;}

.package-loose-inside{padding:20px 0;}
.package-loose-inside .col-12{margin-bottom:20px;}
.package-loose-inside label{font-size:18px; color:#666666;font-weight: 500; margin-bottom: 10px;}
.package-loose-inside .variantlist{ background:#fff; border-radius:5px; font-size:18px; color: #666666; font-weight: 600; padding:5px 15px; display: block; border:1px solid #ccc; float: left; cursor: pointer; margin:0 0 10px 10px;}
.package-loose-inside .btn-active{ color:#FF0066; border:1px solid #FF0066;}
.package-loose-inside .looseinput{float: left; height:40px; max-width:100px; margin-right:15px;}
.package-loose-inside .ui-selectmenu-button.ui-button{background:#FF0066; color:#fff; float: left; max-width: 100px; border-radius:0 6px 6px 0; height:50px; border: none;}
.package-loose-inside .ui-selectmenu-text{padding-top:5px; font-size:18px;}
.package-loose-inside .ui-selectmenu-button .ui-icon{border-top: 6px solid #fff;}
.package-loose-inside .weightopt{float: left; width:90px;}
.package-loose-inside .weightopt .selectdefault{width:90px; height:40px;}
.package-loose-inside .weightopt .selectbox .icon-arrow-drop-down{top:18px;}

.popWrapper{width: 100%;height: 100%;overflow: auto;padding: 47px 0 0}
.popWrapperBulk{width: 100%;height: 100%;overflow: auto;padding: 47px 0 0}
.closePopup{position: absolute;left: 0;right: 0;margin: auto;top: -15px;width: 56px;height: 30px;background-color: #ffffff;padding: 0;border-radius: 5px;border: 0;z-index: 1;box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.closePopup .icon-close{font-size:25px; color:#000;}

.shopDetail{text-align: center;border-bottom: 1px solid #d1d1d1;padding-bottom: 15px;margin-bottom: 15px;}
.shopDetail p{color: #666666;font:300 15px/1.3 'Roboto', sans-serif;margin: 0 0 9px;}
.shopDetail p:last-child{margin-bottom: 0}

.invoiceForm{ margin: 20px -5px 20px;position: relative;}
.invoiceForm .clearfix > .form-group{float: left;padding: 0 5px;width: 65.576%;margin-bottom: 10px;}
.invoiceForm .clearfix > .form-group .form-control{padding-right: 5px;padding-left: 15px;}
.invoiceForm .clearfix > .form-group.dateBox{width: 22.953%;}
.invoiceForm .clearfix > .form-group.cuNme{width: 54.094%;}
.invoiceForm > .form-group{float: left;padding: 0 5px;width: 65.576%;margin-bottom: 10px;}
.invoiceForm > .form-group .form-control{padding-right: 5px;padding-left: 15px;}
.invoiceForm > .form-group.dateBox{width: 22.953%;}
.invoiceForm > .form-group.cuNme{width: 54.094%;}

.invoiceId{position: absolute;right: 10px;color: #333333;font:300 15px/40px 'Roboto', sans-serif;bottom: 10px;}
.hasdateIcon{background-image: url(../images/datepicker.svg);background-repeat: no-repeat;background-size: 14px auto; background-position: calc(100% - 7px) center;}

.popupTble .table{margin-bottom: 8px;}
.popupTble .table td .form-control{height: 40px;background-color: #f3f3f3;display: inline-block;}
.popupTble .table td .totalTxt{text-align: right;color: #002173;font:700 20px/1.2 'Roboto', sans-serif;width: 90px;}
.popupTble .table td .SubTotal{padding-right:10px;}
.popupTble .table td .qtyTxt{width: 50px;padding: 0; float: left; margin:0 5px; text-align: center}
.popupTble .table thead th{padding: 0 10px;white-space: normal;}
.popupTble .table tbody td{padding: 10px;white-space: normal;}
.popupTble .table tbody td:first-child,
.popupTble .table thead th:first-child{padding-left: 20px;}

.popupTble .table tbody td:last-child,
.popupTble .table thead th:last-child{padding-right: 20px;}
.qtysbox{width:150px;}
.qtyminus{width:2.5rem; height:2.5rem; cursor: pointer; float: left; display: inline-block; background:#f3f3f3; border-radius:5px; text-align: center;}
.qtyplus{width:2.5rem; height:2.5rem; cursor: pointer; float: left; display: inline-block; background:#f3f3f3; border-radius:5px; text-align: center;}
.qtyminus span, .qtyplus span{font-size: 30px; padding: 5px 0 0 0; display: inline-block;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; margin: 0; }
.popupTble .table tbody .nameTd p{ margin-bottom:5px; line-height: normal;}
.popupTble .table tbody .nameTd label{background:#f5f5f5; padding: 5px 9px; border-radius: 3px; display:inline-block; font-weight: 400; font-size:15px; color: #666666;}



.inTdimg{width: 3.75rem; height: 3.75rem;display: inline-block;vertical-align: top;}
.inTdimg img{width: 100%;height: 100%;object-fit: cover;}
.removeBtn{display: inline-block; vertical-align: middle; height:20px; padding: 0; font-size:1rem; border: 0; outline: none !important; cursor: pointer; color:#999999; background: none;}
.removeBtn span{font-size:1rem;color:#999999;}
.removeBtn .icon-delete{font-size: 25px; vertical-align: middle;}
.addPro{text-align: right;padding-bottom: 8px;}

.proInvoice .addPro{background-color: #ffffff;padding: 7px 20px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom:5px;text-align: center;display: inline-block;vertical-align: top;width: 100%;}
.proInvoice .addPro > .btn{float: right;}
.addPro .radioSwitch{float: left; margin:5px 20px 0 0}
.addPro .radioSwitch i{font-size:1.125rem; padding-top: 5px; color: #666666;}
.addPro .radioSwitch span{margin: 4px 0 0 6px;}
.couponCode{display: inline-block;vertical-align: middle;margin: 6px 0 0}
.couponCode .form-control{background-color: #fff; border:1px solid #666; height: 31px;padding: 0 0 0 9px;width: 104px;margin-right: 6px;}
.couponCode > *{display: inline-block;vertical-align: middle;}
.couponCode .btn-extra-small{cursor: pointer;}
.membership-price{width: 40%;}
.membercouponbox {text-align: right;}
.membercouponbox .couponCode{width:auto; }
.membercouponbox .couponCode .form-control{width:auto;border:1px solid #ccc;}
.membercouponbox .couponCode .removecode{border: none; font-weight: 700; text-align: right; margin: 0; color:#ff0066; padding: 5px 0 0 0;}

.subTotal{background-color: #ffffff;-webkit-border-radius: 5px;border-radius: 5px;}

.subTotal > ul > li{padding: 10px 25px;}
.subTotal > ul > li.totalTop{padding-top:15px;padding-bottom: 15px;}
.subTotal > ul > li.totalBtm{padding-top: 21px;padding-bottom: 27px;}
.subTotal > ul > li:last-child{border: 0;}
.subTotal .totalPrice, .subTotal .subTotle{font-size:1.25rem;}

.smallFileds > *{float: left;}
.smallFileds .dropBox{width:60px; margin-right: 6px;}
.smallFileds .perCentbox{width: 64px;}
.smallFileds .txtBox{width: 84px;margin-right: 6px;}
.liRight .txtBox{margin-right: 0}
.grayFiled .defaultSelect:not(.custom-select) + .ui-selectmenu-button, 
.grayFiled .form-control{background-color: #f3f3f3;padding: 0 14px;}
.smallFileds select.form-control{padding: 0 10px;}
.fontBold{font-weight: 700;}
.smallFileds select.form-control:not([size]):not([multiple]), .smallFileds select.form-control, .smallFileds .form-control{height: 30px;}
.smallFileds .dropBox:after{right: 10px;}

.smallFileds .ui-selectmenu-button{height: 30px;padding: 0 10px;font-weight: 700;}
.smallFileds .cuSelect .ui-selectmenu-text{line-height: 30px;}
.smallFileds .ui-selectmenu-button .ui-icon{margin-right: -4px;}
.fontBold ~ .ui-selectmenu-button .ui-selectmenu-button .ui-selectmenu-text{font-weight: 700}

.btnGroup{text-align: center;padding-top: 25px}

#featured-product .modal-body{padding: 0}
.msgDiv{text-align: center;color: #666666;font:400 14px/1.2 'Roboto', sans-serif;background-color: #fffdc0;padding: 18px 15px 16px;margin-bottom: 10px;}
#featured-product .tableWrapper{padding: 0 50px;}
#featured-product .dropBox{width: 84px;}

/*.hiddenTh{opacity: 0;visibility: hidden;position: absolute;}*/
#featured-product .popupTble .table tbody td:first-child{padding-left: 0}
#featured-product .popupTble .table tbody td{padding: 10px 6px;}
#featured-product .popupTble .table tbody td:last-child{padding-right: 0}
/*.noWrap{white-space: nowrap !important;}*/

.blockSpan{display: block;padding-bottom: 7px;}
#featured-product .table tbody td:not(.fontSmall){font-size: 15px;}
#featured-product .table tbody td{border-color: #d1d1d1}
.table tbody td[valign="top"]{vertical-align: top}

.innerSummary .titleDiv{padding: 0 50px 9px}
.innerSummary .wboxBtm{padding: 0 50px;}

.innerSummary{padding: 26px 0 20px;}
.innerSummary .totalPrice, .innerSummary h2, .innerSummary .subTotle{font-size: 20px;}
.innerSummary .sumUl > li{font-size: 15px;padding: 17px 0}

.overChk{position: absolute;left: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;width: 16px; height: 16px;}
.overChk .checkbox{position: relative;}
.overChk .checkbox span{width: 16px; height: 16px; border: 1px solid #002173; display: block;border-radius: 4px;}
.overChk .checkbox input{position: absolute;left: 0;opacity: 0;width: 100%;height: 100%}
.overChk .checkbox input:checked ~ span{background: #002173;}
.hasCheckbox .ui-selectmenu-button .ui-selectmenu-text{padding-left: 17px;}

.hasCheckbox{position: relative;}

.acDea{position: absolute;left: 10px;top: 10px;background:#fff; border-radius: 5px;z-index: 1;padding:6px 10px; display: none;}
.acDeaDup{position: absolute;right: 10px;top: 10px; background:#fff; border-radius: 5px; z-index:1; padding:6px 12px;}
.acDeaDup {color:#777777;}
.acDea .radioSwitch > *{display: inline-block;vertical-align: middle;}
.acDea .radioSwitch > span{color: #4fcf5c;font:400 13px/1.2 'Roboto', sans-serif;padding-right: 5px;}
.newSwitch > label > span{background-color: #a4a4a4}
.newSwitch > label > span:before{background-color: #4b4b4b}

.acDeaMsg{max-width: 160px;left: 0;right: 0;margin: auto;position: absolute;top: 50%;color: #fff; font:400 13px/16px 'Roboto', sans-serif;background:#ff0066;border-radius: 5px;z-index: 1;text-align: center;padding: 20px 0}

.statusMsg{text-transform: uppercase;color:#ff0101;font-weight:700}
.statusActive{color:#4fcf5c;}
.textQty{font-weight:700;color:#000;}

.lastUpdate{color: #333333;font:500 15px/1.2 'Roboto', sans-serif;opacity: 0.5;padding: 6px 0 0}
.lastUpdate span{font-weight: 300}

.actionDiv{text-align: center;border-radius: 5px;padding: 4px 0 5px;margin-top: 6px; border:1px solid #ccc; cursor: pointer; transition: 300ms all;}
.actionDiv > *{display: inline-block; vertical-align: middle; padding: 0;background-color: transparent;border:0; font-size:1rem; color:#333; }
.actionDiv > * ~ *:before{content: '|';display: inline-block;vertical-align: top;margin: -1px 4px 0 0}

.updateFileds{display: none; background-color: #ffffff; padding:20px 10px 10px 10px; position: absolute; left:0; bottom:0; z-index: 2;}
.updateFileds:before{height: 11px;display: block;content: '';width: 100%;}
.updateFileds .grayFiled{margin: 0 -5px;}
.updateFileds .grayFiled > *{padding: 0 5px;}
.updateFileds .grayFiled > .col-12{margin-top: 2px;}
.updateFileds .grayFiled > .col-6 > .row{margin: 0 -2px;}
.updateFileds .grayFiled > .col-6 > .row > .col-6{padding: 0 2px;}
.updateFileds .form-group > label{color: #666666;font-weight: 300;font-size: 15px;padding-bottom: 0;}
.updateFileds .form-control{height:40px; padding: 0 10px;}
.updateFileds .defaultSelect:not(.custom-select) + .ui-selectmenu-button .ui-selectmenu-text{font-size: 15px;line-height: 34px;}
.updateFileds .defaultSelect:not(.custom-select) + .ui-selectmenu-button{padding: 0 10px;height: 34px;}
.updateFileds .ui-selectmenu-button .ui-icon{margin-right: -2px}

.starIcon .icon-star{font-size: 15px;color: #002173;position: absolute;line-height: 1;top:30%;left: 10px;z-index: 1;}
.clearTxt{position: absolute;right: 0;top: 0;bottom: 0;width: 20px;background: #f3f3f3;text-align: center;z-index: 1;padding: 0;border: 0}
.closebox{position: absolute; right: 10px; top:0; z-index: 1; padding: 0; border: 0; font-size:25px; background: none;}
.starIcon .form-control{padding-left: 32px;padding-right: 25px;}
.updateFileds .form-group{margin-bottom: 0.5rem}
.updateFileds .BrandSelect .form-control{padding:0;}
.updateFileds .show>.btn-light.dropdown-toggle{background-color: #f3f3f3;}


.statusSwitch{float: left;margin-top: -4px;}
.upBtm .radioSwitch > span{display: block;color: #333333;font-weight: 500;font-size: 15px;padding-bottom: 5px;}
.btnUpdate{float: right;}
.btn-pink{background-color: #ff0167;border-color: #ff0167}

.threeBtn{display: table;width: calc(100% + 10px);table-layout: fixed; margin:4% 0 10px -5px;}
.btnWrp{padding: 0 5px;display: table-cell;vertical-align: middle; text-align: center;}
.btnWrp .btn-action{width: 100%;background-color: #fff; color: #666666;padding: 0; border: 1px solid #e4e4e4;}
.btnWrp .btn-view:hover{background-color: #002173; border:1px solid #002173; color: #ffffff;}
.btnWrp .btn-edit:hover{background-color: #ff0066;color: #ffffff;}
.btnWrp .btn-delete:hover{background-color:#f00;color: #ffffff;}

.activeGrid{z-index: 1;}
/*.activeGrid .actionDiv{display: none;}*/

.proInven.tableSearch{padding-right: 290px;}
.proInven.newprodno{padding-right:0;}
.txtWrap{position: relative;}
.btn-light-grey{background-color: #666666;border-color: #666666;color: #ffffff}
.btn-search{position: absolute;right: 0;top: 0;border-radius: 0 5px 5px 0;font:700 15px/48px 'Roboto', sans-serif;text-transform: uppercase;padding: 0 15px;}
.btn-search .icon-search{font-size:20px;}

.payInvoice .formInner select.form-control:not([size]):not([multiple]), 
.payInvoice .formInner select.form-control, 
.payInvoice .formInner .form-control{background-color: transparent;border:0;}
.payInvoice .sumUl .grayFiled .form-control{background-color: transparent;padding-right: 0}
.payInvoice .popupTble .table td .totalTxt{background-color: transparent;}

.onlyTxt > span{color: #666666;font:300 15px/1 'Roboto', sans-serif;}
.dropBox.onlyTxt > span{padding: 0 10px;line-height: 30px;}

.cuSelect .ui-selectmenu-button.ui-button{width: 100%;border: 0;background-color: #f3f3f3}
.cuSelect .ui-selectmenu-text{font:300 15px/34px 'Roboto', sans-serif;}
[data-text] .ui-selectmenu-text{padding-left: 85px;}


.formInner .ui-selectmenu-button.ui-button{background-color: #ffffff;border: 2px solid #eaeaea;height: 40px;}
.formInner .cuSelect .ui-selectmenu-text{line-height: 22px;}

.gridSizer{position: absolute;top: 0;}

.switchtoggle > label{font: 500 15px/1.4 'Roboto', sans-serif;padding:0 0 4px;color: #666}
.memberSec{margin-bottom: -30px;}

/* Share popup css start */
.modal{z-index:999999; width: 100%;  margin: 0 auto; padding: 0;}
.modal-dialog{width: 100%; margin: 0 auto; padding: 0;}
.share_box{display: block; padding:1.875rem 1.25rem; }
.share_box .share_box_title{display: block; font-size: 1.25rem; font-weight: 300; color: #666666; margin-bottom: 10px;}
.social_share{display: block; margin:1.75rem 0; text-align: center;}
.social_share .share_icon{display: inline-block; vertical-align: top; width: 3.75rem; height: 3.75rem; border: 1px solid #e2e2e2; border-radius: 50%; position: relative; text-align: center; font-size: 1.750rem; padding: 0; line-height: 3.75rem; color: #666666; margin: 0 0.75rem; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.social_share .share_icon:hover{background: #ff0066; color: #fff}

/* Share popup css end  */

.marginTop{margin-top: 30px;}
.ui-selectmenu-menu .ui-menu{max-height: 200px;}

/*progress bar */
.ProgressBar{padding:30px 60px 0;}
.ProgressLine{ width:74%; height:3px; background:#D9D9D9; display: inline-block; border-radius:20px; position: absolute; left:13%; top:20px; z-index:-1;}
.ProgressBar .ProgressInside .Selected{background:#FF0066;}

.font25{ font-size:	1.5625rem; text-transform: uppercase;}
.addnewwmc .font25{padding-bottom:10px;}
.sscl{ font-size:1.5625rem; text-transform: uppercase; padding:20px 0 0 35px;}
.ChangeCategory{text-transform: uppercase;background:#FF0066; font-size:15px; font-weight:700; color:#fff; padding:5px 15px; border-radius:5px; display: inline-block; margin-top:5px;}
.ChangeCategory:hover{ color:#fff;}

.ManageBillBtn{background:#fff; font-size:15px; font-weight:700; color:#282562; text-align: center; padding:6px 15px; border-radius:5px; display:block; margin-bottom:15px;border:1px solid #ccc;}
.ManageBillBtn:hover{ color:#282562;}
.nicon-prDetail{width:100%; text-transform: capitalize;}

.CoverBox {
  display: block; width:75px;
  position: relative;
  cursor: pointer;
  font-size:12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; color:#fff;
  user-select: none;
  background:#002173; padding:5px 5px 5px 30px; border-radius:5px; left:10px; bottom:35px;
}
.CoverBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.CoverBox .checkmark {
  position: absolute;
  top:5px;
  left:10px;
  height:15px;
  width:15px;
  border:2px solid #fff;
  border-radius: 50%;
}
.CoverBox input:checked ~ .checkmark {
  border:2px solid #fff;
}
.CoverBox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.CoverBox input:checked ~ .checkmark:after {
  display: block;
}
.CoverBox .checkmark:after {
 	top:2.5px;
	left:2.5px;
	width:6px;
	height:6px;
	border-radius: 50%;
	background: #fff;
}
.mandatory{ color:#FF0066;}
.TaxInfo h2{display:inline-block;}
.TaxInfo .radioSwitch{display:inline-block; padding-left:20px;}
.TaxInfo .info-sptxt{padding-bottom:15px; display: block; font-size:18px;}
.ed-delivery-text span{padding:15px 0; font-weight:500; color:#666; display: block; font-size:20px;}

.TaxSubtotal{border: 1px solid #d1d1d1; padding:12px 5px 5px; margin-bottom:20px; border-radius: 5px;}
.TaxSubtotal label{font-size: 15px; font-weight:500; color:#333; display: block; padding-bottom:3px;}
.TaxSubtotal .RightTxt, .Taxtotal .RightTxt{text-align: right;}
.Taxtotal{padding:0 30px 20px;}
.Taxtotal label{font-size:17px; font-weight:700; display: block;}
.ManageBillInside{padding:20px 0;}
.ManageBillInside label{font-weight:500; font-size: 15px; padding: 0 0 4px 0;}
.ManageBillInside .col-12{padding-bottom:20px;}
.ManageBillInside .form-control{height: 40px;font-weight: 400;}
.radioSwitch .form-control{height: 40px; width:80px; text-align: center; border: 1px solid #EAEAEA; font-weight: 400; background:#fff !important;}
.ManageBillInside textarea.form-control{height: 100px; padding-top: 10px; padding-bottom: 10px; resize: none;}
.Low-Stock-btn{margin-bottom:30px;}

.select-sms-service{ padding:30px 0 0 30px;}
.select-sms-service .CoverBox{bottom:0; display: inline-block; color: #333333; background: none; font-size:20px; left:0; width: auto;}
.select-sms-service .CoverBox ~ .CoverBox{margin-left:30px;}
.select-sms-service .CoverBox .checkmark{ border:2px solid #333333; width:20px; height: 20px; left:0; top: 8px;}
.select-sms-service .CoverBox .checkmark:after{background:#FF0066; width: 10px; height:10px; top: 3px; left: 3px;}
.select-sms-service .CoverBox input:checked ~ .checkmark{border:2px solid #FF0066;}

.sms-service-box .form-control{border: 2px solid #EAEAEA;}
.sms-service-box .txtBox ~ .txtBox{ margin-top: 20px;}
.sms-service-box .smstitleDiv {padding:10px 0;}
.sms-service-box .smstitleDiv label{font-size:15px; color:#333333; font-weight:600; padding-top:5px;}


.SMSCredit{ background: #fff; border-radius:5px; padding: 10px 40px; margin-bottom: 15px;}
.SMSCredit label{ font-size: 14px; font-weight: 700; padding-top:6px;}
.SMSCredit label span{ color: #002173; padding-left: 10px;}
.SMSCredit .btn-buy{float:right; text-transform: uppercase; background:#4fcf5c; font-size:15px; font-weight:700; color:#fff; padding:5px 15px; border-radius:5px; display: inline-block; border:none;}
.SMSCredit .btn-buy:hover{ background:#002173; }

.invoiceDate p{display: inline-block; float: left; font-size: 15px; font-weight: 600;}
.invoiceDate p ~ p{float: right;}

.PriceInfo{ background: #fff; border-radius:5px; width:100%; display: block; padding:10px 0 20px;}
.PriceInfo .SpacingInside{ padding: 0 15px;}
.PriceInfo .SpacingInside .QtyBox{float: left; width:60%;}
.PriceInfo .SpacingInside .QtyBox .selectdefault{border:1px solid #EAEAEA;font-weight: 400; height: 40px; width:115px; text-align: center; margin: 0;}
.PriceInfo .SpacingInside .QtyBox .infocenter{width:200px; margin: 0 auto;}
.PriceInfo .SpacingInside label{float: left; width:20%; color:#666666; font-size: 14px; font-weight: 700; padding-top: 10px;}
.PriceInfo .SpacingInside .QtyBox .infocenter .ui-button:hover, .PriceInfo .SpacingInside .QtyBox .infocenter .ui-button:focus{border:none;}
.PriceInfo .SpacingInside .QtyBox .infocenter .ui-selectmenu-button{float: left; height:34px; width: 120px;}
.PriceInfo .SpacingInside .RightTxt{float: right; text-align: right;}
.PriceInfo .GSTPrice{font-size:14px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:10px 15px; margin: 10px 0;}
.upPopupSMS .selectbox .icon-arrow-drop-down{top: 15px;}

.OrderButton { margin: 0;padding: 10px 30px 10px 30px;white-space: nowrap;overflow: auto; }
.OrderButton ul li{width:auto; display: inline-block;}
.OrderButton ul li ~ li{ padding-left:3px;}
.OrderButton ul li button{ width:100%; text-align: center; font-size:1.25rem; color: #333333; background:#fff; border-radius:5px; display: block;padding: 10px; border:none;}
.OrderButton ul li button:hover{ background: #002173; color:#fff;}
.OrderButton ul li button.active{ background: #FF0066; color:#fff;}

.CashMemoButton ul li{width:auto; display: inline-block;}
.CashMemoButton ul li ~ li{padding-left:3px;}
.CashMemoButton ul li a{ width:100%; text-align: center; font-size:20px; color: #333333; background:#fff; border-radius:5px; display: block;padding: 10px; border:none;}
.CashMemoButton ul li a:hover{ background: #002173; color:#fff;}
.CashMemoButton ul li a.active{ background: #FF0066; color:#fff;}

.OrderMain{margin-bottom: 20px;}
.OrderTop{padding:15px 20px; }
.OrderTop .icon-minus{float: left; font-size:35px; display: block;color:#333;}
.OrderTop .icon-plus{float: left; font-size:35px; display: block;color:#333;}
.OrderTop .OrderInfo{float: left; padding-left: 20px; width:33%;}
.OrderTop .OrderInfo .OrderItem{font-size:16px; display: block; color: #666666; font-weight: 700;}
.OrderTop .OrderInfo .OrderName{font-size:15px; display: block; color: #666666;}
.OrderTop .OrderPrice{ float: right; padding-top:10px; font-size:16px; display: block; color:#002173; font-weight: 700;}
.OrderTop .OrderCenter{float: left; width:40%; color:#666666; text-align: center;}
.OrderTop .OrderCenter span{display: block;}

.ItemOuter{ border-top: 1px solid #D9D9D9; padding: 20px 15px;}
.ItemOuter .ItemImg{float: left; width: 100px;}
.ItemOuter .ItemInfo{float: left; padding-left: 20px; width:75%; }
.ItemOuter .ItemInfo .ItemName{color: #666666; font-size:16px; margin-bottom:5px; display: inline-block;}
.ItemOuter .ItemInfo .ItemName:hover{color: #FF0066;}
.ItemOuter .ItemInfo .CustomerNote{color: #002173; font-size:16px; font-weight: 700; margin-bottom:10px; display:block;}
.ItemOuter .ItemInfo .ItemQty{float: left; }
.ItemOuter .ItemInfo .ItemQty span{display: block; font-size: 15px; font-weight: 600; padding-bottom: 5px;}
.ItemOuter .ItemInfo .equal{float: left; color: #666666; font-size: 16px; padding:25px 25px 0; }
.ItemOuter .ItemInfo .ItemPrice{float: left; }
.ItemOuter .ItemInfo .ItemPrice span{display: block; font-size: 15px; font-weight: 600; padding-bottom: 5px;}
.ItemOuter .ItemInfo .ItemPrice .rs{color: #002173; font-size: 20px; font-weight: 600; margin-top: -3px;}
.ItemOuter .ItemInfo .ItemTotal{float: left; color: #002173; font-size: 20px; font-weight: 600; padding:23px 0 0;}
.ItemOuter .ItemInfo .OfferCode{font-size: 15px; display: block; color: #002173; padding-bottom:5px;}
.ItemOuter .conBottom{display: inline-block; vertical-align: middle; font-weight: 400; font-size:12px; color: #666666; background: #fffdbf; border-radius: 3px; padding: 5px 9px;}

.CancelItem{background:#e4e6eb; font-size:15px; font-weight:600; color:#333; padding:5px 15px; border-radius:5px; display: inline-block; border:none; margin-top:5px;}
.CancelItem:hover{ background:#D2D6DE;}
.AcceptOrder{background:#4fcf5c; font-size:20px; font-weight:600; color:#fff; padding:10px 25px; border-radius:5px; display: inline-block; border:none; margin:5px 10px 0 0;}
.AcceptOrder:hover{ background:#33b640; color:#fff;}


.CancelOrder{background:#e4e6eb; font-size:20px; font-weight:600; color:#333; padding:10px 25px; border-radius:5px; display: inline-block; border:none; margin-top:5px;}
.CancelOrder:hover{ background:#D2D6DE; }

.OrderMain .TotalAmount{text-align: right; color: #002173; font-size: 20px; font-weight: 600;}
.OrderMain .OrderTime{background: #F9F9F9; color: #666666; padding:15px 20px;}
.OrderMain .OrderTime span {float: left; width: 50%;}
.OrderMain .OrderTime span ~ span{float: right; text-align: right;}

.AddressInfo{ padding: 20px;}
.AddressInfo h3{font-size:18px; font-weight: 700; padding-bottom:15px;}
.AddressInfo p{font-size:15px; color: #666666;}
.AddressInfo .TotalAmount{font-size: 13px; color: #333; text-align: left;}

.CheckboxOrder{display:block;word-break: break-all; position:relative;font-size:17px; color: #666666; padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.CheckboxOrder input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border-radius:5px}
.CheckboxOrder:hover input~.checkmark{background-color:#ccc}
.CheckboxOrder input:checked~.checkmark{background-color:#f06}
.checkmark:after{content:"";position:absolute;display:none}
.CheckboxOrder input:checked~.checkmark:after{display:block}
.CheckboxOrder .checkmark:after{left:9px;top:5px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.InvoicePayment{border-top: 1px solid #d1d1d1; padding:10px 25px 0; background: #fff; border-radius: 0 0 5px 5px;}
.InvoicePayment p{ font-size:15px; font-weight: 700;}
.InvoicePayment .CheckboxOrder{display: inline-block; padding:2px 20px 0 35px; margin-bottom: 15px;}
.CheckboxOrder .checkmark{background-color: #eee;}
.CustomerGSTBox{padding-bottom:15px;}
.CustomerGSTBox p{margin-bottom:5px;}
.CustomerGSTBox .CustomerGST{float: left; background-color: #f3f3f3; height:40px; width:50%;padding: 0 20px; border-radius: 6px;color: #666666; border: none; text-overflow: ellipsis;font:300 15px/1.4 'Roboto', sans-serif;}
.CustomerGSTBox .GSTTotalPrice{float: right; font-size:1.25rem; font-weight: 700; color: #002173; padding-top:5px; }
.shop-location .form-group{margin:0 0 10px 0; padding:0;}

.textError{border:2px solid #F06!important}
.newOption{width:40px;height:40px;cursor:pointer;float:right;display:inline-block;background:url(../images/qtyplus.svg) no-repeat;}
.lds-ellipsis{display:inline-block;position:relative;width:64px;height:64px}
.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#F06;animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 .6s infinite}
.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(3){left:26px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(4){left:45px;animation:lds-ellipsis3 .6s infinite}
@keyframes lds-ellipsis1 {
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes lds-ellipsis3 {
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes lds-ellipsis2 {
0%{transform:translate(0,0)}
100%{transform:translate(19px,0)}
}
.loaderLeft{margin-left:15px;}
.txtBox .changeNumber{position: absolute; top: 0; bottom: 0; right: 0; padding: 10px 15px; font-size: 0.9375rem; font-weight: 700; color: #002173; background-color: transparent; margin-right: 10px; cursor: pointer; transition: all 0.4s ease-in-out; border: none; }
.txtBox .changeNumber:hover{color: #ff0066}
.chkWhatsAppNo{ margin:10px 0 0;}
.chkWhatsAppNo .CheckboxOrder{color:#999999; font-weight: 700;}
.chkWhatsAppNo .CheckboxOrder span{color:#4fcf5c;}

.shop-welcome{ background: linear-gradient(to bottom, #fff, #beffd2);background-attachment: fixed; text-align: center; padding:35px;}
.shop-welcome img{display:block; margin: 0 auto;}
.shop-welcome h1{color:#002173; font-size:30px; padding:20px 0 5px;}
.shop-welcome h2{color:#002173; font-size:25px; padding-bottom:25px;}
.shop-welcome p{ color:#666666; font-size:18px; line-height:normal;}
.shop-welcome .btnDesk{margin:0 auto; font-size:20px; font-weight:500; padding:10px 40px; margin-bottom: 20px; }


.gst-calculation{background: #ececec;border-radius: 5px;padding:5px; margin-bottom:5px;}
.btn-primary.focus, .btn-primary:focus{box-shadow:0 0 0 0.2rem rgba(250,250,250,.0);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(250,250,250,.0);}

.popWrapper .formInner .form-control{background-color:#fff;}
.popWrapper .formInner .form-control.hasdateIcon{background-image: url(../images/datepicker.svg);background-repeat: no-repeat;background-size: 14px auto;background-position: calc(100% - 7px) center; }
.dropBox .selectdefault{padding:0 10%;}
.selectbox{position: relative; display: inline-block;}
.selectbox .icon-arrow-drop-down{position: absolute;font-size:7px; color:#999; top:13px; right:12px;}
.selectdefault {background: #f3f3f3; height:30px; border:none; width:60px; color: #666666; border-radius: 4px; font: 300 15px/1.4 'Roboto', sans-serif; padding:0 10px;}
.selectdefault option {font-weight: normal; text-transform:none; display: block; white-space: pre; min-height: 1.2em; padding:2px 8px;}

.ui-datepicker-title select {background-color: #da0057; height:30px; margin:0 5px; border:none; width:80px; color: #fff; border-radius: 4px; font: 300 15px/1.4 'Roboto', sans-serif; padding:0 10px; background-repeat: no-repeat; background-position:85% 50%; background-image:url(../images/w-selectdefault.svg);}
.ui-datepicker-title select option {font-weight: normal; text-transform:none; display: block; white-space: pre; min-height: 1.2em; padding:2px 8px;}

.dropdown-toggle-full{display: block;
    width:310px !important;
    max-width: 75%;
    max-height: inherit;
    height: 100% !important;
    position: fixed;
    right: -400px;
    top: 0;
    bottom: 0;
    background: #fff;
    margin: 0;
    z-index: 999999;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 2px 0 15px rgba(0,0,0,.35);
    padding: 0 0 30px 0;}
.dropdown-toggle-full:before{display: none;}
.dropdown-toggle-full.slideMenu{right: 0;}

.dropdown-toggle-full ul{padding:10px;}
.dropdown-toggle-full ul ~ ul{border-top:1px solid #ccc;}
.dropdown-toggle-full ul > li > a{color:#666666;font-size:17px;display:block; vertical-align:transition: 300ms all; font-weight:500; border-radius:10px; padding:12px;}
.dropdown-toggle-full ul > li > a:hover{background:#edeef1;}
.dropdown-toggle-full ul > li > a span{padding-right: 10px;display: inline-block; text-align: center;}
.dropdown-toggle-full ul > li > a label{ cursor:pointer;}
.dropdown-toggle-full ul > li > a span:before{font-size:30px; color:#666666;}
.dropdown-toggle-full ul > li > a > *{display: inline-block;vertical-align: middle;}

.dropdown-toggle-full .socialMeadia .socialLabel{color:#333333;}
.dropdown-toggle-full .SubMenu > li > a{color:#000;}
.dropdown-toggle-full .SubMenu > li > a span:before{font-size:25px; color:#999;}


.overlayMenu{visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 999999; transition: visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);}
.fixbodyMenu{overflow: hidden;}
.fixbodyMenu .overlayMenu{opacity: 0.5; visibility: visible;}

.Menu_title{width: 100%; text-transform: uppercase; padding: 10px 15px; position: relative; background: #e8e8e8; color: #333; font-size: 15px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14); font-weight: 500;}
.Menu_title:before{content: '';width: 18px;height: 2px;background-color: #333;position: absolute;right: 15px;top: 0;transform: rotate(45deg);bottom: 0;margin: auto;}
.Menu_title:after{content: '';width: 18px;height: 2px;background-color: #333;position: absolute;right: 15px;top: 0;transform:rotate(-45deg);bottom: 0;margin: auto;}

.productadded{margin-top:15px;}
.productadded strong{padding:7px 20px 0 0; display: inline-block}
.goproducts{color: #333333;font-size:1.125rem;display: inline-block;vertical-align: top;transition: 300ms all; background:#fff; padding:5px 10px; border-radius:5px;}
.goproducts > *{display: inline-block;vertical-align: middle;}
.goproducts .icon-stock-inventory{font-size:25px;}
.productadded .btn-view{margin-right:10px;}

.productfks{ background:#fff; border-radius:5px; margin-bottom:10px;}
.productfks .ttlfk{background:#ebebeb; border-top-left-radius:5px; border-top-right-radius:5px; color:#333; font-size:1rem; font-weight:500; padding:10px 0;}
.productfks .Mqyq1{display:inline-block; padding:0 2%; width:48%; vertical-align: top;}
.productfks .Mqyq2{display:inline-block; text-align: right; padding:0 0 0 2%; width:48%; vertical-align: top;}

.productfks ul{padding:10px 0; border-bottom:2px solid #f3f3f3;}
.productfks .fkp1{display:inline-block; padding:0 2%; width:8%; vertical-align: top;}
.productfks .fkp2{display:inline-block; padding:0 0 0 2%; width:28%; vertical-align: top;}
.productfks .fkp3{display:inline-block; padding:0 2%; width:14%; vertical-align: top;}
.productfks .fkp4{display:inline-block; padding:0 2%; width:20%; vertical-align: top;}
.productfks .fkp5{display:inline-block; padding:0 2%; width:12%; vertical-align: top;}
.productfks .fkp6{display:inline-block; padding:0 2%; width:12%; vertical-align:top; padding-top:1.5625rem;}
.productfks .fkp2 p{margin-bottom:0; font-size:15px; font-weight: 500; color:#333;}
.productfks .fkp2 label{color: #002173; font-size:1rem; font-weight: 700; display: block;}
.productfks .fkp3 .totalTxt{background:#fff; border:1px solid #002173; border-radius:5px; text-align: center; height:2.5rem; color: #002173; font-size:1rem; font-weight: 700; width:5.75rem; padding:0 10px;}
.productfks .catalogueProductsbox .fkp3 .totalTxt{border:1px solid #ccc;}
.productfks .fkp4 .qtyTxt{width:3.125rem; background:#f3f3f3; border-radius:5px; text-align: center; height:2.5rem; color: #002173; font-weight:700; font-size:1rem; padding:0; float: left; margin:0 5px;}
.productfks .fkp5 .SubTotal{color: #002173; font-size:1.125rem; font-weight: 700; width:90px;}
.productfks .fkp3 .PriceTotal{color: #002173; font-size:1.125rem; font-weight: 700; width:90px;}
.productfks .lakol{color: #999; font-size:1rem; margin-bottom:5px; font-weight:500;}
.productfks .totalTxtinput{background:#fff; border:1px solid #ccc; border-radius:5px; text-align: center; height:2.5rem; color: #002173; font-size:1rem; font-weight: 700; width:5.75rem; padding:0 10px;}
.gsthsncode .txtBox{ display:inline-block; width:40%; padding:0 2%;}
.gsthsncode .txtBox .form-control{background:#fff; border:1px solid #ccc; height:2.125rem;}
.productgst .txtBox{ display:inline-block; width:33%; padding:5px 2% 0 2%;}
.catagstAmount{text-align:center;}
.catagstSellPrice{text-align:right;}
.gstinfo{padding:0 2%;}
.trInv{border:none !important;}


/* new Category style */
.maincatLists{display: flex; padding:20px; flex-wrap: wrap;}
.maincatBox{padding: 0 15px; margin-bottom: 15px; width:16%; text-align: center;}
.maincatImg{display: block; width: 100%; overflow: hidden; margin-bottom: 10px;}
.maincatImg img{border-radius: 10px;}
.maincatBox .maincat_title{display: block; font-size:13px; font-weight: 700; color: #333333; }
.maincatBox a:hover .maincat_title{color: #ff0066; }
.changemcfk{padding:20px 40px 0;}
.btn-changemc{background:#FF0066; font-size:15px; font-weight:500; display: inline-block;border-radius:6px; color:#fff; padding:5px 15px; margin-top:5px;}
.btn-changemc:hover{color:#fff;}
.btn-changemc span{font-size: 17px; vertical-align: text-top;}

.SBSearch{padding:20px 30px 20px;}
.SBSearch .proInven.tableSearch{padding:0; margin:0;}
.SBSearch ::placeholder{color:#777; font-size:1.25rem;}

.columns {column-width:220px; column-gap:10px; width: 100%; max-width: 100%; margin: 0;}
.columns .catBox{ -webkit-column-break-inside: avoid;  page-break-inside: avoid; break-inside: avoid; padding-bottom:15px;}
.catBox .catBox-inner{display: block; background: #fff; border-radius: 10px; overflow: hidden; }
.catBox .catBox-head{display: flex; align-items: center; background: #fff; padding:15px;font-weight: 300; font-size: 1.5625rem; color: #333333; border-bottom: 1px solid #F1F1F1; }
.catBox .catBox-head img{max-width: 70px; max-height: 50px; margin-right: 10px;}
.catBox .catBox-body{display: block;}
.catBox .catBox-body ul{list-style: none}
.catBox .catBox-body ul li{display: block; border-bottom: 1px solid #F1F1F1; font-size:17px; line-height: 1.3; font-weight: 300; color: #333333;}
.catBox .catBox-body ul li:last-child{border-bottom: none;}
.catBox .catBox-body ul li a{display: block; padding: 14px 15px; color: #333; text-transform:capitalize;}
.catBox .catBox-body ul li a:hover{color: #ff0066;}
.full-shopinfo .btn-save{ width:100%;}
.radioSwitch .select-mc{width:2.25rem;}
.catBox .catBox-body ul li .select-img{position: absolute; right:15px; top:12px; background:#fff; width:1.75rem;}
.catBox .catBox-body ul .select-sc a{padding-right:50px; color: #ff0066; }
.addNewBrand{background:#f3f3f3;margin-bottom:10px;}
.addNewBrand:focus{background:#f3f3f3;}
.popover-body .btn{ padding:0 20px; line-height:28px;}
.dvAddNew span{text-transform: uppercase; padding-right:5px;}
.lnkNewPop{background-color: #999; text-transform: capitalize; padding:7px; color: #fff;margin-top: 5px;display: inline-block;font-weight:500; font-size:13px; border-radius:6px;}
.lnkNewPop:hover{color: #fff;}
.lnkNewPop span{font-size: 17px; vertical-align: sub; padding-right: 5px;}

.cancel_box .select-sms-service{padding:0 0 15px 0;}
.cancel_box .select-sms-service .CoverBox{display: block;}
.cancel_box .select-sms-service .CoverBox ~ .CoverBox{margin:0;}
.cancel_box .btn-primary{ margin-top:15px;}
.selectColor .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{background:#fff; color:#000; padding:5px 8px; border-radius:100px;}
.selectColor .bootstrap-select .bs-ok-default:after{width:10px; height:15px;}
.selectColor .bootstrap-select.show-tick .dropdown-menu li .blackC span.text{color:#C2C2C2;}
.prostatus{ background:#fff; text-align: center; padding:13.6px 0; border-radius:5px;}
.locAddress{font-size:14px; color:#666666; padding-bottom:5px;}
.shopdm{font-size:2.1875rem; color:#666; margin:40px 0 15px;}
.btnClear{border:none; width:100%; height: 50px; border-radius:6px; background:#fff;}
.errorOut{border: 1px solid red; padding: 10px 0 0 10px; border-radius: 6px;}
.hdpi .pac-item{padding:7px 7px 2px 7px;}
.hdpi .pac-icon{background: url(../images/pac-icon.svg) no-repeat; margin:5px 12px 5px 12px;}
.hdpi .pac-item:hover .pac-icon{background: url(../images/pac-icon-h.svg) no-repeat; }
.hdpi .pac-item-selected .pac-icon{background: url(../images/pac-icon-s.svg) no-repeat;}
.hdpi .pac-icon-marker{ background-position: top left;}
.hdpi .pac-item-query{font-size:16px; padding-right:5px; color:#002173 !important;}
.hdpi .pac-item-query ~ span{display: block; padding: 0 0 0 37px; margin-top: -10px;}
.hdpi .pac-matched{color:#002173 !important;}
.hdpi .pac-item span{color:#333;}
.hdpi.pac-logo:after, .pac-logo:after{background: none; height:0px;}

.pac-item{padding:7px 7px 2px 7px;}
.pac-icon{background: url(../images/pac-icon.svg) no-repeat; margin:5px 12px 5px 12px;}
.pac-item:hover .pac-icon{background: url(../images/pac-icon-h.svg) no-repeat; }
.pac-item-selected .pac-icon{background: url(../images/pac-icon-s.svg) no-repeat;}
.pac-icon-marker{ background-position: top left;}
.pac-item-query{font-size:16px; padding-right:5px; color:#002173 !important;}
.pac-item-query ~ span{display: block; padding: 0 0 0 37px; margin-top: -10px;}
.pac-matched{color:#002173 !important;}
.pac-item span{color:#333;}

.not-found{background-color: #ffffff; text-align: center; border-radius: 5px; padding:35px; box-shadow: 0 0 25px rgba(0,0,0,0.05); }
.not-found img{text-align: center; margin: 0 auto;}
.not-found h1{color:#333333; font-size:2.1875rem; font-weight:600; padding:20px 0;}
.not-found p{ color:#666666; font-size:1.3125rem;}

.downloadsBC{padding:20px 0 0 0;}
.downloadsBC .shopBCimage{ width:30%; float: left;}
.downloadsBC .shopBCimage img{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.downloadsBC .shopBCinfo{ width:60%; float: left; padding-left:10%;}
.downloadsBC .shopBCinfo a{margin:0 !important; font-size:1rem;}
.downloadsBC .shopBCinfo span{ display: block; color:#333333; font-size:1rem; font-weight:600; padding:10px 0 25px;}

.slideMenu .classSupport{text-align: left; border-top:1px solid #ccc; padding:15px;}
.classSupport{ text-align: center; padding:10px 0; font-size:16px;}
.width100{width:100%;}
.CCode{display:inline-block; width:30%; height:40px !important;}
.CCode .selectdefault{width: 100%;}
.CCode .icon-arrow-drop-down{top: 20px;}
.lMobile{display:inline-block; width:69%;}
.deleteaccount{display: block; font-weight:500; color:#FF0000; padding:10px 0; border: none; margin-left:15px; background:none;}
.btn-crop{background:#333; border:none; border-radius:7px; padding:10px 15px 5px; margin:0 5px;}
.docs-tooltip span{font-size:25px;color:#fff;}
.btn-crop span span{font-size:25px; color:#fff;}


.bulk-upload{background-color: #ffffff; border-radius: 5px; padding:20px; box-shadow: 0 0 25px rgba(0,0,0,0.05); margin-bottom:30px;}
.bulk-upload .selectdefault{border:1.5px solid #EAEAEA; background-color: #fff; width:100%; padding:15px 20px 15px 15px; font:400 15px 'Roboto', sans-serif; height: auto; margin-bottom:5px; text-overflow: ellipsis;}
.bulk-upload h2{color:#333333; font-size:1.5625rem; font-weight:600; padding:0;}
.bulk-upload p{ color:#666666; font-size:1.3125rem;}
.bulk-upload .download-sheet{background:#4fcf5c; border-radius:5px; color:#fff; text-align: center; display: block; font-size:15px; font-weight:600; padding:15px;}
.bulk-upload .download-sheet span{font-size:25px; display: inline-block; vertical-align: bottom; margin-right:10px;}
.bulk-upload .upload-btn{background:#EAEAEA; border-radius:5px; color:#666666; text-align: center; display: block; font-size:15px; font-weight:600; padding:15px; position: inherit; width:100%;}
.bulk-upload .upload-btn span{font-size:25px; display: inline-block; vertical-align: middle; margin-right:10px;}
.filter-ND{background:#fff;  font-size: 1.250rem; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14); margin-bottom:20px;}
.filter-ND label{cursor: pointer;}
.bulk-upload .preview-image{border:1.5px solid #EAEAEA; cursor:default; margin:0 0.9375rem 0.9375rem 0;}
.image-view{position: absolute;left:5px;top:5px; width:30px; height:30px;font-size:0;}
.copy-link{position: absolute;bottom:5px; left:5px; background:#f6f6f6; border-radius:5px; font-size:12px; width: 85px; text-align: center; color:#666666; display: block; font-weight:700; padding:7px 0;}
.selectcategory{width:46%; display: inline-block; padding-bottom:15px;}
.selectcategory .selectbox{width:100%; display:block;}
.selectcategory .selectbox .icon-arrow-drop-down{top: 22px;right: 22px;}

.dispnon {display: none;}
.modal-body .CCode{height:50px !important;}
.locnotes{color: #666666;font:300 15px 'Roboto', sans-serif; padding:15px 0 0}
.crop-allbtn{ float: left; width:91%;}
.save-crop{float: right; border: none; border-radius:6px; background:#ff0066; color:#fff;}
.image-cancel-banner{position: absolute;right:5px;top:5px;background: url(../images/close.svg) no-repeat; width:30px; height:30px;font-size: 0;cursor: pointer;}
.addPayment{ display: none; position: absolute; top:15px; right:40px; border:none; border-radius:6px; padding:7px 10px;}
.changemobile{cursor: pointer; text-align: center; color:#ff0066; display: block; padding:10px 0; font-size:15px;}
.changeemail{cursor: pointer; text-align: center; color:#ff0066; display: block; padding:10px 0; font-size:15px;}
.otptime{display: block; text-align: center; font-size:30px !important;}

.cardpayment{padding:0 15px 15px; background:#fff; border-radius:6px; margin-top:10px;}
.cardpayment label{padding:15px 0 5px 0;}
.cardpayment .demoInputBox{height:40px; font-weight:400; padding:0 20px; border-radius:6px; color:#666; background:#f3f3f3; border:none; width:100%;}
.cardpayment .demoSelectBox {background-color: #f3f3f3; height:40px; border:none; width:80px; color: #666666; border-radius: 4px; font: 300 15px/1.4 'Roboto', sans-serif; padding:0 10px;}
.cardpayment .demoSelectBox option {font-weight: normal; text-transform:none; display: block; white-space: pre; min-height: 1.2em; padding:2px 8px;}
.cardpayment #error-message{color:#ff0066;}
.cardpayment .demoInputBox::-webkit-input-placeholder {color:#333333;opacity: 0.5}
.cardpayment .demoInputBox:-moz-placeholder {color:#333333;opacity:0.5;}
.cardpayment .demoInputBox::-moz-placeholder {color:#333333;opacity:0.5;}
.cardpayment .demoInputBox:-ms-input-placeholder {color:#333333;opacity: 0.5}
.freetxt{text-align: center;font-size:18px; padding-top:5px;}
.shopcall{padding-top:15px; font-size:15px; text-align: center;}
#paymentdesc img{margin:0 auto; display: block; margin-bottom:15px;}
.some_class_name{height: auto;}
.shopExpire{background:#FF7F00; color:#fff; font-size:16px; padding:10px 30px;}
.shopExpired{background:#FF0000; color:#fff; font-size:16px; padding:10px 30px;}
.btn-expire{color:#002173; display: inline-block;background:#fff; font-weight:900; padding:5px 10px; border-radius:5px;}
.btn-expire:hover{color:#ff0066;}
.renewMsgPrice{font-size:20px; font-weight:700;}
.bformInner .whatsAppbtn{color:#00c716;font-weight:700; display:inline-block !important;}


/* typeahead CSS*/
.typeahead{width: 215px !important;padding: 0px !important;}
.typeahead li a{font-size:12px !important;}
.typeahead.dropdown-menu > li ~ li { margin-top: 0px !important;}


.shop-tab{text-align: center; margin:0 0 20px 0; position: relative;}
.shop-tab li{display: inline-block; width:24%; text-align: center; line-height: normal; vertical-align: top;}
.shop-tab .disable{opacity:0.5;}
.shop-tab .disable a label, .shop-tab .disable a span, .shop-tab .disable a{cursor:not-allowed;}
.shop-tab li a{display: inline-block; color:#666666; font-size:12px; font-weight: 600;}
.shop-tab li a label{cursor: pointer;}
.shop-tab li span{margin:0 auto; width:40px; background:#fff; border-radius:50px; height:40px; display: block; margin-bottom:5px; font-size:23px;}
.shop-tab li span span{padding-top:8px;}

.shop-tab .active a{color:#FF0066;}
.newShopProgress .ProgressLine{width: 26%; left: 37%;}
.newShopProgress li{width:24%;}

.commoncls .btn-save{background-color:#fff!important; color:#002173!important; border-color: #002173 !important;}
.commoncls .btn-save:hover{background-color:#efeef3!important;}

.login-popup{background:#fff; text-align: center;}
.login-popup li {vertical-align: middle; padding:0 0 5px 0;}
.login-popup li a{font-size: 20px; font-weight: 600; color:#333333; padding:15px 10px; border:1.5px solid #fff; cursor: pointer; display: block; background:#f8f8f8; border-radius:10px;}
.login-popup li a.select{border:1.5px solid #002173; background:#002173; color:#fff;}
.login-popup li a:hover{border:1.5px solid #002173;}
.login-popup li a span{padding-right:15px; font-size:40px; vertical-align: middle;}
.login-popup li .select span{color:#fff;}
.login-popup li a label{cursor:pointer;}
.fixedfooter{display: block; background:#fff; position: fixed; width: 100%; bottom:-1px; left: 0; box-shadow:0px 20px 17px 12px #999; text-align: center; z-index:1;}
.fixedfooter a{display: inline-block; width:20%; float: left; text-align: center; padding:5px 0;}
.fixedfooter a.select{background:#F5F5F5;}
.fixedfooter a.select:hover{background:#F5F5F5;}
.fixedfooter a:hover{background:#F5F5F5;}
.fixedfooter a label{display: block; font-size:11px; color:#666666; cursor:pointer; padding:0;}
.fixedfooter a span{font-size:30px; color:#999;}
.fixedfooter a.select span{color:#002173;}
.fixedfooter a.select label{color:#002173;}

.new-home-off{display: none;}
.newhomebgb .analytics-icontop{display: none;}
.newhomebgb .midworkSec{padding:15px 15px 200px 15px; min-height: auto;}
.new-home-on{display: block;}
.new-home-on .buttonbox{background:#fff; border-radius:10px; padding:10px; width:15%; display: inline-block; margin:5px; float: left;}
.new-home-on .buttonbox a{display:block;}
.new-home-on .buttonbox h2{font-size:24px; color:#002173; font-weight: 700; padding-left:10px;}
.new-home-on .buttonbox p{font-size:16px; line-height: normal; color:#666666; padding-left:10px;}
.new-home-on .icons-box{width:100px; height:100px; text-align: center; background:#f9f9f9; border-radius:100px; display: inline-block;}
.new-home-on .icons-box span{color:#666; font-size:50px; padding-top: 21%; display: inline-block;}
.new-home-on .buttonbox a:hover h2{color:#FF0066;}
.new-home-on .buttonbox a:hover .icons-box{background:#ffdcf0;}
.new-home-on .buttonbox a:hover p{color:#FF0066;}
.new-home-on .buttonbox a:hover span{color:#FF0066;}

.spanLocation{display: inline-block; vertical-align: middle; font-weight: 400; font-size:12px; color:#666666; border-radius: 3px; padding:0;}
.productBox .product-title.offerCode, .productBox .product-title.prodTitleH{min-height:auto;}

.ItemOuter .conBotInn{color:#ffffff; background:#4fcf5c;}
.OrderMain .delStatus {text-align: left; color: #666666; font-size: 16px; background: #f3f3f3; padding: 10px; border-radius: 5px; margin-bottom: 5px;}

.POCancelT{color:#ff0066;}
.POPendingT{color:#002173;}
.POAcceptT{color:#4fcf5c;}

#divDateTime .dateBox{float:left; width:45%; margin-right: 10px;}
#divDateTime .dateBox .selectdefault{height:3.125rem; width: 100px;}

/* Sales Invoices style */
.datalisttable{ background:#fff; border-radius:5px; margin-bottom:20px;}
.datalisttable .sort:after{display: inline-block; vertical-align: middle;width: 12px;height: 15px;content: '';background: url(../images/sort-icon.svg) no-repeat center center / contain; margin: -2px 0 0 6px;}
.datalisttable .sortasc:after{display: inline-block; vertical-align: middle;width: 12px;height: 15px;content: ''; background: url(../images/sort-asc.svg) no-repeat center center / contain; margin: -2px 0 0 6px;}
.datalisttable .sortdesc:after{display: inline-block; vertical-align: middle;width: 12px;height: 15px;content: ''; background: url(../images/sort-desc.svg) no-repeat center center / contain; margin: -2px 0 0 6px;}

.datalisttable .ttlfk{background:#ebebeb; border-top-left-radius:5px; border-top-right-radius:5px; color:#333; font-size:1rem; font-weight:500; padding:10px 0;}
.datalisttable .dlist{display:inline-block; padding:0 1%; vertical-align: top; color:#333; word-break: break-all;}
.datalisttable .tlist1{width:6%;}
.datalisttable .tlist2{width:12%;}
.datalisttable .tlist3{width:16%;}
.datalisttable .tlist4{width:8%;}
.datalisttable .tlist5{width:10%; text-align: right;}
.datalisttable .tlist6{width:10%; text-align: right;}
.datalisttable .tlist7{width:10%; text-align: right;}
.datalisttable .tlist8{width:10%; text-align: right;}
.datalisttable .tlist9{width:15%;}

.datalisttable ul{padding:10px 0; border-bottom:1px solid #f3f3f3;}
.datalisttable ul .btn-action ~ .btn-action, .datalisttable ul .Canceled{margin:0;}
.datalist4 ul .btn-edit{margin:0 7px 0 0;}
.datalisttable ul .btn-view{margin-right:7px;}
.datalisttable .mtextview{display: none;}

.datalisttable .couponCode{color:#002173; margin:0;}
.datalisttable .canceledorder{text-decoration:line-through !important;}

.datalist6 .tlist1{width:16%;}
.datalist6 .tlist2{width:16%;}
.datalist6 .tlist3{width:16%; text-align: right;}
.datalist6 .tlist4{width:16%; text-align: right;}
.datalist6 .tlist5{width:16%; text-align: right;}
.datalist6 .tlist6{width:16%; text-align: right;}

.datalist5 .tlist1{width:16%;}
.datalist5 .tlist2{width:25%;}
.datalist5 .tlist3{width:20%;}
.datalist5 .tlist4{width:16%; text-align: right;}
.datalist5 .tlist5{width:16%;}

.datalisttable .currentplan{color: #ff0066; display: block;}
.datalisttable .oldpacklbl{color: #666; display: block;}
.datalist5 .couponCode{display: block; padding:10px 0 5px 0;}
.datalist5 ul .btn-view{margin:0;}

.datalist5User .tlist1{width:25%;}
.datalist5User .tlist2{width:15%;}
.datalist5User .tlist3{width:25%;}
.datalist5User .tlist4{width:15%; text-align: left;}
.datalist5User .tlist5{width:15%;text-align: left;}

.datalist7 .tlist1{width:5%;}
.datalist7 .tlist2{width:25%;}
.datalist7 .tlist3{width:13%;}
.datalist7 .tlist4{width:13%;text-align: left;}
.datalist7 .tlist5{width:13%;text-align: left;}
.datalist7 .tlist6{width:13%;text-align: left;}
.datalist7 .tlist7{width:13%;text-align: left;}
.datalisttable .colorpink{color:#ff0066; font-weight:700;}

.datalist4 .tlist1{width:5%;}
.datalist4 .tlist2{width:50%;}
.datalist4 .tlist3{width:20%;}
.datalist4 .tlist4{width:13%;text-align: left;}

/* Buy New Stock Product Detail page */    
.product_detal_main{display: inline-block; vertical-align: top; width: 100%; margin: 10px 0;}
.product_detal_main .productDetalLeft{float: left; width: 50%; padding: 0 15px 0 0;}
.product_detal_main .productDetalRight{float: right; width: 50%; padding: 0 0 0 15px;  text-align: left;}
.product_detal_main .producttopbox{padding:20px; background:#fff; border-radius:10px;}
.product_detal_main .product_head{display: flex; margin-bottom: 5px; justify-content: space-between;}
.product_detal_main .productDetail-title{display: block; font-size: 1.4375rem; line-height: 1.2; font-weight: 400; color: #666666; }
.product_detal_main .product_sku{display: inline-block; font-size: 0.9375rem; font-weight: 400; color: #ff0066; margin:0 10px 10px 0;}
.product_detal_main .product_con .price-row{display: flex;align-items: center;width: 100%;}
.product_detal_main .product_con .price-row .now{display: inline-block; vertical-align: middle; font-size:1.25rem; font-weight:700; color: #4fcf5c;}
.product_detal_main .producttopbox .price-row .now{font-size:30px;}
.product_detal_main .product_con .price-row .was{display: inline-block; vertical-align: middle; font-size: 0.9375rem; font-weight: 300; color: #999999; text-decoration: line-through; margin-left: 10px;}
.product_detal_main .product_con .price-row .off{display: inline-block;width: auto;vertical-align: middle;background: #999999;padding: 4px 5px;border-radius: 4px;color: #fff;font-size: 0.850rem;margin-left: 10px;line-height: 1.2;}
.product_detal_main .shopSec-btn{padding:10px 0 0;}
.product_detal_main .add-btn{ min-width:40.5%; padding:0 15px; font-size:1rem; font-weight: 500; margin:0 10px 10px 0; border:none;}
.product_detal_main .add-btn .icon-add-order{ font-size: 1.75rem; margin-right:5px;}
.product_detal_main .request-btn .icon-delivery{ font-size: 1.75rem; margin-right:5px;}

.product_detal_main .request-btn{ min-width:40.5%; background:#002173; padding:0 15px; font-size:1rem; font-weight: 500;margin-bottom:10px;}
.product_detal_main .request-btn .icon-icon-delivery{ font-size: 1.775rem; margin-right: 19px;}
.product_detal_main .request-btn:hover, .product_detal_main .request-btn.active{background-color: #ff0066; color: #fff;}
.product_detal_main .shopBox.shopBox-detail{display: inline-block; vertical-align: top; width: 100%; background: none; padding:20px 0; border: none; }
.product_detal_main .shopBox.shopBox-detail .shopBoxInner{width:100%; background:#fff; border-radius:6px; padding:5px 10px;}
.product_detal_main .prodShopAddr{font-size:15px; font-weight: 400;    color: #666666;}
.product_detal_main .shopBox .shopImg{width:50px; height:50px; margin-right: 10px; background: #fff; float: left;}
.product_detal_main .shopBox .slogotxt{background:#dedede; font-size:36px; text-align:center; line-height:50px; font-weight:600; color:#002173;border-radius: 5px;}
.product_detal_main .shopBox .slogotxt a{ color:#002173;}
.product_detal_main .shopBox .shop_con{float: left; width:85%}
.product_detal_main .shop-title{display: block; font-size:18px; font-weight:700; color: #666666; margin:0; padding:0;}
.product_detal_main .shop-title a{color: #666666;}
.product_detal_main .shop-title a:hover{color: #ff0066;}
.product_detal_main .ratting-count{font-size:15px; color:#ff0066;}
.product_detal_main .whatsApp-btn{background: #4fcf5c; font-weight: 500; position: relative; font-size: 16px; width:100%; margin:0; padding-left:75px; margin-bottom:15px;}
.product_detal_main .centertxt{width:200px; margin: 0 auto; display: block; cursor:pointer;position: relative; text-align:left; line-height:20px; text-transform: uppercase;}
.product_detal_main .whatsApp-btn .icon-whatsapp{position: absolute; left: -45px; top:0; bottom: 0; margin: auto; font-size: 30px; height: 30px; font-size: 30px; }
.product_detal_main .whatsApp-btn .shopextra{display: block; width: 100%; margin-top:5px;}
.product_detal_main .whatsApp-btn .shopextra span{ font-weight: 500; font-size:11px; color: #ffffff;}
.product_detal_main .whatsApp-btn .shopextra span ~ span{padding-left: 10px;}
.product_detal_main .whatsApp-btn .shopextra span .icon:before{vertical-align: text-bottom;}
.product_detal_main .whatsApp-btn .shopextra .icon{vertical-align: middle;  opacity: 0.6; margin-right: 5px; vertical-align: middle;}
.product_detal_main .whatsApp-btn .shopextra .icon-sms-service{ font-size:16px; }
.product_detal_main .whatsApp-btn .shopextra .icon-video{ font-size:18px; vertical-align: top;}
.product_detal_main .whatsApp-btn span{display: inline-block; vertical-align: middle;}
.product_detal_main .whatsApp-btn:hover{background:#128b7d; color:#fff; }

.product_detal_main .whatsApp-btn .shopextra .icon-voice{ font-size:18px; margin-right: 0;}
.product_detal_main .paymentStyle .payTitle{ display: block; font-size: 1.125rem; font-weight: 500; color: #666666; margin-bottom: 18px;}
.product_detal_main .paymentMain{margin: 9px -10px;}
.product_detal_main .paymentMain .paybox{ max-width: 50px; display: inline-block; vertical-align: top; text-align: center; cursor:default; margin: 0 10px;}
.product_detal_main .paymentMain .paybox .payicon{ background: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: block; position:relative;    margin-bottom: 4px;     margin: auto;}
.product_detal_main .paymentMain .paybox .payicon img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}
.product_detal_main .paymentMain .paybox .payType{ font-weight: 400; font-size: 0.8125rem; color: #666666; display: block;  white-space: initial;}
.product_detal_main .product_decription .decription_title{display: block; font-size: 1.125rem; font-weight: 500; color: #666666; margin-bottom: 10px;}
.product_detal_main .product_decription .decription_title small{font-weight: 400; font-size: 73%; padding-right: 8px;}
.product_detal_main  .product_decription .decription_title a{ color: #ff0066; font-size: 0.8125rem; font-weight: 400; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.product_detal_main .product_decription .decription_title a:hover{ color: #666666;}
.product_detal_main .Packages h4{display: block; font-size:1.125rem; font-weight: 500; color: #666666; margin-bottom: 10px;}
.product_detal_main .Packages .looseinput{background:#fff; float: left; height:50px; max-width: 100px; width: 100px; border-radius:6px 0 0 6px; border:1.5px solid #E9E9E9; border-right:none;}
.product_detal_main .Packages .selectdefault{float: left; max-width: 100px; width: 100px; border-radius:0 6px 6px 0; height:50px; border:1.5px solid #E9E9E9;}
.product_detal_main .Packages .ui-selectmenu-text{padding-top:5px; font-size:18px;}
.product_detal_main .Packages .ui-selectmenu-button .ui-icon{border-top: 6px solid #002173;}
.product_detal_main .delivery_text{display: block; font-size: 0.9375rem; font-weight: 400; color: #002173; margin-bottom: 8px;}
.product_detal_main .delivery_text strong{ font-size: 1.125rem; font-weight: 500; color: #666666;}
.product_detal_main p:last-child{margin-bottom: 0;}
.product_detal_main .card-white{display: block; width: 100%; background:#e9e6e6; padding: 30px; margin-bottom:15px; border-radius: 6px;}
.product_detal_main .card-white:last-child{margin-bottom: 0;}
.product_detal_main .card-sm{padding: 10px 15px;}
.product_detal_main .offer_list{display: block; width: 100%;}
.product_detal_main .offer_list li{display: block; font-size: 0.875rem; font-weight: 400; color: #666666; border-bottom: 1px solid #f3f3f3; padding: 8px 15px;}
.product_detal_main .offer_list li:last-child{border-bottom: none;}
.product_detal_main .offer_list li span{color: #002173;}

.product_detal_main .btn-cart{font-weight: 400; padding:5px 1.875rem; color:#002173; display: block; background:#F7F7F7; border:none; margin-top:10px;}
.product_detal_main .btn-cart .icon{font-size: 130%; margin-right: 12px;}
.product_detal_main .btn-cart span{display: inline-block; vertical-align: middle;}
.product_detal_main .btn-pink:hover, .product_detal_main .btn-pink.active{background-color: #002173; color:#fff;}

.product_detal_main .productGallery{background: none; box-shadow: none !important; margin: 0;}
.product_detal_main .gallery_big{margin-bottom: 10px; display: block; background:#fff; text-align: center; border-radius:10px;}
.product_detal_main .gallery_thumb{display: block; margin: 0 -5px; }
.product_detal_main .gallery_thumb .slick-track{width: 100%; float: left;}
.product_detal_main .gallery_thumb .item{padding: 0 5px; }
.product_detal_main .gallery_thumb .thumb_img{width: 5rem; height: 5rem; border:1px solid transparent; position: relative; overflow: hidden; border-radius: 6px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer;}
.product_detal_main .gallery_thumb .thumb_img img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; margin: auto;}
.product_detal_main .gallery_thumb .slick-current .thumb_img{border-color: #ff0066;}

.imagesnone{display: none;}
.preview-images-zone{white-space: nowrap; overflow: auto;}
.preview-images-zone .preview-image{display: inline-block; float: none;}
.preview-images-zone #imageMainUploadSec{display: inline-block;}
.preview-images-zone #imageUploadSec{display: inline-block;}

.add-btnPBox li {vertical-align: middle; padding:0; display: block;}
.add-btnPBox li a{border:1px solid #707070; color:#333333; font-size:25px; font-weight:500; border-radius:10px; padding:20px 40px; display: inline-block; margin-bottom:20px;}
.add-btnPBox li a:hover{border:1px solid #FF0066; background:#ff006605;}
.add-btnPBox li a span{display: inline-block; vertical-align: middle;}
.add-btnPBox li a span:before{font-size:40px; color:#333333; padding-right:15px;}

.grecaptcha-badge{display: none !important;}
.fklogo{display: inline-block; max-width:120px;}
.locationname{display:none !important;}

/* Update dashboard page */  
.sharelinkhome{background:#fff;float: left; width:400px; position: relative;}
.sharelinkhome{padding: 15px 15px 1px 15px; box-shadow: 0 0 10px #e2e2e2; margin: 20px 25px 0 20px; border-radius: 10px;}
.sharelinkhome .social_share{text-align: left; margin:0 0 20px 0;}
.sharelinkhome .share_box_title{font-size: 18px; font-weight: 700;}
.sharelinkhome .shoplink, .referral-block .shoplink{float: left; width:69%; background:#f3f3f3; padding:5px; border-radius:5px; padding:10px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.sharelinkhome .social_share .share_icon{margin: 0 3px 0 0;}

.linksharebtn {padding-bottom:20px;}
.linksharebtn .msharebtn{display: none;}
.sharebtnbox{ float:right; width:30%; text-align: center; background:#29cc6a; color:#fff; display: inline-block; border-radius:6px; padding:10px; cursor: pointer;}
.sharebtnbox span{font-size:16px; padding:0 2px;}

.shopoverview{display:block; float: left; background: #fff; border-radius: 10px; padding:10px; margin:20px 25px 0 20px; width:67%; min-height: 190px;}
.shopoverview .shopviewinfo{background:#fff; border-radius:10px; padding:10px; width:20%; display: inline-block;  margin:5px 10px; border: 1px solid #D9D9D9;}
.shopoverview .shopviewinfo h2{font-size:24px; color:#002173; font-weight: 700; }
.shopoverview .shopviewinfo p{font-size:16px; line-height: normal; color:#333; }

.shopoverview .bgcolor1{background:#00217310;border: 1px solid #00217310;}
.shopoverview .bgcolor1 h2{color:#002173;}
.shopoverview .bgcolor2{background:#ebfff380;border: 1px solid #29cc6a20;}
.shopoverview .bgcolor2 h2{color:#29cc6a;}
.shopoverview .bgcolor3{background:#ffdcf050;border: 1px solid #ff7bb020;}
.shopoverview .bgcolor3 h2{color:#ff7bb0;}
.shopoverview .bgcolor4{background:#f9ed3220;border: 1px solid #f9ed3220;}
.shopoverview .bgcolor4 h2{color:#ecde00;}

.shopoverview .overviewttl p{font-size:16px; font-weight: 700; display: inline-block; color:#666666;padding-left:10px;}
.shopoverview .selectdefault{border:1.5px solid #EAEAEA; background-color: #fff; width:140px; padding:7px 10px; font:400 15px 'Roboto', sans-serif; height: auto; }
.filterpadding .filter-option-inner{padding-top:5px;}
.descriptionproduct{height:70px !important;}

/* upgrade seller page */  
.upgradeseller h5{color:#FF0066; font-size:23px; font-weight:700;}
.upgradeseller .modal-header{background-color: #fff;}
.upgradeseller .modal-body{padding:0 15px;}
.upgradeseller .modal-inner img{width: 100%;}
.upgradeseller .modal-inner p{font-size:17px; color:#333333; line-height: 25px; margin:15px 0;}
.upgradeseller .btnupgrade{background:#4fcf5c; border-radius:5px; color:#fff; text-align: center; display: block; font-size:18px; font-weight:700; padding:15px; text-transform: uppercase; margin:10px 0 25px 0;}
.upgradeseller .btnupgrade:hover{background:#ff0066;}
.upgradeseller .customerreview{padding:15px; box-shadow:0px -4px 4px rgb(206 206 206 / 85%);}
.upgradeseller .reviewimg{float: left; width:90px;}
.upgradeseller .reviewtext{float: left; width:80%;}
.upgradeseller .reviewtext p{color: #333333; font-size: 14px;}
.upgradeseller .reviewtext span{color: #333333; font-size: 13px; font-weight: 600;}
.MembershipPlan{text-align: center; margin:0; padding:0;}
.MembershipPlan .mptitlebar{background:#E7E7E7; border-radius:5px 5px 0 0; font-size: 15px; color:#333; font-weight:600; padding:10px;}
.MembershipPlan .mprow1{float:left; width:25%; text-align:left;}
.MembershipPlan .mprow2{float:left; width:25%;}
.MembershipPlan .mprow3{float:left; width:25%; position: relative;}
.MembershipPlan .mprow4{float:left; width:25%;}
.MembershipPlan .mpdetails{border:2px solid #E7E7E7; border-top:none; border-radius:0 0 5px 5px;}
.MembershipPlan .mpdetails .mplist{border-top:2px solid #E7E7E7; padding:10px;}
.MembershipPlan .mpdetails .mplist img{width:20px; height:20px;}
.mpopularplan{position: absolute; top:-23px; left:18px; background:#FF0066; font-size:11px; padding:2px 5px; color: #fff; border-radius:4px; width: 80px;}

/*============*/
.divEditCategory{border-bottom: 1px solid #d1d1d1; padding-bottom:10px;}
.divEditCategory .divMainCategory{width:45%; margin:15px 15px 0 15px; float: left; position: relative;}
.divEditCategory .icon-arrow-drop-down{ position: absolute; top:19px; right:15px; color: #002173; font-size: 10px;}
.divEditCategory .selectdefault{border:1.5px solid #ccc; background-color: #fff; width:100%; padding:0 25px 0 15px; font:400 15px 'Roboto', sans-serif; height:40px; text-transform: capitalize; margin-bottom:20px; text-overflow: ellipsis;}
.divEditCategory .selectdefault option{text-transform: capitalize;}
.divEditCategory .divMainCategory .selectbox{width:100%;}
.divEditCategory .divMainCategory .selectbox .icon-arrow-drop-down{top: 15px; right: 15px;}
#cashMemoDetail .btn-light-grey, #viewMembership .btn-light-grey, #viewInvoices .btn-light-grey{background-color:#002173; border-color: #002173; color: #fff;}
#cashMemoDetail .btn-light-grey:hover, #viewMembership .btn-light-grey:hover, #viewInvoices .btn-light-grey:hover{background-color:#ff0066; border-color: #ff0066; }


.gstCheckboxMain .InvoicePayment{border: none;}
.gstCheckboxSub {padding:7px 20px;border-top: 1px solid #d1d1d1;}
.gstCheckboxSub #errGST{color:#ff0000; display: block;}
.gstCheckboxSub .radioSwitch{ font-size: 1.125rem; display: inline-block; margin:0 20px 0 0; color: #666666; padding:0;}
.extDiscount{font-size:15px; font-weight: 500; padding-bottom: 5px; color: #666666; display: block;}
.liRight .txtBox {text-align: right;}
.liRight .txtBox .text-right{font-size: 1.25rem;font-weight: 700;color: #002173;}
.hideModalHeader .modal-header{background: none;}
.hideModalHeader .modal-header .close{background:#f8f8f8; border-radius:5px;}

/*catalogueProducts*/
.CPinputbox{padding:5px 20px;}
.CPinputbox .inputboxcp{float: left; width:39.5%; padding: 0 2% 0 0;}
.CPinputbox .selectbox{float: left; width:25%;}
.CPinputbox .selectptype{float: left; width:100%; padding:0;}
.CPinputbox .Checkboxmain{float: left; width:150px; padding:5px 0 0 10px;}
.CPinputbox .moTxtinput{background:#fff; border:1px solid #ccc; border-radius:5px;  height:2.5rem; color: #002173; font-size:14px; width: 100%; padding:0 10px; display: block;}
.CPinputbox .selectdefault{height:2.5rem; width:100%; display: block; text-overflow: ellipsis; background-color: #ffffff; border: 1px solid #ccc; padding-right: 30px;}
.CPinputbox .selectbox .icon-arrow-drop-down{top: 17px; right: 17px;}
.catProdSingle{padding-bottom:10px;}
.catProdSingle ul{border: none;}
.catProdSingle + .catProdSingle{border-top:5px solid #f3f3f3;}


.SSProductDetail .popWrapper{padding: 15px 0 0;}
.SSProductDetail .icon-add-order:before, .SSProductDetail .icon-icon-delivery:before{vertical-align: bottom;}

.indexlink .buttonwhatsapp{background:#fff; border-radius:7px; padding:15px; width:20%; display: inline-block; margin:5px; text-align: center; float: left; font-size:16px; font-weight:500;}
.indexlink .buttonwhatsapp span{display: inline-block; vertical-align: middle;}
.indexlink .buttonwhatsapp .icon-support{padding-right:5px; font-size:18px;}
.indexlink .buttonhelp{background:#fff; border-radius:7px; padding:15px; width:20%; display: inline-block; margin:5px; text-align: center; float: left; font-size:16px; font-weight:500;}
.indexlink .buttonhelp span{display: inline-block; vertical-align: middle;}
.indexlink .buttonhelp .icon-help{padding-right:5px; font-size:18px;}

.autobrand{height: 150px; overflow: auto;}
.autobrand li{padding:0 0 3px 0; font-size:18px;}
.playstore {background:#fff; padding:5px 10px; border-radius:5px; display: inline-block;}
.playstore .icon-googleplay{font-size:50px; color:#333;}
.playstore .icon-googleplay:hover{color:#002173;}
.sdgstbox .titleDiv{border:none;}
.sdgstbox .TaxInfoInner{border-top:1px solid #d1d1d1;}
.locationgst {background:#f4f4f4; border-radius:5px;}
.locationgst .TaxSubtotal{border:none; border-bottom:1px solid #d1d1d1; padding:15px 0 5px; margin-bottom:10px;}
.locationgst .TaxSubtotal label{padding-bottom:0;}
.locationgst .Taxtotal{padding:0 0 10px;}
.btns-bill{ width: 140px; margin: 5px !important; font-weight: 500;}

.categorietabs{margin:0; padding:10px 30px 0 30px; white-space: nowrap; overflow: auto;}
.categorietabs a{background:#fff;font-size:16px; color:#333; font-weight:500; padding:10px 15px; display:inline-block; border-radius:5px;}
.categorietabs .selecttab{background: #FF0066; color: #fff;}
.categorietabs a:hover{background:#002173; color: #fff;}
.storenewcate{background:#fff; border-radius:5px 5px 0 0;}
.storenewcate a{color:#fff; background:#002173; padding:10px;border-radius:5px;}

.storeCateColumn .categoryname{font-size: 16px; font-weight: 600; color: #666666; padding-left:5px; display: inline-block;}
.storeCateColumn .threeBtn{margin:0;}
.storeCateColumn .btnWrp{ padding:5px;}

.storeCateColumn{margin-bottom:15px;}
.formInner .form-control.scatinput{height:60px;}
.noFoundCat .not-found{box-shadow:none;}
.variantrow{padding-bottom:15px;}
.remove-variant{text-align: right; display: block;}
.tagMrgBottom{margin-bottom:15px;}
.bootstrap-select.show-tick .dropdown-menu li a span.text{text-transform: capitalize;}
.loosebox{margin-top:32px;}

.installapp{display:inline-block; margin-left: 10px;}
pwa-install::part(openButton) {border-radius: 5px; font-size: 23px; margin-top: 5px; margin-bottom: 5px; background: #4fcf5c; height: 86px; width: 235px; line-height: 30px; border: none; font-weight: 700;}

.installsellerapp{position: fixed; background:#f1f1f1; width: 100%; z-index:99; bottom:58px; left: 0;  display: block;}
.installsellerapp pwa-install{margin: 0 auto; width:270px; display: block;}
.installsellerapp pwa-install::part(openButton) {border-radius: 5px; font-size:16px; margin-top:10px; margin-bottom:10px; background:#4fcf5c; height: 40px; width: 270px;}
.installsellerapp .icon-arrow-down{font-size:20px; padding-right: 5px; vertical-align: text-bottom;}
.new-c-cat{margin-bottom:30px;}

.BCardMain{padding-bottom:80px;}
.BusinessCardprint{display: none !important;}
.BusinessCard{box-shadow: 0 0 15px rgba(0,0,0,0.05);  width: 300px; float:left; height:450px; background-size:contain; display: inline-block; text-align: center; margin:0 15px 60px 0; background:#002173;}
.BusinessCard .BCinner{position: relative; overflow: hidden; width: 300px; height:450px;}

.BusinessCard .edittext{text-align: center; position: absolute; bottom:65%; width:100%;}
.BusinessCard .edittext .maintxt{ font-size:30px; color:#fff; font-weight:700; text-align: center; padding:0 10px;}
.BusinessCard .edittext .subtext{ font-size:16px; color:#fff; font-weight:500; text-align: center; padding:0 10px;}

.BusinessCard .productimages{text-align: center; position: absolute; bottom:62.5%; width:100%;}
.BusinessCard .productimages .productimg{width:125px;display: inline-block; margin:5px;}
.BusinessCard .productimages .productimg img{ border-radius:5px;}

.BusinessCard .logoqrimg{position: absolute; bottom:17%; left:0; width:100%;}
.BusinessCard .seasonalBlogo{position: absolute; bottom:20%; left:0; width:100%;}
.BusinessCard .lqimg{width:110px;display: inline-block; margin: 0 10px;}
.BusinessCard .lqimg img{ border-radius:5px;}

.BusinessCard .cardfooter{position: absolute; bottom:15px; left:0; width:100%;}
.BusinessCard  .blogotxt{font-size:20px; font-weight: 700; color:#fff; margin: 0; padding:0; }
.BusinessCard  .phone{font-size:15px; font-weight: 700; color:#fff; margin:0; padding:0;}
.BusinessCard .tctext{font-size:11px;color:#fff;  position:absolute; bottom:-5px; right:10px;}

.BusinessCard .toptext{position: absolute; top:45%; left:0; width:100%;}
.BusinessCard .urlttl{font-size:21px;color:#fff; font-weight:700; margin:0; padding:0;}
.BusinessCard .storeurl{font-size:14px; font-weight: 600; color:#fff; margin:0; padding:0; }
.BusinessCard .bottomText{bottom:5% !important; top: auto !important}

.BusinessCard .linktxt{margin: 10px 0 0 0;}
.BusinessCard .linktxt a{background:#fff; color: #666666; border-radius: 3px; padding:5px 10px; margin:0 2px; cursor: pointer;}
.BusinessCard .linktxt a:hover{background:#002173; color:#fff;}
.bcupdatetext{display: none; width:300px; border-radius:5px 5px 0 0; background-color: #ffffff; padding:40px 10px 10px; position: absolute; left:0; bottom:0; z-index: 2;}
.bcupdatetext .form-control{background:#f3f3f3; height: 40px; padding: 0 10px; margin-bottom:10px;}
.BusinessCardColor{background:#333; position: absolute; width:100%; height:100%; top:0; left:0; opacity:0.5;}
.seller-page-topbox .register-seller{max-width:100%;}
.register-seller{display: block; margin: 0 auto;width:530px; max-width: 530px;}
.register-seller .logo{width:175px; max-width:175px; margin:25px 0;}
.register-seller .formTitle{text-align: left; margin:0; padding:10px 0 15px 0;}
.register-seller .formSubTitle{margin:0; padding:0 0 50px 0; font-size:16px; color:#666; font-weight: 500;}
.register-seller .bottomSubTitle{margin:0; padding:50px 0 0 0; font-weight:700; font-size:20px; text-align: center; color:#666;}
.register-seller .freetxt{font-size:18px; color:#666; font-weight: 500;}
.createstorebox{padding-top:30px; }
.createstorebox span{color:#333; float: left; display: inline-block; text-align: left;}
.createstore{color:#002173;float: right; display: inline-block; text-align: right;font-weight:700;}
.register-seller .forgotLink{color:#002173; margin:10px 0; display: inline-block;}

.bCardDetail{width:600px; height:900px;}
.bCardDetail .BCinner{width:600px; height:900px;}
.bCardDetail .BCinner .BusinessCardimg img{width: 100%;}
.bCardDetail .bcupdatetext{width:600px;}

.passinput{position: relative;}
.passinput .icon-visibility{position: absolute;right:10px;top:10px;font-size:20px; cursor: pointer;}
.passinput .icon-visibility-off{position: absolute;right:10px;top:10px;font-size:20px; cursor: pointer;}

.analytics .shopoverview{box-shadow: 0 0 10px #e2e2e2; margin:0 0 20px 0; float: none; width:100%;}
.analytics .shopoverview .shopviewinfo{width: 11%; border-radius:5px;}
.analytics .shopoverview .netprofit{background:#4fcf5c; display: block;}
.analytics .shopoverview .netprofit p{color:#fff;}
.analytics .shopoverview .netprofit h2{color:#fff;}
.analytics .topproducts{display: inline-block; width:49.3%; padding:10px 0 0;}
.analytics .storereport{display: inline-block; width:49.3%; margin:0 1% 0 0;}
.productsbox{border-top: 1px solid #D9D9D9; padding:10px 15px; }
.analytics .topProducts .overviewttl p{padding-left:20px;}
.productsbox .proimg{float: left; width:55px;}
.productsbox .proinfo{float: left; width:80%; padding-left:20px;}
.productsbox .proinfo .proname{color:#666666; margin-bottom:5px; display:block;}
.productsbox .proinfo .proname:hover{color:#FF0066; }
.productsbox .proinfo .price{color: #002173; font-size: 20px; font-weight: 600; display: inline-block;}
.productsbox .proinfo .sale{color:#666666; font-size:16px; font-weight: 600; padding-left:15px; display: inline-block;}

.analytics-icontop a {border-radius: 50%;background: #e4e6eb; width: 40px; text-align: center; display: block; height: 40px;}
.analytics-icontop a:hover{background: #D2D6DE;}
.analytics-icontop a .icon-analytics{font-size:25px; color:#666;padding-top: 8px; display: inline-block;}

.analyticsbtn a{color:#050152; font-weight:700; display: inline-block;}
.analyticsbtn a:hover{color: #ff0066;}
.analyticsbtn a span{padding:7px 0 0 7px; vertical-align: middle; display: inline-block;}
.analyticsbtn .icon-analytics:before{font-size:20px;}

/*payment pages*/
.payment-se-info h4{font-size:35px; color:#333333; font-weight: 500; padding:20px 0;}
.payment-se-info p{font-size:20px; color:#666666;}
.viewallpaybtn a{background:#F2F1FF; border-radius:5px; font-size:15px; color:#002173; font-weight:600; text-align: center; display: inline-block; padding:15px; margin:10px 5px 0;}
.viewallpaybtn a:hover{background:#CFCDFF;}

.bdinformation .select-sms-service{padding:0;}
.bankinfo-data{background:#F4F3FF; border:1px solid #DAD8FE; border-radius:5px; padding:20px 20px 10px; min-height: 200px; position: relative;}
.bankinfo-data label{color:#333333; font-size:15px; display: block;}
.bankinfo-data span{color:#333333; font-size:18px; font-weight:600;display: block; padding-bottom:10px;}
.secure100{width: 103px; height:46px; display: block; background: url(../images/100secure.svg) no-repeat left center; position: absolute; bottom: 20px; right: 20px;}

.removeacbtn a{background:#ECECEC; border-radius:5px; font-size:13px; color:#333333; font-weight:500; text-align: center; display: inline-block; padding:10px; margin:10px 0;}
.removeacbtn a:hover{background:#CFCDFF;}

.bankbuttons{padding-top:15px;}
.bankbuttons a{background:#ECECEC; border:1px solid #DCDCDC; border-radius:5px; font-size:15px; color:#002173; font-weight:600; text-align: center; display:block; padding:15px; margin:10px 5px 0;}
.bankbuttons a:hover{background:#CFCDFF;}

.payout-box .select-sms-service{padding:0 0 5px 0;}
.payout-box .select-sms-service .CoverBox{display: block;}
.payout-box .select-sms-service .CoverBox ~ .CoverBox{margin:0;}
.payout-box .selectdefault{ width: 100%; height: 40px; background-position: 95% 50%; margin-bottom:20px;}

.payment-orderlist .oprice{font-size:17px; color:#002173; font-weight: 600;}
.payment-orderlist .currency{font-size:16px; color:#666666; text-transform: uppercase; padding:0 10px;}
.payment-orderlist .amount-status-s{font-size:13px; color:#4fcf5c; background:#A8F5BF; padding:3px 5px; border-radius:5px; display: inline-block;}
.payment-orderlist .amount-status-other{font-size:13px; color:#666666; background:#E8E8E8; padding:3px 5px; border-radius:5px; display: inline-block;}
.payment-orderlist .p-ordercustomer{display: block;}
.payment-orderlist .payment-btn{font-size:15px; color:#002173; font-weight:500; border:1px solid #D9D9D9; border-radius:5px; padding:5px 8px; display: inline-block; margin-bottom:5px;}
.payment-orderlist .payment-btn:hover{background:#ECECEC;}
.payment-orderlist .tlist4{text-align: left;}
.payment-orderlist .tlist5{text-align: left; width:21%;}
.paddingnone{padding:0;}
.refund-label{font-size:20px; padding:20px 0 0 0;}

.remove-tax{background:#ECECEC; border-radius:5px; font-size:13px; color:#333333; font-weight:500; text-align: center; display: inline-block; padding:11px; margin:25px 0 0;}
.remove-tax:hover{background:#CFCDFF;}

.addnew-tax{background:#ECECEC; border:1px solid #DCDCDC; border-radius:5px; font-size:15px; color:#282562; font-weight:600; text-align: center; display:block; padding:15px; margin:0;}
.addnew-tax:hover{background:#CFCDFF;}

/*=======*/
.taxboxbg{background:#f3f3f3; padding:0 15px; border-radius:10px; margin-bottom:20px; padding-top:20px;}
.remove-tax{background:#e0e0e0; border-radius:5px; font-size:13px; color:#333333; font-weight:500; text-align: center; display: inline-block; padding:11px; margin:25px 0 0;}
.remove-tax:hover{background:#dddce8;}

.addnew-tax{background:#fff; border:1.5px solid #002173; border-radius:5px; font-size:15px; color:#002173; font-weight:600; text-align: center; display:block; padding:15px; margin:0;}
.addnew-tax:hover{background:#f3f3f3;}
.TaxSwitch{margin-top:35px;}
.form-group > .taxlabel{font-weight:400; color:#666;}

.taxCheckboxSub + .taxCheckboxSub{padding-top:10px;}
.taxCheckboxSub .radioSwitch{float: left;}
.taxCheckboxSub .taxprice{float: right; color:#002173; font-size:16px; font-weight:600;}
.subTotal .totalSaving{padding-top:10px !important; padding-bottom:10px !important; background:#4fcf5c15;}
.subTotal .totalSaving .subTotle, .subTotal .totalSaving .totalPrice{font-size:15px;}
.invoiceForm > .col3{width:33.33%;}

.onlinepayment{margin-top:10px; padding:10px 25px 0; background: #fff;  border-radius:5px;}
.onlinepayment p{ font-size:20px; color:#000; font-weight: 700; padding-bottom:10px; margin:0;}
.onlinepayment a{border:1px solid #666; color:#666; padding:15px; border-radius:5px; display: inline-block; font-size: 18px; font-weight: 600; margin:0 8px 10px 0;}
.onlinepayment a:hover{background:#efeef3;}
.onlinepayment a span{font-size:22px; padding-right:5px; vertical-align: text-top;}
.onlinepayment a.select{background:#002173; color:#fff;}
.languagediv { width:15%; display: inline-block; margin:5px;}
.languagediv .selectdefault{background:#fff; border-radius:7px; width:100%; height:53px; color:#000;}
.languagediv .icon-arrow-drop-down{top:23px;}
.offlineStatusTitle {margin-right: 0.5rem; font-weight: bold;}
.starttrial .topsection{text-align: center; display: block; padding:10px 0 20px 0;}
.starttrial .logo{margin-top:15px;}
.starttrial h1{font-size:60px; font-weight: 900; padding:10px 0;}
.starttrial h2{font-size:35px; font-weight:700; padding-bottom:35px;}
.starttrial h3{font-size:25px; font-weight:700; padding:5px 0;}
.starttrial .bannerForm{padding:20px 0;}
.btn-signupfree{font-size:25px; font-weight:700; width:100%; text-align: center;}
.banner-blue{background:#dbe0eb; padding:30px 0;}
.banner-blue-content{text-align: center; color:#33; padding:25px 0;}
.banner-blue-content .bannerbbox{padding-bottom:50px;}
.banner-blue-content .bannericon{font-size:45px;}
.banner-blue-content p{color:#333;}
.banner-blue-content .viewaf{color:#002173; border-radius:30px; padding:10px 20px; background:#fff;}
.banner-blue-content .viewaf:hover{color:#FF0066;}
.customer-test{background:#f3f3f3; padding:50px 0;}
.customer-test img{border-radius:10px; box-shadow: 10px 10px 20px #00000052;}
.customer-test p{font-size:18px;font-style: italic;}
.customer-test p a{word-break: break-all;}
.customer-test span{font-size:20px; color:#002173; font-weight:500;}
.customer-test .links{border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; padding:15px 0; margin-top:30px;}
.customer-test .links a{margin:0 10px;}
.seller-customer-review{padding:27px 0;}
.seller-customer-review span{color:#002173;}
.customer-test .languageregister .selectdefault{background:#f1f1f1;}
#shopReportChart {overflow-y: auto;width: 100%;}

.store-pageb{margin-bottom:20px;}
.store-pageb .storecontent{width:91%;}
.store-pageb h2{color:#333; font-weight: 500; font-size:22px; padding-bottom:5px;}
.store-pageb .sp-link{border:1px solid #ddd; padding:10px 25px; display: inline-block; border-radius: 5px; background: #fff;}
.store-pagecontent h2{color:#333; font-weight: 500; font-size:24px; padding-bottom:15px;}
.store-pagecontent .bullet{list-style-type:circle; margin:0 0 0 15px;}
.store-pagecontent .bullet li{padding:2px 0;}
.store-pagecontent .contenteditor{padding:10px 0;}
.store-pagecontent .contenteditor textarea{background: #fff; border: 1px solid #ccc; font-weight: 400; height:250px;}
.store-pagecontent .contenteditor .btn, .note-editor .btn{background:#fff; padding:5px 10px; margin: 0; line-height: normal; color:#000;}
.sharepopup{padding:15px 0;}
.sharepopup .sharelinkhome{padding: 0; box-shadow: none; margin: 0; border-radius: 0; width: 100%;}
.sharepopup .sharelinkhome .social_share{margin: 15px 0;}
.cus_date_sec {padding:0 10px 10px;}
.cus_date_sec .tableTxt{box-shadow: none; border:1.5px solid #EAEAEA;}
.ui-helper-hidden-accessible {display: none !important;}

/*=======*/
.payment-box-main{max-width:900px; margin:0 auto;background-color: #ffffff; border-radius: 5px; padding:20px; box-shadow: 0 0 25px rgba(0,0,0,0.05); margin-bottom:20px;}
.paymentaStore{padding:0;}
.paymentaStore h2{padding:0 !important;}
.payment-box-main .paymentlogo{height:55px; padding-bottom:10px;}
.payment-box-main h2{color:#333; font-size:17px; font-weight:700; padding-bottom:10px;}
.payment-box-main p{ color:#666666; font-size:16px;}

.expiry-scroll{ height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.expiry-modal-box{max-width:700px; margin:0 auto;background-color: #ffffff; border-radius:10px; padding:45px; box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.logobox-flex{display: flex;align-items: center;justify-content: space-between; margin-bottom:40px;}
.logobox-flex a{font-weight:700;}
.expiry-modal-box h2{color:#333; font-size:30px; font-weight:500; padding-bottom:15px; line-height: 36px;}
.expiry-modal-box p{ color:#666666; font-size:18px; line-height:28px;}
.btn-upgrade{background:#002173; margin:15px 0 30px 0;}
.btn-upgrade:hover{background:#ff0066; color:#fff !important;}
.deliverydetails .wboxBtm{border-top: 1px solid #d1d1d1;}
.deliverydetails .titleDiv, .specialnbox .wboxBtm{border:none;}
.storepickupbox .chkWhatsAppNo{margin:0;}
.storepickupbox .CheckboxOrder{margin:0;}
.CoverPhoto .image-zone{height: auto;}
.image-blank-banner{ width:100%; text-align: center; font-size:18px; border-radius:0 0 8px 8px; padding:5px 0; background:#002173;position: absolute; color: #fff; bottom: 0;}
.btnReport{background:#002173; color:#fff;}

/*----------------*/
.removeacbtn > form {width: auto; float: left;}
.billbtns{text-align: center;}
.billbtns a{margin:10px !important; padding:10px; line-height: normal;}

.marketingbox{text-align: center; background:#fff; padding:40px 0;}
.marketingbox .row{display: block;}
.marketingbox h2{margin: 0; padding:0 0 10px 0; font-size: 30px; color: #333; font-weight:500; display: block; width: 100%;}
.marketingbox .icons-box{font-size:20px; padding: 6px 30px; display: inline-block; border: 1px solid #ccc; border-radius: 10px; margin:20px 10px;}
.marketingbox .icons-box span{font-size:40px; color:#002173; vertical-align: middle;}
.marketingbox .icons-box label{padding-left:10px;font-weight: 500;}
.userLink:hover, .headRight > ul > li.notifyLi .dropdown-menu a:hover, .pagination > li > a:hover, .btn-green:hover, .btn-grey-dark:hover, .btn-grey:hover, .btn-light-grey:hover, .btn-blue:hover, .btn-view:hover, .btn-edit:hover, .btn-delete:hover, #proInventory .productBox:hover .actionDiv{background-color: #ff0066; border-color: #ff0066; color: #ffffff !important;}
.address-inputbox .form-control{padding-right:60px;}
.payButtonMember{margin:5px 0; padding:15px 25px;}
.payButtonMember .payment-text{font-size:17px; float: left; padding-top:8px;}
.payButtonMember .payment-images{float: right;}
.payButtonMember img{max-height:30px; padding:0 5px;}
.proCategoryPopup{margin:-33px 0 0 0; background:#f3f3f3; border-radius:5px;}
.sdgstbox .CheckboxOrder{padding-left:0;}
.moreVariant{border-top: 1px solid #666; padding-top: 20px;}
.proCategoryPopup .btn-light-grey{background:#333; color:#fff;}
.BannerSelectbox{padding:0 15px 15px;}
.BannerSelectbox .divMainCategory{width: 100%;}
.BannerSelectbox .form-control-color{height: 40px; padding:2px 5px;}

.ck-content{margin:0 !important; padding:0px 10px 10px 10px !important; min-height:150px !important;}
.ck-editor__editable_inline p{font-size: 16px; line-height: 24px; font-weight: 400; margin:10px 0; color:#333;}
.ck-editor__editable_inline ol, .ck-editor__editable_inline ul { margin:10px 20px; list-style: inherit; color:#333;}
.ck-editor__editable_inline h2{font-size:25px; color:#333;}
.ck-editor__editable_inline h3{font-size:20px; color:#333;}
.ck-editor__editable_inline h4{font-size:18px; color:#333;}
.homeDeliveryCharges{padding:20px 20px 0 20px; overflow: auto; display: block;  white-space: nowrap; }
.homeDeliveryCharges img{max-width:400px; border-radius:10px; width: 100%;box-shadow:0 0 10px #e2e2e2;margin: 0 40px 0 0;}
.m2fingers{display: none;}

.radio-toolbar {margin:0;}
.radio-toolbar input[type="radio"] { opacity: 0; position: fixed; width: 0;}
.radio-toolbar label { display: inline-block !important; background-color: #fff;  font-size: 16px !important; border:1px solid #666; padding:0 10px; border-radius: 5px; margin: 0 5px 5px 0; vertical-align: middle; font-weight: normal !important; color: #333 !important;}

.radio-toolbar input[type="radio"]:focus + label { border:1px solid #ee005f; color:#fff; font-weight:700;}
.radio-toolbar input[type="radio"]:checked + label { background-color: #fff7fa; border-color: #ee005f; font-weight:700; color:#ee005f;}
.radio-toolbar .attColor{width:25px; height:25px; padding:0;}

.howitworks{padding:50px 0; background:#fff;}

.howitworks h2{font-size:25px; color:#000; font-weight: 700; padding-bottom:25px;}
.howitworks h3{font-size:19px; color:#000; font-weight: 700; padding:10px 0 5px 0;}
.howitworks .howitworksicon{font-size:50px; color:#ff0066;}
.howitworks p{font-size:16px; color:#000; padding:0; margin: 0;}

.FaqBox{padding:30px 0;}
.FaqBox h2{font-size:25px; color:#000; font-weight: 700; padding-bottom:10px;}
.FaqBox .faq-item{background:#fff; border-radius:5px; border:1px solid #e3e3e3; margin:7px 0;}
.FaqBox .faq-header{cursor: pointer; padding: 16px 24px; position: relative;}
.FaqBox .faq-header span{font-size: 35px; display: block; color: #333; position:absolute; top: 10px;}
.FaqBox .faq-header h6{font-size: 18px; font-weight: 500; padding-left:45px;}
.FaqBox  .faq-content{ padding:0 30px 20px; font-size: 16px; line-height: 24px; color: #333; display: none;}
.FaqBox .faq-content p{font-size: 17px;}

.seller-page-how-it-works { display: block; margin-bottom: 0;}
.how-it-works-icons-container {display: flex; align-items: center;margin-bottom: 5px;position: relative;height:50px;}
.how-it-works-line-arrow-container {transform: rotate(90deg);display: flex;height:200%;justify-content: center; flex-direction: column; align-items: center; margin-left:60px; margin-top: 15px;}
.how-it-works-line-arrow-right {width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #f9bdd7; transform: rotate(-90deg); }
.how-it-works-line-line {border-right: 2px dashed #f9bdd7; height: 8rem;
  transform: none; }
.how-it-works-line-arrow-down { display: none;}

.seller-plan-info{padding:30px 0 0 0; background:#dbe0eb;}
.pick-a-plan-box{background:#002173;  margin:0 0 20px 0; border-radius:5px;}
.pick-a-plan-box .start-free-txt{font-size:40px; color:#ffdf3f; font-weight:600; padding:30px 0 0 5px; display: block;}
.seller-plan-info h2{ color:#fff; font-size:40px; font-weight:500; padding:15px 0 5px 0;}
.seller-plan-info p{ color:#fff; font-size: 20px; padding-bottom:20px;}
.seller-plan-info .innerWhite{padding:20px 20px 0;}
.seller-plan-info .plan-price-box{margin-bottom:30px;}
.support-box h2{text-align: center;}
.support-box h2 span{display: block;}

.coupon-body div{color: #333; text-transform:uppercase; font-weight: 700;}
.coupon-body .coupon-tittle{font-size:25px;}
.coupon-body .coupon-off{font-size:70px;color:#00226E;line-height: 60px;padding-top: 20px;}
.coupon-body .coupon-dtext{font-size:22px;}
.coupon-body .coupon-codet{font-size:23px; padding-top: 30px;}
.coupon-body .coupon-codeoff{font-size:35px;color:#00226E; border:3px solid #00226E; padding: 10px 20px; border-radius: 5px; display:inline-block;}
.coupon-body .coupon-date{font-size:20px;}
.coupon-body .coupon-order-txt{font-size:25px;padding-top: 30px; text-transform: none;}
.coupon-body .coupon-store-link{font-size:20px;text-transform: none;}
.location-allow-text {text-align: center; font-size:22px; display: block; padding:0 25px;}
.allow-next{margin-bottom:25px; text-transform: uppercase; background:#4FCF5C; font-size:25px; display: inline-block; color:#fff; border:none; padding:15px; border-radius:5px;}
.allow-next:hover{background:#77DA81;}
.upgradeMembership .finalPrice{color:#4FCF5C;}

.btn-refresh{color:#000; font-size:18px; padding:10px 0; display:table-cell; vertical-align: middle; float: left;}
.btn-refresh .icon-refresh{ vertical-align: text-top;  font-size:21px;}
.btn-signout{color:#000; font-size:18px; padding:10px 0;  display:table-cell; vertical-align: middle; float: right;}
.btn-signout .icon-sign-out{ vertical-align: text-top;}
.sp-plan-text strong{font-size:20px;}
.NewBillPage .ui-widget.ui-widget-content{border-radius:6px;width:316px !important;}  
.accordion-content {  display: none; }
.accordion-content.default { display: block; }	 
.accordion-toggle, .sub-accordion-content { list-style-type:none;}
.accordion-toggle.plus:before { content: "+ "; float: right; }
.accordion-toggle.minus:before { content: "- "; float: right; }
.image-logo{width:40px; height:40px; text-align:center;}
.image-logo img{border-radius:5px;}
.storelogotxt{background:#dedede; font-size:24px; line-height:40px; font-weight:600; color:#000;border-radius: 5px; text-transform: capitalize;}
.StoreStatus{float: left; padding: 8px 20px;}
.updateproductstock table{width: 100%;}
.updateproductstock table tbody tr th{width:50%; font-weight:700;}
.updateproductstock table tbody tr td{width:50%; padding:5px 0; color:#333;}
.productaddeds{background: url(../images/product-added.svg) no-repeat center top;}
.productaddeds .masonry-item{width: 280px; max-width: 280px; margin: 0 auto;}
.productaddeds .masonry-item .productBox{box-shadow:0 0 10px #ccc;}


.cshopbBusinessCard .toptext{position: absolute; top:2%; left:10px; width:100%;}
.cshopbBusinessCard .toptext .lqimg{float: left; width: 85px; margin:0 10px 0 0;}
.cshopbBusinessCard .logophonebox{float: left; text-align: left;}
.cshopbBusinessCard .edittext{bottom: 45%;}
.cshopbBusinessCard .ordertxtlink{text-align: left; width:60%; float: left; word-wrap: break-word; padding-left:10px;}
.cshopbBusinessCard .cardfooter .lqimg{margin: 0 10px 15px 0; float: right; width: 85px;}
.cshopbBusinessCard .urlttl{ font-size:22px; text-transform: uppercase;}
.cshopbBusinessCard .storeurl{ font-size:16px;}
.cshopbBusinessCard .blogotxt{ font-size:18px; text-transform: uppercase;}
.cshopbBusinessCard .phone{ font-size:20px;}
.cshopbBusinessCard .productimages{bottom:37%;}
.referral-block .formInner{ border-top:1px solid #e5e5e5; padding:20px 0;}
.referral-block{padding-bottom:0;}
.referral-block .total-earned{display: block; padding-bottom:20px;}
.referral-block .total-earned p{margin-bottom:5px;}
.referral-block .total-earned div{font-size: 24px; color:#4fcf5c; font-weight: 700;}
.referral-block .uses-txt div{color:#ff0066;}
.referral-block .datalisttable{margin:0 -20px;}

.invitefriends{padding:20px 0;}
.invitefriends .how-it-works-line-arrow-container{margin-top: 4px;}
.invitefriends .howitworksicon{background:#ff0066; color:#fff; border-radius:100px; padding:10px; font-size: 30px;}
.not-record-text{padding:10px 0;}


.OrderStepttl .back_step{float: left;cursor: pointer;
	    width: 125px;
	    font-size: 0.9375rem;
	    line-height: 1;
	    font-weight: 600;
	    text-align: center;
	    padding: 10px 15px; margin-left: 15px;}
.OrderStepttl .Mqyq1{display: inline-block; float: left;
    font-size: 16px;
    color: #999;
    font-weight: 700;
    padding: 7px 0 0 10px; width: auto;}
.OrderStepttl .Mqyq2{display: inline-block; float: right;
    font-size: 16px;
    color: #999;
    font-weight: 700;
    padding: 7px 15px 0 0;width: auto;}

.list-cart-button{text-align: center;}
.list-cart-button a{display: block; text-transform: capitalize; font-size:14px; padding:3px 5px; border-radius:5px;  margin-top:7px;}
.list-cart-button a:hover{color:#fff;}
.list-cart-button a .icon{margin-right:5px;}
.btncart-pickup{color:#ff0066; border:1px solid #ccc;}
.btncart-pickup:hover{background:#ff0066; }
.btncart-delivery{color:#002173; border:1px solid #ccc;}
.btncart-delivery:hover{background:#002173; }

.clsrd .qtysbox{padding:10px 0;width:150px;}
.clsrd .qtyTxt{width: 3.125rem; background: #f3f3f3; border-radius: 5px; text-align: center; height: 2.5rem;
 color: #002173; font-weight: 700; font-size: 1rem; padding: 0; float: left; margin: 0 5px;}

.plrdqtyminus{width:2.5rem; height:2.5rem; cursor: pointer; float: left; display: inline-block;}
.plrdqtyplus{width:2.5rem; height:2.5rem; cursor: pointer; float: left; display: inline-block;}

.deliveryAddresses .deliveryAddbox{border:1px solid #ccc; border-radius: 10px; padding:10px; display: inline-block; margin:0 10px 10px 0; position: relative; text-align: left;}
.deliveryAddressesHeader {font-size: 20px; color: #000; font-weight: 700; padding-bottom: 10px; margin: 0;}
.addNewAddress {width: 100%; border-bottom:1px solid #ccc; text-align: left;}

.editdAddress{position: absolute; right: 0; top: 0;}
.editdAddress .icon-edit{padding-right:5px;}
.deliverySec{margin-bottom:15px;margin-top: 15px;}
.deliverySec .addNewAddress a{border:1px solid #002173; color:#002173; padding:10px; border-radius:5px; display: inline-block; font-size:15px; font-weight: 600; margin:0 0 15px 0;}
.deliverySec .addNewAddress a .icon-add{margin-right:6px;}
.deliverySec .addNewAddress a:hover{background:#efeef3;}
.deliveryerror{ display: none; margin: 0 0 0 25px; padding: 5px 10px; color: #fff; background: #ff0000; font-size: 16px;    border-radius:5px;}
.deliverysuccess{ margin: 0 0 0 25px; padding: 5px 10px; color: #fff; background:#4fcf5c; font-size: 16px;    border-radius:5px;}

.time-slot{text-align: left;}
.time-slot .selectbox{width: 120px;}
.timeSlot-title{padding:10px 0; margin:0; font-size: 15px;}


.selectdefaultb2b {background-color: #f6f6f6; height:50px; border:none; width:100%; color: #666666; border-radius: 4px; font: 300 15px/1.4 'Roboto', sans-serif; padding:0 10px; background-repeat: no-repeat; background-position:85% 50%; background-image:url(../images/selectdefault.svg); -webkit-appearance: none;}
.storeTypeSpan {font-size: 16px !important;color: #999;font-weight: normal;}

/* Start Sales bill file  screen main button css */
.new-categorietabs{margin:0; padding:10px 30px 10px 30px; white-space: nowrap; overflow: auto;background-color:#ffffff;}
.new-categorietabs .selecttab{background: #FF0066; color: #fff;}
.new-categorietabs a:hover{background:#002173; color: #fff;}

.btn-light-gray{background:#eaeaea; color: #666; }
.btn-light-gray:hover, .btn-light-gray.active{color: #fff; background: #ff0066;}
.round-btn{border-radius: 100px; }
.btn-new{display: inline-block;
    min-width: 125px;
    vertical-align: top; 
    font-size: 0.9375rem;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    position: relative;
}
.btn-sm{font-weight: 500; font-size: 1rem; text-transform: none; padding:1rem 1.875rem;}
/* End Sales bill file  screen main button css */ 

.moduleName{font-size: 18px;line-height: 40px; color: #002173;}