body {
    font-family: 'Open Sans',sans-serif !important;
    color: #222;
    background: rgb(82, 86, 89);
    margin: 0px;
}

.career-event {
    text-align: left;
    border: 1px solid #f0f0f0;
    background: #fff;
    min-height: 170px;
    padding: 20px;
    margin-bottom: 25px
}

    .career-event a {
        text-decoration: none
    }

    .career-event h3 {
        color: #224672;
        margin-top: 10px;
        margin-bottom: 15px
    }

        .career-event h3:hover {
            opacity: .8
        }

    .career-event h4 {
        margin-bottom: 15px
    }

    .career-more:after {
        content: "\00BB \0020";
        font-size: 1.8rem;
        padding-left: 8px
    }

    .career-more:hover {
        text-decoration: none;
        opacity: .8
    }

.export-btn, .register-btn {
    background: #224672;
    padding: 10px;
    color: #FFF !important;
    font-size: 1.4rem;
    font-family: Arial,Helvetica,sans-serif
}

    .export-btn:hover, .register-btn:hover {
        text-decoration: none;
        opacity: .8
    }

.filter-btn {
    margin-top: 20px;
    color: #FFF;
    padding: 5px 25px;
    border: none;
    border-radius: 5px;
    font-size: 1.6rem
}

    .filter-btn:hover {
        text-decoration: none;
        opacity: .8
    }



.career-checkbox + label {
    display: block;
    cursor: pointer;
    margin-bottom: 20px
}

.event-list {
    max-width: 800px;
    margin: auto;
    background: white;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

.career-checkbox {
    display: none
}

    .career-checkbox + label:hover {
        opacity: .9
    }

    .career-checkbox + label:before {
        content: "\2714";
        font-size: .9em;
        background: #f9f9f9;
        border: 1px solid #a4a4a4;
        border-radius: .2em;
        display: inline-block;
        width: 1.6em;
        height: 1.5em;
        padding-left: .4em;
        padding-bottom: .3em;
        margin-right: .6em;
        vertical-align: bottom;
        color: transparent;
        font-weight: 400;
        transition: .2s
    }

    .career-checkbox + label:active:before {
        transform: scale(0)
    }

    .career-checkbox:checked + label:before {
        background-color: #f63;
        border-color: #f63;
        color: #fff
    }

    .career-checkbox:disabled + label:before {
        transform: scale(1);
        border-color: #aaa
    }

    .career-checkbox:checked + label {
        font-weight: 600 !important
    }

    .career-checkbox:checked:disabled + label:before {
        transform: scale(1);
        background-color: #bfb;
        border-color: #bfb
    }

.block-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-btn {
    margin-top: 20px;
    color: #FFF;
    padding: 5px 25px;
    border: none;
    border-radius: 5px;
    font-size: 1.6rem
}

    .filter-btn:hover {
        text-decoration: none;
        opacity: .8
    }

.print-pdf {
    background: #fbfbfb;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px;
    min-height: 25px;
    margin-bottom: 10px;
}

.download-pdf-btn {
    right: 0;
    float: right;
    -webkit-appearance: none;
    background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
    color: #444;
    font: inherit;
    margin: 0 1px 0 0;
    outline: none;
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    user-select: none;
}