.article ul li:before {
    margin-top: 1.5%
}

.dcboeContent a {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none
}

    .dcboeContent a:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent
    }

    .dcboeContent a:focus, .dcboeContent a.focus {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none
    }

    .dcboeContent a:disabled, .dcboeContent a.disabled {
        color: #6c757d
    }

.dcboeContent table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

    .dcboeContent table th, .dcboeContent table td {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .dcboeContent table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .dcboeContent table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .dcboeContent table table {
        background-color: #fff
    }

    .dcboeContent table tbody tr:nth-of-type(odd) {
        background-color: rgba(0,0,0,.05)
    }

.dcboeContent a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dcboeContent a[href$=".pdf"]:after {
    content: "?";
    color: red;
    padding-left: 4px
}

.dcboeContent a[href$=".xls"]:after, .dcboeContent a[href$=".xlsx"]:after {
    content: "?";
    color: green;
    padding-left: 4px
}

.dcboeContent a[href$=".ppt"]:after, .dcboeContent a[href$=".pptx"]:after {
    content: "?";
    color: red;
    padding-left: 4px
}

.dcboeContent a[href$=".docx"]:after {
    content: "?";
    color: blue;
    padding-left: 4px
}

.dcboeContent.faq h3 {
    margin-bottom: 0
}

.form-group.required .col-form-label:after {
    content: "*";
    color: red
}

.btn.wide {
    min-width: 80px
}

.h1FontSize {
    font-size: 48px
}

li.single-column-menu .dropdown .dropdown__link {
    width: 100%;
    text-align: left;
    padding: 0 10px;
    font-size: 15px;
    color: #536e8f
}

li.single-column-menu .dropdown {
    padding: 15px 0
}

.nav > ul > li.single-column-menu {
    position: relative
}

.nav li.single-column-menu .dropdown {
    width: 280px
}

@media(max-width:991px) {
    .nav li.single-column-menu .dropdown {
        width: 100%
    }
}

.EditingFormErrorLabel, .ErrorLabel, InfoLabel {
    color: red
}

fieldset {
    font-family: sans-serif;
    border: 1px solid #ccc;
    background: #f4f8fa;
    border-radius: 5px;
    padding: 15px
}

    fieldset legend {
        background: #0180ce;
        color: #fff;
        padding: 5px 10px;
        font-size: 16px;
        border-radius: 5px;
        box-shadow: 0 0 0 2px #e6e6e6;
        margin-left: 20px;
        width: auto
    }

.radioLabel label {
    padding: 0 10px !important
}

.EditingFormValueCell label {
    padding: 0 10px !important
}

.pagination {
    display: block;
    text-align: center;
    font-size: 0
}

    .pagination .page-numbers.next, .pagination .page-numbers.prev {
        margin: 0 13px
    }

    .pagination a {
        text-decoration: none
    }

    .pagination .page-numbers {
        display: inline-block;
        font-size: 13px !important;
        margin: 0 2px;
        background: rgba(0,0,0,.05);
        font-weight: bold;
        padding: 7px 13px !important;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
        color: #232323
    }

        .pagination .page-numbers:hover {
            background: rgba(0,0,0,.09)
        }

        .pagination .page-numbers.current {
            background: #b74141;
            color: #fff;
            cursor: default
        }

.spacer-1 {
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #b2b2b2;
    text-align: center;
    position: relative
}

.decoration--remove-min-height {
    min-height: 0
}

.dcboe-accordion div[id*=AccordionLayout] {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .dcboe-accordion div[id*=AccordionLayout] div:nth-child(even) {
        font-weight: 400;
        cursor: pointer;
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0,0,0,.03);
        border-bottom: 1px solid rgba(0,0,0,.125)
    }

    .dcboe-accordion div[id*=AccordionLayout] div:nth-child(odd) {
        padding: .75rem .2rem
    }

    .dcboe-accordion div[id*=AccordionLayout] div:nth-child(even):before, #hierarchical_accordion .accordion-link:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '?';
        color: black;
        font-weight: bold;
        padding-right: 10px
    }

.accordion-open:before {
    content: '?' !important
}

#hierarchical_accordion .accordion-link {
    text-decoration: none;
    color: black
}

    #hierarchical_accordion .accordion-link:focus {
        opacity: 1
    }

.searchFilter input[type="text"] {
    width: 75%;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 3rem
}

.inputError {
    border: 2px solid red !important
}

.BOECalendar table {
    width: 100% !important;
    border: 1px solid #585858
}

.BOECalendar {
    margin-bottom: 15px !important;
    width: 100% !important
}

    .BOECalendar table, tr, td {
        padding: 3px;
        font-size: 14px;
        vertical-align: top
    }

.Today {
    color: red;
    background-color: transparent
}

.DayHeader {
    padding: 10px
}

.Title {
    background-color: rgba(83,110,143,1);
    color: white;
    padding: 0;
    font-weight: bold;
    font-size: medium;
    margin-bottom: 0 !important
}

.Day, .OtherMonth, .Weekend {
    background-color: rgba(233,236,239,1);
    border: 1px solid white;
    min-height: 100px
}

.OtherMonth {
    background-color: rgba(219,219,219,1);
    color: rgba(158,158,158,1)
}

.SelectedDay {
    background-color: rgba(178,31,45,1) !important
}

.Calendar .item {
    padding: 6px;
    border-top: 2px solid rgba(83,110,143,1);
    background-color: #f9f9f5;
    text-align: left
}

    .Calendar .item a {
        text-decoration: none
    }

.OtherMonth .item, .SelectedDay .item {
    border: none;
    background-color: transparent
}

    .OtherMonth .item a:hover, .SelectedDay .item a:hover {
        color: yellow
    }

.twitter {
    background: white;
    height: 345px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    -webkit-overflow-scrolling: touch
}

.widget .widget__head {
    padding: 12px 24px
}

.widget .widget__body .widget__title p {
    font-size: 24px
}

.widget .widget__body {
    padding: 18px 38px 25px
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.slider .slider__content {
    position: absolute;
    bottom: 195px;
    padding: 0;
    min-width: 420px
}

    .slider .slider__content p {
        font-size: 16px;
        margin-bottom: 15px;
        font-weight: 400
    }

.nav-menu li a, .nav-secondary li a {
    text-transform: capitalize;
    font-size: 16px
}

.section--events {
    padding-bottom: 16px
}

.socials.socials--follow span {
    color: white
}

.req {
    color: red
}

@media only screen and (max-width:552px),only screen and (max-device-width:552px) {
    .thumb .thumb__icon {
        min-width: 20px;
        min-height: 20px
    }
}

@media only screen and (max-width:441px),only screen and (max-device-width:441px) {
    .slider .slider__content div {
        max-width: 300px
    }
}

@media only screen and (min-width:441px) and (max-width:767px) and (orientation:landscape),only screen and (min-device-width:441px) and (max-device-width:767px) and (orientation:landscape) {
    .slider .slider__content div {
        min-width: 300px;
        max-width: 420px
    }
}

@media only screen and (max-width:767px),only screen and (max-device-width:767px) {
    .slider .slider__content {
        bottom: 55px;
        max-width: 320px
    }

    .twitter-holder .twitter__head {
        display: none
    }

    .thumb .thumb__icon i {
        width: 39px
    }

    .thumb {
        padding-left: 14px;
        padding-right: 10px
    }

        .thumb p {
            font-size: 16px
        }

    .slider .slider__content .btn {
        height: 43px
    }

    .list-events {
        padding-right: 5px
    }
}