.children-month-year-details{
    display: none;
    
    border-bottom: dotted 2px #9e9e9e;
    border-left: dotted 2px #9e9e9e;
    border-right: dotted 2px #9e9e9e;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    padding: 5px;
    margin-bottom: 12px;


}
.status.error{
    background-color: rgba(255, 0, 0, 0.708);
    color: white;
    font-weight: bold;
    border-radius: 5px;

}
.children-month-year.active{
    font-weight: bold;
}
.children-month.active{
    font-weight: bold;
}
.child-month-details, .children-week-details{
    display: none;
    border-bottom: dotted 2px #9e9e9e;
    border-left: dotted 2px #9e9e9e;
    border-right: dotted 2px #9e9e9e;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 12px;

    margin-bottom: 12px;
}
.edit-child-day.icon{
    border: 1px solid #9e9e9e;
    border-radius: 5px;
    color: rgb(49, 49, 49) !important;
}
.edit-child-day.icon:hover{
    background-color: #9e9e9e;
    color: white;

    box-shadow: 0 0 5px #9e9e9e;
}
.download-excel-month:hover{
    padding: 2px;
    border-radius: 5px;
    box-shadow: 0 0 10 5px #9e9e9e;
    border: solid 1px #9e9e9e;
}

.total-hours-box{
    background-color: #5eaf50;
    border-radius: 6px;
    color: white;
    padding: 5px;
    padding-right: 10px;
    font-weight: bold;
}
.first-day-of-week{
    font-size: 11px;
    color: #9e9e9e;
    font-weight: bold;
    margin-left: 5px;
}