/* CUSTOMER PAGE */

#customer-login-container{
  max-width: 990px;
  margin: 35px auto;
}

#customer-login-container .login-container{
  border-right: 1px solid #e0e0e0;
}

@media only screen and (max-width: 768px){
  #customer-login-container .login-container{
    border-right: none;
  }
}


#customer-login-container .social-container #facebook_request{
  background: url('https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/fbloginbutton.png') no-repeat;
}


#customer-login-container .social-container #google_request{
  background: url('https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/gloginbutton.png') no-repeat;
}

#customer-login-container .social-container button{
  background-size: cover;  
  width: 184px;
  height: 42px;
  border: 0;
  cursor: pointer;
}

#customer-login-container .social-container small{
  display: block;
  width: 184px;
  color: #aaaaaa;
  font-size: 1rem;
  text-align: center;
  margin: 0px auto;
}

#customer-registration-container{
  max-width: 990px;
  margin: 35px auto;
}

#customer-registration-container #login-data{
  border-right: 1px solid #e0e0e0;
}

@media only screen and (max-width: 768px){
  #customer-registration-container #login-data{
    border-right: none;
  }
}
 

#btn_registration:before{
  content: "";
  display: inline-flex;
  background: transparent url(https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/registration-icon.png) no-repeat left center;
  width: 22px;
  height: 24px;
  vertical-align: middle;
  background-size: 24px;
}

#btn_registration span{
  border-left: 1px solid rgba(255,255,255, 0.25);
  vertical-align: middle;
  display: inline-flex;
  padding: .5rem 1.5rem;
  margin-left: 5px;
}


#btn_login:before{ 
  content: "";
  display: inline-flex;
  background: transparent url(https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/login_icon.png) no-repeat left center;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: 24px;
  margin-left: -6px;
  margin-right: 3px;
}

#btn_login span{
  border-left: 1px solid rgba(255,255,255, 0.25);
  vertical-align: middle;
  display: inline-flex;
  padding: .5rem 1.5rem;
  margin-left: 5px;
}

#btn_save:before{
  content: "";
  display: inline-flex;
  background: transparent url(https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/registration-icon.png) no-repeat left center;
  width: 22px;
  height: 24px;
  vertical-align: middle;
  background-size: 24px;
}

#btn_save span{
  border-left: 1px solid rgba(255,255,255, 0.25);
  vertical-align: middle;
  display: inline-flex;
  padding: .5rem 1.5rem;
  margin-left: 5px;
}

#btn_send:before{
  content: "";
  display: inline-flex;
  background: transparent url(https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/send.png) no-repeat left center;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: 24px;
}

#btn_send span{
  border-left: 1px solid rgba(255,255,255, 0.25);
  vertical-align: middle;
  display: inline-flex;
  padding: .5rem 1.5rem;
  margin-left: 5px;
}

#btn_add:before{ 
  content: "";
  display: inline-flex;
  background: transparent url(https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/add.png) no-repeat left center;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: 24px;
  margin-left: -6px;
  margin-right: 3px;
}

#btn_add span{
  border-left: 1px solid rgba(255,255,255, 0.25);
  vertical-align: middle;
  display: inline-flex;
  padding: .5rem 1.5rem;
  margin-left: 5px;
}

#customer-account-menu-container .list-group li a::after {
    content: '›';
    font-size: 1.45rem;
    font-weight: normal;
    line-height: 1rem;
    color: #555;
    margin-right: 5px;
    margin-left: 4px;
    margin-top: -2px;
}

#customer-account-menu-container .list-group li a {
    width: 100%;
    font-size: 1.175rem;
}

#customer-account-menu-container .list-group li a:hover, #customer-account-menu-container .list-group li.current a{
  color: #0057a2;
}

#customer-account-menu-container .list-group li a:hover:after, #customer-account-menu-container .list-group li.current a:after{
  color: #0057a2;
}

#customer-account-content-container{
  min-height: 600px;
}

#customer-account-menu-container ul.list-group{
  margin-top: 10px;
}

#customer-login-lost-password-container, #customer-new-password-container{
  max-width: 600px;
  margin: 35px auto;
}

button.g-signin2 .abcRioButton.abcRioButtonLightBlue *{
   display: none;
}

button.g-signin2 .abcRioButton.abcRioButtonLightBlue{
   width: 100% !important;
  background: transparent !important;
  border: none !important;
}

.table.order-items tbody th{
  white-space: nowrap;
  text-align: right;
  min-width: 80px;
}

.table.order-items tfoot td{
  text-align: right;
  font-weight: bold;
}

#billing-type div{
  border: 1px solid silver;
  width: 49%;  
  padding: .0rem 0rem;
  padding-left: 0rem;
  vertical-align: middle;
}

#billing-type div label{
  padding: 0.855rem 0.65rem;
  padding-left: 2.556rem;
  margin: 0px;
  font-weight: 600 !important;
  display: block;
}

.w-dialog #billing-type .custom-control-label::before {
    top: 12px;
    left: 8px;
}

.w-dialog #billing-type .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    top: 16px !important;
    left: 12px !important;
}

#billing-type div.active{
  background: #0b4b5f;
  color: #fff;
}

#billing-type div.active *{
  color: #fff;
}

.w-dialog #billing-type div.active .custom-control-label::before {
  border-color: #fff;
}

#model-address .modal-dialog {
  max-width: 640px;
}

#model-address .w-dialog-body .input-group .input-group-text {
    min-width: 120px;
}

/* CUSTOMER PAGE END*/	
.reviews-container .reviews-item .review-container{
  background: #fdfdfd;
  padding: 15px 20px;
  width: 100%;
  border: 1px solid rgba(0,0,0,0.125);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.reviews-container .reviews-item .review-by a{
  text-decoration: none !important;
  font-size: 1.175rem !important;
}

.reviews-container .reviews-item .review-by .date{
  color: #333;
  margin-left: 5px;
}

.reviews-container .reviews-item .review-by .date:before{
  content: "|";
  color: #333;
  margin-right: 4px;
}

.reviews-container .reviews-item .review-container p{
  font-size: 1.115rem !important;
  margin-top: 15px;
  white-space: pre-wrap;
}

.reviews-container .reviews-item .review-container .small-review-container .star{
  font-size: 1.365rem;
  letter-spacing: -3px;
  line-height: 1rem;
  color: rgba(0,0,0,0.125);
  vertical-align: middle;
}

.reviews-container .reviews-item .review-container .small-review-container .star.checked{
  color: #ee0000;
}

.reviews-container .reviews-item .review-container .small-review-container .value{
  font-size: 1.085rem;
  color: rgba(0,0,0,0.125);
  vertical-align: middle;
  margin-left: 3px;
  color: #333;
}
 
 
 
.w-dialog .w-dialog-body .input-group.pw-checker .input-group-text {
    background: #fff;
    border: none !important;
    padding-right: 25px;
    margin-right: 1px !important;
    border-color: #e0e0e0 !important;
    font-size: 1rem;
}

.w-dialog .w-dialog-body .input-group.pw-checker .input-group-text span {
  font-size: inherit;
  font-weight: 600;
  text-indent: 5px;
  color: red;
}

.w-dialog .w-dialog-body .input-group.pw-checker .input-group-text span.low {
  color: red !important;
}

.w-dialog .w-dialog-body .input-group.pw-checker .input-group-text span.medium {
  color: orange !important;
}

.w-dialog .w-dialog-body .input-group.pw-checker .input-group-text span.strong {
  color: green !important;
}

.w-dialog .w-dialog-body .input-group.pw-checker{
  margin-top: -10px !important;
  margin-bottom: 2.25rem !important;
}

.w-dialog .w-dialog-body .input-group.pw-checker .progress{
  display: flex;
  height: 6px;
  width: auto;
  margin-top: 8px;
  margin-bottom: auto;
  margin-left: 8px;
  background: #fafafa !important;
}
.w-dialog .w-dialog-body .input-group.pw-checker .progress span{
  display: block;
  border: 1px solid silver;
  width: 50px;
  height: 6px;
  background: transparent;
  margin-right: 1px;
}

#customer-order-details .w-dialog-body div{
  font-size: 1.115rem;
  color: #333;
  font-weight: 500;  
}