/*----------Update Progress----------*/

#loadingWrapper
{
    background: #fff;
}

#loading img
{ 
 max-width:100px;
}

#loading
{
    border-color: #ccc;
    font-family: 'Stag Bold';
}

/*----------Jump Sessions----------*/

.availabilityRow
{
    border-color: #ccc;
}

.availabilityContainer
{
    background: #828A9E;
    color: white;
}

.spacesFreeWrapper
{
    background: #D84A4B;
    color: #fff;
}

.slotTime, .price
{
    background: #828A9E;
    color: white;
}

.bookSlotButton
{
    background: #828A9E;
    color: #fff;
}

.bigCheckBox label
{
    color: white;
}

.waiverPerson
{
    color: #f00081;
}

/*----------Waiver Station----------*/

#waiverLaunch p
{
    color: #444;
}

#left, #right
{
    border-color: #ccc;
}

    #left h2
    {
        color: white;
        background: #828A9E;
    }


    #right h2
    {
        color: white;
        background: #D84A4B;
    }

    #left .uk-icon
    {
        color: #828A9E;
    }

    #right .uk-icon
    {
        color: #D84A4B;
    }

/*----------Classes----------*/

.classWrapper .uk-panel-box
{
    color: #fff;
    font-family: 'Stag Medium';
    background: #aaa;
}

    .classWrapper .uk-panel-box:hover
    {
        border-color: #bbb;
    }

.classDateHeaderWrapper
{
    background: #00455C !important;
    color: #FAF1D7 !important;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    min-height: 0 !important;
    border: none;
    letter-spacing: 1px;
    font-size: 1rem;
    padding: 0.5rem 0.25rem !important;
    font-family: 'Stag Black';
}

.className
{
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: 'Stag Bold';
    word-wrap: break-word;
    color: #F8F1D8;
}

.classPlaces
{
    background: #27AB8F;
    color: #fff;
}

.classFull
{
    background: #D84A4B !important;
    color: #fff;
}

.classLow
{
    background: #d9b54a !important;
    color: #fff;
}


.classSelect
{
    background: #fff;
}

.closeClass
{
    border-color: #00455C;
    background: #00455C;
    color:  #fff;
}

.classMobileWrapper, .classMobileWrapper:first-of-type
{
    border-bottom-color: #fff;
    color:#fff;
    line-height: 1.5rem;
    background: #aaa;
}

    .classMobileWrapper:nth-child(odd)
    {
    }

.mobileRightArrow
{
    color: #fff;
}


/*----------Join----------*/

.joinStep
{
    background: #004860;
    color: #fff;
    font-family: 'Stag Bold';
}

#joinSteps .selected
{
    background: #EE4C3F;
    color: #fff;
}