.planningpme-availability-status {
    width: 100%;
    max-width: 100%;
    margin-bottom:20px;
    font-weight: 700;
    text-align: left;
    box-sizing: border-box;
}
.planningpme-available, .planningpme-unavailable, .planningpme-loading, .planningpme-error, .planningpme-reserved {
    border-radius: 10px;
    padding: 15px;
    width: 100%;
}

.planningpme-available {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;

}

.planningpme-unavailable {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;

}

.planningpme-reserved {
    background-color: #fff3e0;
    color: #ef6c00;
    border: 1px solid #ffcc80;
}

.planningpme-loading {
    background-color: #e3f2fd;
    color: #1565c0;
    border: 1px solid #90caf9;
}

.planningpme-error {
    background-color: #fff3e0;
    color: #ef6c00;
    border: 1px solid #ffcc80;
}