@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

* {box-sizing: border-box;}

/* scroll visible in mobile */
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 25px;
}
::-webkit-scrollbar:horizontal {
    height: 25px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(159, 159, 159, .5);
    border-radius: 5px;
    border: 3px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 5px;  
    background-color: #ffffff; 
}
/********************************************/
body {
  width:100%;
  margin:0;
  padding:0;
	height:100%;
}
/* h1, h2, h3, h4 {font-weight:600;letter-spacing:0.01em;} */
a {
	text-decoration:none;
	outline : none;
}

.form-group input {font-size:0.95em;}

span.glyphicon {
    font-size: 1.8em;
}

.modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
}

.m-line-space {padding:10px 0;}
.m-line-space-sm {padding:3px 0;}

.mobile-container {
  width:100%;
	position: relative;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.m-topnav {
  width:100%;
  overflow: hidden;
  position: relative;
}

.m-topnav #m-myLinks {
  display: none;
}
.m-topnav a {
  color: #000000;
  text-decoration: none;
  font-size: 12px;
  display: block;
}
.m-topnav_sub {
	border-bottom:1px solid #ffffff;
	margin-top:78px;
	background-color: #c0bebe;
	border-top:1px solid #ffffff;
}

.m-topnav_sub a {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #7d7c7c;
	font-size:16px;
	padding:20px 15px;
	text-transform:uppercase;
	color:#000000;
	vertical-align:middle;
}
.m-topnav_sub a span {
	padding-right:10px;
}
.m-topnav_sub a.m-mylink_sub:hover {
	color:#000000;
	text-decoration:none;
	font-weight:600;
}

.m-topnav a:hover {
  background-color: #ddd;
  color: #d5d5d5;
}

.m-head-menu {
  width:25%;
  display:block;
  float:left;
  text-align:center;
}
a.m-active {
  background: linear-gradient(#fff, #dad9d9);
  color: #000;
	border-right:1px solid #dbdbdb;
	text-transform:uppercase;
	padding: 18px 5px;
}
a.m-active:hover {
  background: linear-gradient(#dad9d9, #fff);
  color: #757575;
	text-decoration:none;
}
a.m-active, a.active:visited {
	text-decoration:none;
}
.m-cont-mid {
	background-image: url('../img/m-search_bg.png');
	background-repeat: repeat-x;
	width: 100%;
	height:75px;
	background-position:top;
}


.m-header_bg {
	background: linear-gradient(#516c9e, #385286);
	padding:40px 0;
	text-align:center;
}
img.m-logo {
	width:inherit;
}
img.m-logo:hover {
	opacity:0.5;
}

.m-divider {
	padding:0 1%;
}

@media screen and (max-width: 420px) {
    .m-logo {
     width: 42%;
    }
}


/* search */
.m-search-container {
	width:100%;
	max-width:96%;
	margin:0 auto;
  text-align:center;
	vertical-align:middle;
	font-size:0;
}

.m-search-container input[type=text] {
  padding: 13px;
  margin-top: 15px;
  font-size: 13px;
  border: 1px solid #000;
	width:80%;
	border-radius: 8px 0 0 8px;
}

.m-search-container button {
  padding: 13px 18px;
	color:#fff;
  margin-top: 15px;
  background: #000;
  font-size: 13px;
  border: 1px solid #000;
  cursor: pointer;
	border-radius: 0 8px 8px 0;
}

.m-search-container button:hover {
  background: #abaaaa;
	color:#000;
	border: 1px solid #abaaaa;
}

#m-body_mid {
	margin:0 10px;
	text-align:center;
	padding:20px 0;
}	
.m-spacer {
	padding-bottom:20px;
}
/* order summary */
.m-summary {
	padding:15px;
	border:3px solid #dadada;
}
.m-summary p {
	text-transform:uppercase;
	font-weight:700;
	font-size:1.2em;
	padding-bottom:15px;
	border-bottom:1px solid #dadada;
}

.m-table-col {
	overflow:hidden;
	padding:10px 0;
}
.m-table-all {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th, td {
    /*padding: 15px;*/
		font-size:17px;
		color:#000;
		height:35px;
		vertical-align:middle;
}
.m-left {
	text-align:left;
}
.m-right {
	text-align:right;
}
.m-left-red {
	text-align:left;
	color:#e50303;
}
.m-right-red {
	text-align:right;
	color:#e50303;
}
.m-left-green {
	text-align:left;
	color:#2a731e;
	padding-bottom:20px;
}
.m-right-green {
	text-align:right;
	color:#2a731e;
	padding-bottom:20px;
}
.m-left-total {
	text-align:left;
	color:#000;
	font-size:1.5em;
	font-weight:700;
	border-top:1px solid #dadada;
	padding-top:15px;
}
.m-right-total {
	text-align:right;
	color:#000;
	font-size:1.5em;
	font-weight:700;
	border-top:1px solid #dadada;
	padding-top:15px;
}

button.m-con-shop {
	border: 0;
	width:100%;
	line-height: 2.5;
	padding: 9px 20px;
	text-transform:uppercase;
	background-color: #70a49c;
	border:1px solid #70a49c;
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	font-weight:700;
}
button.m-con-shop:hover {
  color: #70a49c;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #70a49c;
}

button.m-chk-cart {
	border: 0;
	width:100%;
	line-height: 2.5;
	padding: 20px 20px;
	text-transform:uppercase;
	background-color: #4768a6;
	border:1px solid #4768a6;
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	font-weight:700;
}

button.m-chk-cart:hover {
  color: #4768a6;
	border:1px solid #4768a6;
	background-color: #fff;
	text-decoration:none;
}

/* cart list */
.m-head-title {
	font-weight:600;
	letter-spacing:0.01em;
	font-size:2.3em;
}
.m-cart-list {
	border:1px solid #dddbdb;
}
.m-item-thumb {
	text-align:center;
	width:45%;
	vertical-align:top;
}
.m-item-cont {
	text-align:left;
	width:55%;
	padding:0 10px;
}
.m-item-cont p {
	font-size:0.8em;
	text-align:left;
	padding:5px 0;
}
.m-item-cont p.m-price {
	font-size:1.3em;
	font-weight:700;
}
.m-item-name {
	font-weight:700;
	font-size:1.0em;
	padding-top:15px;
}

button.m-edit {
	padding:6px 13px;
	border:1px solid #4abab1;
	background-color:#4abab1;
	color:#fff;
	font-size:1.0em;
	font-weight:700;
	text-transform:uppercase;
}
button.m-edit:hover {
	background-color:#fff;
	color:#4abab1;
}
button.m-del {
	padding:6px 13px;
	border:1px solid #e34d4d;
	background-color:#fff;
	color:#e34d4d;
	font-size:1.0em;
	font-weight:700;
	text-transform:uppercase;
}
button.m-del:hover {
	border:1px solid #000;
	color:#000;
}
img.m-thumb-scale {
		width:100%;
		max-width:140px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    img.m-thumb-scale {
		 padding-top:17px;
     vertical-align:middle;
		 max-width:100px;
    }
}

/* item list table */
div.m-scroll_ex {
    width: 100%;
    height: 30vh;
    overflow: scroll;
}
div.m-scroll_ex_s { /* for single item */
    width: 100%;
    height: auto;
    overflow: scroll;
}
div.m-no-scroll_ex {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.m-item-view {
    table-layout: auto;
    width: 100%;	
}

.m-item-view th {
   color:#fff;
	 text-align:center;
	 background-color:#474747;
	 font-size:1.1em;
	 font-weight:600;
	 padding:16px 12px;
	 white-space:nowrap;
}
.m-item-view td {
   color:#000;
	 text-align:center;
	 background-color:#fff;
	 font-size:1.0em;
	 font-weight:400;
	 padding:11px 12px;
	 border-bottom:1px solid #dddbdb;
	 white-space:nowrap;
}
.m-item-view tr:nth-child(even) td {
    background-color:#f4f4f4;
}
.m-item-view td:first-child {
	text-align:left;
}

/* non scroll item list view */
.m-list-view {
    width: 100%;
    border-top:1px solid #dddbdb;
}

.m-list-left {
	width:50%;
	padding:5px 10px;
	text-align:left;
	font-size:1.0em;
}
.m-list-left p {font-weight:600;}
.m-list-left p.m-red {color:red;}
/* end of non scroll item list view */


/* #4 cart layout  */

.m-list-view-4th {
    width: 100%;
    border-top:1px solid #dddbdb;
}

.m-list-left-4th {
	width:50%;
	padding:3px 0;
	text-align:left;
	font-size:0.8em;
}
/* end of #4 cart layout */


.m-bs-example{
  margin: 20px;
}
input.m-pg-viewer {
	border:0 none;
	padding:0;
	margin:0;
	max-width:40px;
	text-align:center;
}

#m-footer {
	margin-top:25px;
	padding:30px 0;
	border-top:1px solid #b5b4b4;
	text-align:center;
}
p.m-f_cont {
	font-weight:600;
	font-size:1.2em;
	text-transform:uppercase;
}
.m-f_sm {
	font-size:0.8em;
	padding-top:15px;
	padding-bottom:45px;
	width:95%;
	margin:0 auto;
}
.m-f_sns {
	padding:11px 5px;
	text-align:center;
	background-color:#000;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.m-f_sns a {
	padding:0 10px;
	color:#fff;
	font-size:1.4em;
}

/* breadcrumb */
.m-steps-progress {
	overflow:hidden;
	width:100%;
	padding:15px 0 35px 0;
}
.m-steps-progress-bar{
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  width:100%;
  padding:0px;
  margin:0px;
}
/* each steps of circle */
.m-steps-progress-bar li {
  list-style-type: none;
  text-transform: uppercase;
  width: 25%;
  float: left;
  position: relative;
  text-align:center;
}
.m-steps-progress-bar li  p{
  color:#cccccc;
	line-height:16px;
}
.m-steps-progress-bar li:before {
  content: counter(step);
  counter-increment: step;
  width: 60px;
  line-height: 55px;
  display: block;
  font-size: 18px;
  background-color: #cccccc;
  margin: 0 auto 5px auto;
  border-radius:50%;
  color:#fff;
	border:3px solid #cccccc;
}
/*connectors*/
.m-steps-progress-bar li:after {
  content: '';
  width: 100%;
  height: 8px;
  background: #cccccc;
  position: absolute;
  left: -50%;
  top: 28px;
  z-index:-1
}
.m-steps-progress-bar li:first-child:after {
  /*no connector before billing */
  content: none;
}
/*marking active/completed steps green*/
.m-steps-progress-bar li.active:before {
  background: #fff;
  color: #4768a6;
	font-weight:600;
	border:3px solid #4768a6;
}
/* connector active color */
.m-steps-progress-bar li.active:after{
  background: #4768a6;
}
.m-steps-progress-bar li.active p {color:#4768a6; font-weight:600;}


/* linkable breadcrumb */
.m-steps-progress-bar li.link:before {
  background: #83d9cc;
  color: #fff;
	font-weight:300;
	border:3px solid #83d9cc;
	cursor:pointer;
}
/* connector link color */
.m-steps-progress-bar li.link:after{
  background: #83d9cc;
}

.m-steps-progress-bar li.link p, .m-steps-progress-bar li.link a {color:#83d9cc; font-weight:300;}

.m-steps-progress-bar li.link a:hover {color:#f88203;text-decoration:none;}

/* --------------------------------------- */

/* billing */
.m-bar-grey {
	background-color:#474747;
	padding:15px 10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#e5e5e5;
	overflow:hidden;
	font-size:1.3em;
	font-weight:600;
}
.m-bar-left {
  width:10%;
  float:left;
  text-align:center;
	border-right:1px solid #e5e5e5;
}
.m-bar-left span {
  width:15%;
  float:left;
	padding:0 5px;
	font-size:1.3em;
}
.m-bar-right {
  width:90%;
	padding:0 15px;
  float:left;
  text-align:left;
	text-transform:uppercase;
}
 .m-bs-form {
	 margin:20px 0;
 }
.m-panel-grey {
	 background-color:#dcdcdc;
	 text-align:left;
	 padding:15px 10px;
 }
 
 
 .m-panel-bold {font-weight:600;}
 .m-panel-collapse {background-color:#f5f5f5;}
 
 label.panel-m {font-weight:400;color:#000;font-size:1.1em;}
 select::-ms-expand {
	width:12px;
	border:none;
	background-color:#fff;
}

button.m-save-b {
	width:100%;
	 background-color:#4768a6;
	 border:1px solid #4768a6;
	 border-radius:3px;
	 -webkit-border-radius:3px;
	-moz-border-radius:3px;
	text-align:center;
	padding:14px 10px;
	text-transform:uppercase;
	font-size: 1.2em;
	text-align: center;
	color: #fff;
	font-weight:700;
}
button.m-save-b:hover {
  color: #4768a6;
	border:1px solid #4768a6;
	background-color:#fff;
	text-decoration:none;
}
.m-save-add {
	width:65%;
	padding:8px 0;
}

.m-save-add p {padding:0; margin:0;	font-size:0.8em;}
.m-save-add-sel {
	width:35%;
	text-align:right;
}
button.m-btn-sel {
  background-color: #898888;
	color:#fff;
	padding:13px 11px;
	border:0;
	font-size:0.9em;
	font-weight:600;
}

button.m-btn-sel[aria-pressed="true"]{
	background-color: #a1b804;
}

/* sort selection box */
.m-search_categories{
  padding: 10px 8px 10px 14px;
  background: linear-gradient(#fcfbfb, #cbcbca);
  border: 1px solid #b2b1b1;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
	color:#000;
	font-weight:600;
}
.m-search_categories .m-select{
  width: 120%;
  background:url('../img/m-arrow.png') no-repeat;
  background-position:80% center;
}
.m-search_categories .m-select select{
  background: transparent;
  line-height: 1;
  border: 0;
  padding: 0;
	outline:0;
  border-radius: 0;
  width: 120%;
  position: relative;
  z-index: 10;
  font-size: 1.3em;
}

/* delivery option */
.m-space-gap {
	padding-top:20px;
}
.m-delivery-op label {
	display: block;
}
.m-delivery-op {
	font-weight: 400;
	background-color: #fff;
	border:1px solid #c8c7c7;
	font-size: 1.6rem;
	color: #000;
	padding: 15px 8px;
	width: 100%;
	margin: 9px 0;
	text-align: left;
	transition: all 0.2s ease-in-out;
	border-radus:5px:
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.m-label-bg {
	background-color:#cef4fb;
	border:1px solid #cef4fb;
}
.m-delivery-sm {
	font-size:0.7em;
	padding:3px 18px;
	margin:0;
}
.m-delivery-red {
	font-style:italic;
	font-size:0.7em;
	padding:0 18px;
	color:#d90303;
	margin:0;
}
.m-delivery-price, .m-delivery-method {
	font-weight:600;
	vertical-align:top;
}
.m-delivery-l {width:75%;}
.m-delivery-r {width:25%;text-align:right;}

#m-signature {
	overflow:hidden;
}
.m-custom-control-input {
	zoom: 1.3;
  transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
.m-bar-grey-lt {
	background-color:#888686;
	padding:12px 10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-size:1.1em;
	font-family:'Roboto', Arial, Sans-serif;
	font-weight:600;
	text-transform:uppercase;
	text-align:left;
	margin-bottom:3px;
	overflow:hidden;
}

.m-bar-grey-lt-br {
	width:100%;
	padding:15px;
	border:1px solid #e8e8e8;
	background-color:#f5f5f5;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#000;
	overflow:hidden;
	font-size:1.0em;
	font-weight:200;
	text-align:left;
	display:inline-block;
	float:left;
}

.m-signature-l {
	width:5%;
	vertical-align:top;
}
.m-signature-r {
	width:95%;
	font-size:0.9em;
	padding:0 10px;
	text-align:justify;
}

.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: #484747;

}
.panel-heading a.collapsed:after {
    content:"\e114";
}
p.m-panel-title {
	text-align:left;
	text-transform:uppercase;
	font-size:1.1em;
	color:#484747;
	font-weight:600;
}

div.m-panel-title {
	text-align:left;
	text-transform:uppercase;
	font-size:1.1em;
	color:#484747;
	font-weight:600;
	display:inline-block;
}
div.m-panel-ico {
	float:right;
	text-align:right;
	display:inline-block;
}
.m-pay-ico-awe {
	font-size:1.4em;
	color:#000;
}
.panel-body {
	font-size:0.9em;
	color:#000;
	font-weight:200;
	text-align:left;
}

/* payment option */
.panel-body p.m-cc-img {
	text-align:center;
}
.panel-body p img {
	max-width:65%;
}
p.form-sm {
	text-align:right;
	font-size:0.8em;
	font-style:italic;
}
.panel-body ul li{
	text-align:left;
	margin:0;
	font-size:1.1em;
	padding:3px 0;
}
.panel-body span{
	color:red;
	font-weight:600;
}
.m-pay-s-note {
	width:100%;
	padding:15px;
	border:1px solid #c8c7c7;
	background-color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#000;
	overflow:hidden;
	font-size:1.0em;
	font-weight:200;
	text-align:left;
}
.m-pay-s-note label {
	font-weight:400;
	font-size:1.1em;
	padding-bottom:12px;
	margin-bottom:15px;
}
.m-out-stock {
	width:100%;
	padding:15px;
	border:1px solid #c8c7c7;
	background-color:#f5f5f5;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#000;
	overflow:hidden;
	font-size:1.0em;
	font-weight:200;
	text-align:left;
}
.m-out-stock p {
	font-weight:400;
	font-size:1.1em;
	padding-bottom:12px;
	margin-bottom:15px;
	border-bottom:1px solid #c3c1c1;
}
.m-out-stock label {
	font-weight:400;
	font-size:0.9em;
}
.m-cvv {font-size:1.3em;vertical-align:middle;color:#d70606;}
.m-modal-body {
	font-size:0.8em;
}

/* Process Order */

.m-bar-grey-lt .m-order-l {
	display:block;
	float:left;
	overflow:hidden;
	padding-top:3px;
}
.m-bar-grey-lt .m-order-r {
	display:block;
	float:right;
	overflow:hidden;
}

.m-edit-button {
    background-color:none;
    border: 1px solid #fff;
    color: #fff;
    padding: 3px 10px;
		display:block;
		vertical-align:middle;
    text-align: center;
    text-decoration: none;
    font-size: 0.9em;
		font-weight:500;
		text-transform:uppercase;
    cursor: pointer;
}
.m-edit-button:hover {
    border: 1px solid #a7a6a6;
    color: #a7a6a6;
}
.m-order {
	width:100%;
	padding:15px;
	border:1px solid #c8c7c7;
	background-color:#fbfbfb;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	overflow:hidden;
	text-align:left;
}
.m-order p {
	padding:4px 0;
	color:#000;
	font-size:1.0em;
	text-align:left;
	border-bottom:1px dotted #c5c3c3;
}
.m-order span {
	font-weight:600;
	font-weight:1.1em;
}
span.m-delivery {
	font-size:0.9em;
	font-weight:200;
	color:#d70101;
	font-style:italic;
}
/* order complate */
.m-complete {
	width:100%;
	padding:15px;
	border:3px solid #c8c7c7;
	background-color:#fbfbfb;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	overflow:hidden;
	text-align:left;
}
p.m-complete-title{
	text-align:center;
	font-weight:700;
	font-size:1.4em;
	padding:15px 15px;
	border-bottom:1px dotted #c5c3c3;
}
p.m-complete-cont {
	padding:20px 10px;
}
.m-complete-title span {color:#3d5f9f;}
.m-complete a {
	color:#d70101;
	text-decoration:underline;
}
.m-complete a:hover {
	color:#fcb51c;
}

/* contact */
.m-contact {
	width:100%;
	border:1px solid #c8c7c7;
	background-color:#fbfbfb;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	overflow:hidden;
	text-align:left;
}
.m-contact-title {
	background-color:#8dc3bb;
	padding:15px 8px;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
	border-bottom:1px solid #679c94;
}
.m-contact-cont {
	padding:8px 8px;
}
span.m-contact-fa {
	font-size:1.4em;
	padding-right:3px;
}
.m-contact-form {
	width:100%;
	border:1px solid #e8e8e8;
	background-color:#f5f5f5;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	overflow:hidden;
	text-align:left;
}
.m-contact-title-form {
	background-color:#d3d1d1;
	padding:15px 8px;
	text-transform:uppercase;
	color:#000;
	font-weight:600;
	border-bottom:1px solid #c7c6c6;
}
#m-returnmessage{
    font-size:1.0em;
    color:#d87d24;
		font-weight:500;
    text-align:center;
		padding:6px 0;
}


/* My Account */
.m-panel-heading-acc {
	background-color:#474747;
	padding:8px 15px;
	border-radius:3px 3px 0 0;
}
.m-panel-heading-acc a:after {
    font-family:'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: #e8e8e8;
}
.m-panel-heading-acc a.collapsed:after {
    content:"\e114";
}

p.m-panel-title-acc {
	text-align:left;
	text-transform:uppercase;
	font-size:1.2em;
	color:#e8e8e8;
	font-weight:600;
	padding-top:8px;
}
.m-panel-body-acc {
	font-size:0.9em;
	color:#000;
	font-weight:200;
	background-color: rgba(245, 245, 245, 1);
	text-align:left;
	color:#000;
}
/* scroll */
div.m-scroll_ex-acc {
    width: 100%;
    height: 33vh;
    overflow: scroll;
}
.m-item-view-acc {
    table-layout: auto;
    width: 100%;	
}
.m-item-view-acc th {
   color:#000;
	 text-align:center;
	 background: linear-gradient(#fff, #dbdada);
	 font-size:1.1em;
	 font-weight:600;
	 padding:14px 12px;
	 white-space:nowrap;
	 border-bottom:1px solid #adacac;
	 border-right:1px solid #d8d7d7;
}
.m-item-view-acc td {
   color:#000;
	 text-align:center;
	 background-color:#fff;
	 font-size:1.0em;
	 font-weight:400;
	 padding:11px 12px;
	 border-bottom:1px solid #dddbdb;
	 white-space:nowrap;
}
.m-item-view-acc tr:nth-child(odd) td {
    background-color:#f4f4f4;
}
.m-item-view-acc td:first-child {
	text-align:left;
}

.m-panel-cont-acc {
	font-size:1.2em;
	padding:20px 15px;
	text-align:left;
}
.m-panel-cont-acc span {
	color:#db0101;
	font-weight:600;
}
.m-panel-banner-acc {
	background-color:#d3d1d1;
	padding:12px 15px;
	border-top:1px solid #c5c3c3;
	border-bottom:1px solid #c5c3c3;
}
.m-panel-banner-acc p {
	color:#000;
	font-size:1.3em;
	font-weight:600;
	text-transform:uppercase;
	padding:5px 0;
	margin:0;
}
.m-panel-info-acc {
	padding:15px 15px;
}
.m-panel-info-l {width:60%;font-size:1.1em;padding:10px 0;}
.m-panel-info-r {width:40%;text-align:right;}

.m-panel-info-l span {
	font-weight:600;
}
a.m-panel-info-link {
	padding:10px;
	border:2px solid #000;
	color:#000;
}
a.m-panel-info-link:hover {
	border:2px solid #6589ce;
	color:#fff;
	background-color:#6589ce;
}
a.m-panel-add-new {
	font-weight:600;
	font-size:1.1em;
}	
a.m-panel-add-new:hover {
	text-decoration:none;
	color:#fa6c03;
}	
a.m-panel-info-del {
	padding:10px;
	border:2px solid #000;
	color:#000;
}
a.m-panel-info-del:hover {
	border:2px solid #d1000a;
	color:#fff;
	background-color:#d1000a;
}
.m-panel-stock-l {width:40%;text-align:center;padding:15px 0;}
.m-panel-stock-l img {max-width:140px;border:1px solid #d4d2d2;}
.m-panel-stock-r {width:60%;font-size:1.1em;padding:10px 10px;text-align:left;vertical-align:top;font-size:1.1em;}
.m-stock {
	font-weight:600;
	padding-bottom:5px;
	font-size:1.1em;
}
.m-stock span.m-red {color:red;}
.m-stock span.m-green {color:#5a6b0c;}
.m-stock-ico {padding-top:20px;}

.m-modal-header {
	background-color:#c01111;
	border-radius:5px 5px 0 0;
}

.m-modal-title {
	font-weight:bold;
	font-family:'Roboto', arial, sans-serif;
	font-size:1.2em;
	color:#fff;
	text-transform:uppercase;
}
button.m-close {font-size:1.7em;color:#fff;font-weight:normal;border:none;float:right;background:none;}
.m-modal-body-acc {
	font-size:0.9em;
	font-style:italic;
	text-align:right;
}
.m-modal-body-acc span, label.panel-m span {
	color:red;
	font-weight:700;
}
/*.m-modal-footer {
	padding-left:30px;
	padding-bottom:25px;
}*/
input.m-form-font {color:#000;font-size:1.1em;}

.m-stock-remove {
	color:#ef6805;
}
.m-stock-remove:hover {text-decoration:none;color:#000;}
span.m-stock-select {font-weight:400;font-size:1.2em;color:#000;}

/* Order Detail */
.m-order-num {
	text-align:left;
	padding-bottom:10px;
	font-size:1.1em;
}
.m-order-num span {font-weight:700;}
td.m-order-saving {color:#fd8301;font-weight:600;}
span.m-order-strike {text-decoration:line-through;color:#4c9eff;padding:0 3px;}
.m-order-total-l {
	text-align:left;
	color:#000;
	font-size:1.5em;
	font-weight:700;
}
.m-order-total-r {
	text-align:right;
	color:#000;
	font-size:1.5em;
	font-weight:700;
}
.m-order-left {
	text-align:left;
	font-size:1.0em;
	padding-bottom:35px;
	border-bottom:1px solid #dadada;
}
.m-order-credit {
	padding:20px 12px;
	font-size:1.1em;
	text-align:center;
	background-color:#e9f1fb;
	border-bottom:1px solid #dadada;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
}
span.m-order-save {color:#5e9f09; font-weight:600;}
span.m-order-earn {color:#e50414; font-weight:600;}

/* update idpw */
#change_email_placeholderValue{display:none}

/* Order History */
div.m-scroll-history {
    width: 100%;
    height: 45vh;
    overflow: scroll;
}
.m-order-ser {
	overflow:hidden;
	padding:6px 0;
}
.m-order-history-l {
	display:inline-block;
	float:left;
}
.m-20 {width:20%;margin-right:0.25%;text-align:left;padding:5px 0;}
.m-35 {width:35%;margin-right:0.25%;}
.m-45 {width:44%;text-align:right;}

input.m-order-input {width:77.3333333%;height:33px;line-height:30px;background-color:#f4f4f5;border:1px solid #aaabab;}
select.m-order-select {height:33px;line-height:30px;background-color:#f4f4f5;width:98%;border:1px solid #aaabab;}
button.m-order-but {padding:5px 8px;background-color:#b4e2db;border:1px solid #53a094;}

@media screen and (min-width: 320px) and (max-width: 420px) {
	.m-20 {display:none;}
	.m-45 {width:64%;}
}

/* return */
button.m-return {
	padding:5px 15px;
	color:#fff;
	font-weight:600;
	font-size:1.0em;
	background: linear-gradient(#47d0f8, #14a5e6);
	border:1px solid #1d92f5;
	text-transform:uppercase;
	border-radius:3px;
}
button.m-return:hover {
	background: linear-gradient(#676868,#afb0b0);
	border:1px solid #4c4d4d;
}

div.m-scroll-return {
    width: 100%;
    height: 33vh;
    overflow: scroll;
}
.m-item-view-return {
    table-layout: auto;
    width: 100%;	
}
.m-item-view-return th {
   color:#000;
	 text-align:center;
	 background: linear-gradient(#fff, #e3e1e1);
	 font-size:1.1em;
	 font-weight:600;
	 padding:14px 12px;
	 white-space:nowrap;
	 border-bottom:1px solid #adacac;
	 border-right:1px solid #d8d7d7;
}
.m-item-view-return td {
   color:#000;
	 text-align:center;
	 background-color:#fff;
	 font-size:1.0em;
	 font-weight:400;
	 padding:11px 12px;
	 border-bottom:1px solid #dddbdb;
	 white-space:nowrap;
}
td.m-return-complete, td.m-return-pending, td.m-return-cancel, td.m-return-void, td.m-return-request {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-size:1.0em;
	text-align:center;
}
td.m-return-complete, .m-return-detail-complete {
	background-color:#78a932;
}
td.m-return-pending, .m-return-detail-pending {
	background-color:#de7018;
}
td.m-return-cancel, .m-return-detail-cancel {
	background-color:#db0101;
}
td.m-return-void, .m-return-detail-void {
	background-color:#9c9b9b;
}
td.m-return-request, .m-return-detail-request {
	background-color:#c90303;
}
.m-modal-title-return {
	font-weight:bold;
	font-family:'Roboto', arial, sans-serif;
	font-size:1.4em;
	color:#dd3300;
	text-transform:uppercase;
}
button.m-close-return {font-size:1.9em;color:#000;font-weight:normal;border:none;float:right;background:none;}

.m-return-detail {
	width:100%;
	overflow:hidden;
}
.m-return-detail-l {
	width:40%;
	text-align:left;
	font-size:1.0em;
	font-weight:500;
	border-bottom:1px solid #cdcbcb;
}

.m-return-detail-r {
	width:60%;
	text-align:right;
	font-size:1.0em;
	font-weight:500;
	border-bottom:1px solid #cdcbcb;
}
.m-return-detail-complete, .m-return-detail-pending, .m-return-detail-cancel, .m-return-detail-void, .m-return-detail-request {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-size:1.0em;
	text-align:right;
	padding-right:5px;
}
.m-return-auth {font-weight:600;font-size:1.1em;}
p.m-return-view {font-weight:400;color:#000;}

.m-return-frame {background-color:#f5f5f5;width:100%;}

.m-return-photo {text-align:center;width:100%;}

.m-return-photo img {
	margin:3px 0;
	max-width:60px;
	border:1px solid #bbbbbb;
}

/* re-order */
.m-reorder-heading {
	background-color:#dbf5f1;
	padding:7px 10px;
	border-top:1px solid #799a95;
	border-bottom:1px solid #799a95;
	overflow:hidden;
}
.m-reorder-l {float:left;width:50%;text-align:left;}
.m-reorder-r {float:right;width:50%;text-align:right;}
.m-chk {
	margin-top:5px;
	font-size:1.1em;
}

button.m-reorder-addcart {
	padding:5px 18px;
	color:#fff;
	font-weight:600;
	font-size:1.0em;
	background-color:#4867a7;
	border:1px solid #304d8a;
	border-radius:3px;
}
button.m-reorder-addcart:hover {
	background-color: #d2d2d2;
	border:1px solid #949696;
	color:#454545;
}

ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
}

.m-reorder-help {
	position: relative;
	min-height: 33px;
}
.m-reorder-help p { float: left; margin: 8px 0 0 5px; }
.m-reorder-help p a { color:#000;font-size:1.2em;text-decoration:none; }
.m-reorder-help p a:hover { color:#e98d02;}

.m-sprite {background-image: url('../img/m-sprites.png');background-repeat:no-repeat; }

.m-help-wrapper:before { content: ''; border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #FFF transparent; position: absolute; left: 21px; top: -5px;font-size:0.9em;font-family:arial, sans-serif; }
.m-help-wrapper { width: 94%; height: auto; text-align:left; position: absolute; top: 25px; left: 10px; padding: 15px; background: #FFF; display: none; color: #000; z-index: 99999; box-shadow: 0 1px 10px 2px rgba(0,0,0,0.3); border-radius: 6px;}
.m-help-wrapper div.close { width: 13px; height: 13px; display: block; position: absolute; top: 20px; right: 10px; cursor: pointer; }
.m-help-wrapper ol { margin: 5px 0 0 15px; }
.m-help-wrapper ol li { list-style-type: decimal;}
.m-help-wrapper ul { list-style-position: inside; margin: 3px 0 5px 17px; }
.m-help-wrapper ul li { list-style: square;font-size:0.9em; }

.m-return-agree {
	text-align:center;
	margin:0 auto;
	width:100%;
}
button.m-return-terms {
		border-radius:3px;
		padding:13px 15px;
		text-align:center;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:600;
		color:#fff;
		font-family:'Roboto', arial, sans-serif;
		background: linear-gradient(#93cac2, #4a7a73);
		border:1px solid #4a7a73;
	}
button.m-return-terms:hover {
		color:#000;
		background: linear-gradient(#b7b8b8, #e7e8e8);
		border:1px solid #949595;
	}
.m-chk-return {margin-top:10px;padding:0;}


/* file upload */
input[type="file"].m-upload {
  display: block;
	border:1px solid #28a1ee;
	padding:5px;
	background-color:#fff;
}
.m-imageThumb {
  max-height: 65px;
  padding: 1px;
  cursor: pointer;
}
.m-pip {
  display: inline-block;
  margin: 5px 5px 0 0;
}
span.m-remove {
  display: block;
  background: #fff;
  color: #444;
	font-weight:200;
	border:1px solid #bbbbbb;
	padding:5px 3px;
  text-align: center;
  cursor: pointer;
}
span.m-remove:hover {
  background: #444;
  color: #fff;
}

/* help */
i.m-help-icon {font-size:1.6em;margin:0;vertical-align:middle;padding-right:4px;}
p.m-help-title {
	text-align:left;
	text-transform:uppercase;
	font-size:1.2em;
	color:#e8e8e8;
	font-weight:600;
	padding-top:8px;
	vertical-align:middle;
}
button.m-help-collapse {
	background-color:#474747;
	width:100%;
	text-align:left;
	color:#fff;
	padding:13px 15px;
	border-radius:5px 5px 5px 5px;
	font-size:1.3em;
	font-weight:600;
	text-transform:uppercase;
	border:1px solid #474747;
	outline:none;
}
button.m-help-collapse:hover {
	background-color:#fff;
	color:#50699c;
	border:1px solid #50699c;
}
.m-btn:after {
    font-family:'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: #fff;
}
.m-btn.collapsed:after {
    content:"\e114";
}
.m-btn:hover:after {
	color: #50699c;
}
button.m-help-cont {
	width:100%;
	font-size:1.2em;
	padding:13px 15px;
	border-right:0;
	border-left:0;
	border-top:0;
	border-bottom:1px solid #c7c5c5;
	text-align:left;
	font-weight:400;
	outline:none;
}
button.m-help-cont:hover {
	background-color:#e0e7f5;
	color:#50699c;
}
button.m-help-cont:last-child {
	border-bottom:none;
}

button.m-help-cont-collapse {
	width:100%;
	font-size:1.2em;
	padding:13px 25px;
	border-right:0;
	border-left:0;
	border-top:0;
	border-bottom:1px solid #c7c5c5;
	text-align:left;
	font-weight:400;
	outline:none;
	background-color:#fbfbfb;
}
button.m-help-cont-collapse:hover {
	background-color:#f0f4fb;
	color:#839bca;
}
.m-btn-sub:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
		padding-left:10px;
    color: #000;
}
.m-btn-sub.collapsed:after {
    content:"\e080";
}