@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');
/**
  * Main css file for styling the frontend in the plugin
  * Author : Precious Omonzejele
  */
/* ICONS */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative;
}
.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}
.wc-ls-style select {
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 2px;
    width:100%;
    /*color:#3b3b3b;*/
}
.wc-ls-intl{
  overflow:visible !important;
}
.wc-ls-alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.wc-ls-alert{
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.wc-ls-alert .uppercase{
  text-transform: uppercase;
}
/*loyalty widget stylign*/
/*btn feel*/
.ls-btn-feel{
  border:1px solid rgba(0,0,0,0.2);
  background-image:linear-gradient(to bottom, #ffffff, #fcfcfc);
  padding:3px 8px;
  font-size:15px;
  text-decoration: none;
  color:inherit;
  box-shadow:none;
  }
  .ls-btn-feel .icon{
  font-size:1.2em !important;
  }
    .hidden{
      display: none;
    }
    .center{
      text-align:center;
    }
    
    .right{
      text-align:right;
    }
    .left{
      text-align:left;
    }
    .required{
      color:#ff0000 !important;  
    } 
    .ls-blanket{ 
      position:absolute; 
      width:100%; 
      height:100%; 
      top:0;
      background-color:rgba(255,255,255,0.4);
    z-index:1000;  
    } 
    .ls-nice-load-feel,.ls-nice-load-feel:hover{
      box-shadow:none !important;
      cursor:default;
      color:inherit;
    }
    .ls-nice-load-feel .fa{
      text-shadow:0px 1px 1px rgba(0,0,0,0.8);
    } 
    .ls-blanket .icon, .ls-blanket .ls-nice-load-feel { 
      position:relative; 
      top:41%;
      color:inherit;
    } 
  
    .ls-blanket .icon, .ls-blanket span { 
       position: relative;
       top:35.3%;
       left:5px;
       font-weight:600;
    }
     .round{ 
      border-radius:100%; 
    } 
    .ls-loyalty-widget-box{
      box-shadow:1px 2px 2px 1px rgba(0,0,0,0.1);
      width:95%;
      margin:auto;
      border-top:1px solid rgba(0,0,0,0.1);
    }
    .ls-loyalty-widget-box .body{
      padding:15px 10px;
    }
    .ls-loyalty-widget-box form{
      padding:15px 20px;
    }
    .ls-loyalty-widget-box .head{
      font-size:18px;
      border-bottom:1px solid rgba(0,0,0,0.1);
      font-weight:500;
      padding:15px 12px;
      color:#666;
    }
    .ls-loyalty-widget-box .head h3{
      font-size:inherit;
      font-weight:inherit;
    }
    .ls-loyalty-widget-box label{
      width:100%;
      color:#666;
      margin-bottom:3px;
    }
    .ls-loyalty-widget-box input,.ls-loyalty-widget-box .form-control{
      margin:2px auto 10px auto;
      color:inherit;
    }
    .ls-loyalty-widget-box .form-control{
      width:100%;
      height:35px;
    }
    .ls-loyalty-widget-box legend{
      border:1px solid rgba(0,0,0,0.1);
      padding:5px 10px;
      font-size:19px;
      margin-left:15px;
      width:80%;
    }
    .ls-alert {
      position: relative;
      padding: .75rem 1.25rem;
      margin-bottom: 1rem;
      border: 1px solid transparent;
      border-radius: .25rem;
    }
    .ls-success {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb;
    }
    .ls-danger {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb;
  }
  .intl-tel-input{
    width:100% !important;
  }
  .intl-tel-input input{
    padding-left:55px !important;
  }