/* your styles go here */

.dot{
    background-color: orange;
    border-radius: 50%;
}

.center {
    text-align: center;
}

.centerTable {
    margin-left: auto;
    margin-right: auto;
  }

.centerCard{
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-bottom: 10px; /* Added */
}

.office-forms{
    width: 50%;
    margin: auto;    
}

@media (min-width: 320px) and (max-width: 480px) {
    .office-forms{
        width: 90%;
        margin: auto;
    }
}

.padding-top {
    padding-top: 20px;
}

.Hidden {
    filter: blur(20px);
	transition-property: -webkit-filter;
	transition-duration: .4s;
}

.Hidden:hover, .Hidden:focus {
    filter: blur(0px);
}

/* Styles for different colors on the board days */
.DayPay{
    color: #DC143C
}

.DayGet{
    color: #32CD32
}

.DayRest{
    color: #6495ED
}

.brokeimg {
    width: 20px;
}