html{
    overscroll-behavior: none !important;
    overflow-y:hidden;

}

body {
    overscroll-behavior: none;
    overflow:hidden;
    overflow-y:hidden;
    -webkit-touch-callout: none; 
    -webkit-text-size-adjust: none; 
    -webkit-user-select: none; 
    -webkit-highlight: none; 
    -webkit-tap-highlight-color: transparent;
    margin:0 auto;
    max-width:1024px;
    padding-bottom:0 !important;
    
    



}

::placeholder{
    color:#c0c0c0;
}

/* fonts */

.font-ubuntu-bold{
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700 !important;
}

.font-ubuntu-light{
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300 !important;
}

.font-lato-light{
    font-family: 'Lato', sans-serif !important;
    font-weight:300 !important;
}

.font-lato-bold{
    font-family: 'Lato', sans-serif !important;
    font-weight:700 !important;
}

.font-poppins-semibold{
    font-family: 'Poppins', sans-serif !important;
    font-weight:600 !important;
}

/* Navbar items */

.big-back-btn{
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    height:44px;
    z-index:10;


}

.bar-fill{
    width:100%;
    height:45px;
    overflow:hidden;
}

.bar-nav{
    top:env(safe-area-inset-top);
    background: rgb(0,85,106);
    background: linear-gradient(0deg, rgba(41,124,145,1) 0%, rgba(0,85,106,1) 100%);
    min-height:45px;
    overscroll-behavior: none;
    overflow:hidden;
    

}


.bar-nav .title{
    color:white;
    font-size:16px;
}

.bar-nav .multi-title{
    position:absolute;
    top:4px;
    left:0px;
    width:100%;
    font-size:20px;
    z-index:0;
    color:white;
    text-align:center;
}

.bar-nav .multi-title.single{
    line-height:38px;
    font-size:15.5px;
    font-weight:200;

}

.bar-nav .multi-title.single b{
    font-weight:700;

}

.bar-nav .multi-title small{
    font-size:16px;
    display:block;
    color:white;
    text-align:center;
    padding-top:5px;
}

.bar-nav .back-button i{
    font-size:23px;
    padding-top:4px;
}

.bar-tab{
  height:auto !important;
    background:#f8f8f8;
    z-index:10000;
    overscroll-behavior: none;
    overflow:hidden;
    padding-bottom:env(safe-area-inset-bottom,30px) !important;

}



.tab-item{
}

.tab-item,.tab-item span{
    color:#8e8e8e;
}

.tab-item .tab-label{
    font-size:9px !important;
    padding-top:0px;
    margin-top:0px;
    line-height:10px;
}

.tab-item i{
    font-size:19px !important;
    padding-top:1px !important;
}

.tab-item.active,.tab-item.active i,.tab-item.active span{
    color:#5cb9b6 !important;
}

.bar-tab~.content{
    padding-bottom:0px !important;
}




.icon.disabled{
    cursor:not-allowed;
    
}

.icon.disabled i{
    color:rgba(0,85,106,0.5) !important;
}




.content{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding-bottom:0px !important;
    padding-top:env(safe-area-inset-top);
    background:rgb(0,85,106);
    overflow:hidden;
    overscroll-behavior: none;
    margin:none !important;

}

.slideup{
  display:none;
}


body.global-not-logged-in{
    height:100% !important;
    -webkit-transform: translateZ(0px) !important;
    transform: translateZ(0px) !important;
    overflow:hidden;
}

bodyx.global-not-logged-in:before{
    position:fixed;
    top:411px;
    right:-60px;
    content:url(../svg/blobs.svg);
}



.global-not-logged-in .content{
    background:transparent !important;
}

.global-not-logged-in .schedule-menu{
  display:none;
}



.scroll-panel{
    position:relative;
    width:100%;
    overflow:hidden;
    -webkit-transform: translate3d(0,0,0);
    min-height:120vh;
    padding-bottom:150px;

}

.global-not-logged-in .scroll-panel{
    min-height:0;
    padding-bottom:0;


}

.scroll-panel.nopad{
    padding-bottom:0;
}

.pad-extra{
    width:100%;
    height:80px;
    overflow:hidden;
    background:transparent;
}






.global-not-logged-in .bar-tab{
    display:none;
}

.global-not-logged-in .bar-nav{
    display:none;
}

.global-not-logged-in .content{
    padding-top:0 !important;
}

.content-no-menu{
    margin-top:-44px;
    height:110vh;
}

.faded-content{
    opacity:0.2;
}


.targ-child-list{
    padding-bottom:50px;
}


/* core band styles */

.band{
    position:relative;
    width:100%;
    box-sizing: border-box;
    border:none;
    border-bottom:1px solid #e8e8e8;
    min-height:43px;
    overflow:hidden;
    font-size:14.5px;
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
    color:#6f7473;
}

.band.center{
    text-align:center;
}

.center-align{
  text-align:center;
}

.band b{
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700 !important;
    color:#6f7473;

}

.band-center{
    text-align:center;
}

.band-half{
    float:left;
    box-sizing: border-box;
    width:49.9%;
    padding-left:30px;

}

.band-full{
    float:left;
    box-sizing: border-box;
    padding-left:30px;

}

.band-margin-bottom{
    margin-bottom:5px;
}

.band.single.green{
    color:#55a797;
    font-weight:900;
    font-size:18px;
}

.band.grey{
    background:#f8f8f8;
}

.band.white{
    background:white;
}

.band.single{
    line-height:44px;
}

.band.multi{
  line-height:22px;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:20px;
}

.band.pad{
  padding-left:20px;
  padding-right:20px;
}

.select-css{
    margin-bottom:15px;
}

.band-partner{
    box-sizing: border-box;
    padding-top:8px;
    background:white;
    text-align:center;
    font-size:15px;
    color:#6f7473;

}

.btn-small-grey,.btn-small-white{
    display:inline-block;
    background:#55a797;
    font-size:11px;
    color:#ffffff;
    padding:4px 25px;
    line-height:12px;
    margin-top:7px;
    border-radius:3px;
    border:1px solid #55a797;
}

.btn-small-white{
    color:#606060;
    border:1px solid #606060;
    background:white;
}

.btn-status-confirmed{
  background:red;
  color:white;
  border:1px solid red;
  transition:all 0.2s;
}

.band.green-grad{
    background-image: linear-gradient(to bottom, #94ba56, #9cbf55, #a5c455, #aec954, #b7ce53);
    line-height:44px;
    color:white;
    font-weight:700;
    font-size:18px;
    margin-top:10px;
    min-height:48px;
    width:100%;
}

.add-child-message{
    width:70%;
    margin:0 auto;
    margin-top:30px;
    text-align:center;

}

.add-child-message h5{
    color:#55a797;
    font-size:20px;
    font-family: 'Ubuntu', sans-serif;
    font-weight:700;



}

.add-child-message i{
    
    font-size:96px;
    color:#a0a0a0;
    margin-top:10px;
    margin-bottom:10px;
}

.add-child-message p{
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
    color:#a0a0a0;
    margin-bottom:10px;

}



.add-child-link{
    position:absolute;
    top:8px;
    right:38px;
    width:33px;
    opacity:0.6;

}

.add-child-link img{
    width:100%;
    height:auto;
}



.comp-bar{
    border:1px solid #55a797;
    margin-top:15px;
    height:17px;
    border-radius:3px;
}

.comp-bar-fill{
    background:#55a797;
    border-radius:2px;
    height:15px;
}

.parent-profile-link{
    display:block;
    margin-top:16px;
    color:#55a797;
    font-size:15px;
    margin-bottom:14px;
    line-height:20px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300 !important;

}

.panel-grey{
    background:#f8f8f8;
}

.child-new-wrap{
    margin-bottom:5px;
}

.child-list-top{
    position:relative;
    padding-left:102px;
    color:#6f7473;
    font-weight:400;
    font-size:14px;

}


.child-list-icon{
    position:absolute;
    top:5px;
    left:58px;
    width:auto;
    height:36px;

}

.child-list-indent{
    padding-left:56px;
    font-weight:400;
    font-size:14px;
    color:#6f7473;

}

.child-list-indent b{
    font-weight:700;
    color:#6f7473;
}

.child-list-gender{
    display:inline-block;
    background:#60b0bb;
    color:white;
    font-size:12px;
    font-weight:400;
    line-height:18px;
    border-radius:3px;
    padding:0px 13px;
    margin-left:5px;
}

.child-precis-fullwrap{
    width:100%;
    min-height:100%;
    margin-top:0px;
    padding-bottom:460px;
}

.child-precis-background{
    background: rgb(33,82,103);
    background: radial-gradient(circle,rgba(83,134,151,1)  0%,rgba(33,82,103,1)  80% );    
}



/* donut */



.outer-rim{
    position:absolute;
    top:32px;
    left:32px;
    width:286px;
    height:286px;
    border:2px solid #a5bf53;
    background:transparent;
    border-radius:50%;
    
}

.child-icon-menu{
    width: 23.6%;

}

.child-icon-menu.disabled{
    opacity:0.3;
    cursor:not-allowed;

}

.child-icon-menu i{
    color:#b3e39c !important;
    font-size:30px;
    
}

.child-icon-menu > div{
    color:#b3e39c !important;
}

.legends-wrap{
    margin:0 auto;
    text-align:center;

}

.legend{
    display:inline-block;
    position:relative;
    font-size:14px;
    color:white;
    line-height:28px;
    margin-left:10px;
    margin-right:10px;
    


}

.legend:before{
    position:absolute;
    top:0px;
    
    width:25px;
    height:25px;
    border-radius:4px;
    border:1px solid white;
    content:'';
}

.legend-essential{
    padding-right:36px;
}

.legend-essential:before{
    background:#a5bf53;
    right:0px;
    

}

.legend-extended{
    padding-left:36px;
}

.legend-extended:before{
    background:#62a99f;
    left:0px;
}





.donut-jam{
    position:absolute;
    top:56px;
    left:50%;
    margin-left:-110px;
    width:218px;
    height:218px;
    border-radius:50%;
    color:#393939;
    text-align:center;
    z-index:2;
    background:transparent;
}

.donut-jam h3{
    font-size:24px;
    color:#a6c053;
    margin-bottom:10px;
    margin-top:7px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700 !important;


}

.donut-jam h3 b{
    color:#194456 !important;
}

.donut-jam h3 small{
    font-size:24px;
    color:#61ad9d;
}

.donut-jam h4{
    font-size:27px;
    color:#194456;
    margin-bottom:10px;
    margin-top:7px;

}

.donut-jam h5{
    font-size:15px;
    color:#ffffff;
    margin-top:0px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300 !important;


}

.donut-jam > div{
    font-size:14px;
    color:#ffffff;
    margin-top:54px;

}

/* weeks bar */


.shortcut-selected{
    background:#6fc0ca !important;
    color:white !important;
}


.schedule-menu{
    position:absolute;
    top:44px;
    margin-top:env(safe-area-inset-top);
    border-top:1px solid #6fc0ca;
    border-bottom:1px solid #6fc0ca;
    font-size:11px;
    font-family: 'Poppins', sans-serif !important;
    font-weight:600 !important;
}

.scrolling-wrapper{
    background:#f8f8f8;

}

.scrolling-wrapper > a{
    height:33px;
    line-height:33px;
    font-size:12px;
    font-family: 'Poppins', sans-serif !important;
    font-weight:600;
    padding:0 5px;
    color:#6f7473;
}


.schedule-picker{
    box-sizing: border-box;
    width:100%;
    background:#efefef;
    min-height:81px;
    border-bottom:1px solid #d0d0ce;
    text-align:center;
    font-family: 'Poppins', sans-serif !important;
    font-weight:600;
    color:#6f7473;
    font-size:11px;
    padding-top:11px;


}

.schedule-picker-switch{
    display:inline-block;
    width:300px;
    height:29px;
    line-height:29px;
    border:1px solid #bbd152;
    border-radius:5px;
    margin-top:7px;
    font-size:10px;
    color:#6f7473 !important;
    background:#f8f8f8;


}

.schedule-picker-switch .item{
    display:block;
    width:149px;
    height:27px;
    text-align:center;
    color:#6f7473 !important;
    font-family: 'PT Sans', sans-serif;
    font-weight:400;

}

.schedule-picker-switch .item.left{
    float:left;
    border-radius:3px 0px 0px 3px;

}

.schedule-picker-switch .item.right{
    float:right;
    border-radius:0px 3px 3px 0px;

}

.schedule-picker-switch .item.selected{
    background:#bbd152;

}


.has-submenu{
    height:29px;
}

.schedule-search{
    box-sizing: border-box;
    width:100%;
    background:#f8f8f8;
    border-bottom:1px solid #d0d0ce;
    text-align:center;
    margin-top:7px;
    padding-bottom:7px;
}

.schedule-search .input-wrap{
    position:relative;
    margin-bottom:0;
    display:inline-block;
    width:80%;


}

.schedule-weeks-title{
    box-sizing: border-box;
    width:85%;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    background:#f7f7f7;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    line-height:22px;
    font-size:16px;
    padding-left:4px;
    color:#747474;
}

.schedule-detail-wrap{
    box-sizing: border-box;
    position:relative;
    width:85%;
    margin:0 auto;
    margin-bottom:15px;
    padding-left:55px;
    min-height:40px;
    font-family: 'Poppins', sans-serif !important;
    font-weight:500;



}

.schedule-detail-wrap h5{
    display:block;
    margin:0;
    font-size:16px;
    color:#103144 !important;
    font-family: 'PT Sans', sans-serif;
    font-weight:400;
}

.schedule-detail-wrap h6{
    display:block;
    margin:0;
    font-size:11px;
    color:#030303;
    font-family: 'PT Sans', sans-serif;
    font-weight:400;

}

.schedule-detail-wrap span{
    display:block;
    margin:0;
    font-size:11px;
    color:#a0a0a0;
    font-family: 'PT Sans', sans-serif;
    font-weight:400;
    line-height:12px;

}

.parent-precis-fill{
    width:100%;
    height:50px;
    overflow:hidden;

}




.marginbottom{
  margin-bottom:20px;
}






.schedule-search .input-wrap:before{
    position:absolute;
    top:8px;
    left:12px;
    width:15px;
    height:15px;
    font-size:12px;
    content:url(../svg/search-regular.svg);
    color:#6f7473;
    z-index:2;

}

.schedule-search input{
    width:100%;
    height:30px;
    line-height:30px;
    text-indent:30px;
    border:1px solid #d0d0ce;
    background:#d0d0ce;
    font-size:11px;
    color:#6f7473;
    font-family: 'Poppins', sans-serif !important;
    font-weight:500;
    margin:0;

}

.schedule-clear,.clinics-clear{
    position:absolute;
    top:8px;
    right:8px;
    background:#f0f0f0;
    color:#909090;
    font-size:10px;
    padding:2px  6px;
    z-index:10;
    line-height:11px;
    opacity:0.2;
    transition: all 0.2s;
}

.schedule-clear.enabled,.clinics-clear.enabled{
    opacity:1;
}

.sector-Government{
}

.schedule-detail-wrap.wrap-row-Yes:before{
    box-sizing: border-box;
    color:white;
    padding:8px;
    background:#a1ba50;

}

.schedule-detail-wrap.administered:before{
}

.schedule-detail-wrap.administered:after{
    position:absolute;
    top:12px;
    left:8px;
    width:21px;
    height:12px;

    content:url(../svg/check-regular.svg);


}

.schedule-detail-wrap.administered{
    cursor:pointer;
}

.schedule-detail-wrap.wrap-row-No:before{
    box-sizing: border-box;
    color:white;
    padding:8px;
    background:#32796f;
}

.sector-Private{
}



.schedule-detail-wrap:before{
    position:absolute;
    top:2px;
    left:0px;
    width:37px;
    height:37px;
    border-radius:4px;
    content:'';
}

/* registration */

.registration-msg,.registration-section{
  width:90%;
  margin:0 auto;
  font-size:14px;
  color:#808080;
  margin-bottom:15px;
  text-align:center;
}

.registration-section .btn-login{
  margin-top:15px;
}

.registration-accept-msg{
  width:90%;
  margin:0 auto;
  font-size:12px;
  color:#a0a0a0;
  margin-bottom:15px;


}

.registration-accept-msg a{
  color:#606060;
}

.registration-accept-msg a:hover{
  color:#303030;
}

.registration-terms-fill{
  width:100%;
  height:44px;
  overflow:hidden;
}

.registration-terms-tools{
  position:fixed;
  box-sizing:border-box;
  top:0px;
  left:0px;
  width:100%;
  height:44px;
  line-height:44px;
  background:white;
  z-index:10;
  padding-left:15px;
  color:#707070;

}

.registration-terms-tools a{
  color:#808080;
  font-size:14px;
}

/* splash screen */

.targ-panel-splash{
    background:url(../img/vaccinesplash.jpg) no-repeat center center;
    background-size: cover;
    height:100vh;
    
}

.targ-rpanel-root-splash{
    position:relative;
}

.btn-splash{
    display:inline-block;
    box-sizing: border-box;
    width:80%;
    margin:0 auto;
    height:36px;
    line-height:36px;
    padding:0;
    font-size:16px;
    color:white;
    font-family: 'Poppins', sans-serif !important;
    font-weight:400;
    background:#129ca4;
    border-radius:10px;
    margin-bottom:10px;
    text-align:center;
}

.btn-splash.wide{
    width:100%;
}

.btn-splash.alt{
    background:#b6ce53;
}

.btn-spash.bigmargin{
    margin-top:30px !important;
}

.splash-logo{
    display:block;
    padding-top:6vh;
    width:48%;
    max-width:300px;
    margin:0 auto;
    
}

.splash-buttons{
    position:absolute;
    bottom:100px;
    left:0px;
    width:100%;
    height:131px;
    text-align:center;

}

.child-vac-hcp2{
    width:100%;
    background:white;
    border-top:2px solid #55a797;
    text-align:center;
    margin-top:-5px;

}


/* clinics */

.clinics-toppanel{
    min-height:100px;

}

.clinics-toppanel h6{
    margin-top:12px;
    color:#4c9aa1;
    margin-bottom:12px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700 !important;
    font-size:18px;

}

#clinic-search{
    margin-bottom:9px;
}

.clinc-detail-wrap{
    display:block;
    box-sizing: border-box;
    text-align:left;
    position:relative;
    width:100%;
    margin:0 auto;
    padding:12px;
    padding-left:90px;
    min-height:40px;
    font-family: 'Poppins', sans-serif !important;
    font-weight:500;
    background:white;
    border-bottom:0.5px solid rgba(85,167,151,0.5);
    min-height:87px;

    

}

.clinic-detail-img{
    position:absolute;
    top:18px;
    left:24px;
    width:37px;
    height:37px;

}

.pad{
    padding:4%;
}




.clinc-detail-wrap h5{
    display:block;
    margin:0;
    font-size:16px;
    color:#326b7f !important;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700 !important;

}

.clinc-detail-wrap h6{
    display:block;
    margin:0;
    margin-top:4px;
    font-size:12px;
    color:#6f7473;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;

}

.clinc-detail-wrap span{
    display:block;
    margin:0;
    font-size:11px;
    color:#909090;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    line-height:12px;

}

/* visits */


.parent-precis-wrap{
    background:#f0f0f0;
}

.no-visits-panel{
  width:80%;
  margin:0 auto;
  margin-top:40px;
  text-align:center;
  font-size:123px;
  color:#909090;
}

.no-visits-panel h5{
  color:#55a797;
  font-size:20px;
}

.no-visits-panel img{
  width:180px;
}

.visit-head-wrap{
    position:relative;
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    border-top:0.5px solid rgba(85,167,151,0.5);
    min-height:75px;
    margin-right:10px;
    padding-left:40px;
    cursor:pointer;
    transition:all 0.2s;
    background:#f0f0f0;

}

.visit-head-wrap h6{
    font-size:15px;
    margin-top:18px;
    margin-bottom:5px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    letter-spacing: 1px;
    color:#54ab57;


}

.visit-head-wrap span{
    color:#6f7473;
    font-size:14px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    letter-spacing: 1px;

}

.visit-vaccine{
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    width:100%;
    padding-top:15px;
    padding-bottom:1px;
    padding-left:40px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    border-bottom:0.5px solid #e0e0e0;
    min-height:75px;
    background:white;

}

.visit-vaccine:before{
    position:absolute;
    top:18px;
    left:10px;
    content:url(../img/syringe3a.png);
}


.targ-child-reaction{    
}


.visit-vaccine.reaction{

}

.visit-vaccine.reaction p{
    color:#707070;
    margin-bottom:0px;

}

.visit-vaccine.reaction small{
    display:block;
    font-size:11px;
    color:#a0a0a0;
}

.visit-vaccine.reaction:before{
    top:15px;
    width:18px;
    height:30px;

    left:7px;

    content:url(../svg/exclamation-circle-light.svg);

}

.visit-vaccine.reaction h6{
    color:#c62828;   
}


.visit-vaccine h6{
    margin:0;
    padding:0;

}

.visit-vaccine h6 a{
    font-size:14px;
    color:#9ac354;
    letter-spacing: 1px;
    margin-top:1px;
}

.visit-vaccine p{
    font-size:12px;
    color:#6f7473;
    margin-top:6px;
    line-height:15px;


}

.child-vac-detail-map{
    height:30vh;
    overflow:hidden;
}

.child-vac-hcp2-name{
    height:53px;
    line-height:53px;
    border-bottom:0.5px solid rgba(201,201,200,0.5);
    font-size:18px;
    color:#4c9aa1;
    text-align:center;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    


}

.child-vac-hcp2-address{
    font-size:12px;
    color:#a0a0a0;
    border-bottom:0.5px solid rgba(201,201,200,0.5);
    min-height:66px;
}

.child-vac-hcp2-address h5{
    font-size:15px;
    color:#6f7473;
    margin-top:13px;
    margin-bottom:0px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    letter-spacing: 1px;

}

.child-vac-hcp2-address p{
    font-size:12.5px;
    color:#5f6463;
    margin-top:2px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    padding-left:15%;
    padding-right:15%;
    padding-bottom:2px;
    line-height:20px;

}

.child-vac-hcp2-date{
    height:46px;
    line-height:46px;
    border-bottom:0.5px solid rgba(201,201,200,0.5);
    font-size:14px;
    color:#6f7473;
    text-align:center;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
}

.child-vac-hcp2-signature{
    background:#f8f8f8;
    height:105px;
    border-bottom:0.5px solid rgba(201,201,200,0.5);

}

.child-vac-hcp2-signature img{
    display:inline-block;
    height:90px;
    margin:0 auto;
    margin-top:7px;
}


.child-vac-hcp2-details h5{
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    color:#9ac354;
    font-size:15px;
    margin-top:5px;
    letter-spacing: 1px;


}

.child-vac-hcp2-details p{
    color:#6f7473;
    font-size:12px;
    width:80%;
    margin:0 auto;
    margin-top:-3px;
    line-height:16px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;

}

.child-vac-hcp2-details span{
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    font-weight:700;
}

.child-vac-hcp2-details h6{
    color:#6f7473;
    font-size:11px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    margin-top:4px;

}

.child-vac-hcp2-details h6 b{
    font-weight:300;
    color:#9ac354;

}

.child-vac-hcp2-details-btn{
    display:inline-block;
    color:#9ac354;
    border:1px solid #9ac354;
    padding:0px 15px;
    margin-top:0px;
    font-size:11px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    background:#ffffff;
    letter-spacing: 1px;


}

.child-vac-hcp2-details-btn.fixed{
    width:133px;

}

.child-vac-hcp2-details-btn.main{
    background:#9ac354;
    color:white;

}

.child-vac-editreaction{
    width:90%;
    margin:0 auto;
    margin-bottom:30px;

}

.reaction-input{
    margin-bottom:0px;
    min-height:100px;
    font-size:12px;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    letter-spacing: 1px;

}

.bottom-pad{
    width:100%;
    height:10px;
    overflow:hidden;
}

/* edit details */


.edit-progress-panel{
    background:#f8f8f8;
    border-bottom:0.5px solid rgba(201,201,200,0.5);
    min-height:50px;
    margin-top:0px;
}

.comp-bar{
    margin-top:9px;
    margin-bottom:0px;

}

.edit-progress-panel h6{
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    letter-spacing: 1px;
    font-size:15px;
    color:#6f7473;
    margin-top:10px;
    margin-bottom:0px;



}

.parent-header-wrap{
    margin-bottom:0px;
}

.parentdetails-field-wrap{
    padding-top:2px;
    padding-left:5%;
    padding-right:5%;
    margin-top:0px;
    padding-bottom:90px;

}

.parentdetails-field-wrap label{
    font-size:10px;
}

.parentdetails-field-wrap input,.parentdetails-field-wrap select,.login-field-wrap input,.login-field-wrap select{
    height:35px !important;
    background:#f8f8f8;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    font-size:12px;
    border-radius:0px;
    border:1px solid #6f7473;
    color:#6f7473;
    margin-bottom:2px;

}

.parentdetails-field-wrap .input-wrap{
    padding-bottom:5px;
}

.select-wrap{
    position:relative;
}

select{
  line-height:20px;
}

.login-field-wrap .input-wrap{
  margin-bottom:10px;
}

.select-wrap:before{
    position:absolute;
    top:7px;
    right:13px;
    content:url(../img/selectarrow.png);
    z-index:1;
}

.ip-wrap{
  position:relative;
}

.ip-wrap .input-units{
  position:absolute;
  top:5px;
  right:10px;
  font-size:18px;
  color:#a0a0a0;
  }




.details-update-btn{
    display:inline-block;
    width:100%;
    height:37px;
    line-height:37px;
    background:#9ac354;
    border-radius:4px;
    margin-top:0px;
    color:white;
    font-size:15px;
    text-align:center;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    letter-spacing: 1px;

}

/* login and signup */


.app-logo{
    display:block;
    width:138px;
    margin:0 auto;
    margin-top:-8px;
    margin-bottom:37px;
}

.login-filler{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:50px;
    background:white;
    z-index:10;
}

.login-logo-frame{
    height:172px;
    margin-top:50px;
}

.login-field-wrap{
    width:90%;
    max-width:400px;
    margin:0 auto;

}

.login-field-wrap label{
    display:block;
    text-align:center;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    font-size:12px;
    margin-bottom:10px;
    color:#6f7473;

}

.left-labels{
  text-align:left;
}

.login-wrap-left label{
    text-align:left;
    margin-bottom:0px;
}

.login-field-wrapxx input{
    height:35px !important;
    background:#ffffff;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    font-size:14px;
    border-radius:0px;
    border:1px solid #6f7473;
    color:#6f7473;
    margin-bottom:2px;
    margin-bottom:10px;
    border-radius:3px;
   
}

.input-wrap .bpad{
    padding-bottom:5px;

}


.login-help{
  width:100%;
  color:#909090;
  font-size:12px;
  padding-bottom:10px;
  margin-top:20px;
  text-align:center;
}

.btn-login{
    display:inline-block;
    box-sizing: border-box;
    width:70%;
    margin:0 auto;
    height:30px;
    line-height:30px;
    padding:0;
    font-size:12px;
    color:white;
    font-family: 'Poppins', sans-serif !important;
    font-weight:400;
    background:#326b7f;
    border-radius:12px;
    margin-bottom:10px;
    text-align:center;
    
}

.btn-login.wide{
    width:100%;
}

.btn-login.alt{
    background:#9ac354;
}

.login-reset{
    display:block;
    text-align:center;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:300;
    font-size:12px;
    margin-top:0px;
    color:#606060;
    
}

.login-blobs{
    position:fixed;
    bottom:-12vh;
    right:-95px;
    height:500px;
    z-index:-1;
}

.splash-verify-message{
    position:absolute;
    bottom:40vh;
    min-height:150px;
    width:100%;
    z-index:10;
    text-align:center;

}

.splash-verify-message .inner{
    background:white;
    width:80%;
    max-width:400px;
    margin:0 auto;
    font-size:16px;
    color:#a0a0a0;
    padding:15px;
    
    border-radius:5px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.6);


}

.splash-verify-message .inner h5{
    font-size:25px;
    color:#9ac354;
    padding-top:0;
    margin-top:0;
}



/* digital card */

.digital-card-wrap{
    position:relative;
    text-align:center;
    margin-bottom:20px;
    margin-top:0px;

}

.digital-card-wrap .id{
    position:absolute;
    bottom:16%;
    left:0px;
    width:100%;
    font-size:30px;
    color:white;
    text-align:center;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight:700;
    z-index:2;

    

}

.digital-card-wrap img{
    display:inline-block;
        width:98%;
      max-width:600px;
    margin:0 auto;
    
}

.nouderline{
    border-bottom:none;
}

.link-as-div{
    display:block;
    border-bottom:none;
}

.hide-directions{
    display:none;
}

.hide-100{
    display:none;
}

.digital-card-qr{
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
    width:240px;

    padding:20px;
    background:#ffffff;
    border-radius:10px;
    margin-top:30px;
    border:2px solid #55a797;

    
}

.events-list-wrap{
    padding:20px;
}

.digital-card-qr img{
    width:200px;

}

.digital-card-qr #qrcode{

}




.partner-add-wrap{
    margin:0 auto;
    width:100%;
    margin-top:10px;
    padding-bottom:0px;
}

.partner-add-wrap p{
  font-size:12px;
}



/* settings */

.settings-head{

}

.settings-head b{
  color:#55a797;
}

.settings-wrap{
    padding-top:0px;
    margin-top:0px;
}

.settings-hide{
  display:none;
}

.setting-icon{
    display:inline-block;
    height:23px;
}


.btn-toggle{
    display:inline-block;
    position:relative;
    width:50px;
    height:24px;
    background:#a0a0a0;
    border-radius:12px;
    margin-right:10px;
    vertical-align:middle;

}

.btn-toggle b{
    position:absolute;
    top:2px;
    left:2px;
    width:20px;
    height:20px;
    background:#ffffff;
    transition:all 0.2s;
    border-radius:12px;

}

.btn-toggle.selected{
    background:#55a797;

}

.btn-toggle.selected b{
    left:28px;
    background:#ffffff;

}

.valign{
    vertical-align:middle;
}

.warning{
    color:red;
}

.band-settings{
    padding-left:56px;
    font-size:12px;
    vertical-align:middle;
    line-height:43px;
    color:#808080;
}

.settings-link{
    font-size:12px;
    font-weight:700;
    color:#55a797;
    line-height:25px;
}

.settings-link i{
    color:#a0a0a0;
    font-size:20px;
    margin-right:10px;
}

.settings-faceid-pin,.settings-changepass{
    font-size:12px;
    color:#a0a0a0;
    width:80%;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:2px solid #32796f;

    border-bottom:2px solid #32796f;
}

.reset-comp-wrap{
  text-align:center;
}

.reset-comp-wrap i{
  margin-top:20px;
  margin-bottom:20px;
  color:#a0a0a0;
  font-size:70px;
}

.reset-comp-wrap h4{
  font-size:20px;
  color:#b6ce53;
}


/* datepicker */

/*terms */

.terms-wrap{
    padding:30px;
    font-size:12px;
    color:#707070;
    line-height:25px;
}

.terms-wrap h4{
    font-size:25px;
    color:#55a797;
    border-bottom:1px solid #55a797;
    margin-top:30px;
    margin-bottom:20px;
    padding-bottom:5px;
    line-height:38px;

}

.terms-wrap h5{
    font-size:20px;
    color:#9ac354;;

}

.terms-wrap h6{
    font-size:18px;
    color:#9ac354;;

}


.terms-wrap b{
    color:#606060;
    font-weight:700;
}






/* swipe */

.swipe{
    transition:all 0.3s;   
}

.swipe.swiping{
    width:100%;
    height:100%;
    transition:all 0s;
    
    
}



.swipe.swiping.closing{

}

.readonly-part{
  display:inline-block;
  box-sizing:border-box;
  min-height:50px;
  margin-top:10px;
  color:#808080;
  font-size:14px;
  width:100%;

}

.readonly-half{
  width:49%;
}

.readonly-third{
  width:32.2%;
}

.readonly-part label{
  display:block;
}

.readonly-row{
  display:block;
  overflow:hidden;
  width:100%;
}