a/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.btn, a, img { outline: none !important; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
a{color: #39529b}
a:hover { color: #18b5ff !important; cursor: pointer; }
.font12 { font-size: 12px; line-height: 20px; }
.font14 { font-size: 14px; line-height: 22px; }
.font16 { font-size: 16px; line-height: 24px; }
.font18 { font-size: 18px; line-height: 26px; }
.font24 { font-size: 24px; line-height: 32px; }
.font32 { font-size: 32px; line-height: 40px; }
.font42 { font-size: 42px; line-height: 50px; }
.light { font-weight: 300; }
.medium { font-weight: 500; }
.bold { font-weight: 700; }
.no-border { border: 0px !important; }
.no-margin { margin: 0px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-top-0 { margin-top: 0px !important; }
.margin-bottom-0 { margin-bottom: 0px !important; }
.no-padding { padding: 0px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-top-0 { padding-top: 0px !important; }
.padding-bottom-0 { padding-bottom: 0px !important; }
strong { font-weight: 500 !important; }
p { font-size: 16px; line-height: 24px; }
p { color: #444; }
.h1, .h2, .h3, h1, h2, h3 { font-weight: 400 !important; margin-top: 0px !important; }
.gray-text { color: #666 !important; }
.black-text { color: #444 !important; }
.green-text { color: #3cb55b !important; }
.red-text { color: #ff5555 !important; }
.blue-text { color: #39529b !important; }
.skyblue-text { color: #18b5ff !important; }
a, label { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; }
.link-btn { text-transform: uppercase; color: #39529b; }
.form-control { box-shadow: none !important; height: auto !important; border-radius: 3px; }
/*default*/

/*custom*/
.custom .radio input[type=radio] { display: none; }
.custom .radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 15px; }
.custom .radio label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background:url(../images/radio.png) no-repeat; background-size: 18px; top: 2px; }
.custom .radio label:before { border-radius: 100px; }
.custom .radio input[type=radio]:checked + label:before { content: ""; background: url(../images/radio_act.png) no-repeat; background-size: 18px; }

.custom .checkbox input[type=checkbox] { display: none; }
.custom .checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 14px; }
.custom .checkbox label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background:url(../images/checkbox.png) no-repeat; background-size: 18px; top: 1px; }
.custom .checkbox label:before { border-radius: 0px; }
.custom .checkbox input[type=checkbox]:checked + label:before { content: ""; background:url(../images/checkbox-act.png) no-repeat; background-size: 18px;  }
/*custom*/


/*layout*/
body { background-color: #dfe3e8 !important; line-height: 1; font-family: 'Roboto', sans-serif !important; font-weight: 400;font-size:14px;}
.wrapper { background: #fff; display: table; width: 100%; }
/*theme btn*/
.btn { letter-spacing: 1px; }
.btn-big { padding: 12px 30px !important; font-size: 16px !important; }
.btn.btn-primary { color: #fff !important; background: #18b5ff; border-color: #18b5ff; padding: 10px 20px; line-height: normal; text-transform: uppercase; border-radius: 3px; border-width: 2px; font-weight: 500; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:hover, .btn-primary:focus { color: #18b5ff !important; background-color: transparent !important; border-color: #18b5ff !important; box-shadow: none !important; }
.btn.btn-default { color: #fff !important; background: #39529b; border-color: #39529b; padding: 10px 20px; line-height: normal; text-transform: uppercase; border-radius: 3px; border-width: 2px; font-weight: 500; }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover, .btn-default:hover, .btn-default:focus { color: #39529b !important; background-color: transparent!important; border-color: #39529b !important; box-shadow: none !important; }
.btn.btn-default-stroke { color: #39529b !important; background: #fff; border-color: #39529b; padding: 10px 20px; line-height: normal; text-transform: uppercase; border-radius: 3px; border-width: 2px; font-weight: 500; }
.btn-default-stroke.active.focus, .btn-default-stroke.active:focus, .btn-default-stroke.active:hover, .btn-default-stroke.focus:active, .btn-default-stroke:active:focus, .btn-default-stroke:active:hover, .open > .dropdown-toggle.btn-default-stroke.focus, .open > .dropdown-toggle.btn-default-stroke:focus, .open > .dropdown-toggle.btn-default-stroke:hover, .btn-default-stroke:hover, .btn-default-stroke:focus { color: #fff !important; background: #39529b !important; border-color: #39529b; box-shadow: none !important; }
/*theme btn*/
header { position: relative; width: 100%; }
/*nav*/
.navbar.navbar-default { margin-bottom: 0px; border-radius: 0px; border-width: 0 0 1px 0; background: #fff; padding: 15px 0; }
.navbar.navbar-default li a { text-transform: uppercase; font-weight: 500; }
.navbar-default .navbar-nav > li > a { color: #444; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #18b5ff; }
.navbar.navbar-default .navbar-brand { padding: 5px 0 0 15px; }
.navbar.navbar-default .navbar-brand > img { width: 65px; }
.navbar.navbar-default .btn.btn-primary { margin-top: 5px; }
.nav.navbar-nav { padding-left: 15px; }
.navbar.navbar-default .navbar-toggle { border: 0px; background-color: transparent !important; margin-top: 10px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #39529b !important; }
/*section*/
section .content { margin-top: 60px; }
.banner { background: url(../images/banner.png) no-repeat 80% top; background-size: cover; width: 100%; min-height: 600px; }
/*verticle center*/
.rowflex { display: flex; flex-wrap: wrap; }
.align-group-center { -moz-box-align: center; align-items: center; display: flex; }
.text-wrap { width: 100%; }
/*verticle center*/
.section4 .sub-text { width: 60%; margin: 0 auto; display: table; }
.section4 .img-box { position: relative; margin-top: 30px; }
.section4 .img-box img { width: 100%; }
.section4 .img-box .img-overlay { position: absolute; bottom: 0; padding: 30px; }
.section4 .group h3 { font-weight: 300 !important; }
.img-overlay h3, .img-overlay p { color: #fff !important; }
.img-overlay.shade1 { background-color: #87969d; }
.img-overlay.shade2 { background-color: #86a2b5; }
.img-overlay.shade3 { background-color: #64b4d2; }
.stripe-row { width: 100%; float: left; background: #5e6782; color: #fff; margin-top: -1px; }
.stripe-row .group { padding-left: 30px; padding-top: 75px; float: left; }
.stripe-row .btn-group { margin-top: 90px; float: right; padding-right: 60px; }
.stripe-row .btn-group .btn-store:first-child { margin-left: 0px !important; }
.stripe-row .btn-group .btn-store { display: inline-block; width: 190px; margin-left: 15px; }
.section5 .wrapper { background: #fff url(../images/map.png) no-repeat center 30px; background-size: auto; }
footer .wrapper { background: #010427 url(../images/footer.png) repeat left top; }
footer .content { color: #fff; padding-top: 60px; }
footer .content p { color: #fff; }
footer .con { padding-bottom: 60px; float: left; width: 100%; }
footer h3 { margin-top: 40px !important; font-size: 24px; }
footer p span { color: #919eab; }
footer .form-control { background-color: transparent; border-color: #334b63; color: #919eab; border-radius: 3px; padding: 10px 10px; height: auto; box-shadow: none !important; }
.sub-footer .content { background: #010a37; padding-bottom: 40px; border-top: 1px solid #1b234b; }
.sub-footer .btn-store { display: inline-block; width: 160px; margin-right: 15px; }
.sub-footer ul { float: left; width: 100%; margin-top: 15px; }
.sub-footer ul li { float: left; border-right: 1px solid #919eab; }
.sub-footer ul li:last-child { border: 0px; }
.sub-footer ul li a { color: #919eab; padding: 0px 15px; display: block; line-height: 14px; }
.sub-footer ul li:first-child a { padding-left: 0px; }
.sub-footer .social { float: right; margin-top: 10px; }
.sub-footer .fa { color: #fff; font-size: 18px; margin-left: 20px; }
.sub-footer .fa:hover { text-decoration: none; }
.sub-footer p { text-align: right; width: 100%; letter-spacing: 1px; float: right; margin-top: 25px; color: #919eab !important; font-size: 13px; }
/*--modal--*/
body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.modal-open { padding-right: 0px !important; }

body .modal-backdrop.fade.in {
    opacity : .5 !important;    
    display: block !important;
}

body .modal-backdrop.in {
    opacity : 0 !important;
    display: none !important;
}

/*body .modal-backdrop {
  opacity : 0;
}
body .modal-backdrop:nth-child(2n-1) {
  opacity : 0;
}*/
/*
body .modal-backdrop:nth-child(2n) {
  opacity : 0;
}

body .modal-backdrop:nth-child(3n-1) {
  opacity : 0;
}
body .modal-backdrop:nth-child(3n) {
  opacity : 0;
}*/
/*--vertical center--*/
.modal { text-align: center; padding: 0!important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
/*--end vertical center--*/
.modal .close { font-size: 30px; font-weight: 400; line-height: 1px; padding: 12px 5px; margin-top: 0px !important; }
.modal .modal-content { border-radius: 0px !important; }
.modal .modal-content .modal-header { background: #f2f2f2; text-align: center; }
.modal .modal-content .modal-title { font-weight: 500;font-size: 22px; }
.modal .btn .fa { float: left; font-size: 18px; }
.modal .max-pad { padding: 5% 10%; }
.or { text-align: center; margin: 5% 0; width: 100%; float: left; }
.modal { overflow: auto !important; }
.modal .form-control { background: #f8f8f8; border-color: #e5e5e5; padding: 10px; }
/*become a driver*/
.becomeadriver .wrapper { background: #f4f6f8; }
.form-bg { background: #fff; padding: 3%; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); margin-bottom: 60px; }
.form-bg label { font-weight: 400; }
.form-bg .form-control { background: #fff; border-color: #e5e5e5; padding: 10px; }
.stat { width: 100%; text-align: center; padding: 0 0 15px; }
.stat .fa { margin: 0 5px; color: #dfe3e8; }
.stat .fa.active { color: #18b5ff; }
.btn-group.bootstrap-select { width: 100% !important; }
.browse-input { display: none !important; }
.back { margin-top: 10px; float: left; }
.back .fa { margin-right: 5px; font-size: 24px; float: left; }
.back span { line-height: 26px; float: left; text-transform: uppercase; }
.modal .btn-store { display: inline-block; width: 190px; margin-right: 15px; }
.head-title { background: #01042b; text-align: center; padding: 60px 0; color: #fff; }
.head-title h1 { margin-bottom: 0px; }
.stat-content .content { padding: 30px 0; }
.stat-content.account .wrapper { background: #f4f6f8; height: 100%; }

html, body {overflow-x: hidden; }
/*html, body { height: 100%; overflow-x: hidden; }*/
/*second-nav*/
.second-nav { background: #f8f8f8; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); width: 100%; float: left; }
.second-nav ul { float: left; margin: 0px; margin-left: 95px; width: 100%; }
.second-nav ul li { float: left; }
.second-nav ul li a { display: block; padding: 15px 15px; line-height: normal; text-transform: uppercase; color: #444; }
.second-nav ul li a:hover, .second-nav ul li.active a { text-decoration: none; color: #18b5ff; }
.second-nav ul li:first-child a { padding-left: 0px !important; }
.second-nav ul li:last-child a { padding-right: 0px !important; }
.badge.bg-danger { background: rgba(235,24,28,1.00) !important; color: #fff; margin-left: 5px; margin-top: -4px; }
.notification { position: relative; }
.notification .fa { font-size: 18px; }
.user-block { width: auto; float: right; }
.user-block img { width: 50px; float: left; margin-right: 10px; }
.user-block p { width: auto; float: left; padding-top: 5px; margin-bottom: 0px; }
.user-block p span { font-weight: 500; }
/*second-nav*/

/*nav-tabs*/
.nav.nav-tabs { border-radius: 3px 3px 0 0; border-bottom: 0px; margin-top: 15px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav.nav-tabs > li > a { border: none !important; color: #999; padding: 30px; font-size: 16px; text-transform: uppercase; }
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li > a:hover { border: none !important; color: #333 !important; background: transparent !important; }
.nav.nav-tabs > li > a::after { content: ""; background: #18b5ff; height: 4px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: all 250ms ease 0s; transform: scale(0); }
.nav.nav-tabs > li.active > a::after, .nav.nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 0; }
.tab-content { margin-top: 20px; padding: 0px; margin-bottom: 30px; }
/*nav-tabs*/


.order-card { background: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); width: 100%; float: left; margin-bottom: 30px; }
/*.order-card p { margin-bottom: 0px; }*/
.card-title { border-bottom: 1px solid #e5e5e5; width: 100%; float: left; padding: 15px; }
.card-title .id { text-align: right; }
.card-items { border-bottom: 1px solid #e5e5e5; width: 100%; float: left; padding: 15px 15px 0; }
.card-items .item { width: 100%; float: left; margin-bottom: 15px; }
.item-img { float: left; width: 60px; height: 60px; margin-right: 10px; }
.card-footer { width: 100%; float: left; padding: 15px; }
.card-footer .total { display: flex; margin: 8px 15px 0 0; }
.card-footer .total span { color: #39529b; }
.card-footer .btn { display: inline-block; }
.align-right { float: right !important; }
.filter-box { width: 100%; float: left; margin-bottom: 15px; }
.filter-box .btn.form-control { border: 1px solid #e5e5e5 !important; }
.filter-box .form-group { margin-bottom: 0px; }
.input-group.date .form-control { border-right: 0px !important; border-color: #e5e5e5 !important; }
.input-group-addon { background-color: #fff !important; border-radius: 3px !important; border-color: #e5e5e5 !important; }
.input-group-addon .fa { color: #999; }
.breadcrumb { padding-left: 0px !important; background-color: transparent !important; margin-bottom: 10px !important; }
.breadcrumb > li + li::before { color: #ccc; content: "❯" !important; padding: 0 5px; }
.detail-card { background: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); width: 100%; float: left; margin-bottom: 30px; }
.btn.both-btn { margin-right: 15px; }
.btn.both-btn:last-child { margin-right: 0px; }
.payment-info { padding: 15px; float: left; width: 100%; border-top: 1px solid #e5e5e5; }
.order-status { padding: 15px; float: left; width: 100%; border-top: 1px solid #e5e5e5; }
.status-img { height: 64px; float: right; }
.delivery-time { background: #f8f8f8; padding: 10px 15px; display: none; margin-top: 5px; }
#view-stats { text-decoration: none; }
.delivery-person { padding: 15px; float: left; width: 100%; border-top: 1px solid #e5e5e5; }
.person span img { margin-right: 5px; float: left; }
.person .content-view { float: left; width: 85%; margin-bottom: 15px; }
.person .content-view p { margin-bottom: 0px; }
.right-sec { padding-top: 5px; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.modal .item { padding: 15px 0 0; float: left; width: 100%; }
.tooltip .tooltip-inner { padding: 10px !important; }
form label { font-weight: 400; }
#report .form-control, #rating .form-control, #tip .form-control { background: #fff; }
/*rating*/
.starrr { margin-top: 15px; }
.starrr .glyphicon-star { font-size: 40px; color: #f2f2f2; }
.starrr .glyphicon-star-act { font-size: 40px; color: #fdc722; }
.starrr:hover { cursor: pointer; }
/*rating*/
.relative { position: relative;}
.payment .radio { padding-left: 15px; }
.payment .radio span { float: left; margin-left: 5px; }
.payment .radio img { float: left; }
.wizard { text-transform: uppercase; width: 100%; float: left; margin: 0px; border-bottom: 1px solid #e5e5e5; }
.wizard > li { float: left; text-align: center; color: #888; }
.wizard > li span { padding: 30px 30px 30px 30px; display: block; }
.wizard li.arrow { background: url(../images/arrow.png) no-repeat left center, url(../images/arrow.png) no-repeat right center; background-size: 9px; }
.card-items .add-qty { padding-top: 0px; display: inline-block; }
.card-items .add-qty img { width: 22px; }
.card-items .qty-field { border: 0px; width: 40px; text-align: center; }
.card-items .return-qty-field { border: 0px; width: 40px; text-align: center; }
.cell-row { padding: 15px; width: 100%; float: left; border-bottom: 1px solid #e5e5e5; }
.both.form-control { margin-left: 15px; margin-top: 5px; }
.form-inline label { margin-bottom: 0px; }
.btn.form-control { border: 1px solid #e5e5e5 !important; }
#recurring, #referral-field { display: none; }
.bs-caret .caret { background: url(../images/select@2x.png) no-repeat !important; background-size: 20px !important; display: block !important; width: 24px; height: 22px; border: 0px !important; top: 30% !important; right: 8px !important; }
.custom .checkbox.top label:before { top: 4px; }
.custom .checkbox.top label { font-weight: 500 !important }
.bottom { width: 100%; float: left; padding: 15px; }
.saved-addresses, .saved-cards { display: none; }
#newcard-block, #new-address-btn, #new-card-btn { display: none; }
.show { display: block !important; }
.hide { display: none; }
.form-control { box-shadow: none !important; }
.card-items strong { color: #333 !important }
.input-group-addon { line-height: 20px !important; height: 34px !important; box-shadow: none !important; }
.filter-box .form-control { border-radius: 0px !important; text-align: left !important; box-shadow: none !important; }
.filter-box .bootstrap-select { margin-bottom: 5px; }
.filter-box .input-group.date { margin-bottom: 5px; }
.body-card { background: #fff none repeat scroll 0 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); float: left; margin-bottom: 30px; width: 100%; }


.rating {float: left; margin-left: 15px;}
.yellow-block { background: #feeebc; padding: 10px 14px; width: 100%; float: left; margin-bottom: 30px; border-radius: 3px; }
.upload-text { float: left; /*margin-left: 7px;*/ margin-top: 3px; margin-bottom: 30px }

.content-view .id { padding-top: 10px; float: left; width: 100%; }
.address_filed, .card_filed { display: none;}
.change { float: left; margin-left: 25px;}
.body-card .payment .radio { padding-left: 0px; } 

.blue-strip { padding: 30px 20px; text-align: center; background: #fdfdfd; border: 1px solid #b9e9ff; border-radius: 6px; float: left; width: 100%; margin-bottom: 5px;}
.share { background: #4f67a3; display: block; padding:6px 5px; width: 34px; height: 32px; float: left; margin-left: 10px; text-align: center; color: #fff; border-radius: 3px; }

.uploadimg-box { position: relative; width: 100px; margin-right: 15px; float: left;}
.uploadimg-box .remove-btn { width: 20px; height: 20px; position: absolute; right: 0; top: 10px;}

.panel-heading .panel-title a { width: 100%; display: block; font-weight: normal;}
.panel-heading .panel-title a:hover, .panel-heading .panel-title a:focus { text-decoration: none;}
.panel-heading .accordion-toggle:after { font-family: 'Glyphicons Halflings'; content: "\e113"; float: right; color: grey; font-size: 10px;  margin-top: 4px;}
.panel-heading .accordion-toggle.collapsed:after { content: "\e114";}
.panel-body .item { padding-top: 0px; padding-bottom: 15px; }
.panel-body .item:last-child { padding-bottom: 0px; }


/*11-4-2018*/

.site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.stat-content.account .wrapper{
    min-height: calc(100vh - 276px);
}
.form-bg .driver_profile{
    border-radius: 100%;
    width: 120px;
    height: 120px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
.saved-addresses .btn.dropdown-toggle.btn-default{
    word-wrap: break-word;white-space: normal;padding-bottom: 0 !important;
}
.saved-addresses .bootstrap-select.btn-group .dropdown-menu li a{  word-wrap: break-word;white-space: normal;}

/*****************new changes 19-3-2019**********************/

.stat-content .summary{margin-bottom: 15px;}
.account  .input-group.date .form-control{height: auto !important;padding: 10px 15px;}
.account  .person .item-img,.account  .person p{float: left;display: inline-block;vertical-align: middle}

.cell-row.remaining_bottle {padding-top: 0;}
.remaining_bottle .bottle_div,.returned_bottle .no_of_bottle{width: 100%;display: inline-block}
.remaining_bottle .bottle_div p{font-size: 14px;margin: 0}

.account .returned_bottle,.account .address_div { width: 100%;padding-top: 0;}
.account .address_div .control_label{margin: 0 10px 0 0 ;display: inline-block;vertical-align: middle;}
.account .address_div .btn-group.bootstrap-select{width: 300px !important;vertical-align: middle;display: inline-block;max-width: 100% !important}
.close_acc_info p{margin-bottom: 0}
.close_acc_info .row{margin-bottom: 15px;}
.invite_friend_icon .share{padding: 9px 5px}
.invite_friend_icon .share:hover{text-decoration: none}
.saved-addresses .btn.dropdown-toggle.btn-default{padding-top: 15px;}
textarea{resize: none}
.customContainer {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-right: 15px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    font-weight: 500
}

/* Hide the browser's default radio button */
.customContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.customContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
 background-color: #fff;
    border-radius: 50%;
    border: 2px solid #999;
}

/* On mouse-over, add a grey background color */


/* When the radio button is checked, add a blue background */
.customContainer input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.customContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.customContainer input:checked ~ .checkmark:after {
  display: block;
}
.order-info {
    padding: 15px;
    float: left;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}

/* Style the indicator (dot/circle) */
.customContainer .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #2196F3;
}
.margin-top-10{margin-top: 10px;}
.shipping_info_sec .custom_radio_check{width: 100%;margin-top: 15px;}
#return_bottle_div .add-qty{text-align: right}
.card-title .item-img {
    width: auto;height: auto;
    max-width: 50px;
}
/*
#receipt .card-items {
    padding: 0;
}
*/
#receipt .modal-dialog {
    width: 700px;
    max-width: 98%;
}
.tooltip_check{width: 100%}
.tooltip_check i{font-size: 18px;margin-left: 5px;}
.shipping_info_detail strong {
    width: 240px;
    display: inline-block;
}
.shipping_info_detail span {width: calc(100% - 240px);display: inline-block;vertical-align: top;}
.shipping_receipt_table .item {
    padding: 15px 0;
}
.margin-bottom-10{margin-bottom: 10px;}
.card-footer .grup_partial_icon {
    display: inline-block;
    vertical-align: middle;
}
.custom_radio_check img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
form .form-control {
	padding: 10px 12px !important;
}
form .btn-group.form-control{padding: 0 !important}
.grup_sky_box {
	width: 100%;
	
	background-color: #f4fbff;
	border: 1px solid #ccefff;
	border-radius: 4px;
	padding-top: 15px;padding-bottom: 15px;
}
.grup_business_hrs .form-group {
	display: inline-block;margin: 0;vertical-align: top
}
.grup_business_hrs .grup_time_input {
	text-align: right
}
.clock_icon {
	position: relative
}
.date_icon.form-inline{float: right}
.clock_icon:after {
	position: absolute;
	content: "\f017";
	right: 12px;
	top: 10px;
	font-family: FontAwesome;
	color: #18b5ff;
	z-index: 11;
}
    .custom .checkbox.top label:before {
	top: 1px
}
.fa-question-circle {
	font-size: 20px;
}
.date_icon {
	position: relative
}
.date_icon:after {
	position: absolute;
	content: "\f073";
	right: 15px;
	top: 15px;
	font-family: FontAwesome;
	color: #18b5ff;
	z-index: 11;
}
.bootstrap-datetimepicker-widget.bottom{width: auto}
.grup_order_status_icon i{font-size: 18px;margin-right: 3px;display: inline-block}
.d-flex{display: flex;}
.align-self-center{align-self: center}
.grup_recurring_order_bg .form-group{margin-bottom: 0}
.payment .radio label img, .payment .radio label span {
    margin-top: 8px;
    margin-bottom: 10px;
}
.grup_pending_bottles.red-text, .grup_pending_bottles.red-text strong{color: #ff5555 !important}
.grup_partial_delivered img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.grup_partial_delivered {
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 10px;
    font-size: 16px;
    color: #ff561c;
    vertical-align: middle;
}
.modal .payment label span, .modal .payment label img {
    margin-top: 7px;
}
.receipt_modal .card-items{padding: 15px  0;    width: 100%;  display: inline-block;float: none;}
.modal-footer {
    padding: 15px 30px;}
.receipt_modal .landscape .card-items.table_heading span strong {
    color: #666 !important;
    opacity: 0.8;
}
.grup_profile-row {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.grup_profile-row .grup_person_icon img {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 20px;
}
.person .content-view .desc{color: #666}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel]{padding-left: 76px !important}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left: 80px !important}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{padding-left: 88px !important}
/*media*/
@media (max-width:1600px) {
    .font16 { font-size: 14px !important; line-height: 22px !important; }
    .font18 { font-size: 16px !important; line-height: 24px !important; }
    .font24 { font-size: 18px !important; line-height: 26px !important; }
    .font32 { font-size: 18px !important; line-height: 26px !important; }
    .font42 { font-size: 28px !important; line-height: 36px !important; }
    .banner { min-height: 500px; }
}

@media (min-width:768px) {
    .container-fluid { padding: 0 6.125% !important; }
}

@media (min-width:1360px) {
    .container { width: 1250px !important; }
}

@media (min-width:1600px) {
    .wrapper { width: 1600px; ; margin: 0 auto; height: 100%; }
}

@media (max-width:1200px) {
    .stripe-row .appicon { background: #070816; text-align: left; }
    .stripe-row .group { padding: 30px !important; }
    .stripe-row .btn-group { float: left; margin-top: 30px; padding-right: 0; }
    .stripe-row .btn-store { max-width: 150px; }
    .sub-footer .btn-store { width: 150px; }
}

@media (max-width:1023px) {
    .banner { min-height: 400px; }
    .section4 .img-box .img-overlay { padding: 30px 20px; position: relative; }
    footer .btn-group { display: table !important; margin: 0 auto !important; }
    footer .sub-footer ul { display: table; float: none; margin: 15px auto; width: auto; }
    footer .sub-footer .social { display: table; float: none; margin: 30px auto; }
    footer .sub-footer p { text-align: center; margin-top: 0px; }
    footer h3 { font-size: 18px; }
    footer p { font-size: 14px; }
    .section4 .sub-text { width: 100%; }
    /*--tabscroll--*/	
    .scroll-cover { width: 100%; float: left; }
    .nav-tabs.mobile-scroll { display: flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: auto; }
    /*--tabscroll--*/		
}
@media(max-width:991px){
    .card-title, .card-items, .card-footer {
    padding-left: 0;
    padding-right: 0;
}
}
@media (max-width:767px) {
    .cell-row.sinfo .text-left, .d.text-left { text-align:right !important;}
    .datetime .form-group { width: 100% !important; float: left; }
    .datetime .form-inline{ width: 49% !important; float: left; margin-right: 1%; }    
    .navbar.navbar-default { min-height: 80px; padding-bottom: 0px !important; }
    .navbar-collapse { margin-top: 15px; background: #fff; }
    .navbar-nav.nav > li { text-align: left; }
    .navbar-nav.navbar-right { border-top: 1px solid #e5e5e5; }
    .navbar-nav.navbar-right li { margin: 5px 0 }
    .navbar-nav.navbar-right li a { text-align: left; }
    .navbar.navbar-default .btn.btn-primary { margin-left: 15px; text-align: center; }
    .nav.navbar-nav { padding-left: 0px; }
    section .content { margin-top: 60px; }
    .banner { min-height: 300px; }
    /*flip div mobile*/
    .flip-mobile { display: flex; flex-direction: column-reverse; }
    /*flip div mobile*/	
    .section2 img, .section3 img { margin-top: 30px; }
    .text-wrap { text-align: center; }
    .section4 .img-box { margin: 0px; text-align: center }
    .stripe-row .appicon { background: #070816; text-align: center; }
    .stripe-row .appicon img { margin: 0 auto; display: table; width: 150px; }
    .stripe-row .group { padding: 30px !important; text-align: center; }
    .stripe-row .btn-group { padding: 0px 30px !important; margin: 0px !important; margin-bottom: 30px !important; width: 100%; text-align: center; }
    .stripe-row .btn-store { max-width: 100% !important; margin: 0px auto 15px !important; display: table; }
    .stripe-row .btn-store img { margin: 0 auto; max-width: 190px; }
    .sub-footer .btn-store { display: table; margin: 0 auto 15px; width: 160px; }
    .sub-footer ul li { width: 100%; padding: 10px 15px; text-align: center; border: 0px; }
    .sub-footer ul li:first-child a { padding: 0px; }
    .modal-dialog { width: 90% !important; }
    .form-bg { padding: 5%; }
    .head-title { padding: 30px 0; }
    .second-nav ul { margin-left: 0px; }
    .second-nav li:first-child a { padding-left: 0px; }
    .user-block { border-top: 1px solid #e5e5e5; float: left; margin-bottom: 15px; padding-top: 15px; width: 100%; }
    .nav.navbar-nav.navbar-right li { width: auto; float: left; }
    .mb-btn { border: 2px solid #39529b; border-radius: 3px; color: #39529b !important; margin-left: 15px; margin-top: 4px; width: 120px !important; padding: 8px 15px !important; text-align: center !important; }
    .mb-btn:hover { border: 2px solid #39529b; background: #39529b !important; border-radius: 3px; color: #fff !important; margin-left: 15px; margin-top: 4px; width: 120px !important; padding: 8px 15px !important; text-align: center !important; }
    .nav.nav-tabs > li > a { padding: 30px 19px; }
    .card-title .id { text-align: left; }
    .card-title, .card-footer { padding: 15px 0; }
    .card-items { padding: 15px 0 0; }
    .card-footer .total { margin: 0 0 15px; float: left; width: 100%; }
    .card-footer .link { float: left; }
    .align-right { float: left !important; }
    .btn.both-btn { float: left; padding: 8px 8px; font-size: 13px; }
    .status-img { height: 55px; float: left; }
    .order-status, .payment-info, .delivery-person { padding: 15px 0; }
    .status-img { margin-bottom: 10px; }
    .right-sec { padding-top: 15px; }
    .person .content-view { float: left; width: 100%; }
    .wizard > li span { padding: 10px 15px 10px 15px; display: block; font-size: 12px; }
    .wizard > li.arrow { background-size: 6px; }
    .cell-row { padding: 15px 0; }
    .both.form-control { margin-left: 0; }
    /*--tabscroll--*/	
    .scroll-cover { width: 100vw; float: left; }
    .nav-tabs.mobile-scroll { display: flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: auto; }
    .cell-row.cell-padding{padding: 15px;}
    .new-address input{margin-bottom: 5px;}
    .close_acc_info .bootstrap-timepicker{width: 50%}
    .close_acc_info p { margin-bottom: 5px;}
    .grup_profile-row .d-flex{display: inline-block !important}
   
    /*--tabscroll--*/	
}
@media(max-width:575px){
    .shipping_info_detail strong ,.shipping_info_detail span{ width: 100%;}
 .delivery-person.d-flex {
    display: inline-block !important;
}
        .delivery-person .btn{margin-top: 10px;}
}
@media(max-width:480px){
    .card-items .item-img {
	display: block;
	float: none;
	margin-bottom: 5px;
}
.card-items .qty-field {
	width: 25px;
}
.card-items .return-qty-field {
	width: 25px;
}
 
.card-items .add-qty img {
	width: 17px;
}
.grup_heading .font14 {
	font-size: 12px;
	line-height: normal;
}
}
@media (max-width:375px) {
    .btn.fb-btn { padding: 10px; }
    .btn.fb-btn span { font-size: 12px; }
    #main_notification_list .cell-row .font14{font-size: 12px;}
}

.main { display: flex; min-height: 100vh; flex-direction: column; }
.main-content { flex: 1; }

#loading{display: none; height: 100%; width: 100%; position: fixed; text-align: center; left: 0px; right: 0px; top: 0px; bottom: 0px;}
.center-box{display: table-cell; position: relative; top: 0px; bottom: 0px; right: 0px; left: 0px; text-align: center; vertical-align: middle;}

.modalBackground
{
    z-index: 9999;
    background-color: black;
    filter: alpha(opacity=90);
    opacity: 0.5;
    -moz-opacity:0.5;
    padding:8px;
    /* background:rgba(0,0,0,.3);*/
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}

/*--vijay--*/
.center-block { display:table; float:none !important;}
.searchbox { padding:9.5px !important;}
.dstatus { width: 400px;}
.dstatus ul { width: 100%; float: left;}
.dstatus ul li { width: 25%; float: left; text-align: center; position: relative;}
.dstatus ul li.active figure { background:url(../images/fill.png); background-size: 36px; width: 36px; height: 36px; }
.dstatus ul li.active::after { background: #34CA7C;}
.dstatus ul li::after { position: absolute; width: 68%; height: 2px; background: #ccc; content: ""; top: 16px; left: 65%;} 
.dstatus ul li:last-child::after { display: none;}
.dstatus ul li figure { display: block; background: url(../images/empty.png); background-size: 36px; width: 36px; height: 36px;margin:0 auto;}
.dstatus ul li label { width: 100%; float: left; text-align: center; margin-top: 5px;}
.dstatus ul li span { width: 100%; float: left; text-align: center}


.fa-question-circle + .tooltip > .tooltip-inner {background-color: #18b5ff;}
.field-icon 
{
    position: absolute;
    right: 25px;
    top: 15px;
    margin-right:4px;
}

.signin-eye-icon
{
    position: absolute;
    right: 15px;
    top: 14px;
    margin-right: 4px;
}
.card-items.grup_heading {
    padding-bottom: 12px;
}
.notification_row .gray-text {
    color: #333 !important;
    opacity: 1;
    font-weight: 300;line-height: 28px;
}
.notification_row .strong-text{
    color: #333;
    font-weight: 500;line-height: 28px;
}.notification_row .order_id{font-weight: 400;color: #666}
@media(max-width:767px){
     /*************14-5-2019****************/
    .dstatus { width: 270px;}
    .dstatus ul{margin-top: 15px;margin-bottom: 10px}
    .dstatus ul li.active figure, .dstatus ul li figure{    background-size: 30px; width: 30px;height: 30px;}
    .dstatus ul li label{font-size: 12px;}
    .account .wrapper{display: inline-block}
}

/* Blog content frontend - 03/06/2o21 */
.blog-card {
	display: flex;
	flex-direction: column-reverse;
	margin: 4rem auto;
	box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
	margin-bottom: 3%;
	border: 1px solid #cfcfcf;
	background: #fff;
	line-height: 1.4;
	font-family: sans-serif;
	border-radius: 5px;
	overflow: hidden;
	z-index: 0;
}

.blog-card a {
	color: inherit;
}

.blog-card a:hover {
	color: #5ad67d;
}

.blog-card .meta {
	position: relative;
	z-index: 0;
	min-height: 250px !important;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

.blog-card .photo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: transform 0.2s;
}

.blog-card .details,
.blog-card .details ul {
	margin: auto;
	padding: 0;
	list-style: none;
}

.blog-card .details {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	margin: auto;
	transition: left 0.2s;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 10px;
	width: 100%;
	font-size: 0.9rem;
}

.blog-card .details a {
	-webkit-text-decoration: dotted underline;
	text-decoration: dotted underline;
}

.blog-card .details ul li {
	display: inline-block;
}

.blog-card .details .author:before {
	font-family: FontAwesome;
	margin-right: 10px;
	content: "";
}

.blog-card .details .date:before {
	font-family: FontAwesome;
	margin-right: 10px;
	content: "";
}

.blog-card .details .tags ul:before {
	font-family: FontAwesome;
	content: "";
	margin-right: 10px;
}

.blog-card .details .tags li {
	margin-right: 2px;
}

.blog-card .details .tags li:first-child {
	margin-left: -4px;
}

.blog-card .description {
	padding: 1.5rem;
	background: #fff;
	position: relative;
	z-index: 1;
}

.blog-card .description h1,
.blog-card .description h2 {
	font-family: 'Roboto', sans-serif !important;
}

.blog-card .description h1 {
	line-height: 30px;
	margin: 0;
	font-size: 20px;
	font-weight: bold !important;
	margin-bottom: 20px;
}

.blog-card .description h2 {
	font-size: 16px;
	font-weight: 300;
	text-transform: capitalize;
	color: #a2a2a2;
	margin-top: 5px;
}

.blog-card .description .read-more a {
	color: #18b5ff;
	display: inline-block;
	position: relative;
}

.blog-card .description .read-more a:hover:after {
	margin-left: 5px;
	opacity: 1;
}

.blog-card p {
	position: relative;
	margin: 1rem 0 0;
	font-family: 'Roboto', sans-serif !important;
	font-size: 16px;
}

.blog-card p:first-of-type {
	margin-top: 1.25rem;
}

.blog-card:hover .details {
	left: 0%;
}

@media (min-width: 640px) {
	.blog-card {
		flex-direction: row;
		max-width: 100%;
		padding: 30px 20px;
	}
	.blog-card .meta {
		flex-basis: 40%;
		height: auto;
	}
	.blog-card .description {
		flex-basis: 60%;
	}
	.blog-card.alt {
		flex-direction: row-reverse;
	}
	.blog-card.alt .description:before {
		left: inherit;
		right: -10px;
		transform: skew(3deg);
	}
	.blog-card.alt .details {
		padding-left: 25px;
	}
}