html, body { height: 100%; }
body { position:relative; background-color: #FFF; color:#FFF; margin:0 auto; }
.txt-cntr { text-align:center !important; }
.hide { display:none !important;  }

.main-pnl { padding:0; }

.login-body { background-color:#000; color:#FFF; }
.login-pnl .logo { width:35%; margin:45px 0 45px 0; }

.cd-navigation-wrapper h2 { font-size:18px; } 

.dsh-pnl { margin:0 15px; }
.dsh-pnl .dsh-box { text-decoration:none; display:block; text-align: center; padding:15px 0; background-color: #ec1b47; color:#FFF; margin: 0 -10px 10px -10px; border-radius:10px; font-size:24px; } 
.dsh-pnl .dsh-box span { font-size:14px; display:block; }
.dsh-pnl .dsh-box:hover { opacity:.7; }
.dsh-pnl h3 { color:#000; font-size:18px; margin-left:-10px; }

.hdr { background-color:#ec1b47; color:#FFF; padding:8px 0; }
.hdr .logo { float: left; margin:2px 6px; width:130px; }
.hdr .logo img { width:100%; }
.hdr .ico { margin:0; float:right; }
.hdr .ico a { display: inline-block; min-height:70px; color:#FFF; padding:15px 15px 21px 15px; border:1px solid #ffefe7; border-top:0px; border-bottom:0px; margin:-8px 0 -8px -1px !important; }
.hdr .ico #dashboard-btn { float: right; font-size: 22px; color:#FFF; }
.hdr .ico #sign-out { float: right; font-size: 22px; color:#FFF; }
.hdr span.n { float:left; margin:0 0 0 15px; font-size: 12px; }
	
.smenu-pnl { margin-top:60px; }
.smenu-pnl h2 { font-size:28px; margin-bottom:60px; }
.smenu { padding:0px; margin:0px; list-style-type:none; }
.smenu li { padding:0px; margin:0 0 15px 0; }
.smenu li a { font-size:18px; color:#ffffffa6; }

.back_clr { background-color: #ec1b47; color:#FFF; }
.liked_clr { background-color: blue; color:#FFF; }
.publish_clr { background-color:#ec1b47; color:#FFF; }
.published_clr { background-color:#1abd1a; color:#FFF; }
.edit_clr { background-color: #ffb435; color:#FFF; }
.remove_clr { background-color:red; color:#FFF; }
.add_clr { background-color: #36b527; color:#FFF; }
.view_clr { background-color: #3f99f5; color:#FFF; }
.design_clr { background-color: #3f99f5; color:#FFF; }
.copy_clr { background-color: green; color:#FFF; }
.pubed_clr { background-color: green; color:#FFF; }
.unpubed_clr { background-color: red; color:#FFF; }
.live_clr { background-color:#3f99f5; color:#FFF; }
.smpl_clr { background-color:#f5933f; color:#FFF; }

.drwn_btn { float:right; margin:-7px 0 0 10px; }
.drwn_btn .btn { background-color:orange; color:#FFF; font-size:14px; padding:4px 8px; }

.card-pnl { padding:20px; }
.card-pnl-hdr { padding:18px 30px 10px 30px; margin:0; background-color:#000; }
.card-pnl-hdr h1.title { float:left; color:#FFF; font-size:16px; padding:0; text-transform:uppercase; }
.card-pnl-hdr a.back_btn { float: right; color: #fff; font-size: 14px; margin-top: -6px; padding: 3px 10px; text-transform: uppercase; }
.card-pnl-hdr a.design_btn { float: right; color: #fff; font-size: 14px; margin: -6px 15px 0 0; padding: 3px 10px; text-transform: uppercase; }
.card-pnl-hdr a.edit_btn { float: right; color: #fff; font-size: 14px; margin-top: -6px; padding: 3px 10px; text-transform: uppercase; margin-left:10px; }
.card-pnl-hdr a.add_btn { float: right; color: #fff; font-size: 14px; margin:-6px 15px 0 0; padding: 3px 10px; text-transform: uppercase; }
.card-pnl-hdr a.liked_btn { float: right; color: #fff; font-size: 14px; margin-top: -6px; padding: 3px 10px; text-transform: uppercase; }
.card-pnl-hdr a.liked_btn span { margin:0 0 0 5px; display:inline-block; }
.card-pnl-hdr a.publish_btn { float: right; color: #fff; font-size: 14px; margin-top: -6px; padding: 3px 10px; text-transform: uppercase; }
.card-pnl-hdr a.publish_btn span { margin:0 0 0 5px; display:inline-block; }
.card-pnl-hdr a.published_btn { float: right; color: #fff; font-size: 14px; margin-top: -6px; padding: 3px 10px; text-transform: uppercase; cursor:default; }
.card-pnl-hdr a.published_btn span { margin:0 0 0 5px; display:inline-block; }
.card-pnl-hdr a.dwn_btn { float: right; color: #fff; font-size: 14px; margin-top: -6px; padding: 3px 10px; text-transform: uppercase; }

.dwn_btn, .btn-submit, .save_btn, .save_btn2, .remove_btn, .goto_btn, .inactive_btn { background-color: #000; color: #fff; padding: 3px 15px; font-size: 14px; }
.dwn_btn:hover, .btn-submit:hover, .save_btn:hover, .save_btn2:hover, .remove_btn:hover, .goto_btn:hover { background-color: #000; color: #fff; }
.remove_btn, .remove_btn:hover { background-color:red; color:#FFF; }
.goto_btn, .goto_btn:hover { background-color:orange; color:#FFF; float:right; margin-top:10px; }
.inactive_btn { cursor:default; background-color:#CCC; color:#FFF; }
.inactive_btn:hover { cursor:default !important; background-color:#CCC; color:#FFF; }

.dwn_btn { background-color:green; margin-right:10px; }
.dwn_btn:hover { background-color:green; }

.save_btn.inactive { opacity:0.1; cursor:default !important; }
.save_btn2.inactive { opacity:0.1; cursor:default !important; }

.pls_wait { display:none; position: fixed; font-size: 20px; font-weight: bold; top: 0; text-align: center; width: 100%; padding: 75% 0 0 0; color: #ffffff; height: 100%; background-color: #ff0000; text-shadow: 0 0px 3px #000; }

.form_success_msg, .form_error_msg { position: fixed;font-size: 16px;font-weight: 200;top: 0;text-align: center;width: 100%;padding: 10px;color: #ffffff;background-color: #86b74e;z-index: 10; }
.form_error_msg { background-color: #de1b1b; }

.form-signin, .form-signup { padding-top: 60px; max-width: 80%; }

.form-rpsw { max-width: 300px; padding: 15px; margin:0 auto; color:#FFF; display:none; }
.form-rpsw .form-err-msg { color:#FFF; font-style:italic; font-size:12px; margin-bottom:10px; }
.form-rpsw h2 { font-size:22px; margin-bottom:30px; }
.form-rpsw .r .i { float:left; width:12%; display:inline-block; font-size:22px; margin-top:3px; }
.form-rpsw .form-control { position: relative; box-sizing: border-box; height: auto; padding:6px 10px; font-size: 16px; }
.form-rpsw .form-control:focus { z-index: 2; }
.form-rpsw input[type="text"], .form-rpsw input[type="number"], .form-rpsw input[type="password"] { border:0px solid; background-color:#FFF; margin-bottom:30px; color:#000; float:left; width:85%; }
.form-rpsw input[type="text"]:focus, .form-rpsw input[type="number"]:focus, .form-signup input[type="password"]:focus, .form-signup input[type="text"]:focus { outline:none; }
.form-rpsw #rpsw-button, .form-rpsw #rpsw-verify-otp-button, .form-rpsw #rpsw-reset-psw-button { background-color:#87772d; color:#FFF; }
.form-rpsw button { color:#FFF; }

.form-signin { max-width: 300px; padding: 15px; margin:0 auto; color:#FFF; }
.form-signin .form-err-msg { color:#FFF; font-style:italic; font-size:12px; margin-bottom:10px; }
.form-signin h2 { font-size: 16px; margin-bottom: 30px; text-align: center; }
.form-signin .r .i { float:left; width:12%; display:inline-block; font-size: 18px; color: #a5a2a2; margin-top:3px; }
.form-signin .checkbox { font-weight: 400; }
.form-signin .form-control { position: relative; box-sizing: border-box; height: auto; padding:6px 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin select, 
.form-signin input[type="email"], 
.form-signin input[type="password"],
.form-signin input[type="number"], 
.form-signin input[type="text"] { border:0px solid; background-color:#FFF; margin-bottom:30px; color:#000; float:left; width:85%; }
.form-signin select:focus, 
.form-signin input[type="email"]:focus, 
.form-signup input[type="password"]:focus, 
.form-signup input[type="number"]:focus, 
.form-signup input[type="text"]:focus { outline:none; }
.form-signin #login-button { background-color:#87772d; color:#FFF; }
.form-signin button { color:#FFF; }

.form-signup { max-width: 300px; padding: 15px; margin:0 auto; color:#FFF; display:none; }
.form-signup .form-err-msg { color:#FFF; font-style:italic; font-size:12px; margin-bottom:10px; }
.form-signup h2 { font-size: 16px; margin-bottom: 30px; text-align: center; }
.form-signup .r .i { float:left; width:12%; display:inline-block; font-size: 18px; color: #a5a2a2; margin-top:14px; }
.form-signup .checkbox { font-weight: 400; }
.form-signup .form-control { position: relative; box-sizing: border-box; height: auto; padding:6px 10px; font-size: 16px; }
.form-signup .form-control:focus { z-index: 2; }
.form-signup select, 
.form-signup input[type="email"], 
.form-signup input[type="password"], 
.form-signup input[type="number"], 
.form-signup input[type="text"] { border:0px solid; background-color:#FFF; margin:10px 0 10px 0; color:#000; float:left; width:85%; }
.form-signup select:focus,
.form-signup input[type="email"]:focus,
.form-signup input[type="password"]:focus,
.form-signup input[type="number"]:focus,
.form-signup input[type="text"]:focus { outline:none; }
.form-signup #signup-button,
.form-signup #signup-submit-button,
.form-signup #signup-otp-button { margin-top:15px; background-color:#87772d; color:#FFF; }
.form-signup button { color:#FFF; }

.affiliate_yn label { float:left; margin-right:10px; }
.affiliate_yn label input { float:left; margin-top: 6px; }
.aff_share_div { margin-bottom:30px; width:100%; }
.aff_share_div a { color:#000; padding:5px 0 0 0; text-align:center; width:40px; height:40px; border:1px solid #CCC; margin-right:5px; display:inline-block; float:left; font-size:18px; }
.aff_share_div div { float:left; color:#000; margin:15px 15px 0 0; font-size:16px; } 
.aff_wel_div img { width:100%; }
.aff_wel_div p { font-size:18px; color:#000; padding:30px 60px; text-align:center; margin:0; }
.aff_wel_div a { background-color:#ec1b47; color: #fff; padding:10px 15px; font-size: 14px; border-radius:20px; display:inline-block; left:0; right:0; }
.aff_wel_div a:hover { background-color:#000; color:#FFF; }

.page_sub_title { color:#000; margin-bottom:15px; font-size:16px; font-weight:600; text-decoration:underline; } 

.footer { display:none; background-color: #000; font-size: 12px; padding: 5px 30px; width: 100%; text-align: center; }
.footer a { color:#FFF; }

.cf_err { color: white; font-style: italic; display: none; background-color: red; margin: 10px 0; padding: 5px 0; text-align: center; border-radius: 5px; }

#nav-icon4 {
  width: 23px;
  height: 23px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float:right;
  top:10px;
  left:-20px;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #FFF;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 4px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 14px;
left: 5px;
}

#nav-icon4 { width:23px; height:23px; margin:13px 15px 0 15px; top:0; left:0; }
#nav-icon4 span { height:2px; }
#nav-icon4 span:nth-child(2) { top: 9px; }
#nav-icon4 span:nth-child(3) { top: 18px; }

.add-form-pnl h3 { margin:0 0 15px 0; font-size:16px; color:#000; }
.add-form-pnl .r { padding-bottom:10px; }
.add-form-pnl .r .l { font-size:14px; color:#000; }
.add-form-pnl .r .v { color:#000; }
.add-form-pnl .r .v input[type="date"],
.add-form-pnl .r .v input[type="number"], 
.add-form-pnl .r .v input[type="password"], 
.add-form-pnl .r .v input[type="text"], 
.add-form-pnl .r .v select, 
.add-form-pnl .r .v textarea { width:100%; border:2px solid #cecece; padding:3px 8px; border-radius:4px; }
.add-form-pnl .r .m { width:100%; color:#000; }
.add-form-pnl .r .v label { color:#000; margin:0; }
.add-form-pnl .r.rcol { padding:5px ​0 8px 0; }
.add-form-pnl .r.rcol .l { width:20%; float:left; }
.add-form-pnl .r.rcol .v { width:77%; float:right; }
.add-form-pnl .r.box .l { background-color:#000; color:#FFF; padding: 4px 0; text-align: center; }
.add-form-pnl .r.box .v  { margin-top:3px; }

.view-form-pnl h3 { margin:0 0 15px 0; font-size:16px; color:#000; }
.view-form-pnl .r { padding-bottom:5px; font-size:14px; }
.view-form-pnl .r .l { float:left; width:150px; color:#000; font-weight:600; }
.view-form-pnl .r .v { float:left; color:#000; }
.view-form-pnl .r .m { width:100%; color:#000; }
.view-form-pnl .r .v label { color:#00; }

.copyright { text-align:center; font-size:12px; margin:0 auto; color:#999; display:block; margin-top:30px; }

.photo { width:120px; }
.bg_img { width:100%; }

.card_section .sr { }
.card_section .sh { margin-bottom:10px; }
.card_section .sh img { height:85px; }
.card_section .sh span { color:#000; display:block; font-size:12px; margin-top:5px; }
.card_section .sf { margin-bottom:30px; }
.card_section .sf .c1 { float:left; }
.card_section .sf .c1 .rem_clr_btn {  position: absolute;   background-color: red; color: #fff; padding: 6px 6px; font-size: 12px; border-radius: 0px 4px 4px 0px;  margin: 0 0 0 -5px; display: inline-block; }
.card_section .sf .c2 { float:right; }

.card_section .save_btn { margin:10px 0 20px 0; }
.card_section .remove_btn { margin:10px 0 20px 0; }
.card_section_color .save_btn { margin:0 0 10px 0; }
.card_section_txt h3 { background-color:#ec1b47; color:#FFF; padding:8px; font-size:14px; border-radius:4px; min-height: 36px; }
.card_section_txt h3 a { background-color: #000; color: #FFF; padding:9px 15px 9px 15px; font-size: 12px; border-radius: 0 4px 4px 0; float: right; margin:-8px -8px 0 0; min-height: 36px; font-size:11px; }
.card_section_txt h3 a:hover { background-color:#999; color: #FFF; }
.card_section_txt h3 a.inactive { opacity:.5; cursor:default; }
.card_section_txt h3 input[type="text"] { float:left; border: 0; padding:6px 5px; width: 65%; border-radius: 3px; margin: -4px 0 0 -5px; }
.card_section_txt h3 input[type="button"] { float:left; background-color: #000; color: #fff; padding: 2px 15px 3px 15px; margin: -4px 0 0 5px; font-size: 14px; }

.texture_div { display:inline-block; border-radius:4px; text-align:center; width: 60px; border: 1px solid #000; background-color:#eee; padding:5px; color:#000; margin: 0 0 0 55px; position: absolute; font-size:10px; }
.texture_div span { font-size:10px; }
.texture_picker { border: 1px solid #a9a9a9; width: 100%; height: 30px; text-indent: 100px; margin-bottom:3px; }
.texture_picker_panel { display:none; overflow:auto; position:fixed; top:0; bottom:0; padding:30px 20px 20px 20px; width:100%; background-color:#000; z-index:10; }
.texture_picker_panel a { display:block; float:left; width:50px; height:50px; margin:0 10px 20px 10px; border:2px solid #CCC; background-color:#FFF; font-size:12px; color:#000; padding-top:15px; text-align:center; }
.texture_picker_panel a:hover { border:2px solid red!important; text-decoration:none; } 
.texture_picker_panel h6 { padding: 0 0 15px 0; border-bottom: 1px solid #CCC; margin: 0 10px 20px 10px; } 

.sign-pnl { width:100%; padding-top:10px; }
.sign-pnl .logo { width:100px; margin:0 auto 40px auto; display: block; }

.aff_copy_div { display:flex; width:100%; border:1px solid #CCC; color:#000; margin-bottom: 15px; border-radius: 4px; }
.aff_copy_div input { border:0px; display:inline-block; float:left; width:80%; text-align:left; padding:12px 5px; font-size:12px; overflow:hidden; border-radius: 4px; }
.aff_copy_div a { text-decoration:none; display:inline-block; float:right; width:20%; text-align:center; padding:4px; font-size:12px; background-color:#000; color:#FFF; border-radius:0 4px 4px 0; }
.aff_copy_div a.copied { background-color:green; color:#FFF; }

#frm_card_type_id { background-color:#FFF; color:#000; }
.tpl-pnl .tpl-box { margin-bottom:30px; display:block; cursor:pointer; position:relative; }
.tpl-pnl .tpl-box img { width:100%; }
.tpl-pnl .tpl-box h4 { display:none; font-size:14px; text-align:center; padding:8px 0 5px 0; color:#000; background-color:#CCC; margin:0; text-transform:uppercase; }
.tpl-pnl .tpl-box.active { border-color: #000; }
.tpl-pnl .tpl-box .chk { display: none; position: absolute; background-color: #ec1b47; color: #fff; font-size: 17px; padding: 9px 14px 7px 12px; right: 12px; top: 7px; border-radius: 0 21px 0 5px; }
.tpl-pnl .tpl-box.active .chk { display:block; }

.aboutus_image_div { position:relative; }
.aboutus_image_div a { position:absolute; right:0; top:0; padding:5px 10px; background-color:red; color:#FFF; display:inline-block; font-size:12px; }

/* Gallery */
.glr-pnl { color:#000; }
.glr-pnl-add { display:none; background-color:#efefef; margin-top:15px; }
.glr-pnl-add #frm_title { border:1px solid; background:#FFF; margin:0 0 25px 0; color:#000; width:100%; text-align:center; padding:5px 0; }

.glr-img-box { border:1px solid #d05d271a; margin-bottom:30px; position:relative; }
.glr-img-box a.remove-glr { position: absolute; background-color: #ff5100; color: #fff; font-size: 9px; padding: 3px 6px 3px 6px; right: 0; }
.glr-img-box a { display:block; }
.glr-img-box a img { width:100%; }
.glr-img-box h4 { width:100%; font-size:16px; text-align:center; padding:8px 0; }

/* Video */
.video-pnl { color:#000; }
.video-pnl-add { display:none; background-color:#efefef; margin-top:15px; }

.video-img-box { border:1px solid #d05d271a; margin-bottom:30px; position:relative; }
.video-img-box a.remove-video { position: absolute; background-color: #ff5100; color: #fff; font-size: 9px; padding: 3px 6px 3px 6px; right: 0; }
.video-img-box a { display:block; }
.video-img-box a img { width:100%; }
.video-img-box h4 { width:100%; font-size:16px; text-align:center; padding:8px 0; }
.video-img-box iframe { border:0px; }

/* Product */
.pro-pnl { color:#000; }
.pro-pnl-add { display:none; background-color:#efefef; margin-top:15px; }

.pro-img-box { border:1px solid #d05d271a; margin-bottom:30px; position:relative; }
.pro-img-box a.remove-pro { position: absolute; background-color: #ff5100; color: #fff; font-size: 9px; padding: 3px 6px 3px 6px; right: 0; }
.pro-img-box a { display:block; }
.pro-img-box img { width:100%; }
.pro-img-box h4 { width:100%; font-size:16px; padding:4px 5px 0 5px; margin:0; }
.pro-img-box p { width:100%; font-size:16px; padding:4px 5px 0 5px; margin:0; }
.pro-img-box .pri { color:red; display:block; }
.pro-img-box .old_pri { color:red; display:block; margin:0 5px; float:left; }
.pro-img-box .new_pri { color:green; display:block; }
.pro-img-box .pri_div { background-color: #000; padding: 5px; font-weight: bold; }

/* Card Lists */
.cards_lists { padding:0px; margin:0; list-style-type:none; }
.cards_lists li { padding:15px 0; margin:0 0 0 0; font-size:14px; color:#000; border-bottom:1px solid #CCC; }
.cards_lists li .prf_img { padding-right:0; }
.cards_lists li .prf_img img { width:100%; }
.cards_lists li .til { font-size:18px; margin-bottom:5px; }
.cards_lists li .til .sino { color: #000; display: inline-block; padding:0 5px 0 0; border-right:1px solid #000; margin-right: 5px; font-size: 18px; }
.cards_lists li .til a { color:#000; font-size: 18px; }
.cards_lists li .cdt { font-size:12px; }
.cards_lists li .email { margin:2px 0 0 0; color:blue; }
.cards_lists li .email a { color:blue; }
.cards_lists li .mob { margin:2px 0 5px 0; color:red; }
.cards_lists li .mob a { color:red; }
.cards_lists li .view_btn { display:block; float:right; padding:5px 10px; border-radius:4px; font-size:11px; background-color:#000; color:#FFF; }
.cards_lists li .view_dtls_pnl { background-color:#efefef; display:none; padding:15px 30px; margin:15px -15px 0 -15px; }

.cards_lists li .ftr_btns { border-top:1px solid #EEE; margin-top:10px; padding-top:15px; }
.cards_lists li .ftr_btns a { display:inline-block; padding:8px 10px; text-align:center; font-size:12px; border-radius:4px; margin:0 10px 0px 0; }
.cards_lists li .ftr_btns a:hover { text-decoration:none; background-color:#000; color:#FFF; cursor:pointer; }
.cards_lists li .ftr_btns a.pub_card { cursor:default; color:#FFF; }

.cards_lists li .rgt_btns a { display:block; padding:8px 0; text-align:center; width:100%; font-size:12px; border-radius:4px; margin-bottom:5px; }
.cards_lists li .rgt_btns a:hover { text-decoration:none; background-color:#000; color:#FFF; cursor:pointer; }
.cards_lists li .rgt_btns .pay_card_link.paid_1 { background-color:green; }
.cards_lists li .rgt_btns .pay_card_link.paid_0 { background-color:red; }
.cards_lists li .rgt_btns .publish_card_link.inactive { opacity:.1; }
.cards_lists li .rgt_btns .publish_card_link.published_1 { background-color:green; }
.cards_lists li .rgt_btns .publish_card_link.published_0 { background-color:red; }

/* Public Customer Lists */
.pcust_lists { padding:0px; margin:0px; list-style-type:none; }
.pcust_lists li { padding:5px 10px; margin:0px; font-size:14px; color:#000; border-radius:4px; border:1px solid #CCC; margin-bottom: 15px; }
.pcust_lists li .addr { font-size:12px; float:left; }
.pcust_lists li .mob { font-size:12px; float:left; }
.pcust_lists li .lft { float:left; }
.pcust_lists li .rgt { float:right; }
.pcust_lists li .rgt a { display: block; padding:6px 0; text-align: center; width: 30px; font-size: 12px; border-radius: 4px; float:right; margin-left:10px; }

/* User Lists */
.usr_lists { padding:0px; margin:0px; list-style-type:none; }
.usr_lists li { padding:10px; margin:0px; font-size:14px; color:#000; border-radius:4px; border:1px solid #CCC; margin-bottom: 15px; }
.usr_lists li .fa-phone { float:right; font-size:12px; }
.usr_lists li .addr { font-size:12px; }

/* Reseller Bonus Lists */
.rel_bns_dtls { font-size:16px; margin-bottom:15px; border-bottom:1px solid #CCC; padding:0 0 15px 0; }
.rel_bns_dtls i { font-size:14px; margin:0 2px; }
.rel_bns_dtls .a { color:orange; font-size:18px; margin-bottom: 5px; display: inline-block; }
.rel_bns_dtls .a i { font-size:16px; }
.rel_bns_dtls .c { color:green; }
.rel_bns_dtls .u { color:red; }
.rel_bns_dtls .nr { color:#000; text-align:center; padding-bottom:10px; }

.rel_bns_lists { padding:0px; margin:0px; list-style-type:none; }
.rel_bns_lists li { padding:10px; margin:0px; font-size:14px; color:#000; border-radius:4px; border:1px solid #CCC; margin-bottom: 15px; }
.rel_bns_lists li .dt { font-size:12px; }
.rel_bns_lists li .c { color:#19a908; float:right; font-weight:bold; } 
.rel_bns_lists li .d { color:red; float:right; font-weight:bold; }
.rel_bns_lists li i { font-size:12px; margin:0 2px; }

/* Payment Lists */
.pay_lists { padding:0px; margin:0px; list-style-type:none; }
.pay_lists li { padding:10px; margin:0px; font-size:14px; color:#000; border-radius:4px; border:1px solid #CCC; margin-bottom: 15px; }
.pay_lists li .dt { float:right; font-size:12px; }
.pay_lists li .pymt_status { color:red; } 
.pay_lists li .pymt_success { color:#19a908; } 

/* Reseller Customer Lists */
.rcust_lists { padding:0px; margin:0px; list-style-type:none; }
.rcust_lists li { padding:10px; margin:0px; font-size:14px; color:#000; border-radius:4px; border:1px solid #CCC; margin-bottom: 15px; }
.rcust_lists li a.call { float:right; font-size:12px; border:1px; background-color:green; color:#FFF; padding:5px 0 0 0; text-align:center; border-radius:50%; width:30px; height:30px; }
.rcust_lists li a.card { float:right; font-size:12px; border:1px; background-color:orange; color:#FFF; padding:10px 0 0 0; text-align:center; border-radius:50%; width:30px; height:30px; margin-right:10px; }

.upd-img-show { margin: 30px; padding:10px; position: relative; border: 1px solid #f00; }
.upd-img-show img { width:100%; }
.upd-img-show a { position:absolute; top:0; right:0; padding:5px; font-size:10px; background-color:red; color:#FFF; }

.remove_color { padding:7px 5px; font-size:10px; background-color:red; color:#FFF; }

.card-menu { padding:30px 30px 0px 30px; }
.card-menu .row>div { padding:0 10px; }
.card-menu a { display:block; width:100%; background-color:#000; color:#FFF; text-align:center; padding:10px 5px; font-size:12px; border-radius:4px; }
.card-menu a.active { background-color:#ec1b47; color:#FFF; }
.card-menu a span { font-size:11px; border:1px solid #FFF; background-color:#ec1b47; color:#FFF; padding-top:4px; display:block; width:25px; height:25px; margin:0 auto 5px auto; border-radius:50%; }

.slider-menu { padding:0 0 15px 0; }
.slider-menu a { display:block; width:48%; background-color:#000; color:#FFF; text-align:center; padding:10px 30px; font-size:12px; border-radius:4px; float:left; margin:0 0; }
.slider-menu a.active { background-color:#ec1b47; color:#FFF; }
.slider-menu a span { font-size: 11px; border: 1px solid #FFF; background-color: #ec1b47; color: #FFF; padding-top: 4px; display: block; width: 25px; height: 25px; margin: 0 auto 5px auto; border-radius: 50%; }
.slider-menu a:nth-child(2) { float:right; }

.exp_img { margin-bottom:15px; }
.exp_img img { width:100%; }

.attach_div a {     float: left;
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    background-color: #000;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 4px;
    margin: 8px 8px 20px 0; }
.attach_div a.attach_remove_btn { background-color:red; }

.aff_ben_div { color:#000; }
.aff_ben_div h1 { color:#000; padding:0; margin:30px 0 0 0; font-size:28px; }
.aff_ben_div h2 { color:#000; padding:0; margin:0 0 0 0; font-size:22px; }
.aff_ben_div h3 { background-color:#ec1b47; color:#FFF; padding:8px 10px; margin:30px 0 0 0; border-radius:4px; font-size:18px; }
.aff_ben_div p { color:#000; padding:8px; }
.aff_ben_div .proceed_btn { background-color:#ec1b47; color: #fff; padding:10px 15px; font-size: 14px; border-radius:20px; display:inline-block; left:0; right:0; }
.aff_ben_div .proceed_btn:hover { background-color:#000; color:#FFF; }
.aff_ben_div table { color:#000; width:100%; margin:15px 0 0 0; }
.aff_ben_div table th { color:#FFF; padding:4px 8px; font-size:14px; background-color:#dc7725; border:1px solid #dc7725; }
.aff_ben_div table td { color:#000; padding:4px 8px; font-size:14px; background-color:#FFF; border:1px solid #dc7725; }
.aff_ben_div ul { padding:0; margin:15px 0 0 0; list-style-type:decimal; font-size:14px; }
.aff_ben_div ul li { padding:0; margin:0 0 0 15px; }

.pnl_div h3 { background-color:#ec1b47; color:#FFF; padding:8px 10px; margin:30px 0 0 0; border-radius:4px; font-size:18px; }
.tbl { color:#000; width:100%; margin:15px 0 0 0; }
.tbl th { color:#FFF; padding:4px 8px; font-size:14px; background-color:#dc7725; border:1px solid #dc7725; }
.tbl td { color:#000; padding:4px 8px; font-size:14px; background-color:#FFF; border:1px solid #dc7725; }
.tbl .tot_row td { border-top:2px solid #dc7725 !important; font-weight:bold; }

.card_enty_pln { display:flex; color:#000; background-color:#000; font-size:14px; margin:15px 0; border-radius:4px; overflow:hidden; border:1px solid #000; }
.card_enty_pln .t { float:left; width:33%; background-color:#ec1b47; color:#FFF; padding:10px; font-weight:600; }
.card_enty_pln .n { float:left; width:33%; }
.card_enty_pln .n input { width:100%; color:#000; padding:10px; border:0px; height:100%; }
.card_enty_pln .n input:focus { outline:none; }
.card_enty_pln .a { float:right; width:33%; background-color:#000; color:#FFF; padding:10px; font-weight:600; }

/* Start Dialog Box */
.card_btn_ftr { padding:10px 20px 0 20px; margin:0 -30px; position:fixed; bottom:0; background-color:#EEE; width:100%; }
.fadeIn { animation: fadeIn .5s }
.zoomIn { animation: zoomIn .5s }
.zoomOut { animation: zoomOut .5s }
@keyframes zoomIn {
    0% { transform: scale(0) }
    100% { transform: scale(1) }
}
@keyframes zoomOut {
    0% { transform: scale(1) }
    100% { transform: scale(0) }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.dialog-ovelay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 999999 }
.dialog-ovelay .dialog { width: 350px; margin:45% auto 0; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 3px; overflow: hidden; }
.dialog-ovelay .dialog header { padding:10px 12px; background-color: #bf1e3f; border-bottom: 1px solid #e5e5e5 }
.dialog-ovelay .dialog header h3 { font-size: 14px; margin: 0; color: #FFF; display: inline-block }
.dialog-ovelay .dialog header .fa-close { float: right; color: #c4c5c7; cursor: pointer; transition: all .5s ease; padding: 0 2px; border-radius: 1px; }
.dialog-ovelay .dialog header .fa-close:hover { color: #b9b9b9; }
.dialog-ovelay .dialog header .fa-close:active { box-shadow: 0 0 5px #673AB7; color: #a2a2a2; }
.dialog-ovelay .dialog .dialog-msg { padding: 30px; text-align: center; }
.dialog-ovelay .dialog .video_popup { padding: 15px; }
.dialog-ovelay .dialog .dialog-msg p { margin: 0; font-size: 15px; color: #333; }
.dialog-ovelay .dialog footer { border-top: 1px solid #e5e5e5; padding: 8px 10px; }
.dialog-ovelay .dialog footer .controls { /*direction: rtl;*/ text-align:center; }
.dialog-ovelay .dialog footer .controls .btn { padding: 5px 15px; border-radius:4px; border:1px solid #CCC; margin-right:10px; }
.dialog-ovelay .dialog footer .controls .btn.doAction { background-color:#000; color:#FFF; }
.close_btn { font-size:12px; float:right; cursor:pointer; } 
/* End Dialog Box */

.webinar_ofr_pnl { background-color:#ec1b47d1; }
.webinar_ofr { color:#FFF; background-color:#ec1b47; padding:30px; height:100%; border-radius:10px; }
.webinar_ofr img { width:30%; margin:0 0 30px 0; }
.webinar_ofr h1 { font-size:28px; text-align:center; margin-bottom:30px; line-height:42px; }
.webinar_ofr h2 { font-size:22px; text-align:center; margin-bottom:30px; }
.webinar_ofr .pri { font-size:22px; padding:30px 0; border-radius:10px; text-align:center; margin-bottom:30px; background-color:#000; color:#FFF; }
.webinar_ofr .pri span { font-size:28px; }
.webinar_ofr #timer { font-size:38px; font-weight: 100; color: white; text-shadow: 0 0 20px #48C8FF; margin-bottom:20px; }
.webinar_ofr #timer div { display: inline-block; min-width:60px; }
.webinar_ofr #timer div span { color: #FFF; display: block; font-size: .35em; font-weight: 400; }
 
.hdr-fltr { background-color:#fbfbfb; padding:15px; margin:-15px -20px 0 -20px; }
.hdr-fltr h3 { margin:0 0 15px 0; font-size:16px; color:#000; }
.hdr-fltr .r { padding-bottom:10px; }
.hdr-fltr .r .l { font-size:14px; color:#000; float:left; margin-right:10px; line-height:24px; min-width:30%; }
.hdr-fltr .r .v { color:#000; min-width:65%; float:left; }
.hdr-fltr .r .v input[type="date"],
.hdr-fltr .r .v input[type="text"],
.hdr-fltr .r .v select { width:100%; border:1px solid #cecece; padding:2px; border-radius:4px; background-color:#FFF; color:#000; font-size:14px; }

.aff_list { color:#000; margin:0; padding:0 0; list-style-type:none; }
.aff_list>li { color:#000; padding:0; margin:0 0 5px 0; border:1px solid #000; border-radius:4px; }
.aff_list>li .cnt { float:left; padding:7px 0; text-align:center; background-color:#000; color:#FFF; min-width:50px; font-size:14px; }
.aff_list>li .hed { float:left; padding:7px 0 0 10px; font-size:16px; }
.aff_list>li .exp { float:right; padding:2px 0 0 0; margin:5px; text-align:center; background-color:#EEE; color:#000; width:25px; height:25px; font-size:14px; border-radius:4px; }
.aff_list>li .exp:hover { background-color:#000; color:#FFF; cursor:pointer; }
.aff_list>li .list_data { display:none; }
.aff_list>li .sub_cards_lists { padding:15px; margin:0; list-style-type:none; }
.aff_list>li .sub_cards_lists li { padding:15px 0; margin:0 0 0 0; font-size:14px; color:#000; border-bottom:1px solid #CCC; }
.aff_list>li .sub_cards_lists li .prf_img { padding-right:0; }
.aff_list>li .sub_cards_lists li .prf_img img { width:100%; }
.aff_list>li .sub_cards_lists li .sino { font-size: 14px; color: #000; float:left; padding:0 5px 0 0; border-right:1px solid #000; margin-right: 5px; }
.aff_list>li .sub_cards_lists li .code { font-size:14px; float:left; }
.aff_list>li .sub_cards_lists li .cdt { font-size:12px; float:right; }
.aff_list>li .sub_cards_lists li .name { font-size:18px; font-weight:600; }
.aff_list>li .sub_cards_lists li .name a { color:#000; font-size: 18px; }
.aff_list>li .sub_cards_lists li .email { margin:2px 0 0 0; color:blue; }
.aff_list>li .sub_cards_lists li .email a { color:blue; }
.aff_list>li .sub_cards_lists li .mob { margin:2px 0 5px 0; color:red; }
.aff_list>li .sub_cards_lists li .mob a { color:red; }
.aff_list>li .tot_amt { background-color:#ec1b47; color:#ffffffba; font-size:18px; text-align:center; padding:8px 0; border-radius:4px; }
.aff_list>li .tot_amt span { color:#FFF; font-size:22px; }
.aff_list>li .view_dtls { color:#000; text-decoration:none; font-size:14px; }
.aff_list>li .ord_aff_list { display:none; padding:5px 5px; }

.pls_wait_msg { text-align:center; margin:60px 0; font-size:12px; color:red; text-shadow:0 0 0; }
.rnf_msg { text-align:center; margin:60px 0; font-size:12px; color:red; text-shadow:0 0 0; }

.video_tutorial { margin:0; padding:0; list-style-type:none; }
.video_tutorial li { margin:0; padding:0 0 15px 0; list-style-type:none; }
.video_tutorial li h4 { color:#000; font-size:14px; }

.sample_card { margin:0; padding:0; }
.sample_card>div>div { padding:10px; border-bottom:1px solid #CCC; }
.sample_card h4 { color:#000; font-size:18px; margin:20px 0 5px 0; }
.sc_share_btns { margin-top:10px; color:#000; }
.sc_share_btns .tit { float:left; font-size:14px; }
.sc_share_btns .btns { float:left; }
.sc_share_btns a { text-decoration:none; float:left; font-size:14px; background-color:#777; color:#FFF; display:inline-block; padding:3px 8px; border-radius:4px; margin:-2px 0 0 5px; }
.sc_share_btns a.copy_card { background-color: #0565c7 !important; color:#FFF; float:right; }
.sc_share_btns a.copy_url { background-color: #3f99f5 !important; color:#FFF; float:right; }
.sc_share_btns a.copied { background-color: red !important; }
.sc_share_btns a.view_card { background-color: orange !important; color:#FFF; float:right; }

.ch_share_btns { margin-top:10px; }
.ch_share_btns .tit { float:left; }
.ch_share_btns .btns { float:left; }
.ch_share_btns a { float:left; font-size:14px; background-color:#777; color:#FFF; display:inline-block; padding:3px 8px; border-radius:4px; margin:-2px 0 0 5px; }
.ch_share_btns a.rem_card { background-color: red !important; color:#FFF; float:right; }
.ch_share_btns a.view_card { background-color: #3f99f5 !important; color:#FFF; float:right; }

.popup_card { display:none; position:fixed; width: 100%; height: 100%; background-color: #000; padding: 15px; top: 0; z-index: 10000; overflow:hidden; }
.popup_card .pc_hdr a { padding:8px 12px; border-radius:5px; background-color:#FFF; color:#000; font-size:12px; }
.popup_card .pc_hdr a.copy_card { background-color:red; color:#FFF; }
.popup_card .pc_hdr a:hover { text-decoration:none; }
.popup_card iframe { border:0px; width:100%; height:95%; margin-top:15px; background:url("../images/loader.gif") center center no-repeat; }

.design_my_card { padding:5px 8px; background:red; color:#FFF; font-size:12px; }
.design_my_card a { padding:5px 12px; background:#000; color:#FFF; font-size:11px; font-weight:bold; display:inline-block; margin-left:10px; border-radius:15px; }

#fltr_pcat_id { padding:5px; width:100%; margin:0 0 15px 0; border:1px solid #CCC; background-color:#FFF; font-size:14px; }
.list_data { padding:0px; margin:0px; list-style-type:none; }
.list_data li { padding:10px; margin:0px; font-size:14px; color:#000; border-radius:4px; border:1px solid #CCC; margin-bottom: 15px; background-color:#FFF; }
.list_data li .lft { float:left; }
.list_data li .lft .fa-sort { cursor:pointer; float: left; border: 1px solid #CCC; padding: 24px 10px; height: 100%; display: inline-block; margin: -11px 0 -11px -11px; border-radius: 2px 0 0 2px; }
.list_data li .lft .t_rgt { float:left; margin-left:10px; }
.list_data li .title { font-size:16px; }
.list_data li .stitle { font-size:12px; font-style:italic; }
.list_data li .rgt_btns { float:right; }
.list_data li .rgt_btns a { text-decoration:none; display:inline-block; padding: 8px 0; text-align: center; font-size: 12px; border-radius: 4px; margin-bottom: 5px; float:left; padding:8px; margin-left:5px; }
.list_data li .rgt_btns a:hover { background-color:#000; color:#FFF; }
.list_data li .rgt_btns a.order_now_btn { background-color:red; color:#FFF;  }

.list_data li.inactive { opacity:0.5; }

.brand_list label { display:block; cursor:pointer; margin:0; padding:0; }
.brand_list label input { margin-right:5px; }

.add_prod_btn { margin:0 0 10px 0; float:right; font-size:12px; }

.prod_list_box h2 { margin:0 0 10px 0; padding:0; font-size:16px; color:#000; }
.prod_fltr_dwn select { width:100%; background-color:#FFF; padding:5px; font-size:16px; margin-bottom:5px; border-radius:4px; border:1px solid #CCC; }

ul.product_list { margin:15px 0 30px 0; padding:0; list-style-type:none; color:#000; }
ul.product_list li { margin:0 0 30px 0; padding:0; list-style-type:none; border-bottom:1px solid #CCC; position:relative; overflow:auto; }
ul.product_list .lft { width:100%; }
ul.product_list .rgt { width:100%; }
ul.product_list .lft img { width:100%; }
ul.product_list .lft .name { font-size:16px; font-weight:bold; text-transform:uppercase; }
ul.product_list .lft .name span { display:block; font-size:9px; font-weight:normal; }
ul.product_list .rgt .name { display:none; font-size:16px; font-weight:bold; margin-top: 10px; }
ul.product_list .rgt .name span { display:block; font-size:9px; font-weight:normal; }
ul.product_list .rgt a { padding:8px 8px; font-size:10px; background-color:#333; color:#FFF; float:right; display:inline-block; margin:7px 0 0 5px; border-radius:4px; }
ul.product_list .rgt a:hover { text-decoration:none; background-color:#EEE; color:#000; }
ul.product_list .rgt .unit { width:20%; float:left; background-color:#FFF; padding:5px 7px; border:1px solid #6e7273; font-size:12px; }
ul.product_list .rgt .price { width:40%; float:left; background-color:#6e7273; color:#FFF; padding:5px 7px; border:1px solid #6e7273; font-size:12px; }
ul.product_list .rgt .offer_price { width:40%; float:left; background-color:#FFF; padding:5px 7px; border:1px solid #6e7273; font-size:12px; }
ul.product_list .short_desc { margin-top:10px; }
ul.product_list .add_to_cart { margin-top:10px; width:105px; float:left; }
ul.product_list .add_to_cart .fa { width:22px; height:22px; text-align:center; font-size:16px; cursor:pointer; }
ul.product_list .add_to_cart input { width:50px; border-radius:4px; border:1px solid #CCC; text-align:center; }
ul.product_list .rgt .brands { float:left; }
ul.product_list .rgt .brands img { width:60px; float:left; margin:6px 10px 0 0; }
ul.product_list .rgt .actbtns { position:absolute; right: 5px; bottom: 5px; }
ul.product_list .rgt .actbtns .lab_chk { float:right; display:block; margin:10px 0 0 5px; cursor:pointer; padding:7px 0 0 0; width:26px; height:26px; text-align:center; border-radius:4px; background-color:#333; color:#FFF; }
ul.product_list .rgt .actbtns .lab_chk input { display:none; }
ul.product_list .rgt .actbtns .lab_chk input:checked ~ .fa-check { display:block; }
ul.product_list .rgt .actbtns .lab_chk input:checked ~ .fa-square { display:none; }
ul.product_list .rgt .actbtns .lab_chk input ~ .fa-check { display:none; }
ul.product_list .rgt .actbtns .lab_chk input ~ .fa-square { display:block; }
ul.product_list .rgt .actbtns .lab_chk input ~ .fa { font-size:12px; }

#upd_sort_order>label { color:#000; float:right; margin:10px 0 0 0; padding:5px 10px; border:1px solid #CCC; border-radius:4px; font-size:14px; cursor:pointer; }
#upd_sort_order>label input { display:none; }
#upd_sort_order>label input:checked ~ .fa-check { display:block; }
#upd_sort_order>label input:checked ~ .fa-square { display:none; }
#upd_sort_order>label input ~ .fa-check { display:none; }
#upd_sort_order>label input ~ .fa-square { display:block; }
#upd_sort_order>label input ~ .fa { font-size:12px; float:left; margin: 5px 6px 0 0; }
#upd_sort_order .del_sel_prod_btn { text-decoration: none; display:none; background-color: red; color:#FFF; float:right; margin:10px 5px 0 0; padding:8px 10px; border:1px solid red; border-radius:4px; font-size:14px; cursor:pointer; }

ul.product_list.list .lft { width:25%; float:left; }
ul.product_list.list .rgt { width:73%; float:right; padding-right: 15px; }
ul.product_list.list .lft .fa-sort { padding:6px 8px; border-radius:4px; position:absolute; background-color:#ec1b47; color:#FFF; margin:5px; }
ul.product_list.list .lft .name { display:none; }
ul.product_list.list .rgt .name { display:block; }
ul.product_list.list .short_desc,
ul.product_list.list hr { display:none; }
ul.product_list.list .rgt a { margin-top:10px; }
ul.product_list.list li { margin: 0 0 15px 0; padding:0; border: 1px solid #CCC; border-radius: 4px; }
ul.product_list.list li.featured { background-color:#ececed85; }
ul.product_list.list li.inactive { opacity:0.5; }

.prod_dtls_boxes .add_more_unit_btn { font-size:12px; background-color:#000; color:#FFF; padding:5px 8px; float:right; text-decoration:none; }
.frm_product_form .add_more_img_btn { font-size:12px; background-color:#000; color:#FFF; padding:5px 8px; float:right; text-decoration:none; }
.prod_dtls_bx { border:1px solid #CCC; border-radius:4px; padding:15px; margin-bottom:15px; position:relative; overflow:hidden; background-color: #f7f7f7; }
.prod_dtls_bx .delete_unit_btn { font-size:12px; background-color:red; color:#FFF; padding:5px 8px; position:absolute; right:0; top:0; text-decoration:none; }

.prod_img_boxes { overflow:auto; margin:30px 0 10px 0; width:100%; }
.prod_img_boxes>.r { margin-bottom:10px; }
.prod_img_boxes .rem_pro_img { color:red; font-size:12px; }

.user_cart_div { color:#000; font-size:14px; }
.user_cart_div .lft { float:left; width:20%; }
.user_cart_div .rgt { float:right; width:78%; }
.user_cart_div .lft img { width:100%; border:1px solid #CCC; }
.user_cart_div ul { padding:0; margin:0; list-style-type:none; }
.user_cart_div ul.hide_item_list_img .lft { display:none; }
.user_cart_div ul.hide_item_list_img .rgt { width:100%; }
.user_cart_div ul li { padding:0 0 15px 0; margin:0 0 15px 0; list-style-type:none; border-bottom:1px solid #CCC; }
.user_cart_div h1 { width:100%; padding:0; margin:0 0 5px 0; font-size:14px; font-weight:600; }
.user_cart_div .qty { float:left; margin-right:15px; }
.user_cart_div .pri { float:left; }
.user_cart_div .spri { float:left; font-weight:bold; }
.user_cart_div .gtot { font-size:16px; font-weight:bold; padding:15px 0; text-align:right; border-top:1px solid #000; margin-top: -16px; }
.user_cart_div .gtot span { display:inline-block; margin-right:10px; }
.user_cart_div .pay_now_btn { float:right; background-color:#000; color:#FFF; }
.user_cart_div .rem_item_btn { float:right; font-size:12px; background-color:red; color:#FFF; padding:5px 8px; border-radius:4px; }
.user_cart_div .rem_item_btn i { margin-right:5px; }
.user_cart_div .cart_empty { text-align:center; }
.user_cart_div .smry_tbl { width:100%; margin:0 0 20px 0; font-size:16px; }
.user_cart_div .smry_tbl .fa { font-size:14px; }
.user_cart_div .smry_tbl tr th { background-color:#ff6a00; color:#FFF; padding:6px; }
.user_cart_div .smry_tbl tr td { padding:6px 3px; border-bottom:1px solid #CCC; }
.user_cart_div .smry_tbl tr.gtot th, 
.user_cart_div .smry_tbl tr.gtot td { color:red; font-size:20px; font-weight:600; }
.user_cart_div .smry_tbl tr.gtot td .fa { font-size:18px; }

.prod_acpt_list { display:none; background-color:#FFF; left:0; margin-top: -30px; color:#000; font-size:14px; position:absolute; width:100%; height:100%; padding:30px; }
.prod_acpt_list .lft { float:left; width:12%; }
.prod_acpt_list .rgt { float:right; width:85%; }
.prod_acpt_list .lft img { width:100%; border:1px solid #CCC; }
.prod_acpt_list ul { padding:0; margin:0; list-style-type:none; }
.prod_acpt_list ul li { padding:0 0 15px 0; margin:0 0 15px 0; list-style-type:none; border-bottom:1px solid #CCC; }
.prod_acpt_list h1 { width:100%; padding:0; margin:0 0 5px 0; font-size:20px; }
.prod_acpt_list h4 { width: 100%; padding: 15px; margin: 0 0 20px 0; font-size: 16px; color: white; background-color: #d84141; border-radius: 4px; }
.prod_acpt_list .acpt_cb { float:right; }
.prod_acpt_list .acpt_cb label { border: 1px solid #CCC; padding: 5px 7px; border-radius: 2px; font-size:12px; }
.prod_acpt_list .partially_acpt_exit_btn { float:left; font-size: 14px; margin-bottom: 2px; text-decoration:none; padding:6px 8px; background-color:#000; color: #FFF; border-radius: 4px; }
.prod_acpt_list .partially_acpt_btn { float:right; font-size: 14px; margin-bottom: 2px; text-decoration:none; padding:6px 8px; background-color:#ec1b47; color: #FFF; border-radius: 4px; }

.user_cart_div #frm_online_btn, 
.user_cart_div #frm_cod_btn { background-color:#0090f6; color:#FFF; width:100%; }
.user_cart_div #frm_enq_btn { background-color:#0090f6; color:#FFF; width:100%; }

.user_ord_div { color:#000; font-size:14px; margin:0; }
.user_ord_div ul { padding:0; margin:0; list-style-type:none; }
.user_ord_div ul li { padding:0 0 10px 0; margin:0 0 10px 0; list-style-type:none; border-bottom:1px solid #CCC; }
.user_ord_div h1 { float:left; padding:0; margin:0 0 5px 0; font-size:16px; }
.user_ord_div .dt { float:left; font-size:12px; margin-top:5px; }
.user_ord_div .amt { float:right; }
.user_ord_div .st { font-weight:600; }
.user_ord_div .st span { background-color:#a9abb1; color: #FFF; padding: 2px 6px 4px 6px; font-size: 13px; border-radius: 4px; display: inline-block; float: left; }
.user_ord_div .st span.o { width:40%; }
.user_ord_div .st span.d { width:30%; margin:0 8px; }
.user_ord_div .st span.p { width:25%; float: right; margin: 0; font-style:italic; }
.user_ord_div .st span p { display:block; font-size:11px; margin:0; color:#000; }
.user_ord_div .st span.pending { background-color:#ec1b47 !important; }
.user_ord_div .st span.pending p { color:#FFF !important; }
.user_ord_div a { float:right; margin-top:5px; font-size:10px; background-color:#ec1b47; color:#FFF; padding:5px 8px; border-radius:4px; }
.user_ord_div a i { margin-right:5px; }
.user_ord_div .gtot { font-size:16px; font-weight:bold; padding:15px 0; text-align:right; border-top:1px solid #000; margin-top: -16px; }
.user_ord_div .gtot span { display:inline-block; margin-right:10px; }

.porder_succ_msg { color:#000; text-align:center; margin:30px 0; line-height:30px; }
.porder_succ_msg h1 { font-size:18px; }
.porder_succ_msg i { font-size:32px; margin:15px 0; }
.porder_succ_msg .succ_clr { color:green; }
.porder_succ_msg .unsucc_clr { color:red; }
.porder_succ_msg a { font-size:14px; color:red; font-weight:bold; text-decoration:underline; }

.rel_copy_ref_url { width:100%; margin:0 0 30px 0; }
.rel_copy_ref_url input[type="text"] { width:75%; border:1px solid #EEE; background-color:#FFF; color:#000; padding:8px; font-size:12px; float:left; }
.rel_copy_ref_url input[type="button"] { width:25%; border:1px solid #EEE; background-color:#000; color:#FFF; padding:8px; font-size:12px; float:right; }

.sms_plan_form { color:#000; }
.sms_plan_form ul { margin:0; padding:0; list-style-type:none; }
.sms_plan_form ul li { margin:0; padding:5px 0; font-weight:bold; border-bottom:1px solid #CCC; }
.sms_plan_form .sms_col { width:100%; font-size:14px; background-color:#EEE; padding:30px; }
.sms_plan_form .sms_col .title { background-color:#000; color:#FFF; padding: 10px; }
.sms_plan_form .sms_col .title label { font-weight:bold; cursor:pointer; font-size:18px; margin:0; }
.sms_plan_form .sms_col>div { margin-bottom:10px; text-align:center; }
.sms_plan_form .sms_col>div>span { display:block; margin:0 0 5px 0; font-size:16px; font-weight:600; }
.sms_plan_form .sms_col .net_price { font-size: 28px; color: red; }
.sms_plan_form .sms_type { text-align:center; font-size:16px; margin:0 0 1px 0; background-color:#000; color:#FFF; padding:10px; }
.sms_plan_form .sms_type .fa { font-size:18px; float:right; margin:5px 0 0 0; cursor:pointer; }
.sms_plan_form .sms_type_cols { display:none1; }
.sms_plan_form .sms_type_cols table { width:100%; margin:0 0 20px 0; font-size:12px; }
.sms_plan_form .sms_type_cols table tr th { background-color:#ff6a00; color:#FFF; padding:6px; }
.sms_plan_form .sms_type_cols table tr td { padding:6px; border-bottom:1px solid #CCC; }

.sms_plan_form .tottbl { width:100%; font-size:14px; background-color: #f76a0152; }
.sms_plan_form .tottbl th { text-align:right; border: 1px solid #bd6320; vertical-align:top; }

.sms_selected_plan { display:none; margin-top:30px; border:2px solid red; text-align:center; }
.sms_selected_plan h2 { padding:15px 0; margin:0; background-color:red; color:#FFF; font-size:22px; text-align:center; }
.sms_selected_plan>div { margin-bottom:10px; } 

.send-sms-pnl h3 { float:left; }
.send-sms-pnl .sell_all { color: #000; font-size: 14px; margin: 0 0 10px 0; padding: 10px; background-color: #eee; text-align: right; }
.send-sms-pnl .sell_all input { margin-left:10px; }

.sms_rep_pnl h3 { font-size:18px; border-bottom:2px solid #000; padding-bottom:5px; }
.sms_rep_tbl h6 { font-size:14px; padding-bottom:0; color:#000; }
.sms_rep_tbl table { width:100%; font-size:14px; }
.sms_rep_tbl table tr th { background-color:#000; color:#FFF; padding:5px 8px; }
.sms_rep_tbl table tr td { background-color:#fbe9ec; color:#000; padding:5px 8px; }

.crop_img_div { position:relative; }
.crop_img_div .browse_img { position:absolute; top:0; right:60px; font-size:16px; color:#FFF; background-color:#000; padding:7px 7px 8px 7px; cursor:pointer; z-index: 2; }
.crop_img_div .browse_img_close { position:absolute; top:0; right:73px; font-size:16px; color:#FFF; background-color:red; padding:8px; cursor:pointer; z-index: 2; display:none; }

#browse_img_pnl { display:none; position: fixed; z-index:10; width:100% !important; height:100%; top:0; margin: 0 auto; left: 0; right: 0; background-color:#EEE; }
#browse_img_pnl .h { width:100%; height: 34px; background-color:#000; color:#FFF; font-size:16px; }
#browse_img_pnl .h h4 { font-size:16px; padding:6px 8px; }
#browse_img_pnl .h span { float:left; }
#browse_img_pnl .b { width:100%; padding:30px 15px 0 15px; }
#browse_img_pnl .h .clo_pnl { position:absolute; top:0; right:0; font-size:16px; color:#FFF; background-color:red; padding:5px 6px; cursor:pointer; z-index: 2; text-decoration:none; }
#browse_img_pnl select { width:100%; font-size:12px; padding:8px; margin:0 0 15px 0; border:1px solid #CCC; }
#browse_img_pnl .img_list { padding:0 15px; }
#browse_img_pnl .img_list .rnf_msg { width:100%; text-align:center; }

#browse_img_pnl .img_list>div { width: 25%; float: left; margin-bottom: 15px; padding: 3px; cursor:pointer; }
#browse_img_pnl .img_list img { width:100%; }
#browse_img_pnl .img_list img:hover { border:1px solid #000; }
#browse_img_pnl .img_list span { background-color: #000; color: #FFF; font-size: 10px; display: block; padding: 5px 8px; word-break: break-all; }

.cust_ord_disc_tbl { margin-bottom:10px; }
.cust_ord_disc_tbl td input[type="number"] { width:100%; border:0px; }
.cust_ord_disc_tbl td input[type="number"]:focus {  }

div.notes { font-size:16px; margin:20px 0 10px 0; }
div.terms { margin: 30px 0 0 0; padding:0; border-radius: 4px; }
div.terms>div h3 { font-size:16px; background-color:#f76a01; color:#FFF; padding:8px 8px; margin:5px 0 0 0; }
div.terms>div>div { font-size:14px; }
div.terms .fa { float: right; background-color: #252525; color: #FFF; padding: 9px 0 0 0;  font-size: 16px; cursor: pointer; width: 35px; text-align: center; height: 35px; margin: -8px -8px 0 0; }

.wmsg { color:#ec1b47; text-align:center; margin:20px 0 0 0; line-height:26px; }
.wmsg a { background-color:#000; color:#FFF; padding:3px 8px 5px 8px; border-radius:3px; }

.pymt_vali_fields { line-height:26px; background-color:#b30429; color:#FFF; padding:15px 30px; margin:30px 0; font-size:12px; border-radius:4px; }
.pymt_vali_fields a { background-color:#000; color:#FFF; padding:2px 8px 3px 8px; border-radius:4px; }

.ctabs { padding:0; margin:0; list-style-type:none; border-bottom:2px solid #000; }
.ctabs li { padding:0; margin:0; float:left;  }
.ctabs li a { background-color:#ec1b47; color:#FFF; padding:6px 8px; font-size:12px; display:inline-block; text-decoration:none; }
.ctabs li a.active { background-color:#000; color:#FFF; }
.ctabs_body { background-color:#FFF; padding:0 0 15px 0; margin-bottom:15px; }

.card_ord_list .h { padding: 5px; font-size: 16px; border: 1px solid #e8e8e8; border-radius: 3px; }
.card_ord_list .h h2 { font-size:18px; margin:0; padding:0; font-weight: 600; }
.card_ord_list .h p { font-size:14px; margin:0; padding:0; }
.card_ord_list .h .l { width:30%; float:left; }
.card_ord_list .h .r { width:70%; float:left; padding:5px 0 5px 5px; }
.card_ord_list .h a { padding:5px 8px; background-color:#ec1b47; color:#FFF; margin:5px 0 0 0; display:block; float:left; font-size:12px; }
.card_ord_list .d { display:none; padding: 10px; border: 1px solid #e8e8e8; margin: 0 0 10px 0; background-color: #f5f5f5; border-radius: 0 0 3px 3px; }
.card_ord_list .d h2 { font-size:16px; }
.card_ord_list .d ul li { border-bottom: 1px solid #00000017 !important; }
.card_ord_list .h a.view_crd_btn { float:right; }

.dialog_file_popup { width:90% !important; margin:0 auto !important; top:0 !important; height:100% !important; }
.dialog_file_popup iframe { height:100%; }

.msg_tyle_hdr { font-size:14px; font-weight:600; margin:0 0 10px 0; }
.msg_tyle_hdr label { font-size:12px; font-weight:600; background-color:#EEE; color:#000; padding:6px 10px; border-radius:4px; cursor:pointer; }
.msg_tyle_hdr label input { margin:0 4px 0 0; }
.frm_msg_count { font-size:12px; }

.msg_send_box { display:none; background-color: #1d9a1d; color: #FFF; font-size: 14px; padding: 9px 8px; text-align: center; margin: 0 0 10px 0; border-radius: 3px; }
.msg_send_box.err { background-color: #de5471; }

.cterms4 { text-align: center; font-size: 14px; font-weight: 600; background-color: #f7f4d3; padding: 10px 15px; }
.cterms4 i.fa { width: 20px; height: 20px; background-color: red; color: #FFF; border-radius: 50%; padding: 4px 0 0 0; margin:0 0 5px 0; font-size: 11px;  }

.p_tab { margin:0 0 15px 0; }
.p_tab ul { margin:0; padding:0; list-style-type:none; border-bottom: 6px solid #ec1b47; }
.p_tab ul li { margin:0; padding:0; float:left; width:33%; }
.p_tab ul li a { margin:0; padding:10px 0; text-align:center; width:100%; background-color:#000; color:#FFF; font-size:12px; display:block; text-decoration:none; border-radius:2px 2px 0 0; }
.p_tab ul li a.active { background-color:#ec1b47; color:#FFF; }
.p_tab ul li:nth-child(2) { margin:0 1px; }
.p_tab_body { display:none; }

.cropControls { background-color:#000 !important; top:0 !important; left:0 !important; }

.mov_lab { font-size:18px; background-color:#ef1111; color:#FFF; text-align:center; padding:15px 0; border-radius:4px; }
.mov_lab i { font-size:16px; }

.dlry_chrg_frm { margin-bottom:30px; }
.dlry_chrg_frm h3 label { float: right; padding: 5px 8px; margin:0; font-size: 12px; border: 1px solid #CCC; border-radius: 3px; cursor:pointer; }
.dlry_chrg_frm h3 label input { margin-right:5px; }

.crdt_bal { color:green; float:right; font-weight:600; }
.crdt_bal span { padding:5px 6px; font-size:12px; font-weight:normal; background-color:red; color:#FFF; border-radius:4px; }

ul.usr_gud_lists { padding:5px 10px; margin:0; list-style-type:none; border:1px solid #CCC; border-radius:6px; }
ul.usr_gud_lists li { padding:7px 0 7px 5px; margin:0; list-style-type:none; color:#000; font-size:14px; border-top:1px solid #CCC; }
ul.usr_gud_lists li:first-child { border-top:0px !important; }
ul.usr_gud_lists li .n { float:left; width:8%; text-align:center; border-right:1px solid #CCC; font-weight:600; }
ul.usr_gud_lists li .t { float:left; width:70%; margin-left:7px; font-weight:600; }
ul.usr_gud_lists li .d { float:right; width:20%; text-align:center; display:block; background-color:red; color:#FFF; padding:4px 0; text-align:center; border-radius:3px; font-size:11px; }
ul.usr_gud_lists li .d i { font-size: 9px; border-radius: 50%; width: 16px; height: 16px; margin: 0 3px 0 0; padding: 3px 1px 0 0; text-align: center; background-color: #000; color: #FFF; display: inline-block; }

ul.cards_like_lists { padding:0; margin:0; list-style-type:none; }
ul.cards_like_lists li { padding:8px 0; margin:0; list-style-type:none; color:#000; border-bottom:1px solid #f1f1f1; }
ul.cards_like_lists li .s { font-size:12px; float:left; margin:0 5px 0 0; border-right:1px solid #000; padding:0 5px 0 0; }
ul.cards_like_lists li .n { font-size:12px; float:left; }
ul.cards_like_lists li .d { font-size:12px; float:right; }

.cmnts_div { display:none; background-color:#f7f7f7; border:1px solid #e8e7e7; padding:15px; margin:15px 0 0 0; }
.cmnts_div .add_cmnts textarea { margin:0; padding:5px 8px; text-align:left; height:100px; border:1px solid #e8e7e7; width:100%; }
.cmnts_div .add_cmnts input[type="button"] { margin: 6px 0 0 0; padding: 4px 8px; float:right; text-align:center; border:0px; border-radius:3px; background-color:#000; color:#FFF; } 
.cmnts_div ul { padding:0; margin:0; list-style-type:none; }
.cmnts_div ul li { padding:15px 0; margin:10px 0 0 0; border-top:1px solid #CCC; border-bottom:0 solid; position:relative; }
.cmnts_div ul li p { font-size:14px; padding:0; margin:0; }
.cmnts_div ul li h6 { font-size:10px; padding:0; margin:10px 0 0 0; float:right; }
.cmnts_div ul li a { display:none; border-radius:2px; font-size:10px; background-color:#e83e3e; color: #FFF; padding: 3px 5px; margin: 15px 0 0 0; right: 0; top: 0; position: absolute; }
.cmnts_div ul li:hover a { display:block; text-decoration:none; }

.dsh_rel_agree_bx .frm_succ_msg { background-color: #3fa93f; color: #FFF; font-size: 18px; padding: 30px 20px; display: none; margin: 15px 0; border-radius: 4px; text-align: center; }
.dsh_rel_agree_bx .frm_succ_msg h2 { font-size:24px; line-height:36px; }
.dsh_rel_agree_bx .frm_succ_msg h3 { font-size:20px; line-height:30px; font-weight:normal; }
.dsh_rel_agree_bx .frm_succ_msg i { font-size:32px; margin-top:10px; }
.dsh_rel_agree_bx .frm_succ_msg a.SuccMsgCloseBtn { padding: 5px 8px; display: block; margin: 15px auto 0 auto; font-size: 14px; background-color: #000; color: #FFF; width: 100px; border-radius: 3px; }

@media (min-width:500px) {
	body, .card_btn_ftr { width:500px !important; }
	.dialog-ovelay .dialog { margin-top:200px; }
}