.error {
    /*border: solid 1px #df0240;*/
    padding: 8px;
    font-size: 1.4rem;
    color: #df0240;
}



.tab {
    padding: 0.7em 1.4em;
}


.aafp-tools__container {
    background-color: #f7f7f7;
    border: 5px solid #f7f7f7;
    margin-bottom: 1rem;
    padding: 1rem;
    width: 100%;
}

.aafp-tools__tool {
    margin-bottom: 1rem;
}

    .aafp-tools__tool input::-webkit-calendar-picker-indicator {
        margin: 0;
        width: 2rem;
    }

.aafp-tools__sort {
    margin-left: 1rem;
}

@media only screen and (min-width: 600px) {
    .aafp-tools__export {
        text-align: right;
    }

    .aafp-tools__tool {
        float: left;
        margin-right: 1.5rem;
    }

        .aafp-tools__tool:nth-child(3) {
            clear: left;
        }

    .aafp-tools__button {
        float: right;
    }

    .aafp-tools__sort {
        margin-top: .5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .aafp-tools__tool {
        margin-top: 1rem;
    }
    .aafp-tools__tool:nth-child(3) {
        clear: none;
    }
}

    .aafp-cmer-dates__dropdown {
        border: 1px solid grey;
        padding: .45rem;
        appearance: auto;
        width: 100%;
    }

    .aafp-cmer-dates__input {
        border: 1px solid grey;
        padding: .25rem;
        appearance: auto;
        width: 146px;
    }


    .aafp-collapse__container {
        background-color: #ffffff;
        border: 5px solid #f7f7f7;
        padding: 10px 20px;
        margin-bottom: 1rem;
        overflow: hidden;
        display: block;
    }

        .aafp-collapse__container.closed .aafp-collapse__content {
            display: none;
            transition: all .25s ease-in-out;
        }

        .aafp-collapse__container .aafp-collapse__content {
            display: block;
            transition: all .25s ease-in-out;
        }

        .aafp-collapse__container .aafp-collapse__chevron {
            outline: none;
            transform: rotate(90deg);
            transition: all .25s ease-in-out;
        }

        .aafp-collapse__container.closed .aafp-collapse__chevron {
            transform: rotate(0deg);
            transition: all .25s ease-in-out;
        }

        .aafp-collapse__container .aafp-collapse__chevron:focus {
            outline: none;
        }

    .aafp-collapse__heading {
        padding: 10px 0;
        position: relative;
    }

        .aafp-collapse__heading h4 {
            display: inline-block;
            padding-left: 15px;
            margin: 0;
            cursor: pointer;
        }

        .aafp-collapse__heading i {
            position: absolute;
            left: -10px;
            cursor: pointer;
        }


    .aafp-collapse__container_icon {
        display: inline-block;
    }

    /*  
  breakpoints: 
  sm: 600px,
  md: 1024px,
  lg: 1440px
*/

    /* Overrides for tab container styles so we don't have to use aafp-tab component */

    /*.adl-tab-block__menu-wrapper {
    display: block;
    width: 100%;
    position: static;
    overflow-y: hidden;
    background-color: #0d7a9e;
}

.adl-tab-block__menu {
    width: 100%;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    overflow-y: hidden;
    overflow-x: auto;
    margin: 0 auto;
    height: 10rem;
}

.adl-tab-block__title {
    font-family: Roboto,sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.5rem;
    margin: 0 2.5rem;
    text-align: left;
    color: var(--neutral-lightest);
    padding-top: 3.8rem;
}*/


    @media only screen and (max-width: 1024px) {
        .adl-tab-block__title {
            margin: 0 2rem;
            padding-top: 3.4rem;
        }
    }

    @media only screen and (max-width: 600px) {
        .adl-tab-block__title {
            margin: 0 1.6rem;
            padding-top: 3rem;
        }
    }

    .adl-tab-block__title:hover {
        color: #fff;
    }

    .adl-tab-block__title--active {
        border-bottom: 5px solid #f7f7f7;
        font-weight: 500;
    }

    @media only screen and (min-width: 601px) {
        .adl-tab-block__title {
            font-size: 1.6rem;
            line-height: 2rem;
        }

        .adl-tab-block__menu-wrapper .adl-tab__title,
        .adl-tab-block__menu-wrapper .adl-tab__title--active {
            padding-top: 20px;
        }
    }

    @media only screen and (max-width: 600px) {
        .adl-tab-block__title {
            font-size: 1.4rem;
            line-height: 1.8rem;
        }

        .adl-tab-block__menu-wrapper .adl-tab__title,
        .adl-tab-block__menu-wrapper .adl-tab__title--active {
            padding-top: 15px;
        }
    }

    .reelectionStatusBox {
        background-color: var(--neutral-lightest);
        max-width: 60rem;
        margin: 0 auto 0 auto;
    }

        .reelectionStatusBox .reelectionStatusBox-heading {
            text-align: center;
            padding: .5em;
            background-color: var(--neutral-darker);
            color: #fff;
        }

        .reelectionStatusBox .icon {
            color: var(--neutral-darker);
            display: block;
            font-size: 6rem;
        }

    .cme-account-standing h4 {
        font-weight: 500;
        font-size: 2.1rem;
        margin: 0;
        line-height: 1em;
    }

    .cme-account-standing .good-standing {
        color: var(--affirmation-green);
    }

    .cme-account-standing .bad-standing {
        color: var(--error-red);
    }


    .cme-assessment-container {
        border-top: 1px solid var(--neutral-lighter);
        padding: 1.5rem;
    }

        .cme-assessment-container .done::before {
            font-family: 'Material Icons';
            content: 'done';
            font-style: normal;
            font-size: 22px;
            font-weight: 400;
            padding-right: 5px;
            vertical-align: middle;
        }

    .assessment-section {
        margin-bottom: 2rem;
    }


    tbody tr:nth-child(odd) {
        background-color: #f7f7f7;
    }

    .no-stripes tbody tr:nth-child(odd) {
        background-color: transparent;
    }

    .lessheight {
        font-size: 1.6rem;
        line-height: .8;
    }

    .marginchg {
        padding-top: 25px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    tbody tr:nth-child(even) {
        background-color: #fff;
    }

    table, td {
        border: none;
    }

    tfoot, thead {
        background-color: #fff;
        color: inherit;
    }

    tbody tr.table-row-highlight__neutral-lighter {
        background-color: var(--neutral-lighter) !important;
    }

    .TF .odd {
        background-color: #f9f9f9 !important;
    }

    table.TF th {
        background-color: #fff !important;
    }

        table.TF th:last-child {
            border-right: none !important;
        }

    .TF .table-inputs input {
        font-family: inherit;
        border: 1px inset #f4f4f4 !important;
        margin: 5px;
        padding: 0 0 0 .2em !important;
        height: 30px;
        vertical-align: middle;
        box-sizing: border-box;
    }


    #extSort {
        font-family: inherit;
        display: block;
        color: #444;
        background-color: #fff;
        border: 1px inset #f4f4f4;
        margin: 0;
        padding: 0 0 0 .2em;
        width: 100%;
        height: 35px;
        vertical-align: middle;
        border-radius: 2px;
        box-sizing: border-box;
    }

    .TF .adl-link {
        color: #0d7a9e !important;
    }

    @media screen and (min-width: 1024px) {
        .table-head-mobile {
            display: none
        }
    }

    .re-election-status--good, .ok {
        color: #5a9e00 !important;
        font-weight:500;
    }

    .re-election-status--warning {
        color: #e07300 !important;
    }

    .re-election-status--danger, .warn {
        color: #df0240 !important;
    }

    .warn, .ok {
        font-weight: 500;
    }

    #emailSummaryModal .error, #emailTranscriptModal .error {
        padding: 0 !important;
    }

    #helpSpan_courses {
        display: none;
    }

    /* Legacy overrides to fix inconsistencies using dual stylesheets */
    .legacy-overrides .calloutbox a.button.button-primary:hover {
        color: #fff !important;
        background-color: #db9f40 !important;
    }

    table.transcript td, table.smart-search-results td {
        vertical-align: top !important;
    }

    .transcript-link {
        text-transform: uppercase;
        color: #0d7a9e !important;
        font-weight: 500;
    }

    a.transcript-link:hover {
        color: #0d7a9e !important;
        font-weight: 600;
    }

    .transcript-link .material-icons {
        vertical-align: bottom;
        display: inline;
        font-size: 2rem;
    }

    .reported {
        font-weight: 500;
    }

    a.reported-link .material-icons {
        vertical-align: bottom;
        display: inline;
        font-size: 2rem;
    }

    .smart-results-label {
        display: block;
        font-weight: 400;
        margin: 0;
    }

    .smart-results-input {
        margin: 0 0 1rem 0 !important;
        width: 175px;
    }


    #breadcrumbs-container {
        z-index: 0;
    }

    .Cmer-button.button-link {
        color: #423c3c;
        border: 5px solid #f7f7f7;
        padding: 10px 20px;
        margin-bottom: 1rem;
        overflow: hidden;
        display: inline-block;
        background: #fff;
        font-size: 2.1rem;
        text-transform: capitalize;
        border-radius: 0px;
        line-height: 1.5;
        font-weight: 500;
    }

#cmeDetailDialogContent div#radePasteHelper {
    position: relative !important;
}