.dob-datepicker .gj-datepicker {
    position: relative;
    width: 100% !important;
  }

    .dob-datepicker .gj-datepicker .input-group-append {
      position: absolute;
      top: 9px;
      right: 2px;
    }

      .dob-datepicker .gj-datepicker .input-group-append button {
        border: 0;
      }

  #covidvaccine .col-12.attention-message {
    background-color: #868485;
    color: #fff;
    padding: 20px 25px;
    text-align: justify;
  }

    #covidvaccine .col-12.attention-message p {
      font-size: 20px;
      font-weight: 400;
    }

  @@media screen and (max-width: 600px) {
    .covid-title {
      font-size: 40px;
      font-weight: 500;
    }

    #content.container > .row > .component:not(.container-fluid) {
      margin-left: 0;
      margin-right: 0;
    }

    #content.container > .row > .component.schedule-appointment-info:not(.container-fluid) {
      padding: 0 15px;
    }

    #content.container > .row > .component.schedule-appointment-info p {
      font-size: 20px !important;
      margin-bottom: 0 !important;
    }

    #content.container > .row > .component.schedule-appointment-info .card-wrapper {
      margin-bottom: 1rem;
    }

    #covidvaccine .profile.profile-header {
      padding: 30px 17px !important;
    }

    #covidvaccine .pricing-header h1 {
      font-size: 25px !important;
    }

    #covidvaccine .card .card-body, #covidvaccine .card-wrapper .card-body {
      background-color: #ececec;
    }

    #covidvaccine > div > .card-wrapper {
      margin-bottom: 1rem;
    }

    #covidvaccine .required-text {
      padding-top: 15px;
      padding-right: 17px;
    }

    #covidvaccine .form-fields-wrapper {
      padding-right: 17px !important;
    }

    #covidvaccine .your-info-form-footer {
      justify-content: center !important;
      flex-flow: row wrap;
      padding: 0 17px;
    }

    .your-info-form-footer #tryagain,
    .your-info-form-footer #alreadyused,
    .your-info-form-footer #failure {
      margin-right: 0px;
    }

    .faq-component .faq-sections-wrapper {
      padding: 0 35px !important;
      justify-content: normal !important;
      flex-flow: row wrap;
    }

    .faq-component .faq-section {
      padding-right: 0 !important;
      border-right: 0 !important;
      flex: 1 1 100% !important;
      padding-left: 0 !important;
    }

      .faq-component .faq-section p,
      .faq-component .faq-section li {
        font-size: 20px !important;
      }

    #covidvaccine .card-body {
      margin: 0;
      border-left: none;
      border-right: none;
      border-bottom: none;
    }

    #covidvaccine .input-group-append {
      position: absolute;
      right: 3px;
      top: 50%;
      transform: translate(0px, -50%);
    }

    #covidvaccine .input-group {
      margin-bottom: 2rem;
    }

    #covidvaccine .dob-datepicker-wrapper {
      padding-right: 17px !important;
    }

    .gj-dialog-md.info-dialog {
      width: 100% !important;
    }

      .gj-dialog-md.info-dialog iframe {
        width: 100% !important;
        left: 20px !important;
      }

    .vaccine-schedule-modal.overlayFullWidth iframe {
      height: 88% !important;
	 
    }
	
	
  }

  .fakehidden {
    -moz-opacity: 0.5;
    filter: alpha(opacity: 0.5);
    opacity: 0.5;
  }
  
  
  /************** Thanks you page styles **********/
   @@media screen and (max-width: 600px) {

    #landingThanks .body-copy.lead.field-lead-in-copy .card-wrapper p {
      font-size: 25px !important;
      margin-bottom: 0 !important;
    }

    #landingThanks .former-card .panel.panel-default {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    #landingThanks .former-card .card-body {
      margin-left: 0;
      margin-right: 0;
      padding: 0 15px !important;
    }

    #landingThanks .former-card .panel .profile-header.profile {
      padding: 0 15px !important;
    }

      #landingThanks .former-card .panel .profile-header.profile .panel-body p,
      #landingThanks .former-card .panel .profile-header.profile .panel-body a {
        font-size: 20px !important;
      }

      #landingThanks .former-card .panel .profile-header.profile .panel-body h4 {
        font-size: 20px !important;
      }

      #landingThanks .former-card .panel .profile-header.profile .panel-body ul {
        font-size: 20px !important;
        margin-left: 0 !important;
        padding-left: 0.9em !important;
      }
  }
  
  .vaccine-schedule-modaloverlayFullWidth{
	 width: 750px; 
	  height: 530px;
	}

  /************** Tracker Vaccine styles **********/
#trackervaccine .vaccine-wrapper{
       padding: 10px 100px; 
       max-width: 1400px;
       margin: auto;
   }
 #trackervaccine .vaccine-inner-wrapper{
       background-color: #003798;
       padding: 1px 10px 8px;
       color: white;
   }
 #trackervaccine .vaccine-head{
       text-align: center;
       font-size: 30px;
       padding-top: 20px;
   }
#trackervaccine .vaccine-data{
       display: flex;
       flex-wrap:  wrap;
       position:relative;
   }
 #trackervaccine .vaccine-heading{    
    position: absolute;
    right: 3%;
    top: -30px;
    font-size: 18px;
    opacity: 0.8;
    padding-top: 5px;

   }

 #trackervaccine  .vaccine-left{
       flex: 1.3;
       font-size: 80%;
       padding: 5px 40px;
   }
 #trackervaccine .vaccine-middle{
       flex: 1;
       padding: 5px 4px;
   }
#trackervaccine .vaccine-right{
       flex: 1;
       padding: 5px 4px;
   }
#trackervaccine .vaccine-left-box{
       background-color: #03335F;
       text-align: center;
       font-size: 45px;
       margin: 0;
       padding: 10px 0;
       font-weight: bold;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       width: 400px;
       margin: auto;
   }
 #trackervaccine .vaccine-left-box-big {
       font-size: 60px;
   }
   
#trackervaccine .vaccine-left-data {
       text-align: center;
       font-size: 14px;
       margin: 0 0 10px 0;
       padding: 5px 0;
       opacity:0.7;
       
   }
   
 #trackervaccine .vaccine-box {
       display: flex;
       border-bottom: 3px solid white;
   }
   
 #trackervaccine .vaccine-para {
       flex: 1;
       margin: 0;
       padding: 3px;
   }
   
 #trackervaccine  .vaccine-percent {
       text-align: center;
   }
   
 #trackervaccine .vaccine-percent-color {
       text-align: center;
       background-color: #03335F;
       margin: 0 5px;
       display: flex;
       align-items: center;
       justify-content: center
   }
   
 #trackervaccine .vaccine-top {
       margin: 0 0 15px 0;
   }
   
 #trackervaccine .vaccine-para-head {
       font-size: 28px;
       font-weight: 500;
       padding-top: 0;
       padding-left: 0;
   }
   
#trackervaccine .vaccine-text-size {
       font-size: 20px;
       font-weight: 100;
       padding-left: 0;
       opacity: 0.7;
   }
   
 #trackervaccine .vaccine-bottom-text {
       text-align: center;
       font-size: 12px;
       padding: 5px 5px;
       margin-bottom:0px;
       opacity: 0.7;
   }
   
#trackervaccine .vaccine-mid-bottom {
       margin-top: 30px;
   }
   
 #trackervaccine  .vaccine-wrapper-text {
       text-align: center;
       font-size: 140%;
       margin-bottom: 7px;
       margin-top: 50px;
   }
   
 #trackervaccine .vaccine-wrapper-bottom {
       text-align: center;
       font-size: 80%;
       margin-top: 0px;
   }
   
 #trackervaccine .vaccine-right-bottom-text {
       
       padding: 29px 5px 10px 5px;
       text-align: center;
       font-size: 12px;
       opacity: 0.7;
   }
   
   @media (max-width:768px) {
  #trackervaccine .vaccine-heading {
        position: static;
        padding: 0 10px;
        font-size: 18px;
        text-align: center;
    }

      #trackervaccine  .vaccine-wrapper{
           padding: 10px 20px; 
       }
       #trackervaccine .vaccine-left-box{
           width: 250px;
       }
       #trackervaccine .vaccine-head{
           margin-bottom: 10px;
           padding: 15px;
        font-size: 26px;
       }
       #trackervaccine .vaccine-left {
           padding: 5px 0px;
           justify-content: center;
           align-items: center;
           display: flex;
           flex-direction: column;
       }
       
   #trackervaccine .vaccine-left-box {
       font-size: 30px;
   }
   #trackervaccine .vaccine-left-box-big {
       font-size: 45px;
   }
      #trackervaccine  .vaccine-middle {
       width: 100%;
       flex: inherit;
       padding: 0;
       }
       #trackervaccine .vaccine-inner-wrapper{
           padding: 0px;
       }
       #trackervaccine .vaccine-percent-color{
           margin: 0px;
       }
       #trackervaccine .vaccine-right{
           padding: 0px;
           margin-top: 30px;
       }
      #trackervaccine  .vaccine-para{
           padding: 3px 6px;
       }
       #trackervaccine .vaccine-bottom-text{
           margin-top: 0;
           margin-bottom: 0;
       }
       #trackervaccine .vaccine-right-bottom-text {
       padding: 30px 0 10px 0;
       }
      #trackervaccine  .vaccine-mid-bottom {
       margin-top: 25px;
       }
       #trackervaccine .vaccine-top{
           margin-bottom: 25px;
       }
   }