@charset "UTF-8";
@font-face {
  font-family: 'Aparajita Italic';
  src: url(aparaji.ttf);
}

html, body, div, span, applet, object, iframe,
h1, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

::-moz-selection{
  background-color: #46A2E0;
  color: #fff;
}
.nav-primary {
  border: 3px solid black;

}
@media screen and (max-width: 998px) {
  #s_to_c{
    overflow: auto;
  }
  #m_to_s{
    overflow: auto;
  }

  }
.adv-bullet
{
  border-width: 12px;
  border-style: groove;
  border-color: #46A2E0;
  border-radius: 10px;
}
.ui-autocomplete {
  z-index:9999;
}
.wk_z_index_max
{
  z-index:99999999;
}
.wk_font_size_15
{
  font-size: 15px;
}
::selection{
  background-color: #3693d2;
  color: #fff;
}
.wk_margin_15
{
  margin: 15px;
}
html { line-height: 1; height: 100%; }

ol, ul { list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

html {
  font-family: 'Open Sans';
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.color-blue
{
  color: #46A2E0;
}

.min-width-180
{
  min-width: 180px !important;
}

body { margin: 0 auto; height: 100%; }

h1 {
  font-size: 2.5em;
  margin: 1em 0 0.67em;
}

a:link{
  outline: none;
  text-decoration: none;
}

a:hover{
  color: #3693d2;
  text-decoration: none;
  outline: none;
}

a:visited{
  outline: none;
  text-decoration: none;
}

/* -------header navbar CSS------- */
.navbar-tab a {
  color: #fff !important;
  font-size: 17px !important;
  /*font-weight: 600;*/
  text-transform: capitalize;
  padding: 17px 17px 20px !important;
}

.navbar-tab a, .navbar-tab a:hover, .navbar-tab a:focus
{
  background-color: rgba(0, 0, 0, 0) !important;
}
.navbar-tab a:hover, .navbar-tab a:focus
{
  border-bottom: 3px solid #fff;
  color: #fff !important;
}

.navbar-tab a.active{
  border-bottom: 3px solid #fff;
  font-weight: 600;
}
/* -------header navbar CSS------- */

.txt-left
{
  text-align: left !important;
}
.txt-center{
  text-align: center !important;
}

.scroll-style{
  max-height: 185px;
  overflow-y: auto;
}

*:focus, *:active, *:visited{
  outline: none;
  text-decoration: none;
}

/*select {
  color: #000;
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #000;
}*/

.container{
  height: 100%;
}

body > .container{
  height: auto;
  min-height: 100%;
}

.header-container{
  float: left;
  width: 100%;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
  font-family: 'Open Sans';
  font-weight: 500;
}

.header-xs{
  /*background-color: #46A2E0;*/
  position: fixed;
  border: 0;
  left: 0;
  right: 0;
  top: 0;
  transform: translate3d(0px, 0px, 0px);
  z-index: 1030;
  padding: 0 0 10px;
  color: #FFFFFF;
}

/*.progress-bar{
  background-color: #46A2E0;
}*/

.pointer{
  cursor: pointer !important;
}

.cursor-move{
  cursor: move !important;
}
.pagination{
  margin: 0;
}
.pagination li{
  border-color: #DDDDDD;
}
.pagination li.active a, .pagination li.active a:focus, .pagination li.active a:hover, .pagination li.active a:visited{
  background-color: #F5F5F5;
  color: #777777;
  border-color: #DDDDDD;
}

.mp-row{
  margin-top:30px;
  margin-left: 0;
  width:100%;
}

.mp-disable-text{
  color: #777777;
}

.mp-disable-div{
  background-color: #b6b6b6;
}

.mp-plan-block{
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  min-height: 483px;
}
.mp-plan-block h1{
  font-size: 31px;
  position: relative;
  font-weight: 500;
  /*margin: 0.67em 0 10px;*/
}

.mp-disabled-block{
  background: repeating-linear-gradient(
    135deg,
    #E6E6E6,
    #E6E6E6 10px,
    #FFFFFF 10px,
    #FFFFFF 20px);
}
.min-width-222{
  min-width: 222px;
}

.header-lead{
  font-size: 1.2em;
}

.plan-block-limit{
  border: 1px solid #CCCCCC;
  border-left: none;
  border-right: none;
  font-size: 18px;
  font-weight: 600;
  margin-top: 35px;
  padding: 15px 0;
}
.plan-block-header{
  font-weight: 700;
  font-size: 25px;
  padding: 20px;
  min-height: 65px;
  max-height: 65px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.plan-block-desc .head{
  font-size: 20px;
  padding: 10px;
  font-weight: 600;
}
.plan-block-desc p{
  border-bottom: 1px solid #CCCCCC;
  font-size: 18px;
  line-height: 45px;
}
.strated-block{
  border: 1px solid #CCCCCC;
  padding: 15px 0;
  color: #46a2e0;
  margin: 20px 30px 14px;
  font-size: 1.45em;
}
.plan-block-footer{
  /*border-top: 1px solid #CCCCCC;*/
  min-height: 65px;
  width: 100% !important;
  font-size: 25px;
  font-weight: 600;
  padding: 20px;
}
.plan-block-footer:hover{
  background-color: #46A2E0;
  color: #FFFFFF !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mp-disable-footer{
  color: #b6b6b6;
}
.mp-disable-footer:hover{
  background: none;
  color: #b6b6b6 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mp-control-overflow-small
{
  /*clear: both;*/
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 150px;
  line-height: 18px;
  word-wrap: break-word;
}
.create-block
{
  float: left;
  width: 100%;
}

.mp-control-overflow
{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}

.mp-responsive{
  max-height: 220px;
  overflow: auto;
}

.height-400{
  height: 400px;
  overflow: auto;
}
.mp-no-z-index{
  z-index: 0;
}

.mp-border{
  border: 1px solid #DADADA;
  padding: 5px;
  position: relative;
}

.mp-thumbnail{
  width: 190px;
  height: 200px;
}

.mp-thumbnail-small{
  width: 80px;
  height: 80px;
}

.mp-thumbnail-medium{
  width: 120px;
  height: 120px;
}
.desc_image_div
{
  width: 100px;
}
.close-icon{
  left: 71px;
  position: absolute;
  top: -6px;
  z-index: 5;
}
.close-icon-postion
{
  right: 64px !important;
}

.back-icon{
  background: url(../img/Sliced/Back-hover1.png) -5px 0;
  padding: 4px 12px;
  position: relative;
  z-index: 1;
  /*top: 12px; */
  left: -3px;
}

.editable{
  border: 1px dotted #636363;
  padding: 5px;
}

.warning-div{
  border-left: 6px solid #F4C178;
  line-height: 25px;
  padding-left: 15px;
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: auto;
  border-radius: 0;
}

.text-area{
  /*width: 50%;*/
  min-width: 50%;
  min-height: 100px;
  max-height: 300px;
  max-width: 800px;
}

/*--------------------------SHADOW EFFECT------------------------*/
.shadow-effect
{
    position:relative;
    -webkit-box-shadow:0 3px 40px rgba(70, 162, 224, 0.3), 0 0 40px rgba(70, 162, 224, 0.1);
       -moz-box-shadow:0 3px 40px rgba(70, 162, 224, 0.3), 0 0 40px rgba(70, 162, 224, 0.1);
            box-shadow:0 3px 40px rgba(70, 162, 224, 0.3), 0 0 40px rgba(70, 162, 224, 0.1);
}

/*.shadow-effect:before, .shadow-effect:after
{
  content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(70, 162, 224,0.8);
    -moz-box-shadow:0 0 20px rgba(70, 162, 224,0.8);
    box-shadow:0 0 20px rgba(70, 162, 224,0.8);
    top:0;
    bottom:0;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}*/
/*.shadow-effect:after
{
  right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}*/


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



.mp-dark-gray-color{
  color: #636363;
}

.mp-small-width{
  width: 30%;
}
.mp-margin-right-20{
  margin-right: 20px !important;
}

.mp-margin-left{
  margin-left: 10px !important;
}

.mp-margin-right{
  margin-right: 10px !important;
}

.mp-rmarg-5{
  margin-right: 5px !important;
}

.mp-lmarg-5{
  margin-right: 5px !important;
}

.mp-rmarg-8{
  margin-right: 8px !important;
}

.mp-bmarg-20{
  margin-bottom: 20px;
}

.mp-tmarg-20{
  margin-top: 20px;
}

.mp-no-margin{
  margin: 0 !important;
}

.mp-no-right-margin{
  margin-right: 0;
}

.mp-no-right-padding{
  padding-right: 0 !important;
}

.mp-no-left-padding{
  padding-left: 0 !important;
}

.mp-no-padding{
  padding: 0 !important;
}

.mp-padding{
  padding: 15px;
}

.mp-padding-normal{
  padding: 8px !important;
}

.mp-padding-topbtm-10{
  padding: 10px 0;
}

.mp-padding-topbtm-5{
  padding: 5px 0;
}

.mp-padding-left{
  padding-left: 10px !important;
}

.mp-padding-right{
  padding-right: 10px !important;
}

.mp-pad-top{
  padding-top: 15px !important;
}

.mp-pad-top-10{
  padding-top: 10px !important;
}

.mp-pad-top-5{
  padding-top: 5px !important;
}

.mp-pad-btm{
  padding-bottom: 10px !important;
}

.mp-rpad-5{
  padding-right: 5px !important;
}
.mp-lpad-5{
  padding-left: 5px !important;
}

.mp-lighter-text{
  font-weight: lighter;
  font-size: 1.1em;
}

.mp-small-text{
  font-size: 13px;
}

.mp-fix-width{
  width: 180px;
}

.blue-btn-hover:hover, .blue-btn-hover:active, .blue-btn-hover:visited{
  outline: none;
  color: #46A2E0;
}

.upgrade-plan-xs, .update-app-xs{
  padding: 10px;
  line-height: 20px;
  border-bottom: 4px solid #f4c178;
}

.logout-xs{
  color: #FFFFFF;
  padding-top: 34px;
  background-color: #46A2E0;
}
.logout-xs:hover{
  color: #FFFFFF;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.mp-color-white{
  color: #FFFFFF !important;
}

.mp-full-width{
  width: 100% !important;
}

#sa_info_btn{
  border: 1px solid #46a2e0;
  background: transparent;
}

#sa_info_btn:hover, #sa_info_btn:focus, #sa_info_btn:active{
  border: 1px solid #FFFFFF;
  background: transparent;
}

#sa_log_out:hover{
  background-color: rgba(191,16,16,0.9);
  color: #FFFFFF;
}

#logout-btn{
  border: 1px solid #fff;
  border-radius: 4px;
  display: block;
  font-size: 15px;
  padding: 10px 15px;
  text-align: center;
  width: auto;
  color: #fff;
  font-weight: 600;
  margin: 10px 0;
  background: transparent;
}
#logout-btn:hover{
  border: 1px solid #fff;
  background-color: #fff;
}

#active_btn, #inactive_btn{
  border: 1px solid #FFFFFF;
  padding: 1px;
}

#active_btn:hover, #inactive_btn:hover{
	border: 1px solid #e6e6e6;
	position:relative;
    -webkit-box-shadow:0 2px 2px rgba(70, 162, 224, 0.1), 0 0 2px rgba(70, 162, 224, 0.1);
       -moz-box-shadow:0 2px 2px rgba(70, 162, 224, 0.1), 0 0 2px rgba(70, 162, 224, 0.1);
            box-shadow:0 2px 2px rgba(70, 162, 224, 0.1), 0 0 2px rgba(70, 162, 224, 0.1);
}

header{
  z-index: 1;
  position: relative;
  background: #46A2E0;
  /*padding-bottom: 10px;*/
  padding-top: 10px;
  color: white;
  max-height: 90px;
  min-height: 70px;
}

/* ========== jquery autocomplete style ================= */
ul.ui-autocomplete          /* class of jquery autocomplete */
{
	max-height: 130px;
	overflow-x: hidden;
	overflow-y:auto;
	background-image: none !important;
	background-color: #fff !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 0;
	box-shadow: 0 3px 6px 0 #ddd;
	font-family: 'Open Sans' !important;
}

ul.ui-autocomplete > li
{
  font-size: 14px;
  background-image: none !important;
  border: none !important;
  padding: 5px !important;
  font-family: 'Open Sans' !important;
  margin: 0px !important;
}

ul.ui-autocomplete > li:hover,ul.ui-autocomplete > li:focus,ul.ui-autocomplete > li:active
{
  color: #252525 !important;
  margin: 0px !important;
  background-image: none !important;
  background-color: #d9edf7 !important;
  border: none !important;
}

ul.ui-autocomplete li input.ui-autocomplete-input{
	background: none;
	background-color: none;
}
/* ========== jquery autocomplete style ================= */

header .row{
  position: relative;
}

.header_logo{
  position: relative;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  /*color: white;*/
  padding: 5px 0;
}

.header_logo a, .header_logo a:active, .header_logo a:visited{
  font-size: 2.5em;
  color: #FFFFFF;
  text-decoration: none;
}

.header_logo_xs{
  font-size: 24px;
  padding: 0 5px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  margin: 10px 0 0;
  color: #FFFFFF;
  font-family: 'Open Sans';
}
.header_logo_xs a, .header_logo_xs a:active, .header_logo_xs a:visited{
  color: #FFFFFF;
  text-decoration: none;
}

.model_content_wrapper
{
  width: 340px;
  margin:0px auto;
}

.row{
  margin-left: -15px;
  margin-right: -15px;
}

.mp-theme-color{
  color: #46a2e0 !important;
}

.mp-theme-background{
  background-color: #46a2e0 !important;
}

.mp-theme-border{
  border-color: #46a2e0 !important;
}

.mp-form-bg-color{
  background-color: #e4f2ff;
}

.mp-theme-header{
  /*background-color: #46A2E0;*/
  color: #FFFFFF;
  font-weight: 600;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.mp-theme-header button:hover{
  color: #FFFFFF;
  text-shadow: none;
  opacity: 1;
  cursor: pointer;
}

.wk-margin{
  margin-bottom: 5px !important;
}

.mp-margin{
  margin-bottom: 30px !important;
}

.mp-margin-top{
  margin-top: 25px !important;
}

.mp-marg-top-5{
  margin-top: 5px !important;
}

.extra-margin-top{
  margin-top: 50px !important;
}

.mp-margin-bottom-10{
  margin-bottom: 10px !important;
}

.mp-margin-lr-15{
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.margin-topbtm-10
{
  margin-top:10px !important;
  margin-bottom: 10px !important;
}
.margin-top-10
{
  margin-top: 10px !important;
}

.margin-right-3{

  margin-right: 3px !important;
}

.padding-15
{
  padding: 15px !important;
}

.padding-left-15
{
  padding-left: 15px !important;
  font-weight: 600 !important;
}

.padding-lr-10
{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.mp-modal-body{
  line-height: 25px !important;
}

.wrapper{
  min-height: 100%;
  position: relative;
  height: auto !important;
  padding-bottom: 55px;
}

.add-btn{
  border-radius: 5px;
  background-color: #636363;
  padding: 10px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
}
.add-btn a{
  color: #FFFFFF;
}
.add-btn:hover, .add-btn:focus, .add-btn:active {
  background-color: #494949;
  color: #FFFFFF;
}
/*.add-product-btn .add-product-icon{
  background: url(../img/Sliced/Add-Product-Button.png);
  position: relative;
  background-repeat: no-repeat;
  padding: 20px 91px;
}*/

.add-product-btn-xs{
  background-color: #636363;
  text-align: center;
  margin: 20px 0 0;
  padding: 17px 10px;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 600;
}
.add-product-btn-xs:hover{
  background-color: #494949;
  /*color: #FFFFFF;*/
}

.chatboard-btn-xs{
  background-color: #34495E;
  text-align: center;
  /*margin: 20px 0 0;*/
  padding: 17px 10px;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 600;
}
.chatboard-btn-xs:hover{
  background-color: #34495E;
  /*color: #FFFFFF;*/
}

.btn_diff
{
  background-color: #46A2E0 !important;
  margin: 0px !important;
}

.menu-xs{
  border: 0;
  left: 0;
  position: fixed;
  right: 0;
  transform: translate3d(0px, 0px, 0px);
  z-index: 1030;
  top:0;
}
.menu-xs-header{
  /*background-color: #46A2E0;*/
  padding: 0 5px;
  min-height: 50px;
}

.menu-xs-list li > a{
  line-height: 12px;
}

.menu-md li{
  padding: 15px 20px;
}

.menu{
  margin: 0;
  max-height: 50em;
  overflow: auto;
  border-bottom: 1px solid #ddd;
  /*width: 340px;*/
  /*float: left;*/
}
.menu>a:first-child, .menu>a:last-child{
	border-radius: 0;
}
.menu-li-padding{
  padding: 12px 0 12px 34px;
}
.menu li{
  border: 1px solid #b6b6b6;
  /*border-top: none;*/
  position: relative;
  font-size: 13px;
  z-index: 1;
}
.menu a{
  color: #333333;
  text-decoration: none;
  font-size: 13px;
  z-index: 100;
  border-right: none;
}

.side-menu-head{
  border-radius: 0 !important;
  border: none;
  color: #FFFFFF !important;
  font-size: 1.5em;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: inherit;
  font-weight: 600;
}

.side-menu-head:hover{
  color: #FFFFFF !important;
  text-decoration: none;
}

.menu .tab-active{
  text-decoration: none;
  border-left: 3px solid;
  border-right: 1px solid #FFFFFF;
  /*color: #46a2e0;*/
  font-weight: bold;
  box-shadow: 2px 0 0 0 #FFFFFF;
}

.menu .tab-active .icon-bg{
  background-position: 0 33px;
}
.menu a>li:hover{
  background-color: #F2F7FA;
}

.tab-glyphicon{
  font-size: 1.24em !important;
}

/*.hidden-div{
  padding: 132px 1px;
  position: absolute;
  left: -1px;
  border-left: 1px solid #FFFFFF;
}*/

#shipping_details, #deliver_date_row, .edit-mail, .digital-form, .new_option_name, .name-search-box, .searched-value{
  display: none;
}

.sub-container{
  position: relative;
  border: 1px solid #dddddd;
  margin-bottom: 50px;
  padding: 0 28px 50px;
  min-height: 54em;
  box-shadow: 4px 5px 5px -2px #dddddd;
  /*left: -51px;*/
  /*width: 50em;*/
}

.sub-container-title{
  padding: 10px 15px 0;
}

.sub-container h1, .main_heading{
  padding: 12px 0 10px;
  margin: 10px 0;
  font-size: 1.8em;
  font-weight: 600;
  border-bottom: 2px solid;
  /*-moz-border-image:url('../img/Sliced/Dashboard-line.png') 0 0 10 0 repeat;
  -webkit-border-image:url('../img/Sliced/Dashboard-line.png') 0 0 10 0 repeat;
  border-image: url('../img/Sliced/Dashboard-line.png') 0 0 10 0 repeat;*/
}

.sub-container h2{
  padding: 15px 0 5px;
  margin: 0;
  font-size: 1.21em;
  font-weight: 600;
}

.sub-container h2 button{
  font-size: 16px;
}

.sub-container h3{
  padding: 12px 0;
  margin: 0;
  font-size: 1.15em;
  font-weight: 600;
}

.wc-sub-con
{
  min-height: 0 !important;
  border-radius:10px !important;
}
.wc-p
{
  line-height: normal !important;
}
.wc-a
{
  background-color: #46A2E0 !important;
  color: #FFFFFF !important;
  margin-top: 20px !important;
}

/*.desc-list li{
  margin-bottom: 25px;
  font-size: 1.1em;
  font-weight: lighter;
}*/

.about{
  padding: 8px 0 30px;
  font-size: 1.1em;
  line-height: 30px;
  /*font-weight: 300;*/
}
#text-header{
  line-height: 40px;
}

.recent-order{
  border: 1px solid #CCCCCC;
  padding: 0 10px;
  position: relative;
}

hr{
  margin-top: 5px;
  margin-bottom: 20px;
  border-color: #EEEEEE;
}

hr.dark{
  border-color: #CCCCCC;
}

.b-heading{
  /*margin-left: 15px;*/
  padding: 25px 15px 0;
  font-size: 1em;
  font-weight: 600;
  position: relative;
}
.heading{
  margin-left: 15px;
  padding: 15px 25px 8px;
  font-size: 1em;
  font-weight: 600;
}

.heading-link{  padding: 21px 15px 0 0;  float: right; }
.heading-link a{
  text-decoration: underline;
  font-weight: normal;
  font-size: 0.9em;
}

.ts-heading-link a{
  float: right;
  text-decoration: underline;
  font-weight: normal;
  font-size: 0.9em;
  position: absolute;
  right: 10px;
  top: 27px;
}

.mp-table{
  /*border: 1px solid #DADADA;*/
  /*margin-top: 20px;*/
  margin-bottom: 30px;
  overflow-x: auto;
  overflow-y: auto;
  /*overflow-x: auto;
  overflow-y: visible;
  -ms-overflow-y: hidden;*/
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  padding-left: 15px;
  padding-right: 15px;
}
.mp-table th{
  border-width: 0 0 2px 0;
  color: #252525;
  font-size: 15px;
  font-weight: 600;
  padding: 13px 8px !important;
  vertical-align: text-top;
}

.mp-table td{
  font-size: 15px;
  font-weight: 400;
  padding: 10px 8px !important;
}

.mp-table th.mp-no-left-padding, .mp-table td.mp-no-left-padding{
  padding-left: 0 !important;
}

.details_table{
  border: none;
  margin-bottom: 20px;
  width: 100%;
}
.details_table th{
  font-size: 1.05em;
  font-weight: normal;
  text-decoration: none;
  padding: 10px 20px 10px 0;
}
.details_table td{
  font-size: 14px;
  font-weight: lighter;
}

.product-desc, .mp-desc{
  margin-bottom: 20px;
  width: 100%;
}
.product-desc label, .mp-desc label{
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  padding: 0 0 25px 0;
}
.product-desc p{
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 10px;
}
.product-desc p.text-lg, .mp-desc p.text-lg{
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 10px;
  color: #333333;
}

/*.arrow{
  top: -36px;
  padding-right: 10px;
}*/

.total-sale{
  border: 1px solid #CCCCCC;
  position: relative;
}

.padding-right
{
  padding-right: 0px !important;
}
/*.total-sale hr{
  margin: 0;
  margin-bottom: 15px;
  border-color: #CCCCCC;
}*/

.sort-by{
  margin: 10px 0 0;
}
.sort-by-label, .search-by-label{
  /*padding: 0 5px;*/
  font-weight: normal;
  position: relative;
  font-size: 14px;
  vertical-align: sub;
  /*bottom: -8px;*/
  /*right: -15px;*/
}

/*
#sort-by-dropdown{
  padding: 2px 10px 1px;
  font-weight: normal;
  position: relative;
  text-align: left;
  font-size: 12px;
  text-decoration: none;
  border: 1px solid #CCCCCC;
  border-radius: 0;
  background-color: #FFFFFF;
  width: 150px;
}
#sort-by-list{
  left: 100px;
}*/

/*.mp-caret, .drop_down .mp-caret{
  background: url(../img/Sliced/d.png) 120px -1px;
  background-repeat: no-repeat;
  z-index: 1000;
}*/
.sort-by-menu, .search-by-menu{
  display: none;
  position: absolute;
  z-index: 1000;
  border: 1px solid #b6b6b6;
  top: 27px;
  right: 15px;
  background-color: white;
  font-size: 14px;
  text-align: left;
  padding: 5px;
  box-shadow: 2px 2px 2px #b6b6b6;
}
.sort-by-menu .menuitem, .search-by-menu .menuitem{
  padding: 5px 10px;
}
.sort-by-btn, .search-by-btn{
  border: 1px solid #b6b6b6;
  position: relative;
  bottom: -8px;
  margin-left: 5px;
  /*box-shadow: 0 0 5px 1px #b6b6b6;*/
}
.sort-by-btn #sort_by_selected, .search-by-btn #search_by_selected{
  font-size: 14px;
  color: #000000;
  /*margin-right: 15px;*/
  padding: 0 10px;
}
.menuitem:hover{
  background-color: #e6e6e6;
}
.mp-caret, .mp-search-caret{
  border: 5px solid #333333;
  /*border-style: solid;
  border-width: 4px 4px 0;*/
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  height: 0;
  margin-left: -15px;
  margin-right: 5px;
  position: relative;
  /*top: 50%;*/
  bottom: -16px;
  right: 2px;
}
.drop_down:hover{
  background-position: 120px -34px;
}

.drop_down{
  /*min-width: 100px;*/
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  font-size: 12px;
  margin-left: 5px;
}
/*.search-by select, .sort-by select{
  padding: 5px 2px;
  background-color: white;
  -moz-appearance: none;
  -webkit-appearance:none;
  text-indent: 1px;
  text-overflow: '';
}*/
/*.search-by span{
  font-size: 14px;
  position: relative;
  bottom: -8px;
}*/

#customized_icon{
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 40px;
  z-index: 1;
  text-align: center;
}

#left_column{
  /*padding-left: 100px;*/
}
#left_column li{
  font-size: 1.43em;
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 15px;
  margin: 10px 0;
  line-height: 30px;
}

#feature_list td{
  font-size: 1.43em;
  /*padding-left: 15%;*/
  padding-top: 10px;
  padding-bottom: 15px;
  margin: 10px 0;
  line-height: 30px;
}

#left_column a{ text-decoration: none;}

#right_column{
  /*padding-top: 70px;*/
}

#tnc{
  font-size: 14px;
  padding-top: 14px;
}

#form-column{
  padding: 50px 0 100px;
  margin-top: 30px;
}
/*#submit-btn{
  width:100px;

}*/
#signup-btn{
  margin: 0 55px;
  width: 75%;
}

#prod-form-btn{
  padding: 15px 0;
  /*margin-top: 20px;*/
  margin-left: 10px;
}
/*.prime-btn{
  border: 1px solid;
  border-radius: 4px;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 15px;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
}*/

.upload-btn, .dl-upload-btn{
  border: none;
  /*border-bottom: 2px solid #ddd;*/
  border-radius: 2px;
  background-color: #F6AC37;
  color: #FFFFFF;
  width: auto;
  padding: 10px;
  /*position: absolute;
  z-index: 100;*/
}
.upload-btn:hover, .dl-upload-btn:hover{
  /*border-bottom: 2px solid #ccc;*/
  box-shadow: 0 1px 2px 1px #ccc;
  /*text-shadow:;*/
}

.upload-btn-width
{
  width:140px !important;
}
.wk-btn, .prime-btn{
  border: 2px solid;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 15px;
  text-align: center;
  width: 100%;
  float:right;
  color: #fff;
}

.wk-btn-thin{
  border: 1px solid;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 7px 10px;
  text-align: center;
  width: 100%;
}

.wk-btn-small{
  border: 1px solid;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 15px;
  text-align: center;
  width: 40%;
}

.wk-btn-small-thin{
  border: 1px solid;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 7px 10px;
  text-align: center;
  width: 100%;
}

.mp-btn-disabled{
  border: 2px solid #b6b6b6;
  color: #fff;
  border-radius: 2px;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  text-align: center;
  width: 100%;
  background-color: #b6b6b6;
  cursor: not-allowed;
}
.mp-btn-disabled:hover, .mp-btn-disabled:active, .mp-btn-disabled:focus, .mp-btn-disabled-thin:hover{
  background-color: #b6b6b6;
  color: #fff;
}

.mp-btn-disabled-thin{
  border: 1px solid #b6b6b6;
  color: #b6b6b6;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 7px 10px;
  text-align: center;
  width: 100%;
  /*background: transparent;*/
}

#left_column a:hover, .wk-btn:hover,.wk-btn-thin:hover, .wk-btn-small:hover, .wk-btn-small-thin:hover{
  /*background-color: #46A2E0;*/
  color: white;
}

#signup-data{
  padding: 0 50px;
}

.icon-div{
  background: #fff;
  border: 2px solid;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  text-align: center;
  top: 50px;
}
.icon-div.login{
  left: 40%;
  padding: 13px 20px;
}
.icon-div.signup{
  left: 44%;
  padding: 12px 17px;
}

.wk-spencers-icon{
    background: url(../img/Sliced/icon/spencers-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.wk-cart-icon{
    background: url(../img/Sliced/icon/cart-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.wk-people-icon{
    background: url(../img/Sliced/icon/people-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.wk-email-icon{
  background: url(../img/Sliced/icon/email-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.wk-lock-icon{
  background: url(../img/Sliced/icon/password-lock-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.wk-cpassword-icon{
  background: url(../img/Sliced/icon/cpassword-key-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.wk-person-icon{
  background: url(../img/Sliced/icon/person-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.wk-store-icon{
  background: url(../img/Sliced/icon/store-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.wk-userlogin-icon{
  background: url(../img/Sliced/login.png);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 42px;
  z-index: 1;
  padding: 37px 48px;
  border: 2px solid;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.wk-createaccount-icon{
  background: url(../img/Sliced/create-account.png);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 42px;
  z-index: 1;
  padding: 42px 53px;
  border: 2px solid;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.marketplace-icon{
  background: url(../img/Sliced/marketplace.png);
  position: absolute;
  background-repeat: no-repeat;
  padding: 17px;
  left: 32px;
  top: 10px;
}

/*....................menu icons css starts...........................*/
.menu-icon-setting{
  position: absolute;
  background-repeat: no-repeat;
  padding: 15.5px 15px;
  left: 32px;
  top: 8px;
}

.menu-icon-setting-md{
  position: absolute;
  background-repeat: no-repeat;
  padding: 15.5px 15px;
  left: 20px;
  top: 5px;
}

.dashboard-icon{
  background: url(../img/Sliced/n.png) 0 0;
}

.product-icon{
  background: url(../img/Sliced/y.png) 0 0;
}

.product-list-icon{
  background: url(../img/Sliced/o.png) 0 0;
}

.order-icon{
  background: url(../img/Sliced/v.png) 0 0;
}

.fulfillment-icon{
  background: url(../img/Sliced/fulfillment.png) 0 0;
}

.seller-icon{
  background: url(../img/Sliced/seller1.png) 0 0;
}

.msp-icon{
  background: url(../img/Sliced/MSP.png) 0 0;
}

.payment-method-icon{
  background: url(../img/Sliced/PM.png) 0 0;
}

.seller-pm-icon{
  background: url(../img/Sliced/SPM.png) 0 0;
}

.configuration-icon{
  background: url(../img/Sliced/Configuration.png) 0 0;
}

.commission-icon{
  background: url(../img/Sliced/Commision.png) 0 0;
}

.commission-setting-icon{
  background: url(../img/Sliced/Commision-Settings.png) 0 0;
}

.myaccount-icon{
  background: url(../img/Sliced/t.png) 0 0;
}

.payment-detail-icon{
  background: url(../img/Sliced/PD.png) 0 0;
}

.payment-receive-icon{
  background: url(../img/Sliced/Receive-payment.png) 0 0;
}

.smart-collection-icon{
  background: url(../img/Sliced/Collettion-Icon.png) 0 0;
}

.mail-config-icon{
  background: url(../img/Sliced/mail-conf.png) 0 0;
}

.upgrade-plan-icon{
  background: url(../img/Sliced/Upgrade-Icon.png) 0 0;
}

.customize-icon{
  background: url(../img/Sliced/Customize-Icon.png) 0 0;
}
/*....................................menu icons css ends...........................................*/

.recent-order-icon{
  background: url(../img/Sliced/Recent-order.png);
  background-position: left center;
  background-repeat: no-repeat;
  top: 7px;
}

.total-sale-icon{
  background: url(../img/Sliced/sale.png);
  background-position: left center;
  background-repeat: no-repeat;
  top: 7px;
}

/*.product-list-icon{
  background: url(../img/Sliced/.png);
  background-position: left center;
  background-repeat: no-repeat;
}*/

.action-icon{
  padding: 0 0 0 20px;
  position: relative;
}
.admin-action-icon{
  padding: 0 0 0 20px;
  position: relative;
}
.gg-icon{
  background: url(../img/Sliced/gg.png) -6px -5px;
  padding: 0 9px;
  position: relative;
  left: 0;
  /*top: -8px;*/
}
.rr-icon{
  background: url(../img/Sliced/rr.png) -6px -6px;
  padding: 0 9px;
  position: relative;
  /*top: -9px;*/
  right: 0;
}
.gg-icon:hover, .rr-icon:hover{
  background-position: -6px 27px;
}
.link-icon{
  background: url(../img/Sliced/a.png) -6px -6px;
  padding: 0 9px;
  position: relative;
  /*top: -9px;*/
  right: 0;
}
/*#product_desc{
  position: absolute;
  right: 5px;
  top: 9px;
}*/

.add-prod-form{
  margin: 20px 0;
}
.mp-form label{
  font-size: 1.17em;
  font-weight: lighter;
  margin-bottom: 7px;
}

.category{
font-size: 14px;
position: relative;
font-weight: normal;
word-wrap: break-word;
}

.cat_title{ width: 20% }

/*.caret-right {
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    border-left: 7px solid;
    display: inline-block;
    height: 0;
    opacity: 1;
    vertical-align: top;
    width: 0;
    position: relative;
    left: 5px;
    top: 6px;
}*/

.wk-login-form{
  /*width: 67%;*/
  margin: 0 auto;
  border: 1px solid #b6b6b6;
  /*background-color: #e4f2ff;*/
  padding: 50px 30px 20px;
  line-height: 23px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 5px -2px #b6b6b6;
  -moz-box-shadow: 0 5px 5px -2px #b6b6b6;
  box-shadow: 0 5px 5px -2px #b6b6b6;
}

.wk-login-form h4{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 12px;
}

.wk-login-form p{
  margin-bottom: 15px;
}

.wk-login-form label{
  margin-bottom: 8px;
}

.wk-signup-form{
  /*width: 67%;*/
  margin: 0 auto;
  border: 1px solid #b6b6b6;
  /*background-color: #e4f2ff;*/
  padding: 65px 0 30px;
  line-height: 23px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 5px -2px #b6b6b6;
  -moz-box-shadow: 0 5px 5px -2px #b6b6b6;
  box-shadow: 0 5px 5px -2px #b6b6b6;
}
.wk-signup-form h4{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 12px;
}

.wk-signup-form p{
  margin-bottom: 15px;
}

.wk-signup-form label{
  margin-bottom: 8px;
}

.wk-form-help{
  float: left;
  width: 100% !important;
  margin-bottom: 15px;
}
.wk-form-help .wk-forgot-help a{
  float: left;
  width: 55%;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
}

.wk-forgot-help a:hover{
  color: #46a2e0;
  text-decoration: none;
}

.wk-required-help{
  float: right;
  font-size: 12px;
  color: red;
}
.wk-form-reg{
  width: 100% !important;
  margin-top: 10px;
}
.wk-form-reg .wk-reg-link{
  float: right;
  font-size: 14px;
  text-decoration: underline;
  line-height: 24px;
}

.wk-notice{
  font-size: 14px;
}
/*.notice{
  display: none;
  padding: 15px;
  height: 50px;
  margin-top: -150px;
  width: 100%;
  margin-left: 1em;
  cursor: pointer;
  position: relative;
  border-radius: 0;
  opacity: 10%;
  bottom: -10px;
}*/

.wk-review{
  margin: 70px 55px 100px 35px;
  padding: 12px 50px 65px;
  border: 10px solid transparent;
  -moz-border-image:url('../img/Sliced/login-border-line.png') 10 0 10 0 repeat;
  -webkit-border-image:url('../img/Sliced/login-border-line.png') 10 0 10 0 repeat;
  border-image: url('../img/Sliced/login-border-line.png') 10 0 10 0 repeat;
  position: relative;
}

.wk-review h1{
  font-size: 35px;
  margin: 14px;
}

.wk-open-quote{
  background: url(../img/Sliced/e.png);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  left: 0;
  padding: 21.5px 22.5px;
}
.wk-open-quote-posy-lg{
  top: 90px;
}
.wk-open-quote-posy-md{
  top: 112px;
}

.wk-close-quote{
  background: url(../img/Sliced/f.png);
  background-position: right;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  right: 0;
  padding: 21.5px 22.5px;
}
.wk-close-quote-posy-lg{
  top: 176px;
}
.wk-close-quote-posy-md{
  top: 230px;
}

.gray-text{
  color: #b6b6b6;
  font-size: 24px;
  margin-bottom: 25px;
}

#comment{
  font-size: 18px;
  line-height: 30px;
}

.error-data, #error, .popup-error{
  float:left;
  display: none;
  color: red;
  font-size: 13px;
  margin-bottom: 10px;
}
.notice{
  z-index: 600;
  display: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.88);
  color: #FFFFFF;
  position: fixed;
  bottom: 0;
  height: 80px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  padding-top: 15px;
}

.mp-error{
  z-index: 600;
  display: none;
  width: 100%;
  background-color: rgba(191,16,16,0.9);
  color: #FFFFFF;
  position: fixed;
  bottom: 0;
  height: 80px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  padding-top: 15px;
}
.mp-nav-error {
    display: block;
    width: 100%;
    background-color: rgba(191,16,16,0.9);
    color: #FFFFFF;
    font-size: 1.4em;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 32px;
    position: fixed;
    bottom: 0px;
    z-index: 600;
}

.mp-error button{
  position: relative;
  top: 5px;
  right: 30px;
  font-size: 42px;
}
.mp-error button:hover{
  color: #FFFFFF;
  text-shadow: none;
  opacity: 1;
  cursor: pointer;
}

.mp-error-mini{
  z-index: 600;
  display: none;
  width: 99.8%;
  background-color: rgba(191,16,16,0.87);
  color: #FFFFFF;
  position: fixed;
  bottom: 65px;
  height: 40px;
  /* line-height: 50px; */
  /* font-size: 1.4em; */
  text-align: center;
  padding-top: 12px;
}

.err-msg{
  display: none;
  width: 100%;
}

.footer {
  /*box-shadow: 0 -2px 5px 1px #b6b6b6;*/
  padding-top: 30px;
  width: 100%;
  position: relative;
  float: left;
  height: 70px;
  /*margin-top: -55px;*/
  bottom: 0;
  left: 0;
  z-index: 10;
  border-top: 2px solid;
}

.footer-text{
  padding: 0;
  font-size: 0.85em;
  /*-webkit-filter: invert(100%);
  filter: invert(100%);*/
}

.footer-text a, .footer-text a:hover{
  color:#46a2e0;
  /*-webkit-filter: invert(100%);
  filter: invert(100%);*/
  font-weight: 600;
  text-decoration: none;
}

.wk-social-icon{
  padding: 0;
}

.mp-social-btn{
  margin: 0 5px;
  /*box-shadow: 0 2px 5px 2px;*/
}
.fb-social-icon{
  padding: 5px 16px;
  background: url(../img/IconSlices/icons-social.png) 0 0;

}
.twitter-social-icon{
  padding: 5px 16px;
  background: url(../img/IconSlices/icons-social.png) -32px 0;

}
.google-social-icon{
  padding: 5px 16px;
  background: url(../img/IconSlices/icons-social.png) -64px 0;

}
.in-social-icon{
  padding: 5px 16px;
  background: url(../img/IconSlices/icons-social.png) 32px 0;

}
.blog-social-icon{
  padding: 5px 16px;
  background: url(../img/Sliced/icon/icon-social-blog.png1.png) 0 0;

}

.fb-social-icon:hover,
.twitter-social-icon:hover,
.google-social-icon:hover,
.in-social-icon:hover,
.blog-social-icon:hover
{
  padding: 3px 16px;
}

.fb-social-icon:hover{
  background-position: 0 28px;
}
.twitter-social-icon:hover{
  background-position: -32px 28px;
}
.google-social-icon:hover{
  background-position: -64px 28px;
}
.in-social-icon:hover{
  background-position: 32px 28px;
}
/*.blog-social-icon:hover{
  background-position: 0 28px;
}*/

#copyright {  font-size: 14px;  }

.childDiv
{
  width:100%;
  margin-top: 5px;
}
#otherimages
{
  width:100%;
}

.remove-option{
  left: 8px;
  position: relative;
  top: -16px;
}
.remove-option:hover{
  color: #5EB6F0;
}

.variant_img{
  border: 2px solid #fff;
  border-radius: 2px;
}
.variant_img:hover{
  border: 2px solid #ccc;
  border-radius: 2px;
}

.is_active{
  border: 2px solid;
  border-radius: 2px;
}
.is_active:hover{
  border: 2px solid;
  border-radius: 2px;
}

#variant_img_list li{
  display: inline-block;
  list-style-type: none;
  margin: 0 20px 20px 0;
}

.td-content-align
{
  text-align: center !important;
  vertical-align: middle !important;
}

/* ----FAQ Style---- */
.faq_dlt_title
{
  font-size: 17px;
  font-weight: 600;
  color: #428BCA;
}
.faq_dlt_content
{
  padding-top: 5px;
  line-height: 25px;
  margin-left: 18px;
  text-align: justify;
  word-wrap: break-word;
}
.faq_dlt_li
{
  margin-bottom: 6px;
  padding: 20px 0 0;
  list-style: disc inside none;
}

.scrollToTop
{
  display:none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(../img/Sliced/icon/arrow.png);
  background-color: #FF9800;
  background-repeat:  no-repeat ;
  background-position: center top;
  position: fixed;
  bottom: 100px;
  right: 34px;
  text-decoration: none;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
}
.scrollToTop:hover{
  background-color: #03A9F4;
  background-position: center bottom;
}
/* ----FAQ Style---- */
.clear-both
{
  clear: both;
}

/* ----Terms And Conditions Style---- */
.dis_tc_form
{
  display: none;
}
.tc_content
{
  line-height: 20px;
  padding: 10px 10px 10px 25px;
  margin-bottom: 15px;
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.tc_content ol
{
  list-style: disc outside none;
}
.tc_content li
{
  margin-bottom: 10px;
  text-align: justify;
  text-transform: capitalize;
  font-size: 14px;
}
/* ----Terms And Conditions Style---- */

.margin-right-10
{
  margin-right: 10px !important;
}

/*---------------------scroll style for menu-xs----------------------*/
/*won't work in firefox*/
.menu-xs-list::-webkit-scrollbar, .menu::-webkit-scrollbar {
    width: 6px;
    border: none;
    background: transparent;
}

.menu-xs-list::-webkit-scrollbar-track, .menu::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.menu-xs-list::-webkit-scrollbar-thumb, .menu::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.35);
  border-radius: 8px;
  /*opacity: 0.1;*/
  outline: 0;
}
/*---------------------------------------------------------------------*/

.mp-breadcrumb{
  margin-bottom: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.contact-sub-container{
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  box-shadow: 4px 5px 5px -2px #DDDDDD;
  margin-bottom: 50px;
  min-height: 30em;
  padding: 25px 28px 50px;
  position: relative;
}

.contact-sub-container h1{
  color: #333333;
  font-size: 30px;
  font-weight: 600;
  margin: 30px 0 12px;
  /*padding: 10px 0;*/
}

.head-text{
  font-size: 18px;
  color: #333333;
  padding: 5px 0 15px;
}

.head-btm-line{
  border-bottom: 2px solid #46A2E0;
  left: 45%;
  /*padding-top: 5px;*/
  position: relative;
  width: 10%;
}

.contact-sub-container form{
  padding: 0 25px;
}

.contact-sub-container input::-webkit-input-placeholder, .contact-sub-container textarea::-webkit-input-placeholder {
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.contact-sub-container input:-moz-placeholder, .contact-sub-container textarea:-moz-placeholder { /* Firefox 18- */
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.contact-sub-container input::-moz-placeholder, .contact-sub-container textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.contact-sub-container input:-ms-input-placeholder, .contact-sub-container textarea:-ms-input-placeholder {
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.contact-sub-container form button{
  background-color: #46A2E0;
  border-color: #46A2E0;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  padding: 7px 25px;
}

/*.sub-container a.btn-primary{
  font-size: 15px;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 22px;
}

.sub-container a.btn-primary:hover{
  background-color: #3071A9 !important;
}*/

.popover-content{
  font-size: 13px;
  line-height: 20px;
  color: #5D5D5D;
}

.info-btn{
  font-size: 12px;
  color: #F48C62;
}

/*.info-btn:hover, .info-btn:active, .info-btn:visited{
  border-radius: 50%;
  border: 2px solid #b6b6b6;
}*/

.view-mail{
  border-top: none;
}

.mail_tabs > li.active > a{
  border-color: #46A2E0 !important;
  background-color: #46A2E0 !important;
  color: #FFFFFF !important;
}

.lg-sz-wt{
  font-size: 18px;
  font-weight: 500;
}

.mp-semibold{
  font-weight: 600 !important;
}

.mp-bold{
  font-weight: 700 !important;
}

.wth-6{
  width: 6% !important;
}

/*.wth-5{
  width: 5% !important;
}*/

.mp-cursor-default{
  cursor: default !important;
}

.note-list{
  list-style: outside !important;
}

.variant_add_img:hover{
  border: 1px solid #b6b6b6;
}

/*====================TAGIT CSS==============================*/
ul.tagit{
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
}

ul.tagit li input, ul.tagit li input:focus{
	/*border-color: #66afe9;*/
	background: none;
	background-color: none;
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;*/
}

ul.tagit li.tagit-choice{
	border-radius: 0;
}
/*====================TAGIT CSS==============================*/

.mp-20-wdth{
  width: 20% !important;
}
.mp-7-pad-side{
  padding: 0 7px !important;
}

.fa-sm{
  font-size: 0.8em !important;
}

.fa-md{
  font-size: 1.5em !important;
}

/*----Session Expire CSS------*/
.shopify-marketplace-extension-logo{
  background-image:url('../img/shopify-marketplace-extension-logo-lg.png');
  display: block;
  width: 334px;
  height: 62px;
}

.se-div{
  background-color: #F2F2F2 !important;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  box-shadow: 4px 5px 5px -2px #dddddd;
  padding: 20px 90px !important;
  color: #252525 !important;
  margin: 70px 0;
}

.se-div h1{
  font-size: 42px !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
  margin-left: -70px;
  margin-top: 15px !important;
  padding: 10px 70px;
}

.se-div .sub-head{
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}

.se-div .shop-div{
  margin: 20px 0 !important;
}
.se-div .shop-div p{
  font-size: 18px;
  font-weight: 400;
}

.se-div .input-group-btn button{
  border: none;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 18px;
}

.se-div input::-webkit-input-placeholder, .contact-sub-container textarea::-webkit-input-placeholder {
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.se-div input:-moz-placeholder, .contact-sub-container textarea:-moz-placeholder { /* Firefox 18- */
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.se-div input::-moz-placeholder, .contact-sub-container textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.se-div input:-ms-input-placeholder, .contact-sub-container textarea:-ms-input-placeholder {
  color: #CCCCCC !important;
  font-size: 18px !important;
}

.se-div .hlp-txt{
  font-size: 17px !important;
  font-weight: 400;
}

.icon-clock{
  background: url(../img/icon-clock.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.se-div .list-head{
  font-weight: 600 !important;
  font-size: 17px !important;
}

.se-div .list p{
  font-weight: 400;
  font-size: 17px !important;
  line-height: 25px !important;
}
/*----Session Expire CSS------*/


.admin-sms-gateway-setting-btn .fa-cog, .admin-sms-setting-btn .fa-cog, .admin-comm-set-btn .fa-cog, .admin-seller-pm-btn .fa-credit-card, .admin-manage-sp-btn .fa-exchange, .admin-mail-config-btn .fa-cog, .admin-ask-a-question-config-btn .fa-cog, .admin-ask-a-question-btn .fa-inbox{
  position: relative;
  left: 8px;
  bottom: -5px;
}
.admin-global-product-btn .fa-tags{
  position: relative;
  left: 10px;
  bottom: -6px;
}
.shipp-config-btn .fa-cog{
  position: absolute;
  top: -6px;
  left: 7px;
}

.admin-chat-set-btn .fa-cog{
  position: absolute;
  top: -6px;
  left: 7px;
}

.admin-chat-pm-btn .fa-credit-card{
  position: absolute;
  top: 6px;
  left: 8px;
}

.td-content-align .fa-envelope-o{
  bottom: -12px;
  left: 18px;
  position: relative;
}

.admin-seller-pm-btn .fa-stack, .admin-manage-sp-btn .fa-stack{
  position: relative;
  left: -2px;
}
.make-an-offer-request-btn .fa-file-text-o{
  position: relative;
  left: 10px;
  bottom: -6px;
}
.mce-tinymce{
  width: 99% !important;
}

.icon-check{
  background: url(../img/Sliced/icon-check.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 115px;
}

.icon-cross{
  background: url(../img/Sliced/icon-cross.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 115px;
}

.payment-sub-container{
  background-color: #F2F2F2;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  box-shadow: 4px 5px 5px -2px #DDDDDD;
  padding: 25px 28px 50px;
  position: relative;
}

.payment-sub-container h1{
  font-size: 27px;
  color: #252525;
}

.payment-sub-container p{
  font-size: 18px;
  color: #252525;
}

.payment-sub-container a{
  font-size: 18px;
  padding: 10px 25px;
}

.icon-warning{
  background: url(../img/icon-warning.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 50px;
}

.img-preview{
  display: inline-block;
}

/*========HOME PAGE CSS=========*/
.home-bg-color{
  background-color: #F2F2F2;
}

.home-border{
  border: 1px solid #CCCCCC;
}

.notify{
  border-bottom: 4px solid #46A2E0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.notify p{
  line-height: 23px;
  color: #252525;
  font-size: 15px;
}

.home-options .option{
  padding: 10px;
  font-size: 14px;
  color: #252525;
}

.home-options .option a{
  color: #252525;
  word-wrap: break-word;
}

/*.home-options .option:hover, .home-options .option a:hover{
  color: #ffffff;
  background-color: #46A2E0;
}*/

.home-options .option .whats-this{
  position: relative;
  top: 3px;
  font-size: 18px;
}

.home-options .option .fa-stack>i:nth-of-type(even){
  position: absolute;
  left: 9px;
  bottom: 6px;
}

.icon-push-pin{
  background: url(../img/IconSlices/icon-pushpin.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 33px;
  height: 76px;
  display: inline-block;
}

.tooltip-body{
  font-size: 13px;
  line-height: 18px;
}

.home-icon-bg{
  background: url(../img/IconSlices/icons-all.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 24px;
}

.icon-dashboard{
  background-position: -35px 1px;
  width: 27px;
}

.icon-config{
  background-position: -35px -28px;
  width: 24px;
}

.icon-add-prod{
  background-position: -33px -467px;
  width: 27px;
}

.icon-comm-setting{
  background-position: -35px -61px;
  width: 34px;
}

.icon-sellers{
  background-position: -35px -90px;
}

.icon-prods{
  background-position: -35px -119px;
}

.icon-orders{
  background-position: -35px -145px;
  width: 24px;
}

.icon-comm{
  background-position: -35px -172px;
  width: 30px;
}

.icon-pm{
  background-position: -35px -200px;
}

.icon-spm{
  background-position: -35px -228px;
  width: 28px;
}

.icon-msp{
  background-position: -35px -258px;
  width: 26px;
}

.icon-mail-config{
  background-position: -35px -287px;
  width: 30px;
}

.icon-seller-custom{
  background-position: -35px -320px;
  width: 24px;
}

.icon-upg-plan{
  background-position: -35px -347px;
  width: 20px;
}

.icon-tnc{
  background-position: -35px -377px;
}

.icon-faq{
  background-position: -35px -410px;
}

.icon-whats-this{
  background-position: -35px -442px;
  width: 18px !important;
  height: 16px !important;
}

/*========HOME PAGE CSS=========*/

/*=========LOADER CSS===========*/
.loader{
  position: fixed;
  width: 100%;
  height: 100%;
  /*background-color: #fff;*/
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1051;
  opacity: 1;
}

.loader-child{
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  bottom: 0;
  box-shadow: 0 0 10px 0 #000;
  margin: 30px auto;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 30px 15px;
  position: relative;
  right: 0;
  top: 15%;
  width: 35%;
  z-index: 1060;
}

.spinner-block{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1051;
  background: rgba(0,0,0,0.27);
}
/*
.spinner{
  background: transparent url("../img/spinner-black-bg.gif") no-repeat scroll 0 0 / 46px auto;
  border-radius: 5px;
  height: 43px;
  opacity: 0.86;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 48%;
  top: 43%;
  width: 46px;
  z-index: 1060;
}*/

.spinner {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin: -70px 0 0 -35px;
  border: 3px solid #252525;
  border-radius: 50%;
  border-top: 3px solid transparent;
  z-index: 1052;
  animation: spin 0.5s linear infinite;
  -webkit-animation: spin 0.5s linear infinite;   /* ---- for chrome, safari ---- */
  -moz-animation: spin 0.5s linear infinite;      /* ---- for firefox ---- */
  -o-animation: spin 0.5s linear infinite;        /* ---- for opera ---- */
}

.loading-text{
  position: relative;
  top: 50%;
  font-weight: 600;
  color: #fff;
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}

.loading-text-inner {
  display: inline-block;
  padding: 6px 10px;
  background-color: #252525;
  border-radius: 5px;
  position: relative;
}

.blur-filter{
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
/*=========LOADER CSS===========*/

/*=======New Config page CSS=========*/
.mp-tabs{
  border-bottom: 2px solid #46A2E0;
}

.mp-tabs > li{
  margin-bottom: -2px;
}

.mp-tabs > li > a{
  color: #0088CC;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 15px 7px;
}

.mp-tabs > li > a:hover, .mp-tabs > li > a:active, .mp-tabs > li > a:visited, .mp-tabs > li > a:focus{
  background: transparent;
  border-bottom: none;
}

.mp-tabs > li.active{
  color: #252525;
}

.config-collapse{
  border: 1px solid #ddd;
  border-top: none;
  padding: 35px 15px;
}

.config-collapse .form-group{
  margin-bottom: 20px;
}

.config-collapse label{
  margin-bottom: 5px;
  font-size: 15px;
  color: #252525;
  padding-left: 0;
}

.config-collapse input.input-lg, .config-collapse .dropdown .btn-lg{
  border-color: #DDDEDE;
  box-shadow: none;
  font-size: 15px;
  border-radius: 0;
  height: 40px;
  padding: 6px 12px;
}

.config-collapse input.input-lg:focus{
  border-color: #66afe9;
}

.config-collapse input.input-lg[readonly], .config-collapse input.input-lg[disabled]{
  background-color: #F2F2F2;
}

.config-collapse .input-group .input-group-addon{
  color: #777777;
  font-size: 17px;
  font-weight: 600;
  border-radius: 0;
}

.config-collapse .has-error input.input-lg{
  border-color: #a94442 !important;
}

.config-collapse form button.submit{
  font-size: 16px;
}

.icon-whats-that{
  background: url(../img/IconSlices/icon-whats-that.png) no-repeat scroll 0 0;
  width: 19px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  cursor: pointer;
}

.icon-whats-that:hover{
  background-position: -20px 0;
}

.mp-caret-config{
  position: relative;
  top: 10px;
  border-width: 6px 5px 0 !important;
}

.btn-muted{
  background-color: #e6e6e6;
  border: 1px solid #ddd;
  color: #777777;
  font-size: 15px;
  font-weight: 600;
  padding: 9px 22px;
  border-radius: 5px;
}

.btn-muted:hover, .btn-muted:active, .btn-muted:visited{
  background-color: #46A2E0;
  color: #fff;
}

.icon-switch-on{
  background: url(../img/Slices/switch.png) no-repeat -118px 0;
  display: block;
  width: 116px;
  height: 43px;
}

.icon-switch-off{
  background: url(../img/Slices/switch.png) no-repeat 0 0;
  display: block;
  width: 116px;
  height: 43px;
}

.mp-hide{
  display: none;
}

.config-warning{
  font-family: "Aparajita Italic";
  font-size: 18px;
  color: #808080;
  padding-top: 5px;
}

.config-notice{
  border: 1px solid #ccc;
  background-color: #F2FAFF;
  padding: 15px;
  line-height: 20px;
  font-size: 15px;
  box-shadow: 0 -4px 0 0 #46a2e0 inset;
  -webkit-box-shadow: 0 -4px 0 0 #46a2e0 inset;
  -moz-box-shadow: 0 -4px 0 0 #46a2e0 inset;
}

.config-notice span.small{
  color: #777777;
}

.radio-btn{
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 2px;
  margin-right: 5px;
  vertical-align: bottom;
}

.radio-btn span{
  display: block;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.radio-btn .selected{
  background-color: #ccc;
}

.cursor-not-allowed{
  cursor: not-allowed !important;
}

.config-child{
  /*margin-top: -85px;
  padding-top: 85px;*/
  max-height: 54em;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 12em;
}
/*===================================*/

.submit:hover, .modal-btn:hover{
  background-color: #3693d2;
  color: #FFFFFF;
}

/*======MAIL CONFIG========*/
.icon-menu{
  background: url(../img/IconSlices/icon-menu.png) no-repeat 5px 10px;
  display: inline-block;
  height: 28px;
  margin-right: 10px;
  margin-top: 8px;
  width: 40px;
}

.icon-menu, .icon-menu:hover, .icon-menu:active, .icon-menu:focus{
  border: none !important;
  background-color: transparent !important;
}

/*.icon-menu:hover{
  border: 1px solid #ddd;
  box-shadow: 0 0 2px 1px #ddd;
}*/

.imp-note{
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  border-left-color: #46A2E0;
  border-left-width: 4px;
  /*box-shadow: 4px 0 0 0 #46a2e0 inset;*/
  line-height: 25px;
  font-size: 15px;
  background-color: #F2FAFF;
}

.note{
  padding: 15px;
  border: 1px solid #ddd;
  /*border-radius: 5px;*/
  border-left-color: #46A2E0;
  border-left-width: 4px;
  /*box-shadow: 4px 0 0 0 #46a2e0 inset;*/
  line-height: 25px;
  font-size: 15px;
  background-color: #F2FAFF;
}

.pin-note{
  border: 1px solid #ccc;
  background-color: #fff;
  color: #666666;
  padding: 10px;
  line-height: 20px;
  font-size: 15px;
  box-shadow: 0 -4px 0 0 #46a2e0 inset;
  -webkit-box-shadow: 0 -4px 0 0 #46a2e0 inset;
  -moz-box-shadow: 0 -4px 0 0 #46a2e0 inset;
}

.theme-pin-note{
  border: 1px solid #ccc;
  background-color: #fff;
  color: #666666;
  padding: 10px;
  line-height: 20px;
  font-size: 15px;
  border-bottom-width: 4px;
}

.popup{
  position: relative;
}

.popup .dropdown-menu{
  box-shadow: 0 2px 8px 2px rgba(50, 50, 50, 0.1);
  border-radius: 4px !important;
  /*top: 39px;
  min-width: 300px;*/
}

.popup .dropdown-menu > li > a{
  clear: both;
  color: #46A2E0;
  display: block;
  font-weight: 600;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
  font-size: 15px;
}

.popup .dropdown-menu > li > a:hover, .popup-menu > li > a:focus{
  background-color: #46A2E0;
  color: #fff;
  text-decoration: none;
}

/*.popup-menu{
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 4px 1px #ccc;
  float: left;
  font-size: 15px;
  top: 40px;
  left: auto;
  right: 12px;
  list-style: outside none none;
  min-width: 250px;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}*/

.arrow_box {
  height: 20px;
  left: auto;
  margin-left: -10px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: -20px;
  right: 19px;
  width: 20px;
  z-index: 2000;
}

.arrow_box:after {
  background-color: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
  content: "";
  display: block;
  height: 10px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 15px;
  transform: rotate(45deg);
  width: 10px;
}
/*=========================*/

.mp-alert-filter {
  padding: 5px 10px;
  color: #3071A9;
  border: 1px solid #ccc;
}

.srm, .action-btn, .ops {
  border-radius: 2px;
  padding: 2px 5px;
  background-color: #46A2E0;
  border: 1px solid #46A2E0;
  color: #fff;
}

.srm:hover, .srm:active, .srm:focus, .action-btn:hover, .action-btn:active, .action-btn:focus , .ops:hover, .ops:active, .ops:focus {
  background-color: #3693d2;
  color: #fff !important;
}

.action-btn-disabled, .action-btn-disabled:hover, .action-btn-disabled:active, .action-btn-disabled:focus{
  border-radius: 2px;
  padding: 2px 5px;
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #fff;
  cursor: not-allowed;
}

/*=======TABLE SEARCH BOX========*/
.mp-search-box{
  background-color: #E3F1FA;
}
.mp-search-box input, .mp-search-box button{
  border: 2px solid #D1E0EA;
  border-radius: 0;
  box-shadow: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  height: 36px;
  background: #fff;
  width: auto;
  min-width: 75%;
}
.mp-search-box input:active, .mp-search-box input:focus, .mp-search-box button:active, .mp-search-box button:focus{
  border: 2px solid #46a2e0;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
}

.caret{
  /*border-color: #CCCCCC;*/
  color: #CCCCCC;
}

/*.mp-search-box button{
  border: 2px solid ;
  border-radius: 0;
  box-shadow: none;
  padding: 5px;
  font-size: 14px;
  height: 26px;
  background-color: #46a2e0;
}
.mp-search-box button:hover{
  background-color: #3693d2;
}*/
/*======================*/

.mp-line-ht-16{
  line-height: 16px;
}

/*=========Myaccount page front ==============*/
.store_logo
{
  border: 2px solid;
  display: inline-block;
}

#store_logo_image
{
  width: 186px;
  padding: 3px;
}

.change-image-div
{
  width: 190px;
}
.table_lab
{
  width: 95%;
}
.myacounttable th
{
  width: 245px;
}

/*=============================================*/

.mp-width-21{
  width: 21%;
}

.mp-width-50{
  width: 50%;
}

.mp-no-bod-rad{
  border-radius: 0;
}

.status-box{
	background-color: #777777;
	border: 1px solid #777777;
	box-shadow: 0 0 2px 0 #ccc inset;
	color: #fff;
	padding: 3px;
}

.status-box-active{
  background-color: #4FB856;
  border: 1px solid #4FB856;
  box-shadow: 0 0 2px 0 #ccc inset;
  color: #fff;
  padding: 2px;
}

.status-box-info{
  background-color: #F0AD4E;
  border: 1px solid #F0AD4E;
  box-shadow: 0 0 2px 0 #ccc inset;
  color: #fff;
  padding: 2px;
}

.status-box-inactive{
  background-color: #D63F3F;
  border: 1px solid #D63F3F;
  box-shadow: 0 0 2px 0 #ccc inset;
  color: #fff;
  padding: 2px;
}

.popup-select{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 2px 5px;
}

.dd-grey{
  background-color: #DADADA;
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 0;
  background-image: linear-gradient(#fff, #DDDDDD);
}

.bs-right-white{
  box-shadow: -1px 0px 0px 0 #fff inset;
}

/*

.mp-arrow-box {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
}

.mp-arrow-box:after, .mp-arrow-box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.mp-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.mp-arrow-box:before {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #ccc;
  border-width: 7px;
  margin-top: -7px;
}

*/
.arrow_box_left {
  height: 20px;
  left: 6px;
  margin-left: -10px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 6px;
  /*right: 19px;*/
  width: 20px;
  z-index: 99;
  transform: rotate(-90deg);
}

.arrow_box_left:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 10px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 15px;
  transform: rotate(45deg);
  width: 10px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.flat-ta{
  border: 1px solid #ccc;
  border-radius: 0;
  min-height: 70px;
  max-width: 100%;
}

.flat-ta:focus, .flat-ta:hover, .flat-ta:active{
  border: 1px solid #ccc;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.mp-switch-sm{
  background: url(../img/IconSlices/switch-sm.png) no-repeat center;
  width: 48px;
  height: 27px;
  display: inline-block;
}

.switch-sm-on{
  background-position: 0 0;
}

.switch-sm-off{
  background-position: -48px 0;
}

.icon-rma-config{
	background: url(../img/IconSlices/icon-rma-configuration.png) 0 0 no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	position: relative;
	top: 2px;
	vertical-align: sub;
}

.icon-blue{
	background-position: -26px 0;
}

.edit-icon{
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  top: 5px;
  /*background-position: */
}

.mp-btn-default{
  border-radius: 3px;
  border: 2px solid;
  background-color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 15px;
  text-align: center;
  width: 100%;
}

input.form-control, input.form-control:focus, input.form-control:active, input.form-control:hover, textarea.form-control, textarea.form-control:focus, textarea.form-control:active, textarea.form-control:hover, select.form-control{
  border-radius: 0;
  box-shadow: none;
  width: 100% !important;
}

.grey-box{
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
  color: #585858;
  padding: 15px;
  display: inline-block;
}

.spinner-xs{
  background: url(../img/spinner-xs.gif) no-repeat;
  background-position: left;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-top: 25px;
}

.spinner-sm{
  background: url(../img/spinner-sm.gif) no-repeat;
  background-position: left;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-top: 25px;
}

div.ui-datepicker{
  font-size:14px;
  border-radius: 0;
}
div.ui-datepicker .ui-datepicker-header{
  border-radius: 0;
}

input[name='goto']{
  background-color: #fff;
  background-image: none;
  border: 1px solid #dadada;
  height: 34px;
  width: inherit;
  padding-left: 5px;
  padding-right: 5px;
}

.search-btns{
  margin-top: 10px;
  border-radius: 2px;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: bottom;
}

.dropdown button.dropdown-toggle{
  border-radius: 0;
  background-color: #fff;
  max-width: 100%;
  overflow-x: hidden;
}

.dropdown_overflow{
  overflow-y:scroll;
  max-height:200px;
  overflow-x:hidden;
}

#bulk_action_row .dropdown button.dropdown-toggle{
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #ccc;
}

.br-2{
  border-radius: 2px !important;
}

.action-icons-pos{
  position: relative;
  top: -12px;
}

.action-icons-size{
  font-size: 18px;
}
/*.highlight-box{
  border: none;
  border-radius: 3px;
  padding: 5px 5px;
}*/

.input-group .input-group-addon{
	border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 15px;
}

.mp-no-overflow{
  overflow: visible;
}

.mp-overflow-hidden{
  overflow: hidden;
}

.mp-wrap{
  word-wrap: break-word;
}

.checkbox-icon{
  display: inline-block;
  background: url(../img/IconSlices/icons-sprite.png) -28px -34px;
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
  vertical-align: text-top;
}

.check-on{
  background-position: -28px -34px;
}

.check-off{
  background-position: -49px -34px;
}

.checkbox-label{
  font-weight: 600;
}

.mp-wpx-16{
  width: 16px;
}

.mp-fa-sm{
  font-size: 20px !important;
  vertical-align: text-bottom;
}

.mp-normal{
  font-weight: 400 !important;
}

.mp-grey{
  color: #ccc !important;
}

.mp-line-ht-20{
  line-height: 20px;
}

.mp-lbod-ccc{
  border-left: 1px solid #ccc;
}

.mp-fs-15{
  font-size: 15px !important;
}

.scroll-400{
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
}
.scroll-280{
  max-height: 280px;
  overflow: auto;
  overflow-x: hidden;
}

.mp-bbg{
  background-color: #252525;
}
.paydetailinfo
{
  display: none;
}

/*.grayscale-img{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all .6s ease;
}*/

.disabled-img{
  opacity: 0.5;
}

.warning-block{
  background-color: #fff7b2;
  border: 1px solid #ffd37c;
  border-radius: 4px;
  padding: 15px;
  color: #8a6d3b;
  margin-bottom: 5px;
}

.warning-block a{
  font-weight: 600;
  text-decoration: underline;
}

.new-feature-block{
  background-color: #fff;
  color: #252525;
  font-size: 15px;
  line-height: 18px;
  /*margin-bottom: -20px;*/
  /*border-bottom: 1px solid #ccc;*/
  padding: 10px 15px 0;
}

/*.new-feature-block .feature-btn{
  color: #252525;
  font-weight: 600 !important;
  border-radius: 3px;
  background-color: #fff;
}*/

.new-feature-block .feature-btn:hover{
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}
/*======= picEdit CSS =========*/
.picedit_element > .picedit_control{
  font-size: 24px !important;
}
.picedit_nav_box{
  width: 100% !important;
  height: 100%;
}
.picedit_control_menu{
  right: 0 !important;
}
.picedit_tooltip.picedit_elm_1::after, .picedit_tooltip.picedit_elm_1::before{
  left: 92% !important;
}
.picedit_tooltip.picedit_elm_1 label{
  font-size: 15px;
}
.picedit_drag_resize_box_corner{
  border-color: transparent transparent #252525 !important;
}
.picedit_drag_resize_box{
  border-color: #252525 !important;
}
.picedit_drag_resize_box_elements .picedit_control{
  color: #252525;
}
/*======= picEdit CSS =========*/

/*.desc-item-img:hover, .desc-item-img:active{
  background-color: rgba(50, 50, 50, 0.1);
}*/

.overlay_div{
  background-color: rgba(67, 67, 67, 0.75);
  position: absolute;
  top: 0;
  height: 80px;
  width: 80px;
  opacity: 0;
  transition: opacity 200ms ease-out 0s;
}
.overlay_div > span{
  /*background-image: linear-gradient(#777, #555);
  border-radius: 10px;*/
  /*padding: 2px 8px;*/
  position: relative;
  top: 38%;
  left: 4%;
}
.overlay_div:hover{
  opacity: 1;
}

.mp-img-block{
  max-width: 500px;
  max-height: 500px;
}

.img-rotation-preview{
  position: relative;
  overflow: hidden;
  /*height: 500px;*/
}
.img-rotation-preview img{
  /*padding-top: 20%;
  padding-bottom: 20%;*/
}

.pos-relative{
  position: relative;
}

.img-option-block{
  background-color: #fff;
  margin: -8px 0;
  padding: 5px 0;
  position: relative;
}

.main-img{
  max-width: 190px;
  max-height: 200px;
}

.mp-modal-box .mp-modal-header{
  border: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
}

.mp-modal-box .mp-modal-body{
  padding: 0 15px;
}

.mp-no-bg{
  background: none;
  background-color: transparent;
}

.bg-clear{
  background-color: #fff !important;
}
/*====================CHECKOUT PAGE CSS =======================*/
.bg-grey-color{
  background-color: #F5F5F5;
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding_5{
  padding: 5px;
}
.padding_50{
  padding: 50px;
}
.center-text{
  text-align: center;
}
.grey-font{
  color: #AAAAAA;
  font-size: 14px;
  padding-top: 8px;
  padding-right: 0px;
}
.float-right{
  float: right;
}
h4.checkout {
  font-weight: 600;
  font-size: 12px;
}
.word-wrap{
  word-wrap:break-word;
}
/*.color_headng{
  margin-top: 25px;
}*/

.checkout-container h1.mp-theme-border{
  font-size: 35px;

}
.select_img_bg{
  background-color: #EFEFEF;
  padding: 25px;
  height: 120px;

}
.select_img_bg-no-padding{
  background-color: #EFEFEF;
  height: 120px;
  overflow:hidden;
  padding:0px;
}
.select_img_bg-no-padding > img.selected_img{
  /*max-height:120px;*/
  /*max-width: 200px;*/
  /*margin-left: 25px;*/
  width:100%;
  height:100%;
}

button.change_image{
  background: transparent;
  border: none;
}
button.delete_image{
  background: transparent;
  border: none;
}
button.disabled_img{
  cursor: not-allowed;
}

.anchor_disabled{
   pointer-events:none;
   cursor:default;
}

/*.parent {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.child {
    background:green;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}*/
.checkout_setting_image_row {
  margin-left: 0px;
  margin-top: 15px;
}
.checkout_setting_image_div_text{
  display: inline-block;
  float: right;
/*  padding-top: 23px;*/
margin-right: -10px;
margin-top: -57px;
}
.checkout_setting_options_div{
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 15px;
  padding-top: 40px;
  margin: 0px;
}
.checkout_setting_div{
  background-color: #FFFFFF;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
}
.theme_color{
  height: 50px;
  border: 3px solid #CCCCCC;
  border-radius: 5px;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;

}

.theme_color_demo{
/*background-color: #FFA700;*/
height: 28px;
margin: 10px;
border-radius: 7px;
}

.theme_color_val{
  width: 65%;
  margin-top: 15px;
}

.checkout_small_heading{
  color:#494949;
  display: block;
  margin-bottom: 10px;
  margin-top: 40px;
  font-size: 16px;
}

.checkout_model_heading{
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
.checkout_small_heading_comment{
  color:#AAAAAA;
  font-size: 14px;
  display: block;
}

.checkout_signin_div > h1.mp-theme-border{
  border-color:#F0F0F0 !important;
}

/*li,li div{
  display: inline-block;
  float: left;
  background-color: #328DBC;
}*/
.checkout_front{
  margin-top: 70px;
}
.checkout_front_left{
background-color: #DDDDDD;
margin-top: 7px;
height: 8px;
}
.checkout_front_right{
background-color: #DDDDDD;
margin-top: 7px;
height: 8px;
}
.checkout_front_text{
color: #D9D9D9;
text-align: center;
}

/* *** Horizontal Menu *** */
.hr-menu{
  display: block;
  background-color: #454E57;
}
.hr-menu ul{
  width: 100%;
}
.hr-menu ul>li{
  background: transparent;
  border-left: 1px solid;
  font-weight: 600;
  width: 17.5%;
}
.hr-menu ul>li>a{
  color: #ccc;
  background: transparent;
  margin: 0;
  text-align: center;
}
.hr-menu ul>li>a:active, .hr-menu ul>li>a:hover, .hr-menu ul>li>a:focus{
  color: #fff;
  background: transparent;
  margin: 0;
  text-align: center;
}
.hr-menu ul>li.active{
  background-color: #272C30;
}
.hr-menu ul>li.active>a{
  color: #fff !important;
}
.more-option{
  width: 4% !important;
}
/* *** *************** *** */


.mp-cpy-btn{
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 0;
}

.cpy-code-textarea{
  background: transparent;
  border: none;
  cursor: default !important;
}

.feature-desc{
  color: #777;
  margin: 10px 0;
  line-height: 25px;
}

.btn-loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid transparent;
  display: inline-block;
  position: relative;
  -webkit-animation: spin 0.5s linear infinite;   /* ---- for chrome, safari ---- */
  -moz-animation: spin 0.5s linear infinite;      /* ---- for firefox ---- */
  -o-animation: spin 0.5s linear infinite;        /* ---- for opera ---- */
  animation: spin 0.5s linear infinite;
}

.loader-xs {
  width: 12px;
  height: 12px;
  margin: 0 16px;
}

.loader-sm {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-bottom: -2px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ---- for chrome, safari ---- */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

/* ---- for firefox ---- */
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}

/* ---- for opera ---- */
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}

.ribbon-wrapper {
  width: 94px;
  height: 94px;
  overflow: hidden;
  position: absolute;
  top: -5px;
  left: -5px;
}

.mp-ribbon {
  font: bold 15px sans-serif;
  color: #454545;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  position: relative;
  top: 18px;
  left: -20px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  background-color: #BFDC7A;
  padding: 1px 0;
}

.mp-ribbon:before, .mp-ribbon:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.mp-ribbon:before {
  left: 0;
}

.mp-ribbon:after {
  right: 0;
}


.active_checkout_front_left{
background-color: #328DBC;
margin-top: 7px;
height: 8px;
}
.active_checkout_front_right{
background-color: #328DBC;
margin-top: 7px;
height: 8px;
}
.active_checkout_front_text{
color: #328DBC;
text-align: center;
}
.checkout_front_form input {
  border-radius: 5px;
}
.checkout_order_box{
  border:1px solid #F0F0F0;
  height: 500px;
  padding-bottom: 25px;
  padding-top: 10px;
}
.checkout_order_div{
  border-bottom: 2px solid #CCCCCC;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 16px;
  background-color: #FFFFFF;

}
/*heading for customize page */
.checkout_heading_page{
border-bottom: 2px solid rgb(70, 162, 224);
padding: 12px 0px 10px !important;
font-weight: 600;
font-size: 1.8em;
margin-left: 0px;
margin-right: 0px;
}
/*For Sprite Image */
.change_img_sprt , .del_img_sprt , .select_img_sprt {
background-image: url(https://pradeep.webkul.com/new-shopify-mp/img/sprite.png);
background-repeat: no-repeat;
}
.select_img_sprt{
background-position: 0px 0px;
width: 43%;
height: 118%;
}
.del_img_sprt{
display: inline-block;
float: left;
background-position: -110px 0px;
width:20px;
height: 18px;
}
.change_img_sprt{
display: inline-block;
float: left;
background-position: -94px 2px;
width: 17px;
height: 18px;
margin-right: 3px;
}
/**************/
.checkout_order_box_heading{
  text-transform: uppercase;
  font: 16px open-sans black;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.product_name{
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: bold;
  text-transform: capitalize;
}
.order_info{
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
}
.order_amount{
  float: right;
  margin-right: 0px;
  margin-top: 5px;
  font-weight: bold;
}

.ck_payment_form_bg{
  background-color: #EEEEEE;
}
.checkout_heading{
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.shiiping_info_rows  div {
  border:2px solid #CCCCCC;
  height: 100px;
}
.shipping_text{
  text-align: center;
  text-transform: capitalize;
  padding-top: 35px;
}

.next_condition_box{
  display:inline-block;
  padding:5px ;
  margin:5px;
}
/*input.next_condition_input , input.next_condition_input:focus, input.next_condition_input:active, input.next_condition_input:hover{
  border-radius: 1px solid #F0F0F0;
  box-shadow: none;
  width: 30% !important;
}*/

.panel:hover{
  background-color: #46a2e0 ;
}
/*.sprite{
  background-image: url(https://shopify-trunk.s3.amazonaws.com/checkout_img/1/sprite%281%29.png);
}*/

/*input[type=radio]:checked + label:before{
  background-color: black;
}*/

.select_image{
  color:#4AC1F6 ;
}
/*

.checkout_save_btn{

}

*/
input.hidden_input{
  display: none;
}
.hidden{
  display: none;
}
input.input_hidden_color{
  display: none;
}
.selected_img{
/*
  width: 100%;
  height: 100%;
*/
}

.page-not-found
{
  margin: 50px 0;
  padding: 15px;
  background: none;
}
.page-not-found h1{
  font-size: 65px;
  color: #D43F2A;
  font-weight: 600;
  border: none;
}
.page-not-found p{
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 15px;
}

.mp-empty-page {
  position: absolute;
  top: 10%;
  width: 100%;
  left: 0;
}

.mp-icon-xl {
  font-size: 10em;
  color: #777;
}

.mp-icon-border {
  padding: 0 15px;
  border: 4px solid;
  border-radius: 10px;
}

.bg-eee {
  background-color: #eee !important;
}

.mp-no-border {
  border: none !important;
}

.mp-no-border-top {
  border-top: none !important;
}

.cubes-cog > .fa-cog {
  position: relative;
  top: -9px;
  left: 10px;
}

.user-cube > .fa-cube {
  position: relative;
  top: -9px;
  left: 10px;
}

.card-tasks .fa-tasks {
  position: relative;
  left: 8px;
  top: 6px;
}

.mp-delete-btn {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 2px 5px;
  background-color: #fff;
  font-weight: 600;
}

.mp-delete-btn-lg {
  border: 2px solid #ddd;
  border-radius: 2px;
  padding: 12px 15px;
  background-color: #fff;
  font-weight: 600;
}

.mp-delete-btn:hover, .mp-delete-btn:focus, .mp-delete-btn-lg:hover, .mp-delete-btn-lg:focus {
  border-color: rgba(191,16,16,0.7) !important;
  background-color: rgba(191,16,16,0.7);
  color: #fff !important;
}

.inner-div input::-webkit-input-placeholder, .inner-div textarea::-webkit-input-placeholder {
  color: #ccc !important;
}
.inner-div input:-moz-placeholder, .inner-div textarea:-moz-placeholder {
  color: #ccc !important;
}
.inner-div input::-moz-placeholder, .inner-div textarea::-moz-placeholder {
  color: #ccc !important;
}
.inner-div input:-ms-input-placeholder, .inner-div textarea:-ms-input-placeholder {
  color: #ccc !important;
}

.inner-div #form_div {
  box-shadow: rgb(204, 204, 204) 0px 10px 8px -8px inset;
}

/* *** Notification CSS *** */
.mp-notification-btn {
  background-color: #55C071;
  border-radius: 50%;
  color: #fff;
  height: 48px;
  padding: 0;
  position: fixed;
  right: 20px;
  top: 52px;
  width: 50px;
  z-index: 19999;
  box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -o-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  border: 1px solid #fff;
}

.mp-notification-menu {
  margin: 0 15px;
  background-color: #fff;
  /*padding: 0 15px;*/
  position: fixed;
  right: 0;
  top: 105px;
  z-index: 19999;
  display: none;
  box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  -o-box-shadow: 7px 5px 8px 0 rgba(0, 0, 0, 0.35);
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}

.mp-notification-count {
  position: absolute;
  top: 0;
  right: -2px;
  background-color: #C9302C;
  border-radius: 10px;
  padding: 2px 5px;
}
/* *** **************** *** */

/* ********* Image loader CSS ******* */
.mp-img-loader-xs-block {
  min-width: 60px;
  min-height: 60px;
  position: relative;
}

.mp-img-loader-xs {
  top: 14px;
  left: 13px;
  width: 20px;
  height: 20px;
}

.mp-img-loader-sm-block {
  min-width: 80px;
  min-height: 80px;
  position: relative;
}

.mp-img-loader-sm {
  top: 24px;
  left: 22px;
  width: 20px;
  height: 20px;
}

.mp-img-loader-lg-block {
  width: 190px;
  height: 200px;
  position: relative;
}

.mp-img-loader-lg {
  top: 68px;
  left: -2px;
  width: 50px;
  height: 50px;
}

.mp-img-loader {
  display: inline-block;
  position: relative;
  border: 3px solid #555;
  border-radius: 50%;
  border-top: 3px solid transparent;
  z-index: 1052;
  animation: spin 1s linear infinite;
  -webkit-animation: spin 1s linear infinite;   /* ---- for chrome, safari ---- */
  -moz-animation: spin 1s linear infinite;      /* ---- for firefox ---- */
  -o-animation: spin 1s linear infinite;        /* ---- for opera ---- */
}
/* ********* **************** ******* */

.csv-seller-err {
  list-style-type: disc;
}
.li-err {
list-style: disc outside none;
display: list-item;
margin-left: 50px;
}

.reorder-img-modal
{
  height: 122px;
  /*max-width: 112px;*/
  /*overflow: hidden;*/
  vertical-align: middle;
}

.reorder-img-modal>div
{
  overflow: hidden;
}

.reorder-img-modal>div>img
{
  max-height: 110px;
}

.mp-disable-btn:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;

}

.ck_enable_content{
  background-color: whitesmoke;
  line-height: 38px;
}

@keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: {$storage.perc_data_remain}%;
  }
}
.progress .progress-bar{
  animation: move 2s ease;
}

pre {
  overflow: hidden;
  background: #fff;
}

/*=========WIDTHS IN %============*/
.\31 0\25{
  width: 10%;
}

.\31 5\25{
  width: 15%;
}

.\31 7\25{
  width: 17%;
}

.\32 0\25{
  width: 20%;
}

.\32 2\25{
  width: 22%;
}

.\32 5\25{
  width: 25%;
}
/*================================*/

.view_seller_policy>h1
{
  border-bottom: 0;
  font-size: 28px;
}

.view_seller_policy>p
{
  line-height: 20px;
  margin-bottom: 15px;
}


/*===============CSS FOR OLD THEME DATATABLES==================*/
.dataTables_filter input {
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    border: 1px solid #ccc;
    padding: 7px 10px;
}
.mp-theme-border-btm{
    border-bottom: 1px solid #46a2e0 !important;
}
.dataTables_info {
    clear : none !important;
    padding-top: 5px !important;
}
.dataTable thead th{
    /* background-image:none !important; */
    color: #252525 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
.dataTable td {
  padding: 15px !important;
}
.auction_panel .panel:hover{
  background-color: inherit !important;
}
.dropdown-top{
    bottom: 62%;
    top: auto;
}

/*===================================================================*/

/*================= New version Notification =======================*/
.mp-header-notice-strip {
    background: linear-gradient(to bottom, #584AE8,#4B3EDA) !important;
    min-height: 52px !important;
    padding-top: 18px !important;
}
.mp-header-notice-strip a {
  color: #fff !important;
  text-decoration: underline;
}
/*===================================================================*/

/*scroll-to-top code starts*/
#return-to-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/*scroll-to-top code ends*/
.admin-checkout-setting-btn .fa-check, .admin-tax-setting-btn .fa-check, .admin-checkout-pm-method-btn .fa-check{
  position: relative;
  left: 7px;
  bottom: -5px;
}
#ui-datepicker-div{
  z-index: 1000!important;
}
.bod-rad-3px{
  border-radius: 3px!important;
}
.mp-no-lr-mar{
  margin-left: 0px!important;
  margin-right: 0px!important;
}
.v-align-middle{
  vertical-align: middle!important;
}

.wk-badge{
  display: block;
  position: absolute;
  right: 12px;
  top: -4px;
  height: 10px;
  background-color: red;
  width: 10px;
  border-radius: 50%;
}

ul.dtr-details>li {
  margin-bottom: 20px;
}

span.dtr-title {
  font-weight: 600;
}
margin-left-zero {
  margin-left: 0px;
}
/* margin-left-15 {
  margin-left: 15px;
} */


.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 6px;
  font-size: 16px;
  border: none;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  right: 4.2rem;
  top: 0rem;
  z-index: 1;
}

.dropup-content a {
  color: black;
  /* padding: 12px 16px; */
  text-decoration: none;
  display: block;
}

.dropup-content button {
  color: black;
  /* padding: 12px 16px; */
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {background-color: #ccc}

.dropup:hover .dropup-content {
  display: block;
}

.dropup:hover .dropbtn {
  background-color: #2980B9;
}






/* general */

#Modal_button { 
    margin-top:200px;
    position: relative;
    width:20%;  
    border: none;
  }



.row {
  margin: 0 0 10px;
}


h2 {
  font-weight: 500;
  font-size: 30px;
  margin: 0 0 20px;
}



/* custom checkbox */

.customCheckbox input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.customCheckbox input[type="checkbox"]+label {
  position: relative;
  padding: 3px 0 0 40px;
  cursor: pointer;
  color: rgb(120, 119, 121); 
}

.customCheckbox input[type="checkbox"]+label:before {
  content: '';
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

.customCheckbox input[type="checkbox"]+label:after {
  content: '';
  border-style: solid;
  border-width: 0 0 2px 2px;
  border-color: transparent transparent #311B92 #311B92;
  width: 15px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 5px;
  opacity: 0;
  transform: scale(2) rotate(-45deg);
  transition: transform 0.3s linear, opacity 0.3s linear;
}

.customCheckbox input[type="checkbox"]:checked+label:after {
  opacity: 1;
  transform: scale(1) rotate(-45deg);
  color: #311B92; 
}


.Advanced_setting{
  text-decoration: none;
  color: #1565C0;
  letter-spacing: 1px;
  font-weight: bolder;
}

.modal-title{
  font-weight: bold !important;
}


.modal-header , .modal-footer{
  border-bottom: 0;
  border-top: 0;
  max-width: 600px !important;
  position: relative;
}

 .my_checkbox{
  margin-left: 3%;
} 

.model-content{
  width: 840px;
  width: 100% !important;
}

.modal-footer{
  max-width: 600px !important;
  position: relative;

}
.modal-footer>:not(:last-child) {
  margin-right: 2rem;
}

.modal-footer>:not(:first-child) {
    margin-left: 0.5rem;
}
.modal-dialog {
  position:relative;
  width:auto;
  margin: 0 auto;
  max-width: 600px; 
}




.container button focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none;
outline-width: 0;
}



.btn-outline-light{
  color:#BDBDBD;
  
}

#modal_footer{
  color:#BDBDBD;  
  cursor: pointer;
  background: #fff;
}

#modal_footer_support{
  color:#BDBDBD;  
  width: 100%;
}

.webhook_popup {
  max-width: 700px!important;
}
.webhook_input_url {
  width:600px; 
  font-size:15.5px; 
  padding-left: 8px; 
  margin:8px 0;
}