#login-form { margin-bottom: 20px; }

.navbar { margin-bottom: 0; }

@media (min-width: 768px) {
    /* Placeholder for when theres no menu (children all hidden) */
    .header-menu-container {
        min-height: 75px;
    }
}

.analysis-notes {
    border-top: 1px dashed #ccc;
    margin-top: 20px;    
    padding-top: 15px;
    padding-bottom: 15px;
}
    .analysis-notes .heading { 
        font-size: 16px;
        text-transform: uppercase;
    }

    .analysis-notes span.emp {
        color: #990000;
        text-transform: uppercase;
    }
    .analysis-notes div { padding: 5px 0; }
    
    .analysis-notes .view-more { 
        text-transform: uppercase;
        color: #000;
        margin-top: 15px;
        display: inline-block;
    }

.checkin {
    margin-top: 20px;
}
    .checkin-text .noclasses { padding-bottom: 20px; }
    .checkin .class {
        margin-bottom: 20px;
    }

    .checkin .class.checked {

    }

        .checkin .class a { 
            display: block;
            position: relative;
        }
            .checkin .class a .classimg {
                width: 100%;
            }
            .checkin .class a .checkmark { 
                display: none;
                position: absolute;
                z-index: 10;
                right: 10px;
                width: 150px;
                top: 15px;
            }
                @media(min-width: 767px) {
                    .checkin .class a .checkmark {
                        width: 130px;
                        top: 10px;
                    }
                }

                .checkin .class.checked a { background: #000; }
                .checkin .class.checked a .classimg { opacity: 0.75; }
                .checkin .class.checked a .checkmark { 
                    display: block;
                }

            .checkin .class .caption {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                padding: 15px 25px;
                background: rgba(0,0,0,0.5);
                color: #fff;
                z-index: 11;
            }
            .checkin .class .caption span {
                display: block;
            }
            .checkin .class .caption .title, .checkin .class .caption .diarytext {
                font-size: 18px;
            }

            .checkin .class .caption span.goarrow {
                background: url(/assets/common/coremma/images/arrow_right.png);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center center;
                width: 15px;
                height: 25px;
                position: absolute;
                right: 15px;
                bottom: 25px;
                opacity: 0.75;
            }
                .checkin .class .caption span.goarrow:hover {
                    opacity: 1;
                }

            /* Virtual Class Adjustments */
            .checkin .class.virtual .caption .alttitle,
            .checkin .class.virtual .caption .diarytext { display: none; }

            .checkin .class.checked .caption {
                transition: background 200ms;
            }
            .checkin .class.checked .caption:hover { 
                background: rgba(0,0,0,0.75);
            }
            .checkin .class.virtual.checked .caption .times,
            .checkin .class.virtual.checked .caption .title { display: none; }
            .checkin .class.virtual.checked .caption .alttitle,
            .checkin .class.virtual.checked .caption .diarytext  { display: block; }

            .checkin .class .caption span.rating {
                text-transform: uppercase;
                font-size: 12px;
            }   
                .checkin .class .caption span.rating {
                    display: inline;
                    color: #fff;
                    /* color: #e0e0e0; */
                }

                .checkin .class .caption span.rating.intense {  color: #ff6666; }
                .checkin .class .caption span.rating.lowmod { color: #77dd77; }

                /*
                    Red: #ff7777;
                    Purple: #aa77ee;
                    Blue: #33aadd;
                    Green: #77dd77;
                */




    .checkin .class.booked {
        position: relative;
    }
        .checkin .class .booked { display: none; }
        .checkin .class.booked .booked {
            display: block;
            position: absolute;
            /* height: calc(100% - 75px); */
            /* width: 100%; */
            text-align: center;
            top: 0;
            left: 015px;
            color: #fff;
            z-index: 20;
            font-size: 16px;
            font-weight: bold;
            background: rgba(0,0,0,0.5);
            /* margin: 0 0px 0 15px; */
            right: 15px;
            /* padding: 75px 0; */
            text-transform: uppercase;
            /* height: 100%; */
            background: rgba(48,0,0,0.75);
            /* background: rgba(0,0,0,0.7); */
            bottom: 0;
            line-height: 11.2;
        }
        @media(max-width: 767px) {
            .checkin .class.booked .booked {
                font-size: 30px;
            }
        }

    .checkin .other-classes { 
        margin-bottom: 20px;
        cursor: pointer;
    }   
    .checkin .expand-link { 
        font-size: 14px;
        text-transform: uppercase;
        padding: 0 10px;
        color: #600;
    }
    .checkin .hidden-classes { display: none; }

.dashboard .extra-content, .dashboard .upcoming-events {
    display: block;
    clear: both;
    padding-top: 15px;
}   

    @media(min-width: 768px) {
        .dashboard .extra-content, .dashboard .upcoming-events { 
            width: 100%;
            padding-top: 30px;
        }
    }
    .dashboard .extra-content .additional-content:nth-child(odd) {
        background: #222;
        color: #fff;
        padding: 10px 10px 20px 10px;
        clear: both;
    }

    .dashboard .extra-content h3, .dashboard .upcoming-events h3 { margin-bottom: 20px; }

    .dashboard .upcoming-events .row {
        background-color: #222;
        color: #fff;
        font-size: 16px;
        padding: 10px 10px 30px 10px;
    }
        .dashboard .upcoming-event-inner { 
            border: 1px solid rgba(255,255,255,0.25);
            display: table;
            width: 100%;
        }
        .dashboard .upcoming-events h3 { display: inline-block; }
        .dashboard .upcoming-events a {
            color: #fff;
        }
            .dashboard .upcoming-events a.view-more {
                text-transform: uppercase;
                display: inline-block;
                margin-left: 20px;
                font-size: 14px;
                float: right;
                margin-top: 25px;
                line-height: 30px;
            }
        .dashboard .upcoming-event-inner a {
            font-size: 16px;
            color: #fff;
            width: 100%;
            display: table-row;
            clear: both;
            text-transform: uppercase;
        }
            .dashboard .upcoming-event-inner a:after { content: ''; display: block; clear: both; }
            
            .dashboard .upcoming-event-inner a:nth-child(odd) {
                background: #eee;
                color: #222;
            }
            .dashboard .upcoming-event-inner a:nth-child(even) {
                background: #600;
            }
            .dashboard .upcoming-event-inner a:first-child {
                background: transparent;
                color: #fff;
            }
            .dashboard .upcoming-event-inner a span.col { 
                display: table-cell;
                padding: 13px 24px;
                line-height: 20px;
                min-height: 20px;
                border-right: 1px solid rgba(0,0,0,0.25);
            }
            .dashboard .upcoming-event-inner a span.datetime { display: none; }
            .dashboard .upcoming-event-inner a:nth-child(even) span.col, .dashboard .upcoming-event-inner a:first-child span.col { border-right: 1px solid rgba(255,255,255,0.25); }
            .dashboard .upcoming-event-inner a span.col:last-child, .dashboard .upcoming-event-inner a:nth-child(even) span.col:last-child { border-right: 0; }

            .dashboard .upcoming-event-inner  a.upcoming-event:hover span.col:first-child { text-decoration: underline; }

            @media(max-width: 767px) {
                .dashboard .upcoming-event-inner a { 
                    padding: 15px 15px;
                    display: block;
                }
                .dashboard .upcoming-event-inner a:first-child { display: none; }

                .dashboard .upcoming-event-inner a span.datetime { display: block; }
                .dashboard .upcoming-event-inner a span.col { 
                    font-size: 13px;
                    padding: 0;
                    display: block;
                    opacity: 0.8;
                    border-right: 0 !important;
                }
                .dashboard .upcoming-event-inner a span.col:first-child {
                    font-size: 19px;
                    opacity: 1;
                    padding: 5px 0;
                }
                .dashboard .upcoming-event-inner a span.date, .dashboard .upcoming-event-inner a span.time { display: none; }
                .dashboard .upcoming-event-inner a span.col.datetime span { display: inline-block; padding-right: 5px; }
            }



    .extra-content p:nth-child(odd) .mani-btn {
        background: #eee;
        color: #333;
    }
    
    .extra-content p .mani-btn:hover {
        background: #600;
        color: #fff;
    }

.diary-log-wrapper {
    margin-top: 10px;
}
.pretty-table table {
    width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse;
}
    .pretty-table th {
        font-size: 14px;
        font-weight: normal;
        color: #999;
    }
    .pretty-table td, .pretty-table th {
        padding: 5px;
        border: 1px solid #eee;
    }

    .diary-log-wrapper span.future-label {
        margin-left: 10px;
        font-size: 12px;
        color: #990000;
        line-height: 20px;
    }
    .pretty-table .date-label { 
        text-transform: uppercase;
        font-size: 12px;
    }
    .pretty-table .time-label {
        font-size: 11px;
        color: #999999;
    }
    .diary-log-wrapper .topics-column { max-width: 250px; }
    @media(max-width: 399px) {
        .diary-log-wrapper .topics-column { display:  none; }
    }

    /* Mobile diary table */
    .diary-table-mobile { display: none; }

    @media(max-width: 599px) {
        .diary-table { display: none; }
        .diary-table-mobile { display: block; margin-top: 20px; }
        .pretty-table .time-label {
            font-size: 12px;
        }
    }
        .diary-table-mobile .diary-log-mobile:first-child { border-top: 1px solid #eee; }
        .diary-table-mobile .diary-log-mobile { 
            padding: 10px 0;
            border-bottom: 1px solid #eee;
            clear: both;
        }
        .diary-log-mobile .name-label { font-size: 16px; }
        .diary-log-mobile .view-more { padding-top: 5px; display: inline-block; }
        .diary-table-mobile .topics-column { 
            float: right;
            text-align: right;
            max-width: 200px;
            padding-top: 5px;
        }
        .diary-table-mobile .topics-column .tag.topicTag {
            float: right;
        }


.simple-paginator {
    padding-top: 20px;
}
    .simple-paginator .paginators { float: right; }
    .simple-paginator .results-summary { color: #999; }


.class-checkin > h1 { float: left; }
.class-actions, .diary-actions, .profile-actions, .analytics-actions { 
    margin-top: 20px;
    margin-bottom: 10px;
}
    .class-actions { clear: both; }

    .class-actions a, .diary-actions a, .profile-actions a, .analytics-actions a { 
        margin-bottom: 10px;
        margin-right: 5px;
    }
        .class-actions a:last-child, .diary-actions a:last-child, .profile-actions a:last-child, .analytics-actions a:last-child {
            margin-right: 0;
        }


    @media(min-width: 700px) {
        .class-actions, .diary-actions{ 
            float: right;
            clear: right;
        }
        .diary-actions {
            margin-top: -60px;
            z-index: 100;
            position: relative;
        }
    }

    @media(min-width: 768px) {
        .profile-actions, .analytics-actions { 
            float: right;
            clear: right;
        }
        .membership-profile .profile-actions, .analytics-actions, .hazard-actions, .joblist-actions {
            position: absolute;
            top: 30px;
            right: 15px;
            margin-top: 0;
        }
        .membership-profile, .analytics-page, .diary-page, .hazard-register, .job-page, .trial-booking { position: relative; }
    }
    
    .class-actions .mani-btn { background: #666; }

.class-details {
    clear: both;
}
    .showstyle {  }
    .class-details .showstyle { font-size: 14px; color: #999; }
    .diary-log-wrapper .showstyle { margin-left: 5px; font-size: 12px; }
    .showstyle:before { content:"["; padding-right:4px; }
    .showstyle:after { content:"]"; padding-left:4px; }

    .class-details .added-tags, .learn .added-tags { 
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .class-details .class-meta .ext-link { display: block; margin-bottom: 10px; }

    @media(min-width: 992px) {
        .class-details .class-meta { float: left; }
        .class-details .added-tags, .learn .added-tags { 
            float: right; 
            margin-top: -10px;
        }
        .class-details .added-tags {
            max-width: 50%;
        }
    }
        .class-details .tags .tag, .analytics-topics .tag, .diary-log-wrapper .tags .tag, .learn .tags .tag, .dashboard .tags .tag { 
            float: left; 
            margin-left: 5px;
            font-size: 12px;
            padding: 5px;
            border-radius: 3px;
            background: #eeeeee;
            margin-bottom: 5px;
        }
            .class-details .tags .tag:hover {
                /* Reopen this once you can click on tags */
                /*cursor: pointer;
                background: #ccc;*/
            }
            .class-details.edit-tags .tags .tag:hover, .scheduler .tag:hover {
                background: #336699;
                color: #fff;
                cursor: pointer;
            }
            .class-details.edit-tags .tags .tag.added-tag:hover, .scheduler .tag.added-tag:hover {
                background: #993333;
            }
            .class-details.edit-tags .tags .tag:before, .unallocated-tag .tag:before {
                content: '+ ';
            }
            .class-details.edit-tags .tags .tag.added-tag:before {
                content: '';
            }
            .class-details.edit-tags .tag.filtered-out, .learn .tag.filtered-out, .dashboard .tag.filtered-out, .scheduler .tag.filtered-out {
                display: none;
            }
            .class-details.edit-tags .tag.highlight, .learn .tag.highlight {
                background: #661111;
                color: #fff;
                opacity: 0.75;
            }
            .class-details.edit-tags .tag.add-tag.secondary {
                display: none;
            }
            .show-more-label {
                float: left;
                margin-left: 5px;
                padding: 5px;
                margin-bottom: 5px;
                color: #999;
                cursor: pointer;
                font-size: 12px;
                text-transform: uppercase;
            }

    .class-details .class-attendance {
        color: #000;
        text-decoration: underline;
    }
    .class-details .add-checkin {
        clear: both;
        padding-top: 10px;
        display: none;
    }
        .class-details .add-checkin .label-info {
            background-color: #999;
            font-size: 12px;
        }

        #manage-checkins .typeahead__list {
            max-height: 300px;
            overflow-y: auto;
            overflow-x: hidden;
        }
         
        .typeahead__list li a {
            position: relative;
        }
         
        .result-container {
            position: absolute;
            color: #777;
            top: -1.5em;
        }

        #manage-checkins .typeahead__label { 
            background: #eee;
            border: 1px solid #ccc;
            /*padding-right: 4px;*/
            min-height: 25px;
        }
        #manage-checkins .typeahead__label.me { padding-right: 0; }

            #manage-checkins .typeahead__label .typeahead__cancel-button { 
                /*display: none;*/
                border-left: 1px solid #ccc; 
            }
            /*#manage-checkins .typeahead__label.me .typeahead__cancel-button { 
                display: block;
            }*/

            .member-attendance { display: none; }






    .class-details .notes {
        margin: 20px 0 30px 0;
    }
        @media(min-width: 992px) {
           .class-details .notes {
                margin: 30px 0;
            } 
        }

        .class-details .note {
            padding: 10px 0;
            border-bottom: 1px dashed #ccc;
        }
        .class-details .note:first-child {
            border-top: 1px dashed #ccc;
        }
        .class-details .note.mine.private .note-text:before {
            content: "[ PRIVATE ] ";
            color: #f66;
            padding-right: 5px;
            font-size: 10px;
        }
        .class-details .note.mine { cursor: pointer; }
        .class-details .note.mine.edit { cursor: default; }

            .class-details .note .details { 
                font-size: 12px; 
                color: #999; 
                line-height: 20px;
                padding-top: 5px;
            }

            @media(min-width: 992px) {
                .class-details .note .details { 
                    padding-top: 0;
                    line-height: 20px;
                    text-align: right;
                }
            }

            .class-details .note .edit-only {
                display: none;
            }
            .class-details .note.edit .view-only {
                display: none;
            }
            .class-details .note.edit .edit-only {
                display: block;
                min-height: 30px;
            }
            .class-details .note.edit .label-field {
                padding-right: 5px;
            }
            .class-details .note iframe {
                max-width: 100%;
            }

        .class-details .note textarea {
            margin-top: 0px;
            margin-bottom: 0px;
            height: 116px;
            border: 1px solid #ddd;
            border-radius: 3px;
            width: 100%;
            padding: 5px;
        }

    .class-details .mani-btn, .members-area.activate .mani-btn { 
        margin-right: 5px;
        margin-bottom: 10px;
    }
    .class-details .mani-btn.disabled { background-color: #aaa; }
    .class-details .btn-back, .class-details .btn-cancel, .edit-form .btn-cancel, .mani-btn.btn-cancel { 
        background-color: #666;
    }
    .class-details .btn-delete, .edit-form .btn-delete { 
        background-color: #600;
    }
    .class-details .btn-delete:hover, .edit-form .btn-delete:hover { 
        background-color: #800;
    }
    .class-details .btn-delete, .edit-form .btn-delete { float: right; }

    .class-details .note[data-classNotesID=""] .btn-delete {
        display: none;
    }

    .class-details .mani-btn.edit-tags { 
        background-color: #666;
    }
        @media(min-width: 767px) {
            .class-details .mani-btn.edit-tags { 
                float: right;
                margin-top: 0;
                margin-right: 0;
            }
        }

        .class-details.edit-tags .mani-btn.edit-tags { background-color: #333; }
        .class-details .add-tags-label, .learn .add-tags-label {
            margin: 10px;
            color: #999;
        }
        .class-details .tags.add-tags {
            padding-top: 20px;
            display: none;
        }
        .class-details.edit-tags .tags.add-tags {
            display: block;
        }

        .class-details .class-deleted { color: #600; }
        .restore-btn { margin-top: 15px; }

        @media(max-width: 992px) {
            .class-details .membership-dependants {
                padding: 10px 0 5px 0;
            }
        }
        @media(min-width: 992px) {
            .class-details .membership-dependants {
                float: right;
            }
        }
        .class-details .membership-dependants .dependant {
            float: left;
            margin-left: 5px;
            font-size: 12px;
            padding: 5px;
            border-radius: 3px;
            background: #eeeeee;
            margin-bottom: 5px;
            color: #000;
        }
            .class-details .membership-dependants .dependant:hover {
                color: #fff;
                background-color: #880000;
            }

        /* Class Details Page & Homepage */

        .athleticMetrics .metric-radio,  .athleticMetrics .metric-values {
            border-top: 1px solid #eee;
            padding-bottom: 5px;
            padding-top: 5px;
        }
        .athleticMetrics .metric-radio label, .athleticMetrics .metric-values label { margin-left: 5px; margin-right: 15px; font-weight: normal; }
        .athleticMetrics .metric-radio label:first-child, .athleticMetrics .metric-values label:first-child { margin-left: 0; min-width: 20%; }
        @media(max-width: 767px) {
            .athleticMetrics .metric-radio .input-group { margin-left: 10px; }
            .athleticMetrics .metric-radio .input-group input { margin-right: 10px; }
        }

        @media(min-width: 768px) {
            .athleticMetrics .metric-radio .input-group { display: inline-block; min-width: 10%; }
        }

        .athleticMetrics.coachReview h3 { cursor: pointer; }
        .athleticMetrics.coachReview h3:after { 
            content: "▼";
            font-size: 18px;
            line-height: 24px;
            color:  #ddd;
            float: right;

        }
        .athleticMetrics.coachReview.show h3:after { 
            content: "▲";
        }
        .athleticMetrics.coachReview .insights-table { display: none; }
        .athleticMetrics.coachReview.show .insights-table { display: block; }


        .athleticMetrics .metric-values .metric-cell { display: inline-block; padding-right: 30px; }
        .athleticMetrics .metric-values .metric-cell .metric-unit { color: #999; text-transform: uppercase; font-size: 12px; }

        .dashboard .athleticMetrics { clear: both; }

        .ciMetrics { 
            padding: 10px 15px;
            border: 1px solid #ccc;
            margin: 20px 0; 
        }
        .ciMetrics .ci-head { padding: 5px 0; }
        .ciMetrics .ci-head a {
            margin-right: 10px;
        }
        .ciMetrics .ci-head .title { font-size: 16px; }
        .ciMetrics .ci-head .time { 
            color: #aaa;
        }

        .tip-message { color: #aaa; font-size: 12px; text-transform: uppercase; padding: 10px 0; margin: 10px 0 20px 0; border-top: 1px solid #f6f6f6; }


/* Profile Update */
.profile, .diary-plugin {  }
    /* Copied from the mani-btn class */
    #profile > .form-controls:last-child, #classinstancedetails > .form-controls:last-child { float: left; }
    .profile input.btn, .diary-plugin input.btn, .btn.btn-default[type="submit"] {
        display: inline-block;
        background: #333333;
        color: #ffffff;
        padding: 13px 24px;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
    }
    .profile input.btn:hover, .diary-plugin input.btn:hover { border: none; }

    .profile .container > .mani-btn, .diary-plugin .container > .mani-btn { background: #666; }
    .profile .container > .mani-btn.highlight, .diary-plugin .container > .mani-btn.highlight { background-color: #600; }
    .profile .container > .mani-btn { 
        margin-top: 10px;
        float: left;
        clear: left; 
    }
    @media(min-width: 767px) {
        .profile .container > .mani-btn, .diary-plugin .container > .mani-btn { background: #666; float: right; clear: none; margin-left: 5px; margin-bottom: 5px; }
        .profile .container > .mani-btn { margin-top: 0; }
    }

    .profile .quicklinks a {
    }
        .profile .quicklinks a:after {
            content: '|';
            color: #ddd;
            padding: 0 10px;
        }
        .profile .quicklinks a:last-child:after {
            content: '';
        }


    .membership-profile input[type='checkbox'][name='active'] {
        display: block;
        width: 25px;
        margin-bottom: 20px;
    }
    .membership-profile .form-controls:last-child {
        float: left;
        clear: left;
    }
    .membership-profile .analytics-filters h3 { clear: both; }

    .membership-profile .qr-code-wrapper { float: right; clear: right; }

    .membership-profile .delete-quicklink { clear: both; padding-top: 20px; }
    @media(min-width: 767px) {
        .membership-profile .delete-quicklink a { float: right; }
    }

    .wearables .back { margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px; }
    .wearables .back a { float: left; }

    .profile span.sidenote { 
        color: #aaa;
        font-size: 11px;
        text-transform: uppercase;
        margin-left: 5px;
    }

    .profile .membership-avatar {
        float: right;
        clear: right;
        width: 200px;
        padding: 15px;
    }
        .profile .membership-avatar div {
            width: 170px;
            height: 170px;
            background-position: center center;
            background-size: 100%;
            border-radius: 5px;
        }


/* Analytics Area */

.analytics-overview, .analytics-topics {

}
    .chartContainer { 
        margin-top: 20px;
        height: 370px;
        width: 100%;
    }
    .analytics-topics #topicFilter { 
        float: left;
        width: auto;
    }
    .analytics-topics .filter {
        padding-bottom: 20px;
    }
    .analytics-topics .topic-tags { clear: both; }

@media(min-width: 767px) {
    .analytics-rec-overview, .analytics-type-overview, .analytics-pie-chart {
        width: 50%;
        float: left;
        padding: 20px 10px;
    }
    .analytics-overview { clear: both; }
}

.analytics-filters {
    display: none;
    padding: 0 0 20px 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}
    .analytics-filters.reports { display: block; }
    .analytics-filters .custom-dates { display: none; }
    .analytics-filters .custom-dates.show { display: block; }

    .showtime label { display: block; }
    .showtime input { float: left; }
    .showtime input[type='date'] { width: 50%; }
    .showtime input[type='time'] { width: calc(50% - 15px); margin-left: 15px; }

    .select-other-member { margin-bottom: 10px; }

.members-area .foreign-membership { color: #990000; }


.report-results tr {
    border-top: 1px solid #ddd;
}
.report-results td, .report-results th { padding: 2px 0; }
.report-results thead { color: #999; }
.report-results thead tr { border-top: 0; }
.report-results tbody tr:hover { background: #f9f9f9; }
.report-results tr td:first-child a { color: #000; }
.report-results tr td:first-child a:hover { text-decoration: underline; }


.report-results .full-contact-trace tr {  }
.report-results .full-contact-trace tr td:first-child {
    padding-left: 10px;
}
.report-results .full-contact-trace tr td:last-child {
    padding-right: 10px;
}
.report-results .full-contact-trace .contactdetailsrow td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.report-results .full-contact-trace .contactrow td { 
    background: #f0f0f0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
}
.report-results .full-contact-trace span {
    color: #aaa;
    font-size: 12px;
    margin-right: 10px;

}

.report-results tr.missed {
    background: rgba(255,155,155,0.1);
}

.grading-report td span {
    color: #aaa;
    font-size: 12px;
}

/* Book PT */

.checkin-actions .mani-btn { float: left; clear: left; }
.checkin-actions .mani-btn:first-child { margin: 0; }
.checkin-actions .mani-btn {
    margin: 10px 0 0 0;
}
.mani-btn.book-pt, .mani-btn.highlight {
    background-color: #600;
}
@media(min-width: 767px) {
    .checkin-actions .mani-btn { float: none; margin-left: 10px; }
}

a.emphasis { color: #990000; }

/* Achievements */

.membership-achievements:after {
    content: "";
    display: block;
    clear: both;    
}
    .membership-achievements .unlocked-count {
        font-size: 12px;
        color: #aaa;
        text-transform: uppercase;
        padding-left: 5px;
    }
    
.achievement {
    float: left;
    background-color: #eee;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    margin-right: 4px;
    margin-bottom: 4px;
}
    .achievement .icon {
        display: block;
        margin: 5px 0 5px 0;
        min-width: 40px;
        min-height: 40px;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('../images/icons/noun_Star_3125162.png');        
    }
    .achievement .icon.icon-beginQuest { background-image: url('../images/icons/noun_play_2718788.png'); }
    .achievement .icon.icon-centurion { background-image: url('../images/icons/noun_Helmet_837743.png'); }
    .achievement .icon.icon-wreath { background-image: url('../images/icons/noun_wreath_11886.png'); background-size: auto 50px; }
    .achievement .icon.icon-swords { background-image: url('../images/icons/noun_Sword_2742293.png'); }
    .achievement .icon.icon-warrior { background-image: url('../images/icons/noun_game ui equipment_2360102.png'); }
    .achievement .icon.icon-warlord { background-image: url('../images/icons/noun_Samurai Helmet_2023658.png'); }
    .achievement .icon.icon-column { background-image: url('../images/icons/noun_column_2026731.png'); }
    .achievement .icon.icon-book { background-image: url('../images/icons/noun_Book_659523.png'); }
    .achievement .icon.icon-scholar { background-image: url('../images/icons/noun_student_2458449.png'); }
    .achievement .icon.icon-knowledge { background-image: url('../images/icons/noun_knowledge_1355166.png'); }
    .achievement .icon.icon-team { background-image: url('../images/icons/noun_people_37444.png'); }
    .achievement .icon.icon-socialCircle { background-image: url('../images/icons/noun_social circle_755227.png'); background-size: auto 50px;
    background-position: top; }

    .achievement span.title {
        display: block;
        color: #000;
    }
    .achievement span.description {
        color: #888;
        font-size: 10px;
        display: block;
    }

.achievement.locked {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px;
    opacity: 0.3;
    border: 1px dashed #000;
    padding: 4px 9px;
    max-width: 45px;
    max-height: 45px;
}
    .achievement.locked span.description, .achievement.locked span.title { visibility: hidden; }
    .achievement.locked .icon { 
            width: 20px;
            height: 20px;
            min-width: 0;
            min-height: 0px;
            background-size: contain;
            width: 30px;
            height: 30px;
            display: none;
    }

    .achievement .icon-locked { display: none; }
    .achievement.locked .icon-locked { 
        background-image: url('../images/icons/noun_Question_1356726.png') !important;
        display: block;
    }

.manual-edit .achievement:hover { 
    border: 1px solid #990000;
    padding: 4px 9px;
}
.manual-edit .achievement.locked:hover { 
    border: 1px solid #009900;
    padding: 4px 9px;
    opacity: 1;
}
    .manual-edit .achievement.locked .icon { display: block; }
    .manual-edit .achievement.locked .icon-locked { display: none; }
    /* .manual-edit .achievement.locked:hover span.description, .manual-edit .achievement.locked:hover span.title { visibility: visible; } */



/* Reports Page */

.reports-page .achievement {
    padding: 2px 6px;
}
    .reports-page .achievement .icon {
        min-width: 25px;
        min-height: 25px;       
    }
    .reports-page .achievement span.title {
        font-size: 10px;
    }
    .reports-page .achievement span.description {
        font-size: 8px;
    }


/* Recovery Report */
.recovery-report span.enrolment {
    padding-right: 10px;
}
.recovery-report a {
    color: #000;
}


/* Training Recommendations */
.training-goal { padding-bottom: 10px; font-style: italic; }
.multicolumn .ratio-recommendations {
    float: left;
    width: 50%;
}
.multicolumn .ratio-recommendations:nth-child(even) {
    padding-left: 10px;
}
.multicolumn .ratio-recommendations:nth-child(odd) {
    padding-right: 10px;
    clear: left;
}
.ratio-recommendations .ratio-suggestion {
    padding-bottom: 10px;
}
.ratio-recommendations ul {
    display: block;
    padding-left: 20px;
    font-size: 14px;
}
.multicolumn .ratio-recommendations:last-child:after {
    content: '';
    clear: both;
}
.ratio-recommendations span.rating-label {
    font-size: 10px;
    padding-left: 5px;
    text-transform: uppercase;
    /* display: none; */
}
    .ratio-recommendations span.rating-label.low {
        color: #2E638B;
    }
    .ratio-recommendations span.rating-label.warning {
        color: #8F112D;
    }
    .ratio-recommendations span.rating-label.good {
        color: #2E8B56;
    }

/* Learn Area */
.learn { position: relative; }

/* Video Link Category */
.videolinkcategory {}
.videolinkcategory .sort-order {
    color: #990000;
    text-transform: uppercase;
    cursor: pointer;
    padding-top: 15px;
    display: block;
}
    .videolinkcategory .sort-order span { font-size: 12px; }
    
    @media(max-width: 992px) {
        .videolinkcategory .sort-order {
            padding-top: 20px;
            margin-bottom: -5px;
        }
    }
    @media(min-width: 993px) {
        .videolinkcategory .sort-order {
            float: right;
            font-size: 12px;
        }
        .yt-playlist { clear: both; }
    }

/* Youtube Playlists */

.yt-playlist {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
    .yt-video {
        width: 33.3333333%;
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .yt-video iframe { max-width: 100%; }

    @media(max-width: 992px) {
        .yt-playlist {
            margin-left: 0;
            margin-right: 0;
        }
        .yt-video {
            width: 100%;
            float: none;
            padding-left: 0px;
            padding-right: 0px;
        }
        .yt-video iframe { width: 100%; }
    }

.downloadables {
    padding: 20px 30px;
    background: #eee;
    margin-top: 20px;
}
@media(min-width: 992px) {
    .downloadables {
        float: right;
        margin-top: 10px;
    }
}
    .downloadables .title {
        text-transform: uppercase;
        font-size: 18px;
        margin: 5px 0;
        color: #222;
    }
    .downloadables .download { margin-bottom: 5px; }



.form-controls.hidden { display: none; }

#incident .form-controls[data-attr-elementname='submit'] {
    float: left;
}
#incident .form-controls[data-attr-elementname='submit'] btn { margin-bottom: 5px; }
.diary-plugin .delete-btn, .diary-plugin .edit-session .btn-cancel, .edit-form .delete-btn, .edit-form .btn-cancel {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}
@media(min-width: 700px) {
    .diary-plugin .delete-btn, .diary-plugin .edit-session .btn-cancel, .edit-form .delete-btn, .edit-form .btn-cancel {
        float: right;
    }
}
#incident .profile-link { margin-top: 5px; }

input[type='submit'] { border: 0; }

.typeahead__label span {
    text-transform: uppercase;
    font-size: 13px;
}
.typeahead__list > li {
    text-transform: uppercase;
    font-size: 14px;
}

/* Hazard Regsiter */

.hazard-register .hazard-actions { margin-bottom: 20px; }
@media(min-width: 700px) {
    .hazard-register .hazard-actions { float: right; }
}
.hazard-register .pretty-table { margin: 20px 0; }
.hazard-register .pretty-table table a.name { color: #000; }
    .hazard-register .radio-group, #booktrial .radio-group { margin-bottom: 10px; }
    .hazard-register .radio-group legend, #booktrial .radio-group legend { display: none; }
    .hazard-register fieldset label, #booktrial fieldset label {
        margin-right: 20px;
    }
    .hazard-register label input, #booktrial label input  {
        margin-right: 10px;
    }

/* Incident Log */
    .form-controls[data-attr-elementName='location'] { display: none; }
    .form-controls[data-attr-elementName='location'].show { display: block; }

/* Book Trial */
#booktrial .no-trial-options { 
    padding-bottom: 10px;
    color: #990000;
    display: none;

}

/* Upcoming Events Calendar */
.calendar-header, .scheduler-header {
    padding-bottom: 20px;
    margin-top: 20px;
}
.calendar-header h1 { float: left; margin-top: 0; }
@media(max-width: 699px) {
    .calendar-header .calendar-actions, .scheduler-header .scheduler-actions { clear: both; padding-top: 10px; }
}
@media(min-width: 700px) {
    .calendar-header .calendar-actions { float: right; }
}
.calendar-filters, .scheduler-filters { padding-top: 20px; clear: both; }

#calendar { clear: both; }
@media(max-width: 500px) {
    #calendar .fc-today-button { display: none; }
    #calendar .fc-toolbar-title { font-size: 18px; }
}

/* Scheduler */

#your-schedule, #possible-schedule { 
    width: 100%;
    margin: 20px 0 10px 0;
}
.daily-schedule {
    border: 1px solid #ddd;
}
    .daily-schedule .daily-label {
        padding: 10px 10px 10px 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
        background: #f9f9f9;
    }
    .daily-schedule .daily-values {
        /*padding: 5px 10px;*/
    }
    .daily-schedule .daily-value {
        padding: 5px 10px;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    .daily-schedule .daily-value:last-child { border-bottom: 0; }
        .daily-schedule .daily-value .classname { color: #000; }

        .daily-schedule .daily-value .time { font-size: 11px; color: #999; }
    .daily-schedule .daily-value.no-results { color: #ccc; }

    .scheduler .session-details { /*padding-bottom: 20px;*/ }

    .daily-schedule .daily-value span { display: block; }

    .daily-schedule .daily-value.classtimetable:hover {
        background: rgba(120,0,0,0.85);
        color: #fff;
    }
        .daily-schedule .daily-value.classtimetable:hover .classname { color: #fff; }
        .daily-schedule .daily-value.classtimetable:hover .time { color: #fff; opacity: 0.8; }

@media(max-width: 766px) {
    .daily-schedule {
        border-bottom: 0;
    }
    .daily-schedule:last-child { border-bottom: 1px solid #ddd; }
    .daily-schedule:hover { cursor: pointer; }

    /* Accordion */
    .daily-schedule .daily-label { border-bottom: 0; }
    .daily-schedule .daily-values { display: none; border-top: 1px solid #ddd; }
    .daily-schedule.expand .daily-values { display: block; }
}
@media(min-width: 767px) {
    #your-schedule, #possible-schedule { 
        display: table; 
        border-collapse: collapse;
    }
    .daily-schedule {
        display: table-cell;
        border-collapse: collapse;
        width: 14.28%;
    }


    .scheduler-actions {
        float: right;
        position: relative;
        top: -80px;
        margin-bottom: -80px;
    }
}

#classtimetabledetails:after { clear: both; content: ""; display: block; }

#classtimetabledetails .form-controls { clear: both; }
#classtimetabledetails .form-controls input[type="checkbox"] {
    height: 15px;
    width: auto;
    display: inline-block;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 10px;
}

#classtimetabledetails .form-controls .btn-submit { float: left; }
#personal-timetable  .personal-timetable, #coach-allocation .coach-allocation { display: none; }
.scheduler-form-actions { float: right; }

.classtimetable-tags { 
    margin-top: 30px;
    padding: 30px 0 0 0;
    border-top: 1px solid #ccc;
}   
    .add-tags-section { display: none; }
    .classtimetable-tags #filter-tags { margin-top: 10px; }
    .classtimetable-tags .add-tags-label { clear: both; }
    .classtimetable-tags .tags-added, .classtimetable-tags .tags-unallocated { margin-top: 10px; margin-bottom: 20px; }

.scheduler .allocation-widgets { 
    clear: both;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
 }
.scheduler .allocation-widget { width: 50%; float: left; }
    .scheduler .allocation-widget:nth-child(odd) { padding-right: 15px; }
    .scheduler .allocation-widget:nth-child(even) { padding-left: 15px; }

.scheduler-allocation-actions { clear: both;padding-top: 50px; }
.scheduler-allocation-actions .btn-cancel { float: right; }

/* Notifications in Header */
.header .notifications { display: none; }
.members .header .view-cart { display: none; }
.members .notifications {
    display: block;
    position: relative;
    font-size: 11px;
    padding: 18px 9px;
    float: right;
    margin-right: 155px;
}

.members .notifications .nv-icon-notifications { margin-left: 10px; }
.members .notifications a.hasnew .nv-icon-notifications { color: #fff; }
.members .notifications a:hover .nv-icon-notifications { color: #fff; }

.nv-icon-notifications {
    font-size: 20px;
    position: relative;
    top: 2px;
    line-height: 14px;
    vertical-align: baseline;
    margin-bottom: -2px;
    margin-top: -2px;
    cursor: pointer;
}

    /* Notification Activity */
    .notifications .activity {
        display: none;
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        background: #111;
        /* padding: 20px 25%; */
        /* text-align: right; */
        font-size: 12px;
        padding: 0px;
        top: 53px;
        text-align: center;
        z-index: 100;
        max-height: calc(100% - 55px);
        overflow-y: scroll;
    }
    .notifications .activity.show { display: block; }

        .notifications .activity .notify {
            border-bottom: 1px solid #333;
        }
        .notifications .activity .notify a { 
            display: block;
            padding: 15px;
            cursor: pointer;
            color: #ccc;
        }
        .notifications .activity .notify.unread a, .notifications .activity .notify.unread a:hover, .notifications .activity .notify a:hover, .notifications .activity .notify a:active { 
            color: #fff;
            background-color: #222;
        }

        .notifications .activity .notify:last-child { border-bottom: none; }

        .notifications .timeago { 
            display: block;
            font-size: 10px;
            color: #999;
            margin-top: 10px;
            cursor: pointer;
        }


@media (min-width: 830px) {
    .members .notifications .header-icon {
        position: fixed;
        right: 20px;
    }
    .notifications .activity {
        width: auto;
        left: calc(100% - 350px);
        text-align: left;
        padding: 10px 0;
    }
    .notifications .activity .notify a { padding: 20px 20px 10px 20px; }
}


/* Footer Tool Bar */

.footer-tool-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #222;
    color: #fff;
    z-index: 988;
}   
    .mobile-wv .footer-tool-bar { padding-bottom: 15px; }
    
    .footer-tool-bar .profile-switch, .footer-tool-bar .tool-bar-actions {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .footer-tool-bar .profile-switch {
        padding: 10px 20px; 
        text-align: center;
    }

        .footer-tool-bar a.switchback {
            color: #ee5555;
        }

    .mobile-wv .tool-bar-actions { display: block; }
    .footer-tool-bar .tool-bar-actions { 
        padding: 15px 20px; 
    }

    /* .profile-bar a { color: #fff; } */
    .footer-tool-bar { text-align: center; }
    .footer-tool-bar .left-tools { float: left; }
    .footer-tool-bar .right-tools { float: right; }
    .footer-tool-bar .center-tools { display: inline-block; text-align: center; }

    .icon-tool {
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 25px;
        text-align: center;
        vertical-align: middle;
        color: #ccc;
        margin: 0 5px;
    }
        .icon-tool:hover { color: #fff; }
        .icon-tool.disabled, .icon-tool.disabled:hover { color: #666; }

    .back-tool { transform: rotate(180deg); }
    .back-tool {  }

.qr-code-splash {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 750;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    text-align: center;
}
.qr-code-splash.show { display: block; }
.qr-code-splash .mani-btn { display: inline-block; padding: 13px 34px; font-size: 18px; background: #000; cursor: pointer; }

    .qr-code-splash qr-code { 
        width: 100% !important;
        height: 100% !important;
        margin-top: 75px;
    }