/******************    
dd CSS file
*******************/
@import url("bootstrap/css/bootstrap.min.css") ;
@import url("../line-awesome/css/line-awesome.min.css") ;
@import url("font-awesome/css/font-awesome.css") ;

/*----------------------------
         HEADER TOP
------------------------*/
::-webkit-scrollbar { width:8px; height: 8px;}
::-webkit-scrollbar-button {  background-color: #fff; }
::-webkit-scrollbar-track {  background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 30px; background:#ffd500; border-radius: 0px;} 
::-webkit-scrollbar-corner {   background-color:#fff;} /* Atribute Navigation =================================*/

/******************    
Add font
*******************/
/*@font-face {font-family: Missguided; src: url(missguided/Missguided_Light.ttf); font-weight: normal; } @font-face {font-family: Missguided; src: url(missguided/Missguided.ttf); font-weight: bold; }
*/ 
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/******************    
element
*******************/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
.nopadding-left{padding-left:0;}
.nopadding-right{padding-right:0;}
.nopadding{padding-left:0;padding-right:0;}
.mb10{padding-left:10px;padding-right:10px;}
.tabbody{margin-right: -10px; margin-left: -10px;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 12px;font-family: 'Karla', sans-serif;background: #fffdfd /*#f6f8fc*/;line-height: 26px;color: #777;-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;color: #333;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: #000;}


/******************    
Header
*******************/

.header{position: relative; padding:0px 0; width: 100%;  }
.logo {margin-bottom: 1.5rem;text-align: center;} 
.mobile-logo {display: none; }
.header .container{max-width:95%;}
.header-flag-info .container{max-width:95%;}
.header-navigation .navbar {padding: 0; }
.header-navigation .navbar-nav > li{position:relative;padding: 4px 15px;} 
.demo-header .header-navigation .navbar-nav > li > a{position: relative;color: #333;text-align:center;font-weight: 600;font-size: 14px;}
.header-navigation .navbar-nav > li > a{position: relative;color: #103857;text-align:center;font-weight: 500;font-size: 14px;}
.header-navigation .navbar-nav > li > a.active {color: #5cc9cb; }
.header-navigation .navbar-nav > li .dropdown-menu {border: 1px solid #dcf5f7; border-radius: 0; } 
.header-navigation .navbar-nav > li a.dropdown-item {position: relative; color: #495057; text-align: left; font-size: 12px; }
.header-navigation .navbar-nav > li a.dropdown-item:active,
.header-navigation .navbar-nav > li a.dropdown-item:focus, 
.header-navigation .navbar-nav > li a.dropdown-item:hover{background-color: #f8f9fa;}


.sidebar-nav ul{list-style: none;padding: 0; margin: 0;}
.sidebar-nav ul li{display: inline-block; width: 100%;}
.sidebar-nav ul li a {padding: 10px 10px 10px 10px;text-decoration: none;font-size: 14px;width: 100%;display: inline-block;color: #000001;background: #ffffff;margin-bottom: 10px;border-radius: 5px;box-shadow: 0 5px 20px rgb(0 91 187 / 1%);}

.header-flag-info { background: #ffd500; padding: 10px 0;position: relative; height: 60px;}
/* .header-flag-info:before {content: ''; position: absolute; height: 50%; left: 0; right: 0; top: 0; background: #005bbb; z-index: -1; } */
/* .header-flag-info:after {content: ''; position: absolute; height: 50%; left: 0; top:0; right: 0; bottom: 0; background: #ffd500; z-index: -1; }*/

.header-logo-1 {height: 40px;text-align: center;border-radius: 5px;position: relative;outline: none;}
.header-logo-2 {margin-left: auto; height: 40px; background: #fff; text-align: center; border-radius: 5px; position: relative; }
.header-logo-1 img {max-width: 100%;max-height: 100%;object-fit: cover;border-radius: 5px;position: absolute;top: 0; left: 0px;}
.header-logo-2 img {max-width: 100%;max-height: 100%;object-fit: cover;border-radius: 5px;}

.header-logo-1 h2 {font-weight: bold; margin: 0; padding: 0; text-align: left; }
.header-flag-info.virginia-header {background: linear-gradient(135deg, #ffffff 0%,#21409a 75%,#ffffff 75%,#ffffff 100%); }

/******************    
footer
*******************/


.footer{/* background:#00778B; *//* padding: 20px 0; */}
.footer .container{max-width:95%;}

.footer-nav-list {text-align: left; } 
.footer .footer-copyright p a{color: #fff !important; }
.footer-nav-list ul{ margin: 0; padding: 0; list-style: none; }
.footer-nav-list ul li{ display: inline-block; padding: 10px 15px; }
.footer-nav-list ul li a {text-align: center;font-size: 12px;color: #103857;font-weight: 600;}

.Copyright-text {text-align: right;}
.Copyright-text p {font-size: 12px;color: #103857;font-weight: 600;margin: 0;}

.Copyright-card {display: flex;justify-content: end;padding: 10px;align-items: center;}

/******************    
main step
*******************/
.rg-wrapper-content {padding: 0;position: relative;} 
.rg-step-card {max-width: 100%;max-height: 932px;position: relative;border-radius: 30px;padding: 30px 20px;box-shadow: 0px 1px 29px 0px rgb(1 1 1 / 10%);background-image: linear-gradient(180deg, #fffdf2 0%, #ebf5ff63 100%);border-bottom: 5px solid #005bbb;}
.rg-step-card .bg-shape {top: -5px;left: -5px;z-index: -1;width: 95%;height: 95%;position: absolute;border-radius: 30px;transform: rotate(-1deg);background-color: rgb(178 32 30);display: none;}
.rg-wrapper-body .container {max-width: 96%; }


 .multisteps-form__progress {padding-top: 60px; height: 100%; }

.rg-step-list .steps {z-index: 9;left: 10%;    border: none;position: relative;flex-direction: column;}



.side-titles {flex-direction: column; align-items: center; justify-content: center } 
.title-text {margin-bottom: 76px;}
.title-text h3 {padding: 0;font-weight: 600;margin: 0;font-size: 16px;color: #3a3a3a;}
.title-text p {color: #a4acbb;font-weight: 300;font-size: 13px;margin-bottom: 10px;}


.rg-step-list {position: absolute;right: 35px;top: 5%;}
.rg-step-list .steps li {margin-bottom: 55px;position: relative;border: none;background-color: transparent;outline: none !important;cursor: pointer;font-size: 20px;font-weight: 600;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-width: -webkit-max-content;min-width: -moz-max-content;min-width: max-content;z-index: 1;}

.rg-step-list .steps li:before {content: ""; top: -8px; left: -8px; width: 55px; height: 55px; position: absolute; border-radius: 100%; border: 2px solid #6b59d300; z-index: 1; } 
.rg-step-list .steps li span {width: 40px;color: #fff;height: 40px;font-size: 16px;font-weight: 700;line-height: 40px;border-radius: 50%;background: #005bbb;position: relative;text-align: center;display: inline-block;z-index:1;} 
.rg-step-list .steps li span:before {content: "";width: 2px;height: 95px;background: #005bbb;position: absolute;right: 18px;top: 40px;} 
.rg-step-list .steps li span:after {content: "";width: 2px;height: 0;background: #ffd500;position: absolute;right: 18px;top: 40px;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} 
.rg-step-list .steps li.last span:before, 
.rg-step-list .steps li.last span:after {display: none; } 
.rg-step-list .steps li.active span {background: #ffd500;} 
.rg-step-list .steps li.active span:after {height: 86px; } 
.rg-step-list .steps li.active:before {content: "";top: -8px;left: -8px;width: 55px;height: 55px;position: absolute;border-radius: 100%;border: 2px solid #ffd500;} 
.rg-step-list .steps li.current span {background: #00778b; } 
.rg-step-list .steps li.current span:after {height: 50px; }
.rg-step-list .steps li:last-child span:before{display: none;}
.rg-step-list .steps li:last-child{margin-bottom: 0;}
.rg-step-list .steps li:last-child.active:before{display: none;}
.rg-step-list .steps li.active:last-child span:after{display: none;}


.rg-step-content{border-radius: 30px;padding: 30px 20px 30px;box-shadow: 0px 1px 51px 0px rgb(1 1 1 / 6%);background-image: linear-gradient(180deg, #fffefa 0%, #ebf5ff63 100%);height: 100%;border-bottom: 5px solid #ffd500;}

.rg-step-content .bg-shape {bottom: 5px;right: 5px;z-index: -1;width: 95%;height: 95%;position: absolute;border-radius: 30px;transform: rotate(1deg);background-color: #b6211f;display: none;}



.step-content-form-box{position: relative;/* height: calc(100vh - 50px); */display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-direction: column;}
.step-content-body {padding: 20px 15px;position: relative;/* height: calc(100vh - 120px); *//* overflow: auto; */}
.step-content-btn {width: 100%;position: relative;bottom: 0;padding: 1rem 0 0 0;left: 0;right: 0;border-top: 1px solid #dde4eb;}

.step-content-form h3 {padding: 0; font-weight: 600; margin: 0rem 0rem 1.2rem 0rem; font-size: 18px; }
.cu-text h3{color: #444 !important;}

.step-content-form p {font-weight: 300;color: #474747; font-weight: 300; font-size: 13px; margin-bottom: 10px; }
.step-content-form p b {font-weight: bold; } 
.step-content-form p.bl-text{color: #00778b;} 
p.sm-text {font-size: 11px; } 
.step-content-form p a {color: #0056b3; text-decoration: underline; }
.step-content-form ul {margin: 0 0 20px 0; padding: 0 0 0 20px; list-style: disc; list-style-position: outside; }
.step-content-form ul li{font-weight: 300;color: #474747;font-weight: 300;font-size: 11px;margin-bottom: 5px;line-height: 24px;}

.step-content-form p a b{font-weight: bold;}
.step-60 {width:80%; }
.cu-bg {background: #dbcbc3 !important; color: #777 !important;}
.cu-title{color: #777 !important;}
.bl-msg-demo {padding: 10px; background: #E4D5D3; font-size: 12px; border-radius: 5px; line-height: 24px; margin-bottom: 10px; color:#333; }
.bl-msg {padding: 10px; background: #d1ecf1; font-size: 12px; border-radius: 5px; line-height: 24px; margin-bottom: 10px; color:#0c5460; }
.msg-text {font-size: 12px; line-height: 24px; color: #2196F3; }
.step-form label {color: #3a3a3a;font-size: 13px;margin-bottom: 0;font-weight: 600;}
.cu-frm label{color: #444 !important;}
.step-form input.form-control {font-size: 13px;color: #333333;border:1px solid #ebf4fd;padding: 10px 10px;height: 50px;outline: none;border-radius: 5px;/* box-shadow: 0 5px 20px #ffeeed; */}
.step-form select.form-control{font-size: 13px;color: #333333;border: 1px solid #ebf4fd;padding: 10px 10px;height: 50px !important;outline: none;border-radius: 5px;/* box-shadow: 0 5px 20px #ffeeed; */}
.step-form textarea.form-control {font-size: 13px; color: #333333; border: 1px solid #ebf4fd; padding: 10px 10px; box-shadow: 0 5px 20px #ffeeed; outline: none; border-radius: 5px; }
.step-content-btn button.btn-next-lewin {background: #005bbb;display: inline-block;text-align: center;font-size: 14px;color: #fff;font-weight: bold;padding: 12px 40px;border-radius: 5px;box-shadow: 0 5px 20px #edeef1;border: none;outline: none;}
.step-content-btn a.btn-next-lewin {background: #005bbb;display: inline-block;text-align: center;font-size: 14px;color: #fff;font-weight: bold;padding: 12px 40px;border-radius: 5px;box-shadow: 0 6px 10px rgb(0 91 187 / 8%);border: none;outline: none;}

.step-form .form-control:focus{border: 1px solid #005bbb; box-shadow: none;}



/*.return-content-list {background: #fefeff;padding: 10px;margin-bottom: 10px;border-radius: 5px;border: 1px solid #ebf4fd;}*/
.item-info {margin-bottom: 20px; position: relative; }
.product-text {color: #0b0c29; font-size: 13px; margin-bottom: 0; font-weight: 500; }
.product-price {color: #0b0c29; font-size: 12px; margin-bottom: 0; font-weight: bold; }
.product-code {color: #0b0c29; font-size: 12px; margin-bottom: 0; font-weight: normal; }



.order-item{background: #fff; padding: 20px 20px 5px; margin-bottom: 5px; border-radius: 5px; box-shadow: 0 5px 20px #d0f1f1; } 
.Summary-card-title {padding: 0;font-weight: 600;margin: 0;font-size: 16px;color: #0a3353;}
.Summary-card-item {padding: 5px 0px; display: flex; width: 100%; }
.Summary-title {color: #171718;font-size: 13px;margin-bottom: 0;font-weight: 500;}
.Summary-value {color: #9595a5; font-size: 13px; margin-left: auto; font-weight: 500; }
.Summary-card-list hr {margin-top: 0.5rem; margin-bottom: 0.5rem; }
.Summary-total-content {padding: 0;display: flex;width: 100%;margin-bottom: 5px;} 
.Summary-total-title {color: #0b0c29; font-size: 12px; margin-bottom: 0; font-weight: bold; }
.Summary-total-value {color: #0b0c29; font-size: 12px; margin-bottom: 0; font-weight: bold; margin-left: auto; }
.Summary-card-footer ul{margin: 0; padding: 0; list-style: none; }
.Summary-card-footer ul li {font-size: 13px; color: #0a3353; font-weight: 300; line-height: 22px; margin-bottom: 5px; }



.PBCheckbox label {position: relative;display: inline-block;padding: 0 0 0 3em;height: 3em;cursor: pointer;margin-bottom: 0;}
.PBCheckbox label::before, 
.PBCheckbox label::after {position: absolute; top: 0;border-radius: 50%; left: 0; display: block; width: 25px; height: 25px; background: #fff; }
.PBCheckbox label::before {content: " "; border: 2px solid #a1a3a5; }
.PBCheckbox input[type="radio"]{position: absolute; opacity: 0; z-index: -1; margin: 0; }
.PBCheckbox input[type="radio"] + label::after {content: ""; color: #FFC107; font-size: 15px; height: 15px; width: 15px; margin: 0 auto; text-align: center; left: 5px; top: 5px; }

.PBCheckbox input[type="radio"]:checked + label::before {background:#00778b; border-color:#00778b ; }
.PBCheckbox input[type="radio"] + label::after{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.PBCheckbox input[type="radio"]:checked + label::after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.carrier-item {background: #fff; padding: 10px; margin-bottom: 5px; border-radius: 5px; box-shadow: 0 5px 20px #d0f1f1; } 
.carrier-text h2 {padding: 0;font-weight: 600;margin: 0;font-size: 16px;color: #0a3353;}
.carrier-text p {color: #a4acbb;font-weight: 300;font-size: 12px;margin-bottom: 0;line-height: normal;}
h4.text-msg-info {font-size: 14px; font-weight: 300; margin: 0; padding: 0; color: #00778b; }

.charity-url-box {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ebf4fd;
}
.charity-url-media {
    width: 52px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    background: #ffffff;
    margin-right: 10px;
    overflow: hidden;
    padding: 0;
    line-height: 50px;
}.charity-url-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.charity-url-text {
    flex: 1;
}
.charity-url-text p {
    font-size: 13px;
    margin: 0;
    color: #002db6;
}

.faq-info-box-content .accordion .card{border: none;border-radius: 0;background: none;}
.faq-info-box-content .accordion  {position: relative;} 
.faq-info-box-content .accordion .card-header{padding: 0px 0;border-radius: 0;position: relative;background:  transparent;border-bottom:   none;} 
.faq-info-box-content .accordion .card-header:before { content: "-"; padding: 0px; color: #444444; float: right; position: absolute; right: 15px; font-size: 18px; top: 12px; transition: .5s all ease-out; transform: rotate(180deg); } 
.faq-info-box-content .accordion .card-header.collapsed:before {content: "+"; transition: .5s all ease-out; transform: rotate(360deg); top: 12px;right: 15px;  } 
.faq-info-box-content .accordion .card-header a.card-title {padding: 10px 10px 10px 10px;text-decoration: none;font-size: 16px;width: 100%;display: inline-block;color: #000001;background: #ffffff;margin-bottom: 10px;border-radius: 5px;box-shadow: 0 5px 20px rgb(0 91 187 / 1%);}

.faq-info-box-content .accordion .card-body{padding:0;}
.faq-accordion-body{padding: 20px 0;}
.faq-accordion-body p{color: #000;font-size: 13px;font-weight: 400;letter-spacing: 0.5px;text-align: left;margin-bottom: 0; margin-bottom: 14px;}
.faq-accordion-body p a{font-weight: 800;color: #007bff;text-decoration: underline;}



.search-form-group {position: relative; } 
.search-form-group .form-control {width: 100%; height: 50px; border: border: 1px solid #0a3353;; -webkit-appearance: none; border-radius: 0; font-size: .875rem; padding: 0rem 4rem 0rem 1.5rem; border-radius: 5px; box-shadow: 0 5px 20px #edeef1; } 
.search-btn-lewin {height: 50px;width: 50px;padding: 0;position: absolute;top: 0px;right: 15px;background: #ffd500;border: none;color: #fff;font-size: 25px;border-radius:0 5px 5px 0;box-shadow: 0 5px 20px #edeef1;}


 .order-card {background: #fff; position: relative; border: 1px solid #d0edf1; border-radius: 5px; box-shadow: 0 5px 20px #edeef1; }
 .order-card-header {padding: 10px 20px;background: #f8fbfe;} 
 .order-card-header .order-content span {color: #000000; font-weight: 600; } 
 .order-card-body {padding: 0px 15px 15px; } 
 .track-content .modal-header {background-color: #005bbb;color: #fff;} 
 .modal-content.track-content {border: none !important; border-radius: 10px !important; }
 .step-btn-content a.btn-next {background: #005bbb;width: 100%;display: inline-block;text-align: center;font-size: 14px;color: #fff !important;font-weight: bold;padding: 10px;border-radius: 5px;} 
 .info-Detail-section h4 {font-weight: 600; margin: 0rem 0rem 1rem 0rem; font-size: 20px; text-align: left; padding: 0; } 
 .btn-black {padding: 10px 20px; position: relative; background: #00778b; border: none; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; border-radius: 3px; }

#client_user_list td, #client_user_list th {padding: 6px 6px; } 
#client_user_list tbody tr th{color: #171718; }
 #client_user_list tbody tr th td{color: #171718; }

 .return-form-item {background: #fff;padding: 15px;border-radius: 10px;margin-bottom: 20px;/* border: 5px solid #f5f5f5;*/box-shadow: 0 5px 20px #edeef1;}
 .return-form-item h2 {padding: 0; font-weight: 600; margin: 0rem 0rem 1rem 0rem; font-size: 18px; text-align: left; }
 .info-list-inner {width: 100%;margin-top: 0;padding: 0;border-radius: 4px;/* background: #f5f5f5; */}
 .info-list-box {padding: 10px 20px;border-bottom: none;align-items: center;background: #f8fcfd;margin: 1px 0;border-radius: 5px;border: 1px solid #f8fcfd;}
 .booking-title-info {display: inline-block; width: 35%; font-weight: bold; font-size: 12px; color: #171718; }
 .booking-value-info {display: inline-block; font-size: 12px; color: #171718; }
.step-note-info {font-size: 13px; color: #d0500c; border: 1px solid #f1c1a8; padding: 10px 10px; outline: none; border-radius: 5px; background: #fff9f6; margin-bottom: 10px; line-height: 20px; }


.itscheckbox label {position: relative;display: inline-block;padding: 0 0 0 3em;line-height: 1.5;cursor: pointer;font-size: 14px;color: #3a3a3a;font-weight: 600;}
.itscheckbox label::before,
.itscheckbox label::after {position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; }
.itscheckbox label::before {content: " ";border: 1px solid #d99c9a;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.itscheckbox input[type="checkbox"]{position: absolute; opacity: 0; z-index: -1; margin: 0; }
.itscheckbox input[type="checkbox"] + label::after {content: "\2714"; color: #FFF; line-height: 1.9; text-align: center; border: none; }
.itscheckbox input[type="checkbox"]:checked + label::before {background:#b2201e; border-color:#b2201e; }
.itscheckbox input[type="checkbox"] + label::after{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.itscheckbox input[type="checkbox"]:checked + label::after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }


.btn-add-box {background: #005bbb;display: inline-block;text-align: center;font-size: 14px;color: #fff;font-weight: bold;padding: 12px 20px;border-radius: 5px;box-shadow: 0 6px 10px rgb(0 91 187 / 8%);border: none;outline: none;}
button.pkg-btn-add{background: #005bbb;display: inline-block;text-align: center;font-size: 14px;color: #fff;font-weight: bold;padding: 12px 20px;border-radius: 5px;box-shadow: 0 6px 10px rgb(0 91 187 / 8%);border: none;outline: none;}

.return-content-list table{border: 1px solid #ebf4fd;}
.return-content-list .table thead th{border-bottom: 1px solid #ebf4fd;border-top: 1px solid #ebf4fd;color: #3a3a3a;font-size: 13px;margin-bottom: 0;font-weight: 600;}
.return-content-list .table tbody td{border-top: 1px solid #ebf4fd;color: #3a3a3a;}
.return-content-list .table-striped tbody tr:nth-of-type(odd) {background-color: rgb(254 254 255);}
.return-content-list .table-striped tbody tr td .img-thumbnail{border: 1px solid #ebf4fd;}

p.terms-text {
    color: #3a3a3a;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 600;
}p.shipment-text {
    color: #3a3a3a;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 600;
}



/******************    
night store
*******************/

.night-store-wrapper .rg-step-card .bg-shape,
.night-store-wrapper .rg-step-content .bg-shape{background-color: #ffd500;}

.night-store-wrapper .rg-step-card{  background-image: linear-gradient(180deg, #fffcfc 0%, white 100%);}
.night-store-wrapper .rg-step-content{background-image: linear-gradient(-90deg, #fffcfc 0%, white 100%);}

.night-store-wrapper .rg-step-list .steps li.active span {background: #bfaeac; }
.night-store-wrapper .rg-step-list .steps li.active:before{border: 2px solid #bfaeac;}
.night-store-wrapper .rg-step-list .steps li span:after{background: #bfaeac;}
.night-store-wrapper .rg-step-list .steps li span{background: #decfcd;}
.night-store-wrapper .rg-step-list .steps li span:before{background: #decfcd;}

.night-store-wrapper .step-content-btn{border-top: 1px solid #bfaeac;}
.night-store-wrapper .step-content-btn button.btn-next-lewin {background: #bfaeac;color: #454545;box-shadow: 0 6px 10px rgb(191 174 172);}
.night-store-wrapper .step-content-btn a.btn-next-lewin{background: #bfaeac;color: #454545;box-shadow: 0 6px 10px rgb(191 174 172);}


/*********************
custom css sanjay
***************************/
.form-group .control-label:after {
    content: "*";
    color: red;
    font-size: 20px;
    top: 5px;
    position: absolute;
    margin-left: 3px;     
}
.input-dis {
    pointer-events: none;
}
#confirmBox {
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    z-index: 41;
    width: 350px;
    margin: 0 auto;
    padding: 15px 8px 20px;
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    top: calc(50% - 25px);
    left: calc(50% - 50px);
}
#confirmBox .button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#confirmBox .button:hover {
    background-color: #ddd;
}
#confirmBox .message {
    margin-bottom: 8px;
}

.shipment-content-details{
    background: #fefeff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ebf4fd;
}

.btn-color-primary{
    background: #ffd500;
    border: none;
}

.btn-color-primary:hover{
    background: #dcb800;
    border: none;
}
.shipment-content-head {margin-bottom: 1rem; } 
.shipment-content-text { margin-bottom: 10px;}
.shipment-content-head p {font-size: 14px; font-weight: 600; margin: 0; color:#000;     line-height: normal;} 
.shipment-content-text h4 {color: #777; font-size: 14px; font-weight: 600; margin: 0 0 12px 0; padding: 0; } 
.shipment-content-text p {color: #777; font-size: 14px; margin: 0 0 10px 0; color: #000; line-height: normal; } 
.shipment-content-product-action {text-align: end; } 
.shipment-content-product-image img {width: 100%; } 

.header-flag-info {
    background: #ffd500;
    padding: 10px 0;
    position: relative;
    height: 60px;
    background: #ffd500;
    background: -moz-linear-gradient(-45deg, #ffd500 0%, #ffd500 75%, #ffffff 75%, #ffffff 100%);
    background: -webkit-linear-gradient(-45deg, #ffd500 0%,#ffd500 75%,#ffffff 75%,#ffffff 100%);
    background: linear-gradient(135deg, #ffd500 0%,#ffd500 75%,#ffffff 75%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd500', endColorstr='#ffffff',GradientType=1 );
    box-shadow: 0px 1px 51px 0px rgb(1 1 1 / 6%);
}


.shipment-content-text.shipment-content-top p {
    margin-left: 20px;
}

.shipment-content-top {
    display: flex;
    justify-content: start;
}
.shipment-content-product-image {
    position: relative;
    width: 300px; background: #fff; border-radius: 10px; margin-bottom: 10px;
    height: 270px;
    text-align: center;
}.shipment-content-product-image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

/*********************
Lonsdale login
***************************/
.auth-section {background: url(../images/delivery.png) no-repeat center center fixed; background-size: cover; height: 100vh; display: flex; align-items: center; }

.auth-form-logo{margin-bottom: 2rem; text-align: center;}
.auth-form-logo img{height: 50px}


.header-lonsdale-info {padding: 10px 0; position: relative; height: 60px; background: #003a54; background: -moz-linear-gradient(-45deg, #003a54 0%, #003a54 75%, #ffffff 75%, #ffffff 100%); background: -webkit-linear-gradient(-45deg, #003a54 0%,#003a54 75%,#ffffff 75%,#ffffff 100%); background: linear-gradient(135deg, #003a54 0%,#003a54 75%,#ffffff 75%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd500', endColorstr='#ffffff',GradientType=1 ); box-shadow: 0px 1px 51px 0px rgb(1 1 1 / 6%); }

.auth-form-card {    border: 1px solid rgba(0,0,0,.06);border-radius: 0.35rem;padding: 2rem; background: #fff;}

.register-form-card-body {padding: 0px; } 
.auth-form-card h3 {font-size: 1.25rem;font-weight: 600;margin: 0;padding: 15px;text-align: center;background: #003a54;color: #fff;}
.register-form-card .form-group label {    text-align: center; font-size: 12px; color: #103857; font-weight: 600; margin-bottom: 0;}
.register-form-card .form-group input.form-control {font-size: 13px;color: #333333;padding: 10px 10px;height: 50px;outline: none;border-radius: 5px;border: 1px solid #d7ddec;color: #3b4781;}
.register-form-card .form-group select.form-control{font-size: 13px;color: #333333;border: 1px solid #ebf4fd;padding: 10px 10px;height: 50px !important;outline: none;border-radius: 5px;/* box-shadow: 0 5px 20px #ffeeed; */}
.register-form-card .form-group textarea.form-control {font-size: 13px; color: #333333; border: 1px solid #ebf4fd; padding: 10px 10px; box-shadow: 0 5px 20px #ffeeed; outline: none; border-radius: 5px; }
.register-form-card button.btn-signIn {background: #003a54;width:100%;display: inline-block;text-align: center;font-size: 14px;color: #fff;font-weight: bold;padding: 12px 40px;border-radius: 5px;box-shadow: 0 5px 20px #edeef1;border: none;outline: none;}
.register-form-card .form-group .form-control:focus {color: #495057; border-color: #d7ddec; outline: 0; box-shadow:none; }

.btn-red-Submit{background: #b51f38; color: #fff; padding: 10px 26px; margin-bottom: 10px; font-size: 13px; border: none; outline: none; display: inline-block; height: auto; border-radius: 5px; font-weight: 500; }

.icon-form-group{position: relative;}
.icon-form-group .form-control-position {position: absolute; top: 1px; left: 0; z-index: 2; display: block; font-size: 1.4rem;width: 2.5rem; height: 2.5rem; line-height: 3.2rem; text-align: center; }
.icon-form-group .form-control {padding-right: 1rem !important; padding-left: calc(2.75rem + 2px) !important; } 

.forgotPassword.links{text-align: center; font-size: 12px; color: #103857; font-weight: 600;  }
.forgotPassword.links a{color: #ffd500; }
.register-form a.btn.btn-forgot {text-align: center; font-size: 12px; color: #103857; font-weight: 600; text-decoration: underline; }
.register-form-card-foot {    padding-bottom: 1rem; }

.remembercheckbox label { position: relative; display: inline-block; font-weight: 300 !important; padding: 0 0 0 2em; margin-bottom: 10px;  line-height: 1.5; cursor: pointer; font-size: 14px !important;}
.remembercheckbox label::before,
.remembercheckbox label::after {position: absolute; top: 0; left: 0; display: block; width: 22px; height: 22px; }
.remembercheckbox label::before {content: " "; border: 1px solid #d7ddec; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.remembercheckbox input[type="checkbox"]{position: absolute; opacity: 0; z-index: -1; margin: 0; }
.remembercheckbox input[type="checkbox"] + label::after {content: "\2714"; color: #FFF; line-height: 1.5; text-align: center; border: none; }
.remembercheckbox input[type="checkbox"]:checked + label::before {background: #80ba26; border-color: #80ba26; }
.remembercheckbox input[type="checkbox"] + label::after{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.remembercheckbox input[type="checkbox"]:checked + label::after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.auth-copyright-text {position: absolute; background: #80ba26; color: #fff; padding: 2px 10px; right: 0; bottom: 0; }




.Welcome-card {margin-bottom: 1.875rem; border: none; -webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07); box-shadow: 0 1px 15px 1px rgba(62,57,107,.07); padding: 1rem; }
.Welcome-card h1{font-size: 1.25rem;font-weight: 600;margin: 0;padding: 15px;text-align: center;}
.Welcome-card p {font-size: 14px; margin: 0; text-align: center; }