.i-space-facility-card .card-header .row > div:first-child {
    font-size: 1.1rem;
    font-weight: bold;
}
.i-space-facility-card .card-header .row > div:nth-child(2) {
    font-size: .975rem;
}

.i-space-facility-card .card-header .state-toggle {
    float: right;
}

.i-space-facility-card .card-body table {
    font-size: .975rem;
}
.i-space-facility-card .facility-info tr > td:first-child {
    font-weight: bold;
}
.i-space-facility-card .card-body table td {
    padding: .3rem .2rem;
}



/* Toggle Elements */
.i-space-facility-card .card-body {
    display: none;
}
.i-space-facility-card.expanded .card-body {
    display: block;
}
.i-space-facility-card .state-toggle {
    rotate: 0;
    transition-duration: 0.5s;
}
.i-space-facility-card.expanded .state-toggle {
    rotate: 180deg;
}



/* Facility / Location Headers*/
.headers-row > div {
    padding-left: 2rem;
}
.headers-row > div:last-child {
    padding-left: 0;
    text-align: right;
    padding-right: 1.8rem;
}


.state-toggle-all i {
    rotate: 0deg;
    transition-duration: 0.5s;
}
.state-toggle-all.expanded i {
    rotate: 180deg;
}

/*.i-space-facility-card .card-header {*/
/*    cursor: pointer;*/
/*}*/

.i-space-facility-card .facility-info tr > td:nth-child(1) {
    width: 100px;
}
.i-space-facility-card .facility-status {
    display: none;
}
.i-space-facility-card .facility-status tr:nth-child(1) td {
    font-weight: bold;
}
.i-space-facility-card .facility-availability {
    text-align: center;
}
.i-space-facility-card .facility-availability .btn {
    width: 150px;
    text-transform: capitalize;
}

/* Buttons */
.btn-status-available,
.btn-status-available:link,
.btn-status-available:visited {
    background: #18BAA0 !important;
    color: #111111 !important;
    border: 1px solid grey !important;
}
.btn-status-available:active,
.btn-status-available:hover {
    /*background: #158F7B !important;*/
    color: black !important;
    opacity: 0.8;
}
.btn-status-booked,
.btn-status-booked:link,
.btn-status-booked:visited {
    background: #FF7F57 !important;
    color: #111111 !important;
    border: 1px solid grey !important;
}
.btn-status-booked:active,
.btn-status-booked:hover {
    /*background: #E0704D !important;*/
    color: black !important;
    opacity: 0.8;
}

.facility-availability .facility-name {
    font-size: 0.925rem;
    padding: 6px 0px 4px;
}