.login-box{
    width: 100%;
    background-color: var(--bg-primary);
    border-radius: 20px; 
    padding-top: 30px;  
    padding-bottom: 30px;  
}


.sideColParent{
    display: none;
}

.whoisLogin{
    display: none;
}

.sideColChild{
    background-color: var(--primary-color);
    height: auto;
    width:100%;
    border-radius: 0 0 60px 60px;
    padding-top: 80px;
    padding-bottom: 15px;

}

#headerSection{
    padding: 0 10px;
}

.dash-center-wrapper .content{
    width: 100%;
     margin-top: -15px;
    border-radius: 20px 20px 0 0;
    padding-bottom: 100%;
}

.rectangle-bg h4{
    font-size: 14px;

}

.rectangle-bg{
    height: auto;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}



.sideCol{
   padding-bottom: 50%;
   
}
/* 
Mobile only  */

.summary-box .wrap-icon-sum{
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 20px;
    align-items: center;
    text-align: center;

    
    

}

.summary-box{
    height: 150px;
}

.headFamilyChild{
   
    padding-left: 10px;
    padding-right: 10px;
    
}

.wrap-header-labels{
    padding-left: 10px;
    padding-right: 10px;

}

.UsersSection{
    font-size: 12px;
}

.btn-small a{
    font-size: 12px;
}

i.status-icon{
    display: none;
}


/* 
Mobile only */