.clearfix {
    *zoom: 1;
}

.clearfix:before,

.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.room-name {
    background-color: #068CAE;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    color: #fff;
    width: 150px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.room-status {
    background-color: gray;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    color: #fff;
    width: 150px;
    padding-top: 4px;
    padding-bottom: 4px;
    float: right;
}