/***************** Site wide ***************************/
header, body {
    font-family: "Segoe UI", "Mullish", Helvetica, Arial, sans-serif; 
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    padding: 0;
}

@font-face {
    font-family: 'Mullish';
    src: url('/fonts/Mullish-Regular.ttf');
    font-display: swap;
}

/* main heading font */
.site-heading-font {
    font-weight: 600;
    font-size: 2rem;
    color:#FFF;
}



@media(min-width:800px) {
    .ea-wrapper {
        width: 100%;
        margin:auto;
    }
}

@media(min-width:1000px) {
    .ea-wrapper {
        width: 100%;
        margin: auto;
    }
}
@media(min-width:1200px) {
    .ea-wrapper {
        width: 1190px;
        margin: auto;
    }
}
@media(min-width:1250px) {
    .ea-wrapper {
        width: 1240px;
        margin: auto;
    }
}

@media(min-width:1300px) {
    .ea-wrapper {
        width: 1280px;
        margin: auto;
    }
}
@media(min-width:1400px) {
    .ea-wrapper {
        width: 1320px;
        margin: auto;
    }
  
}
@media(min-width:1500px) {
    .ea-wrapper {
        width: 1420px;
        margin: auto;
    }
  
}
@media(min-width:1600px) {
    .ea-wrapper {
        width: 1520px;
        margin: auto;
    }
  
}
@media(min-width:1700px) {
    .ea-wrapper {
        width: 1620px;
        margin: auto;
    }
  
}


@media(min-width:1800px) {
    .ea-wrapper {
        width: 1720px;
        margin: auto;
    }

}



@media (min-width: 1600px) {
    .ea-wrapper-expander {
        display: inherit;
        position: absolute;
        top: 5px;
        right: 5px;
    }

    
}

@media (max-width: 1599px) {
    .ea-wrapper-expander {
        display: none;
    }
    
}


@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1340px;
    }
}

@media (min-width: 1500px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1440px;
    }
}
@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1740px;
    }
}
.border-5 {
    border-width: 5px !important;
}

.border-3 {
    border-width: 2px !important;
}

.border-2 {
    border-width: 2px !important;
}

a.svg.svg-inline--fa:hover, svg.svg-inline--fa:hover,
.btn:hover,
.fa-trash:hover, .fa-times:hover, .fa-lock:hover,
input[type="checkbox"]:hover,
tr[data-bs-toggle="modal"]:hover,
.drag-instructions a:hover, a.dropdown-item,
.form-control-range:hover, .form-control-range:active {
    cursor: pointer;
}

/*h2, h4, h6 {
    text-transform: uppercase;
}
*/

/***************** Navbar ***********************/



.navbar .nav-item.border-bottom-6 {
    border-bottom: 4px solid rgba(255,255,255,0) !important;
}

.navbar .nav-item.border-bottom-6.active {
    border-bottom: 4px solid rgba(255,255,255,.5) !important;
}

.navbar a {
    padding-top: 8px;
    padding-bottom: 6px;
}

nav ol {
    border-radius: 0 !important;
}

.nav .alertbadge {
    width: 25px;
    height: 25px;
    margin: 0 25px 24px 1px;
    padding: 3px 8px 3px 9px;
    border-radius: 12px;
}

/***************** Footer ***********************/
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*white-space: nowrap;
    line-height: 60px;*/ /* Vertically center the text there */
}

@media (min-width: 0px) {
    .footer-container {
        display: flex;
        flex-direction: column;
    }

    .footer-box {
        text-align: center;
    }
}

@media (min-width: 800px) {
    .footer-container {
        display: flex;
        flex-direction: row;
        align-items:center;
    }

    .footer-box {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    .footer-box:first-child > div {
        margin-right: auto;
    }

    .footer-box:last-child > div {
        margin-left: auto;
    }
}

/*****************Header areas - 3 way switch to columns in small **************/
/*<div class='header-row-container' >
    <div class='header-row-box' > </div >
    <div class='header-row-box' > </div >
    <div class='header-row-box' > </div >
</div >*/

@media (min-width: 0px) {
    /*.filter-row-container, .filter-outer-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    } */

       /* .filter-row-container > div {
            margin-bottom: 10px;
        }*/

        
    .js-filter, .filter-inner {
      /*  display: flex;
        flex-direction: column;
        align-items: center;*/
        margin-bottom: 10px;
    }
    /*
        .js-filter.js-buttons {
            flex-direction: row;
            align-content: center;
        }
*/
        .js-filter label {
            align-self: center;
        }

 /*   .filter-outer-container .filter-inner .sort {
        align-content: flex-end;
    }*/
}

@media (min-width: 1200px) {
    /* move filter buttons */
    .filter-outer-container {
        flex-wrap: wrap;
    }
}
@media (min-width: 0px) {
    .filter-outer-container {
        flex-wrap: wrap;
    } .filter-row-container, .filter-outer-container {
        display: flex;
        flex-direction: row;
        align-items: start;
    }

        .filter-row-container > div {
            margin-bottom: auto;
        }

    .js-filter {
        display: flex;
        flex-direction: row;
        margin-right: 5px;
    }

    .filter-row-container {
        justify-content: space-between;
    }
}

    @media (min-width: 0px) {
        .header-row-container {
            display: flex;
            flex-direction: column;
        }

        .header-row-box {
            text-align: center;
        }

            .header-row-box:first-child > div {
                margin-bottom: 20px;
            }

            .header-row-box:last-child > div {
                margin-top: 10px;
            }
    }

    @media (min-width: 800px) {
        .header-row-container {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .header-row-box {
            flex: 1;
            display: flex;
            justify-content: center;
        }

            .header-row-box:first-child > div {
                margin-right: auto;
                margin-bottom: auto;
            }

            .header-row-box:last-child > div {
                margin-left: auto;
                margin-top: auto;
            }
    }

    /**************** Tables *********************/
    tr:not(.no-hover-highlight):hover {
        background-color: #f2f2f2;
        cursor: pointer;
    }

.table tr td:not(.remove-padding):not(.add-padding), .table tr th:not(.remove-padding):not(.add-padding) {
    padding-top: 8px !important;
    padding-bottom: 4px !important;
    font-size: 12px;
}


    /**************** Forms **********************/

form input.input-validation-error,
form textarea.input-validation-error,
form select.input-validation-error,
.input-validation-error {
    border: 1px solid red;
}

    label {
        font-weight: 600;
        font-size: 12px;
    }

    input, form select, form textarea {
        font-size: 12px;
        border-radius: 0;
    }


    /************** Lists and things *************/

    /*li, ul {
        border-radius: 0 !important;
    }*/

    /*************** Tooltips ********************/

    .tooltip-main {
        border-radius: 0;
    }

    .tooltip-inner {
        background-color: #FFF;
        border: 1px solid #666666;
        color: #666666;
        text-transform: none;
        border-radius: 0;
        max-width: 350px;
        width: 350px;
    }

    .tooltip.show {
        opacity: 1;
    }

        .tooltip.show div {
            /*text-align: left;*/
        }


    /*******************uploads **************/
    .draggable-upload {
        font-size: 0.75rem; /* 20 */
        background-color: #70c9f249;
        position: relative;
        padding: 20px 20px;
        outline: 2px dashed #70c9f2;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
    }

        .draggable-upload.is-dragover {
            /*outline-offset: -20px;*/
            outline-color: #c8dadf;
            background-color: #fff;
            border: 1px solid #92b0b3;
        }

    /***************** Button Panel **********************/
    .button-panel-wrapper {
        position: relative;
        /*margin-top:-60px;
    margin-bottom:60px;*/
        margin-top: -5px;
        margin-bottom: 15px;
    }

    .button-panel {
        position: absolute;
        left: 0;
    }

        .button-panel.right {
            left: auto;
            right: 0;
        }

        .button-panel .btn {
            margin-top: 0px;
            font-size: 12px;
        }

        .button-panel.right .btn {
            margin-top: 0px;
        }

    /**************** Typeahead ********************/
    .tt-query {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .tt-hint {
        color: #999
    }

    .tt-menu {
        width: 422px;
        margin-top: 4px;
        padding: 4px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .tt-suggestion {
        padding: 3px 20px;
        line-height: 24px;
    }

        .tt-suggestion.tt-cursor, .tt-suggestion:hover {
            color: #fff;
            background-color: #70C9F2 !important;
        }

        .tt-suggestion p {
            margin: 0;
        }

    .twitter-typeahead {
        min-width: 190px;
    }

    /* We follow out search boxes with a append of a search icon */
    .tt-input {
       /* border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;*/
    }

    /************* Multiselect ***********************************/
button.dropdown-toggle:not(.btn-primary, .btn-outline-primary), button.dropdown-toggle:not(.btn-primary, .btn-outline-primary):hover, button.dropdown-toggle:not(.btn-primary, .btn-outline-primary):active {
    background: #FFF !important;
    border: 1px solid #ced4da !important;
    color: #666666;
}

    /********************* Impersonate ******************************/

    .impersonation-badge {
        z-index: 1000;
        opacity: 0.9;
        padding: 10px;
        background-color: #700f28;
        color: white;
        border-radius: 0;
        padding: 10px;
        position:fixed;
        top:0;
    }

        .impersonation-badge .btn:hover {
            color: #700f28;
        }

    @media (min-width:0px) {
        .impersonation-badge {
        }
    }


    @media (min-width:960px) {

        .impersonation-badge {
            position: fixed;
            top: 0;
            /*right: 0;*/
        }
    }

    /**** external content ****/
    /*.external-content-padding {
        padding: 48px;*/ /* equivalient of p-5 but enables us to override in other sites */
    /*}*/


@media(max-width: 960px) {
    .external-content-padding {
        padding: 12px
    }
}


@media(min-width: 960px) {
    .external-content-padding {
        padding: 48px
    }
}

    /************** required fields **************/

label.required:after {
    content: " *";
    color: red;
}

/***** smaller tabs *****/

.nav-link.inner {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

@media(max-width:1000px) {

    .hide-mobile {
        display: none !important;
    }


}

@media(max-width:500px) {

    .hide-mobile-sm {
        display: none !important;
    }
}

@media(min-width:1000px) {
    .hide-desktop {
        display:none!important;
    }
    
}

/*** Accordian tabs *****/
.ea-tab-accordian-wrapper {
    position: relative;
}

    .ea-tab-accordian-wrapper .nav-tabs {
        display: none;
    }

.card-header {
    border-radius: 0 !important;
}

/* bigger screens */
@media(min-width:768px) {
    .ea-tab-accordian-wrapper .tab-pane {
        padding: 10px;
    }

    .ea-tab-accordian-wrapper .nav-tabs {
        display: flex;
    }

    .ea-tab-accordian-wrapper .tab-pane {
        border: none;
    }

    .ea-tab-accordian-wrapper .tab-pane .card-header {
        display: none;
    }

    .ea-tab-accordian-wrapper .tab-pane .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    /* default padding */
    .ea-tab-accordian-wrapper .tab-pane {
        padding: 0;
    }

    .ea-tab-accordian-wrapper .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
        margin-bottom: 10px;
    }

    .ea-tab-accordian-wrapper .card-header {
        /*background: #700f28;
        color: #fff;*/
        border-bottom: 1px solid rgba(0,0,0,.125);
    }

        .ea-tab-accordian-wrapper .card-header h5 a {
            /*background: #700f28;*/
            color: #fff;
            border-bottom: none;
            text-decoration: none;
            font-size: 16px;
            display: block;
        }

    .ea-tab-accordian-wrapper .card-header h5 a .js-collapse-toggler {
            padding-top: 5px;
        }

    .ea-tab-accordian-wrapper .card-body {
        border: 1px solid #e1e1e1;
    }



    /************************* HEADER V4 ******************************/
    /***** defaults (small sizes) *************************************/