#cabinets {
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
    align-items     : flex-start;
    margin          : 0.5em auto;
}

#cabinet-button {
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
    align-items     : flex-start;
    margin          : 1em auto;
}

#cabinets .cabinet {
    flex      : 0 0 49%;
    max-width : 98%;
    padding-bottom: 1em;
}

#cabinets .categories {
    text-align : center;
}

#cabinets .categories .btn {
    width     : 30em;
    max-width : 98%;
    margin    : .3em auto;
    text-align: center;
}

#cabinets .categories .btn-toggle-cats {
    text-transform: uppercase;
    text-align: center !important;
}

#cabinets .categories .btn-cabinet {
    background: linear-gradient(to right, #f1bd44, #3c83c2);
    border-color: #f1bd44 !important;
}

#cabinet-button .btn {
    width       : 30em;
    max-width   : 98%;
    margin      : .3em auto;
    font-weight : bold;
    background: linear-gradient(to right, #f1bd44, #3c83c2);
    border-color: #f1bd44 !important;
}

#cabinets .categories .btn::before,
#cabinet-button .btn::before {
    font-family    : "Font Awesome 5 Free";
    font-size      : 2em;
    font-weight    : bold;
    margin-right   : .3em;
    vertical-align : middle;
}

.cabinet .categories .btn-cabinet:before,
#cabinet-button .btn-cabinet:before {
    content : "\f501";
}

#cabinet-high h4,
#cabinet-pto h4,
#cabinet-fmb h4,
#high-title h4,
#cabinet-high h6,
#cabinet-pto h6,
#cabinet-fmb h6 {
    text-transform: none !important;
}

.cat-schedule  h4 {
    text-indent: 30px;
    text-align: left;
}

.cabinet .categories .btn-toggle-cats:before {
    content : "\f05a";
}

.cabinet .categories .cat-instructions .btn-toggle-cat:before,
.cabinet .categories .cat-instructions .cat-links a:before {
    content : "\f518";
}

.cabinet .categories .category {
    display : none;
}

.cabinet .categories .cat-videos .btn-toggle-cat:before,
.cabinet .categories .cat-videos .cat-links a:before {
    content : "\f144";
}

.cabinet .categories .cat-documents .btn-toggle-cat:before,
.cabinet .categories .cat-documents .cat-links a:before {
    content : "\f15c";
}

.cabinet .categories .cat-faq .btn-toggle-cat:before,
.cabinet .categories .cat-faq .cat-links a:before {
    content : "\f059";
}

.cabinet .categories .cat-schedule .btn-toggle-cat:before,
.cabinet .categories .cat-schedule-high .btn-toggle-cat:before {
    content : "\f46d";
}

.cabinet .categories .cat-data {
    display : none;
    margin  : .5em .5em 2em;
}

.cabinet .categories .cat-links a {
    display         : block;
    text-align      : left;
    text-decoration : none;
}

.cabinet .categories .cat-links a:before {
    font-family    : "Font Awesome 5 Free";
    font-size      : 1.5em;
    margin-right   : .3em;
    vertical-align : middle;
    font-weight    : bold;
    color          : darkgoldenrod;
}

.cabinet .schedule, .cabinet .schedule-high {
    width     : 98%;
    max-width : 98%;
    margin    : 0 auto;
}

#contacts {
    width: 40em;
    max-width: 98%;
    margin: 0 auto;
    border: 3px solid transparent;
    border-color: steelblue !important;
    border-radius: .5em;
}

.schedule > div, .schedule-high > div {
    display         : flex;
    flex-flow       : row nowrap;
    justify-content : center;
    align-items     : stretch;
    margin          : .3em 0;
    padding         : .1em 0;
    /*border-bottom   : 1px solid darkblue;*/
    box-shadow      : 0 0 3px 0 darkblue;
}

.schedule > div > div, .schedule-high > div > div {
    padding : 0 .2em;
}

.schedule > div > .title, .schedule-high > div > .title {
    flex-grow  : 1;
    text-align : left;
    /*border-right : 3px solid darkblue;*/
}

.schedule > div > .interval, .schedule-high > div > .interval {
    flex         : 0 0 36%;
    padding-left : .5em;
}

.schedule > .active > .interval, .schedule-high > .active > .interval {
    background : linear-gradient(to bottom right, gold, darkgoldenrod, gold);
}

.schedule > .finished > .interval, .schedule-high > .finished > .interval {
    background : silver;
}

@media only screen and (max-width : 40rem) {
    #cabinets .cabinet {
        border     : none !important;
        width      : 40em;
        flex-basis : 40em;
    }
}