.nav-link{  
  color: white !important;
}
.smita-form h3,
.smita-form p{
	text-align: center;
    color: #000000;
    font-weight: bold;
	}
.smita-form h3	
{
    font-size: 28px;	
}	
.smita-form label {
    color: #000000;
    font-weight: 500;
}
.smita-form .form-control
{
	height: 34px;
	font-size: 16px;
	color: #999;
}

.smita-form  .term-service{font-size: 17px;color: #8383ed;text-decoration:underline}
.smita-form button
{
    background: #00c02d;
    border-radius: 39px;
    padding: 10px 40px;
    font-size: 30px;	
}
 .smita_main_form_div{
     margin-top: 55px;
    background-color: #ffffff;
}
.form-join {
  background: #B1B8FF;
    padding: 7px 60px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0px 0px 10px #b1b8ffcf;
    text-transform: uppercase;
}
.form-join:hover {
	background: #4292dc; 
}
.form-group {
  /* position: relative; */
  margin-bottom: 10px;
}
.container_form {
  overflow: auto;
  float: inherit;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  }

.smita-form{
  width: 100%; }
  
 .btn_join_the_fam{
    text-align: center;
}

input {
  width: 100%;
  display: block;
  border: none;
  border-bottom: 1px solid #999;
  padding: 6px 6px;
  font-family: Poppins;
  box-sizing: border-box; }
  input::-webkit-input-placeholder {
    color: #999; }
  input::-moz-placeholder {
    color: #999; }
  input:-ms-input-placeholder {
    color: #999; }
  input:-moz-placeholder {
    color: #999; }
  input:focus {
    border-bottom: 1px solid #222; }
    input:focus::-webkit-input-placeholder {
      color: #222; }
    input:focus::-moz-placeholder {
      color: #222; }
    input:focus:-ms-input-placeholder {
      color: #222; }
    input:focus:-moz-placeholder {
      color: #222; }

input[type=checkbox]:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  display: none; }

  .smita-form  label.error {
    color: red;
    font-weight: initial;
    font-size: 15px;
    line-height: 21px;
    word-break: break-all;
}
.smita-form .form-control:focus{color :#999 !important;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color :#999 !important;
}

@media only screen and (max-width: 768px) {
	.smita_main_form_div {
		margin-top: 60px;
	}
	
}
  @media (min-width: 319px) and (max-width: 480px) { 
   
    .smita-form h3 {
     font-size: 22px;
    }
    .smita-form button {
      /* padding: 10px 38px;
      font-size: 25px; */
      padding: 10px 25px;
      font-size: 18px;
    }
    #card_cvc{width:54% !important;}
}

/* font family */
.smita-form p,h3,h4,label,a,input, textarea, select,a,button,p,ul li{ 
  font-family: 'Fira Sans', sans-serif;
}

/* .sm_sucess_activation_code p,
.sm_failure_activation_code p{
  font-family: 'Fira Sans', sans-serif;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}
.sm_sucess_activation_code
{
  background-color: #51c15e;
  padding: 1px;
}
.sm_failure_activation_code{
  background-color: #fc5c35;
  padding: 1px;
} */

.sm_activation_code{
    text-align: center;
    font-size: 22px;
}

.sm_custom_btn{    padding: 5px 12px !important;    border-radius: 3px !important; font-size: 16px !important; background : #fff !important;}
.smita-form .phone-input{padding: 0px;border:0px;}
.sm_custom_btn span{color:#999 !important;}

#card_cvc{width:55%;display: inline;}
#card_year{display: inline;width: 22%;}
#card_month{display: inline;width: 20%;}

.sm_payment_info .input-sm{border-radius: 6px;}
.sm_payment_info .input-group{padding: 0px;width: 100%;border: 0;background-color: #ffffff;}


input[class="error"]{border:1px solid #f00 !important;}
 input[class="form control error"]{border:1px solid #f00 !important;} 
  

.errorToShow label{border : 0 !important;}

  .credit-card-input { position: relative; }
/* .credit-card-input input {  background-color:#fff; display:block; width: 100%; box-sizing: border-box } */
.credit-card-input img { position: absolute;     top: 11px;
  right: 15px; width:25% }

  label.label-agree-term {
    display: flex;
}
label.label-agree-term > input {
  position: relative;
  top: 2px;
}
label.label-agree-term > p {
    margin: 0px;
    text-align: left;
    line-height: normal;
    cursor: pointer;
    padding: 2px 7px;
}
@media screen and (max-width: 767px){
  .smita_main_form_div {
      padding-bottom: 50px;
  }
}

.sm_payment_info span.input-group-btn{width: 5px;}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { 
  .credit-card-input img{    top: 11px;}
   
}

.sm_stripe_receipt p {
  color: rgb(105 104 104 / 60%);
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  margin-bottom: 6px;
  padding-left: 20px;
  padding-bottom: 6px;
}

.sm_stripe_receipt .day_free{
  font-size: 36px;
  color: rgb(105 104 104 / 60%);
}
.sm_stripe_receipt  .try_plan{padding-top: 10px;}
.sm_stripe_receipt  .discount_code_p{padding-bottom: 10px;}

.sm_stripe_receipt {
  position: relative;    
  margin-bottom: 5px; 
  background-color: #b2b7ff;
  padding-bottom: 10px;
  padding-top: 10px;
}
.sm_stripe_receipt #loader {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  text-align: center;
  z-index: 1;
}
.sm_stripe_receipt.active-loader::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  opacity: .6;
  z-index: 1;
}

.sm_stripe_receipt table{    
  margin-left: auto;
  margin-right: auto;}

  .sm_stripe_receipt table tr{    color:rgb(105 104 104 / 60%);
    font-weight: 500;
    font-size: 17px;
    text-align: left;}

.sm_stripe_receipt table tr,
.sm_stripe_receipt table td{padding : 6px;}
.with_membership_discount{    font-size: 19px;
  color:rgb(105 104 104 / 60%);}
 
  .smita-form p.copon_desc{    font-size: 14px;
    margin-top: 20px;text-align : left;font-weight: 400;}
.singup_bottom_details{   margin-top: 0;}
.upgrade_membership_h3{border-bottom: 3px solid #b2b7ff;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: left !important;
  color: #b2b7ff !important;}

#pageloader
{
  background: rgba( 255, 255, 255, 0.8 );
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}

.sm_subscription_existing_detail{
  padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
}

.sm_subscription_existing_detail p {text-align: left;color:#a09a9a;}
.sm_subscription_existing_detail.txt-center > p{
  text-align: center !important;
}

.activate-form{    width: 100%;}
.activate-form h3{border-bottom : none;font-size: 28px;font-weight: bold;;}
.activate-form button {    background: #00c02d;
  border-radius: 39px;
  padding: 5px 25px;
  font-size: 30px;}

  .activate-form  .form-join:active{outline : 0;}
  .activate-form .btn_join_the_fam{margin-top: 20px;}

  .activate-form label.error{color: red;
    font-weight: initial;
    font-size: 15px;}

    /* account activate css */
    .activte_mail_code h6 {
      color: #b2b7ff;
      font-size: 20px;
      font-weight: bold;
      line-height: 30px;
  }
  #wrapper.activte_mail_code {
    font-family: Lato;
    font-size: 1.5rem;
    text-align: center;
    box-sizing: border-box;
    color: #333;}
    
   .activte_mail_code #dialog {
       border: solid 1px #ccc;
      margin: 0 auto;
      padding: 20px 30px;
      display: inline-block;
      box-shadow: 0 0 4px #ccc;
      background-color: #FAF8F8;
      overflow: hidden;
      position: relative;
      max-width: 450px;
    }
   .activte_mail_code h3 {
      margin: 0 0 10px;
      padding: 0;
      line-height: 1.25;
    }    
  .activte_mail_code  #form {
      max-width: 285px;
      margin: 25px auto 0;}
      
  .activte_mail_code  input {
        margin: 0 5px;
        text-align: center;
        line-height: 80px;
        font-size: 50px;
        border: solid 1px #ccc;
        box-shadow: 0 0 5px #ccc inset;
        outline: none;
        width: 20%;
        transition: all .2s ease-in-out;
        border-radius: 3px;         display: inline-block;
      }      
         
  .activte_mail_code #dialog #form button {
        background: #b2b7ff;
      border-color: #b2b7ff;
      border-radius: 39px;
      padding: 7px 0px;
      font-size: 22px;
      color: #000000;
      margin: 30px 0 50px;
      width: 100%;
      text-transform: uppercase;
  }
  .activte_mail_code #dialog #form button:hover{background: #4292dc;}
  .activte_mail_code #dialog #form button:focus{outline: none;}
  .activte_mail_code div {
    position: relative;
    z-index: 1;
  }

  #activation_popup p {text-align: center;}
  #activation_popup  .modal-footer{text-align: center;}
  #activation_popup a {
    background: #b2b7ff;
    border-color: #b2b7ff;
    border-radius: 39px;
    padding: 7px 0px;
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
    width: 55%;
    text-transform: uppercase;
  }

  .verify-step2-form .input-group.phone-input {
    border-radius: 0;
    padding: 0;
}
.verify-step2-form button.btn.btn-default.dropdown-toggle.sm_custom_btn {
  margin-right: -7px;
}
.verify-step2-form input.form-control.email_phone_no {
  text-align: left;
  font-size: 16px;
  height: 35px;
}
.verify-step2-form button.btn.btn-embossed {
    background: #b2b7ff;
    border-color: #b2b7ff;;
    border-radius: 39px;
    font-size: 22px;
    color: #000000;
    width: 40%;
    text-transform: uppercase;
  }

  .verify-step2-form button.btn.sm-close-btn{
    background: #ccc;
    border-color: #fff;
    border-radius: 39px;
    font-size: 22px;
    color: #000000;
    width: 40%;
    text-transform: uppercase;
  }

  .verify-step2-form button.btn.btn-embossed:hover {
    background: #4292dc;
} 

.sweet-alert p{    font-size: 26px !important; }
.sweet-alert h2{    font-size: 35px !important;}
.sweet-alert.showSweetAlert {
  width: auto !important ;
}

.sm_common_message{  
    font-size: 20px;
  text-align: center;}

  /*-- update card detail on profile section --*/
  .sm_add_card_detail_btn{
    background: #00c02d;
    border-radius: 39px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;   
    text-transform: uppercase;
  }
  .sm_add_card_detail_btn:hover {
    background: #4292dc;
}
#payment-form .cardBtn,
#businessAddressModal .cardBtn{border-radius: 39px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;}

  #payment-form  #card_cvc{width: 100%;}
  #payment-form .input-group{border: none;padding: 0;width: 100%;}
  /* #payment-form .form-group{width:50%} */
  #payment-form .form-actions{text-align: right;;}
  #payment-form .form-control{height: 34px;
    font-size: 16px;
    color: #999;}
#payment-form #card-error  
{ margin-bottom : 0
}
#payment-form .cardInfoSection .form-group{    padding-top: 8px;}

#installBtnIpnone button{    font-size: 25px;
  background-color: #ff1515;
  border: transparent;
  font-weight: bold;
  padding: 5px;
  padding: 10px;
  border-radius: 48px;
  color: white !important;}

  #installBtnIpnone {
    width: 100%;
    display: inline-block;
    margin: 0px auto;
    margin-top: 25px;
    margin-bottom: 25px;
}


div#shopify-section-header {
  margin-top: 35px;
}

div#PWA_Modal_box_iphone {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}

@media (min-width: 768px)
{
#PWA_Modal_box_iphone .modal-dialog {    
    width: 355px;
}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 767px) and (orientation : landscape) { 
  #PWA_Modal_box_iphone .modal-dialog {    
    margin: 0 160px 0 160px;
}
}


.jj_position_absolute .nav li a ,.header-lower .logo .logo_name .white_text{
  color: white;
}

#up_pause_msg_area{color: #000000;
  font-weight: bold;
  font-size: 14px;}

  
/* Delete "home telemed join" Footer on mobile  -- 06012022*/
@media (min-width: 320px) and (max-width: 480px) {
  #bottom-menu-navigation { display : none;}

}
#bottom-menu-navigation { display : none;}

.video_view_tags{
  position: absolute;
  top: 5px;
  left: 5px;
  right: 0;
  width: 40px;
}
.video_view_tags span img.checked-green {
  max-width: 100%;
  vertical-align: middle;
}
 
 

#addTrialPeriodsEndPopup .modal-dialog .pricing-block .plan_type_{margin-top: 1em;}
#addTrialPeriodsEndPopup .modal-dialog .pricing-block .inner-box{height: 450px;}
#addTrialPeriodsEndPopup .modal-content{    padding-bottom: 0px !important;}
#addTrialPeriodsEndPopup .pricing-block{margin-bottom: 15px;}

#addTrialPeriodsEndPopup .pricing-block:nth-child(1) .icon-box i{    color: #5271FF;border-color: #5271FF;}
#addTrialPeriodsEndPopup .pricing-block:nth-child(1) .icon-box{background-color: #5271FF;}
#addTrialPeriodsEndPopup .pricing-block:nth-child(1) .price{color: #5271FF;}
#addTrialPeriodsEndPopup .pricing-block:nth-child(1) .inner-box{border-color: #5271FF;}

#addTrialPeriodsEndPopup .form-group{margin-right: 0;margin-left: 0;}
.trial_end_periods_p{    color: #13410c;
  font-weight: bold;
  padding: 10px;
  font-size: 1.2em;
  text-align: center;}

  .input-group-username{    border: 0;}
  .input-group-username input{width: 70% !important;}

  .welcome_box_area{padding: 5px;
    background-color: #b2b7ff;
    margin: 15px 0;}

  .welcome_box_area p{
    color: rgb(105 104 104 / 60%);
  }
  /* body{background : #ffffff} */


 #change_card_detail .profile-stripe-card-detail{width: 100%;padding: 3px 0;border:0;}
 #change_card_detail .profile-stripe-card-detail #card_cvc{width: 100%;}
 #change_card_detail .cardBtn,
 #billing_address_form .cardBtn{border-radius:4px;font-size: 14px;}

 .pageloader_creditCard{
  position : absolute !important;   }

  /* profile page tab css */
  
.profile_tab.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.profile_tab.tabset .tab-panel {
  display: none;
}

.profile_tab.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.profile_tab.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.profile_tab.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.profile_tab.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.profile_tab.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.profile_tab.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.profile_tab.tabset > label {
  position: relative;
  display: inline-block;
  padding: 5px 15px 15px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.profile_tab.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 65px;
  height: 4px;
  background: #8d8d8d;
}

.profile_tab.tabset > label:hover,
.profile_tab.tabset > input:focus + label {
  color: #06c;
}

.profile_tab.tabset > label:hover::after,
.profile_tab.tabset > input:focus + label::after,
.profile_tab.tabset > input:checked + label::after {
  background: #06c;
}

.profile_tab.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
.profile-btn.btn-success{
  letter-spacing: .025em;
    color: #fff;
    border-color: #2dce89;
    background-color: #2dce89;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    line-height: 1.5;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}
.profile-btn.btn-danger{
  letter-spacing: .025em;
    color: #fff;
    border-color: #f5365c;
    background-color: #f5365c;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    line-height: 1.5;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.profile_tab  .panel-heading a:before{
  display: none;
}

.profile-tab-heading{    padding: 5px 0;}

.active_device_Detail{display: inline-block;
  border: 1px solid #d3d3d3;
  padding: 10px;
  margin-top: 10px;
}

/* #modalExerciseApproval .approve {    display: inline-block;
  box-shadow: none;} */