/*!
    * Bootstrap v3.3.6 (http://getbootstrap.com)
    * Copyright 2011-2015 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    */


/* line 19, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */


/* Khula Font Imports */

@import url('https://fonts.googleapis.com/css?family=Khula&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

h1.underline,
h4.underline {
    border-bottom: 1px solid #bcbcbc;
    padding-bottom: 21px;
}

@media (max-width: 767px) {
    /* line 28, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .text_center-mobile {
        text-align: center;
    }
}


/* line 34, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.btn-lg-home {
    padding: 20px 40px;
    font-size: 15px;
}


/* line 39, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.btn-info-home {
    color: #fff;
    border-color: #fff;
    background: transparent;
}


    /* line 44, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .btn-info-home:hover {
        color: #000;
        border-color: #000;
        background: #fff;
    }


    /* line 49, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .btn-info-home:active {
        color: #000;
        border-color: #000;
        background: #fff;
    }


    /* line 54, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .btn-info-home:focus {
        color: #000;
        border-color: #000;
        background: #fff;
    }


.breadcrumb-inverted {
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: white;
    background-color: none;
    border-radius: 0
}

    .breadcrumb-inverted > li {
        display: inline-block;
        color: white;
        text-decoration: none;
    }

        .breadcrumb-inverted > li + li:before {
            content: "|";
            padding: 0 5px;
        }

        .breadcrumb-inverted > li > a {
            color: white;
            text-decoration: underline;
        }

            .breadcrumb-inverted > li > a:hover {
                font-weight: bold;
            }

    .breadcrumb-inverted > .active {
        color: white;
    }




/* line 67, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.breadcrumb > li a,
.breadcrumb > li a:hover {
    text-decoration: none;
    color: #666666;
}


/* line 73, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.breadcrumb > .active {
    font-weight: bold;
}


/* line 85, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.pagination > li > a,
.pagination > li > span {
    background-color: transparent;
    border: 0px;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
}


/* line 96, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.pagination > li:first-child > a:hover,
.pagination > li:first-child > span:hover {
    background: none;
    border-radius: 5px;
}


/* line 103, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.pagination > li:last-child > a:hover,
.pagination > li:last-child > span:hover {
    background: none;
    border-radius: 5px;
}


/* line 112, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    background-color: transparent;
    border-color: transparent;
    border-radius: 5px;
}


/* line 122, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    border-color: transparent;
    border-radius: 5px;
}


/* line 132, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top {
    border-width: 0;
}


/* line 136, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top {
    min-height: 200;
    border-width: 0;
    margin-bottom: 0;
}


/* line 140, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-default {
    border-color: transparent;
}


/* line 144, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.homelink,
a.homelink:hover,
a.homelink:focus {
    color: #fff;
    text-decoration: none;
}


/* line 149, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.register-bar {
    clear: both;
}


/* line 153, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top.navbar {
    min-height: 70px;
}


    /* line 156, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-fixed-top.navbar .navbar-collapse {
        max-height: 510px;
        box-shadow: none;
        border-top: none;
        padding-top: 8px;
    }


    /* line 163, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-fixed-top.navbar .navbar-form {
        border: none;
        margin-left: 0;
        margin-right: 0;
    }


        /* line 168, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .navbar-fixed-top.navbar .navbar-form .form-control {
            font-size: 1em;
        }


/* line 175, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top.navbar .navbar-collapse {
    max-height: 510px;
    box-shadow: none;
    border-top: none;
}


/* line 181, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top.navbar .navbar-form {
    border: none;
    margin-left: 0;
    margin-right: 0;
}


    /* line 186, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-static-top.navbar .navbar-form .form-control {
        font-size: 1em;
    }

@media (min-width: 992px) {
    /* line 191, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .fix-navbar .register-bar {
        display: none;
    }
}


/* line 197, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top.navbar > .container > .row > div {
    float: none !important;
    display: inline-block;
    vertical-align: bottom;
}


/* line 202, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top.navbar > .container > .row > div {
    float: none !important;
    display: inline-block;
    vertical-align: bottom;
}


/* line 211, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
}


/* line 218, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #666;
}


/* line 230, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
}


/* line 237, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    height: 21px;
    margin: 0 4px;
    margin-top: 14.5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #666;
}


/* line 247, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top .navbar-brand {
    font-size: 2.11em;
    font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #232222;
    position: fixed-top;
}

@media (max-width: 1200px) {
    /* line 247, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-fixed-top .navbar-brand {
        position: initial;
        height: 70px;
    }
}


/* line 259, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top .navbar-header {
    padding-top: 8px;
}


/* line 264, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top .navbar-brand {
    font-size: 2.11em;
    font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #232222;
    position: relative;
}

@media (max-width: 1200px) {
    /* line 264, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-static-top .navbar-brand {
        position: initial;
        height: 50px;
    }
}


/* line 284, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-fixed-top.navbar-inverse {
    background-color: #2A49B0;
    border-color: transparent;
}


    /* line 288, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-fixed-top.navbar-inverse .navbar-brand {
        color: #fff;
    }


    /* line 291, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-fixed-top.navbar-inverse .divider-vertical {
        border-right-color: #fff;
        border-left-color: #111;
    }


/* line 296, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-static-top.navbar-inverse {
    background-color: var(--mito-theme);
    border-color: transparent;
}


    /* line 300, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-static-top.navbar-inverse .navbar-brand {
        color: #fff;
    }


    /* line 304, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-static-top.navbar-inverse .divider-vertical {
        border-right-color: #fff;
        border-left-color: #111;
    }


/* line 311, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    margin-left: 0px;
}


    /* line 314, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-inverse .navbar-nav > li > a:hover {
        /*
        color: #fff;
        background-color: #6781D5;
        border-bottom: 4px solid #FFF;
        */
        /*padding-bottom: 10px;*/
        color: var(--mito-theme);
        background-color: #FFFFFF;
    }


    /* line 320, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .navbar-inverse .navbar-nav > li > a:focus {
        /*
        color: #fff;
        background-color: transparent;
        outline: 1px dashed #FFFFFF;
        */
        /*replaced default d365 portal theme with MITO colors.*/
        color: var(--mito-theme);
        background-color: #FFFFFF;
    }

.navbar-inverse .navbar-nav > .open > a:focus {
    color: var(--mito-theme);
    background-color: #FFFFFF;
    /* js 20210422
    border-style: outset;
    border-left-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-top-style: none;
    border-color: var(--mito-theme);
    */
}

@media (max-width: 1199px) {
    /* line 331, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-inverse .navbar-nav > li > a:hover {
        /*
        color: #fff;
        background-color: #666666;
        border-bottom: 4px solid #2F5FEF;
        padding-bottom: 6px;
        */
        color: var(--mito-theme);
        background-color: #FFFFFF;
    }
}

@media (min-width: 1200px) {
    /* line 456 added by jsteinmetz 21/04/2021 trying to resolve menu issues...*/

    .navbar-nav > li > a {
        display: flex;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
        flex-direction: column;
        justify-content: flex-end;
    }

    .nav > li > a {
        display: flex;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
        flex-direction: column;
        justify-content: flex-end;
    }

    .nav > li {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .navbar-nav > li {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .nav {
        display: flex;
        flex-grow: 1;
        flex-shrink: 0;
        flex-wrap: wrap;
        flex-basis: auto;
        justify-content: flex-end;
    }

    .navbar-nav {
        display: flex;
        flex-grow: 1;
        flex-shrink: 0;
        flex-wrap: wrap;
        flex-basis: auto;
        justify-content: flex-end;
    }

    .navbar-right {
        display: flex;
        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: auto;
        flex-wrap: wrap;
        justify-content: flex-end;
        height: 100%;
    }

    .navbar-collapse {
        display: flex;
        flex-shrink: 0;
        flex-grow: 1;
        flex-basis: auto;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eee;
        /*
        border-color: var(--mito-grey-dark);
        border-style: solid;
        border-width: 1px;
            */
        border-bottom-style: none;
    }



.dropdown-menu {
    /*mito changes to drop-down*/
    color: var(--mito-theme);
    background-color: #fff;
    min-width: 50px;
    /*width: 100%;*/
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: 1px;
    border-color: var(--mito-grey-medium);
    box-shadow: none;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    box-shadow: 0px 0px 11px var(--mito-grey-medium);
    /*
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
    */
}



#navbar .dropdown-menu {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
    margin-left: 0px;
}

.dropdown-menu > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0px;
    color: #FFFFFF;
    background-color: var(--mito-grey-medium);
    border: 0px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: normal;
}

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:active,
    .dropdown-menu > li > a:hover {
        color: var(--mito-grey-medium);
        /*font-weight: bold;*/
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 0px;
        margin-left: 0px;
        text-decoration: none;
        font-weight: normal;
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: var(--mito-grey-medium);
    /*font-weight: bold;*/
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0px;
    margin-left: 0px;
}

.dropdown-toggle {
    color: var(--mito-theme);
    margin-left: 0px;
}

    .dropdown-toggle > .focus > a,
    .dropdown-toggle > .focus > a:hover,
    .dropdown-toggle > .focus > a:focus {
        color: var(--mito-theme);
        background-color: #eee;
        /* js 20210422 
        border-color: var(--mito-theme) !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-right-width: 2px !important;
            */
        /*border-bottom-style: none !important;*/
    }

    .dropdown-toggle:focus {
        color: var(--mito-theme);
        background-color: #eee;
        /* js 20210422
        border-color: var(--mito-theme) !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-right-width: 2px !important;
            */
    }

    .dropdown-toggle:hover {
        color: #047;
        background-color: #eee;
        /* js 20210422
        border-color: var(--mito-theme) !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-right-width: 2px !important;
            */
    }

/* line 342, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.menu-bar .shopping_link {
    position: relative;
}


    /* line 345, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .menu-bar .shopping_link .cart_amount {
        border-radius: 100%;
        height: 17px;
        width: 17px;
        position: absolute;
        bottom: 6px;
        right: -6px;
        background-color: #2f5fef;
        text-align: -webkit-center;
        line-height: 17px;
        font-size: 9px;
        padding-left: 1.9px;
        color: #fff;
    }


        /* line 359, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .menu-bar .shopping_link .cart_amount:hover {
            color: #fff;
        }

@media (max-width: 1199px) {
    /* line 367, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-fixed-top .navbar-collapse .nav > .divider-vertical {
        display: none;
    }
}

@media (max-width: 1199px) {
    /* line 372, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-static-top .navbar-collapse .nav > .divider-vertical {
        display: none;
    }
}

@media (max-width: 767px) {
    /* line 377, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-fixed-top.navbar > .container > .row > div {
        display: block;
    }
    /* line 381, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-header {
        position: relative;
    }
}

@media (max-width: 767px) {
    /* line 386, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-static-top.navbar > .container > .row > div {
        display: block;
    }
    /* line 390, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-header {
        position: relative;
    }
}


/* line 397, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.panel {
    -webkit-box-shadow: 0 0px 0px transparent;
    box-shadow: 0 0px 0px transparent;
}


/* line 404, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.panel-group {
    margin-bottom: 21px;
}


    /* line 407, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .panel-group.border-bottom {
        border-bottom: 1px solid #bcbcbc;
        padding-bottom: 84px;
    }


    /* line 412, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .panel-group .panel {
        border-radius: 0px;
        border: none;
        box-shadow: none;
    }


        /* line 417, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .panel-group .panel + .panel {
            margin-top: 5px;
        }


    /* line 422, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .panel-group .panel-heading {
        border-bottom: 0;
    }


        /* line 426, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .panel-group .panel-heading .panel-title a {
            text-decoration: none;
        }


            /* line 429, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

            .panel-group .panel-heading .panel-title a:hover {
                color: #2f5fef;
            }


            /* line 433, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

            .panel-group .panel-heading .panel-title a:before {
                content: ' ';
                background-repeat: no-repeat;
                display: inline-block;
                width: 22px;
                height: 12px;
                background-position: -92px -5px;
                margin-right: 10.5px;
            }


            /* line 444, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

            .panel-group .panel-heading .panel-title a.collapsed:before {
                background-position: -5px -126px;
            }


        /* line 452, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: none;
        }


    /* line 457, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .panel-group .panel-footer {
        border-top: 0;
    }


        /* line 460, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: none;
        }


    /* line 465, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .panel-group .panel-default {
        border-color: none;
    }


        /* line 6, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */

        .panel-group .panel-default > .panel-heading {
            color: #333333;
            background-color: transparent;
            border-color: none;
        }


            /* line 11, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */

            .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: none;
            }


            /* line 14, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */

            .panel-group .panel-default > .panel-heading .badge {
                color: transparent;
                background-color: #333333;
            }


        /* line 20, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/mixins/panels.scss */

        .panel-group .panel-default > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: none;
        }


/* line 473, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */


/* Added Khula and Roboto font */

body {
    font-family: "Khula", "Roboto", sans-serif;
    padding-top: 0px;
}

@media (max-width: 767px) {
    /* line 473, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    body {
        padding-top: 0px;
    }
}


/* line 482, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.layer_down {
    height: 50px;
    background: url("layer_down.png") no-repeat bottom center;
    position: absolute;
    bottom: 0;
    z-index: 900;
    width: 100%;
}


/* line 491, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.layer_up {
    height: 40px;
    background: url("layer_up.png") no-repeat bottom center;
    position: relative;
    z-index: 20;
}


/* line 498, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-margin {
    margin: 21px 0;
}


/* line 502, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.color-inverse {
    color: #fff;
}


    /* line 505, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .color-inverse h1,
    .color-inverse h2,
    .color-inverse h3 {
        color: #fff;
    }


/* line 513, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-inline-search {
    background: url("helpdesk.png") no-repeat;
    background-size: cover;
}


    /* line 518, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .section-inline-search .row > div {
        margin-top: 100px;
    }


        /* line 521, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .section-inline-search .row > div h1 {
            color: #fff;
        }

@media screen and (max-width: 600px) {
    /* line 521, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .section-inline-search .row > div h1 {
        font-size: 16vw;
    }
}


/* line 531, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-inline-search .row > div .form-inline .form-group .input-group {
    margin-right: 21px;
}


    /* line 534, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .section-inline-search .row > div .form-inline .form-group .input-group .input-group-addon {
        background-color: #fff;
        border-right: none;
    }


    /* line 539, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .section-inline-search .row > div .form-inline .form-group .input-group .form-control {
        height: 60px;
        border-left: none;
        box-shadow: none;
    }


        /* line 544, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .section-inline-search .row > div .form-inline .form-group .input-group .form-control:focus {
            box-shadow: none;
            border-right: none;
            border-color: #ccc;
        }


/* line 557, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}


    /* line 567, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .wrapper .contained {
        position: relative;
        height: 400px;
        padding-bottom: 56.25%;
    }


        /* line 573, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .wrapper .contained > svg {
            margin-top: -100px;
            position: absolute;
            display: block;
        }


/* line 579, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.contained .row {
    margin-top: 80px;
}


/* line 583, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

footer {
    position: relative;
    color: #AAAAAA;
}


    /* line 587, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    footer .footer-top {
        width: 100%;
        min-height: 130px;
        background-color: #232222;
        display: flex;
        align-items: center;
    }


        /* line 594, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        footer .footer-top h3,
        footer .footer-top h4 {
            color: #fff;
        }


        /* line 598, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        footer .footer-top .list-social-links {
            margin-top: 25px;
            margin-bottom: 12.5px;
        }

@media screen and (max-width: 991px) {
    /* line 605, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    footer .footer-top h3,
    footer .footer-top .list-social-links {
        text-align: center;
    }
}


/* line 611, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

footer .footer-bottom {
    width: 100%;
    min-height: 36px;
    background-color: #000;
    font-size: 12px;
    display: flex;
    align-items: center;
}


    /* line 619, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    footer .footer-bottom p {
        margin: 0;
    }


    /* line 623, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    footer .footer-bottom h4 {
        margin-top: 0;
        color: #fff;
    }


    /* line 628, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    footer .footer-bottom ul {
        list-style-type: none;
        margin: 0;
    }


        /* line 638, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        footer .footer-bottom ul li a,
        footer .footer-bottom ul li a:hover,
        footer .footer-bottom ul li a:focus,
        footer .footer-bottom ul li a:active,
        footer .footer-bottom ul li a.active {
            font-size: 15px;
            color: #fff;
        }


/* line 648, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.list-social-links {
    list-style-type: none;
    padding-left: 0;
}


    /* line 652, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .list-social-links li {
        display: inline-block;
        margin: 0 0px;
    }


        /* line 661, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .list-social-links li a,
        .list-social-links li a:hover,
        .list-social-links li a:focus,
        .list-social-links li a:active,
        .list-social-links li a.active {
            color: #fff;
        }

@media screen and (max-width: 993px) {
    /* line 669, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .section-landing h1 {
        font-size: 65px;
    }
    /* line 673, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .section-landing h2 {
        letter-spacing: normal;
        margin-left: -3px;
    }
}


/* line 679, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.user-icon {
    width: 16px;
    height: 16px;
    background-image: url("register_icon.png");
    display: inline-block;
    margin-right: 7px;
}


/* line 687, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.article-title-container {
    border-top: solid 1px #bcbcbc;
    border-bottom: solid 1px #bcbcbc;
    padding-left: 15px;
    padding-top: 28px;
    padding-bottom: 28px;
}


/* line 695, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.article-title {
    margin-left: -35px;
}


    /* line 698, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .article-title > span {
        margin-left: 3px;
    }


        /* line 701, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .article-title > span .article-author {
            font-weight: bold;
            color: #2f5fef;
        }


/* line 708, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.article-content {
    margin-top: 15px;
}


    /* line 711, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .article-content > p {
        text-align: justify;
    }

@media screen and (max-width: 993px) {
    /* line 717, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .article-title {
        margin-left: 0;
        text-align: center;
    }
    /* line 722, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .article-author {
        text-align: center;
    }
}


/* line 728, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-search .header-search {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    background-color: #eeeeee;
}


    /* line 734, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .section-search .header-search img {
        max-width: 350px;
    }

@media screen and (max-width: 600px) {
    /* line 738, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .section-search .header-search h1 {
        font-size: 13vw;
    }
}


/* line 745, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-search .title-search {
    font-size: 26px;
    font-weight: bold;
}


/* line 750, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-search input {
    border-style: none;
    padding-left: 10px;
    height: 60px;
}


/* line 758, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-search .media .media-left > img {
    max-width: 240px;
}


/* line 763, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.section-search .media .media-body {
    padding-left: 20px;
}


    /* line 766, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .section-search .media .media-body > a {
        text-decoration: none;
        font-weight: bold;
    }


    /* line 771, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .section-search .media .media-body .media-heading {
        margin-top: 5px;
        margin-bottom: 20px;
    }


/* line 780, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.cards-container {
    margin-top: 84px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    /* line 780, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .cards-container {
        flex-direction: column;
    }
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 2s ease-in-out left;
        -o-transition: 2s ease-in-out left;
        transition: 2s ease-in-out left
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 2s ease-in-out;
        -moz-transition: -moz-transform 2s ease-in-out;
        -o-transition: -o-transform 2s ease-in-out;
        transition: transform 2s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}


.mito-dashboard-region {
    padding: 5px;
    margin: 5px;
    border-radius: 6px;
    border: solid 1px var(--mito-grey-light);
    box-shadow: 0px 0px 6px var(--mito-grey-light);
    background-color: white;
}


.mito-dashboard-region-focus {
    padding: 5px;
    background-color: white;
    margin: 5px;
    margin-top: 10px;
    border: solid 2px var(--mito-blue);
    border-radius: 6px;
    box-shadow: 0px 0px 6px var(--mito-blue-dark);
    animation: pulse-theme 2s infinite;
}


#layout-1column-mito-pagebody {
    margin-bottom: 150px;
}

@media screen and (max-width: 768px) {
    #layout-1column-mito-pagebody {
        margin-bottom: 450px;
    }
}

/* line 795, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
.carousel-custom .carousel-inner > .item {
    margin-right: auto;
    margin-left: auto;
}


    /* line 799, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .carousel-custom .carousel-inner > .item .carousel-caption {
        display: flex;
        align-items: center;
        top: 5%;
        left: 5%;
        right: 5%;
    }

@media screen and (min-width: 768px) {
    /* line 799, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .carousel-custom .carousel-inner > .item .carousel-caption {
        left: 5%;
        right: 5%;
    }
}


/* line 815, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.carousel-custom .carousel-indicators li {
    border-color: #232222;
}


/* line 824, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.table.table-forms td {
    padding: 15px 8px;
}


/* line 830, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.table.table-forms tbody tr:first-child td {
    border-top: none;
}


/* line 839, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.poll {
    background-color: #eeeeee;
    border-top: 7px solid #0b80d0;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}


    /* line 846, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .poll .poll-header {
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #bcbcbc;
        padding-bottom: 5px;
    }


        /* line 856, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .poll .poll-header h4 {
            font-weight: bold;
            display: inline-block;
        }


    /* line 862, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .poll .poll-content {
        padding-top: 25px;
    }


        /* line 865, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .poll .poll-content p {
            font-size: 14px;
        }


        /* line 869, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .poll .poll-content form {
            border-bottom: 1px solid #bcbcbc;
            padding-bottom: 10px;
        }


        /* line 874, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .poll .poll-content .poll-buttons {
            padding-top: 20px;
            padding-left: 11px;
        }


            /* line 878, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

            .poll .poll-content .poll-buttons .btn {
                padding: 4px 14px;
                font-size: 14px;
            }


            /* line 883, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

            .poll .poll-content .poll-buttons .btn-default {
                color: #000;
                border-color: #000;
            }


                /* line 887, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

                .poll .poll-content .poll-buttons .btn-default:hover {
                    color: #000;
                    border-color: #000;
                }


    /* line 895, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .poll .poll-tags {
        padding-top: 10px;
    }


        /* line 898, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .poll .poll-tags h4 {
            border-bottom: 1px solid #bcbcbc;
            padding-bottom: 10px;
        }


        /* line 903, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .poll .poll-tags .tag {
            display: inline-block;
            background-color: #e1e1e1;
            color: #232222;
            padding: 5px 14px;
            margin: 5px 0px;
            text-transform: uppercase;
            font-size: 13px;
        }


/* line 915, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.nav-sidebar {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}


    /* line 922, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav > li > a {
        padding: 4px 20px;
        color: #2f5fef;
        border-right: 2px solid #eeeeee;
    }


        /* line 928, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .nav-sidebar .nav > li > a:hover,
        .nav-sidebar .nav > li > a:focus {
            color: #232222;
            text-decoration: none;
            background-color: transparent;
            /*border-right: 2px solid #555555;*/
        }


        /* line 935, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .nav-sidebar .nav > li > a:before {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e250";
            margin-right: 7px;
        }


    /* line 952, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav > .active > a {
        color: #232222;
        text-decoration: none;
        background-color: transparent;
        border-right: 2px solid #555555;
        font-weight: bold;
    }


        /* line 959, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .nav-sidebar .nav > .active > a:before {
            content: "\e252";
        }


    /* line 966, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav > .active:hover > a,
    .nav-sidebar .nav > .activefocus > a {
        font-weight: bold;
    }


    /* line 972, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav > .active > ul.nav {
        display: block;
    }


    /* line 979, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav ul.nav {
        display: none;
    }


    /* line 986, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav .nav > li > a {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 30px;
    }


    /* line 996, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav .nav > .active,
    .nav-sidebar .nav .nav > .active:hover,
    .nav-sidebar .nav .nav > .active:focus {
        font-weight: bold;
    }


    /* line 1003, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav .nav .nav > li > a {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 60px;
    }


        /* line 1008, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

        .nav-sidebar .nav .nav .nav > li > a:before {
            content: "";
        }


    /* line 1017, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    .nav-sidebar .nav .nav .nav > .active,
    .nav-sidebar .nav .nav .nav > .active:hover,
    .nav-sidebar .nav .nav .nav > .active:focus {
        font-weight: bold;
    }




/* line 1032, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

#navbar .dropdown-search {
    padding-top: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 9px;
}


    /* line 1039, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

    #navbar .dropdown-search #q {
        min-width: 200px;
    }

@media (max-width: 1199px) {
    /* line 1044, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    #navbar .dropdown-search .input-group-btn {
        vertical-align: top;
    }
    /* line 1047, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    #navbar .dropdown-search #search-filter {
        width: 100%;
        text-align: left;
        padding-left: 25px;
    }
    /* line 1052, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    #navbar .dropdown-search.dropdown-menu > li:hover,
    #navbar .dropdown-search .dropdown-menu > li:hover {
        color: white;
        background-color: transparent;
    }
}


/* line 1060, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.tabs-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
}




/* line 1073, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.help-block.error,
label.control-label.required:before,
.crmEntityFormView .cell div.info.required label:after,
.crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .validator-text,
.crmEntityFormView .rank-order-cell .validator-text,
.crmEntityFormView .constant-sum-cell .validator-text,
.crmEntityFormView .stack-rank-cell .validator-text {
    color: #a94442;
}

@media screen and (-ms-high-contrast: active) {
    /* line 1078, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
    }
    /* line 1082, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff;
    }
}


/* line 11, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.pr-color {
    color: #2f5fef;
}


/* line 16, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.blue_border {
    padding-bottom: 10px;
    border-bottom: 7px solid #0b80d0;
}


/* line 21, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.page_section {
    position: relative;
    background-size: cover;
    color: #000;
}


    /* line 26, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section .row {
        padding-top: 25px;
        padding-bottom: 100px;
    }


        /* line 31, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

        .page_section .row.sidebar-home {
            padding-bottom: 0;
        }


    /* line 35, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section h1 {
        font-size: 71px;
    }


    /* line 39, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section h2 {
        color: #666666;
        font-size: 40px;
    }


    /* line 44, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section h3 {
        font-size: 66px;
        font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }


    /* line 49, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section p {
        border-top: solid #666666 1px;
        padding-top: 5px;
    }


    /* line 54, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section .btn {
        margin-top: 50px;
    }


    /* line 58, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section .form-search .btn {
        margin-top: 0;
    }


    /* line 64, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section .section-landing-heading p,
    .page_section .section-landing-sub-heading p {
        border-top: 0;
    }


/* line 71, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.form-search .btn {
    border: 1px solid #ccc;
}


/* line 74, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.form-search .btn-default:hover {
    border-color: #ccc;
}


/* line 78, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.form-search .dropdown-submenu {
    right: -2px;
}


/* line 82, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.form-search .dropdown-menu {
    margin-top: 0px;
}


/* line 87, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.dropdown-search.dropdown-menu > li:hover {
    background-color: transparent;
}


/* line 91, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

#navbar .form-search .dropdown-menu {
    margin-top: 0px;
}


/* line 95, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-diagonal-left {
    -webkit-transform: skew(0deg, -1.3deg);
    -ms-transform: skew(0deg, -1.3deg);
    transform: skew(0deg, -1.3deg);
    overflow: hidden;
    margin-top: -60px;
    margin-bottom: -20px;
}


    /* line 103, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .section-diagonal-left .section-diagonal-left-content {
        -webkit-transform: skew(0deg, 1.3deg);
        -ms-transform: skew(0deg, 1.3deg);
        transform: skew(0deg, 1.3deg);
        background: url("homethumbnail2.jpg") no-repeat 0 20%;
        background-size: cover;
        margin-top: -70px;
    }


        /* line 111, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

        .section-diagonal-left .section-diagonal-left-content:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .2;
            z-index: -1;
            background-color: #fff;
        }


/* line 125, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-diagonal-right {
    -webkit-transform: skew(0deg, 1.3deg);
    -ms-transform: skew(0deg, 1.3deg);
    transform: skew(0deg, 1.3deg);
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: -20px;
}


    /* line 133, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .section-diagonal-right.home-section {
        margin-top: -60px;
    }


    /* line 137, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .section-diagonal-right .section-diagonal-right-content {
        -webkit-transform: skew(0deg, -1.3deg);
        -ms-transform: skew(0deg, -1.3deg);
        transform: skew(0deg, -1.3deg);
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("homethumbnail4.jpg") no-repeat;
        background-size: cover;
        margin-top: -70px;
    }


        /* line 145, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

        .section-diagonal-right .section-diagonal-right-content:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .8;
            z-index: -1;
            background-color: #2f5fef;
        }


    /* line 161, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .section-diagonal-left .row,
    .section-diagonal-right .row {
        padding-top: 125px;
    }


    /* line 165, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .section-diagonal-left .col-md-5,
    .section-diagonal-right .col-md-5 {
        float: none;
        margin: 0 auto;
    }


    /* line 170, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .section-diagonal-left p,
    .section-diagonal-right p {
        border-top: none;
    }


/* line 176, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-landing {
    background: linear-gradient(transparent, transparent), url("homehero.jpg") no-repeat center;
    background-size: cover;
}


    /* line 181, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .section-landing .row > div {
        margin-top: 80px;
    }


        /* line 184, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

        .section-landing .row > div .section-landing-heading {
            font-size: 8rem;
            color: #fff;
            text-transform: uppercase;
        }

@media screen and (max-width: 600px) {
    /* line 184, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */
    .section-landing .row > div .section-landing-heading {
        font-size: 16vw;
    }
}


/* line 194, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-landing .row > div .section-landing-sub-heading {
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 4.3rem;
    color: #fff;
    letter-spacing: 19px;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    /* line 194, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */
    .section-landing .row > div .section-landing-sub-heading {
        font-size: 4vw;
    }
}


/* line 210, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-sub-landing {
    background: linear-gradient(transparent, #07aaf6), url("homethumbnail1.jpg") no-repeat center;
    background-size: cover;
}




/* line 215, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-default {
    background: url("homethumbnail3.jpg") no-repeat center;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    /* line 220, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */
    .section-default:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
    }
}


/* line 235, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-default .row {
    padding-bottom: 150px;
}


/* line 242, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-knowledge {
    margin-bottom: 40px;
}


/* line 247, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.content-home .btn {
    margin-top: 0;
}


/* line 251, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.content-home .panel {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}


    /* line 256, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .content-home .panel p {
        border: 0;
    }


/* line 261, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.content-home .panel-heading {
    display: none;
}


/* line 265, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.content-home .list-group-item {
    padding: 20px 0;
    font-size: 20px;
    background-color: transparent;
    border: 0;
    border-top: 1px solid #ddd;
}


    /* line 272, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .content-home .list-group-item img {
        margin-right: 25px;
    }


    /* line 278, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .content-home a.list-group-item,
    .content-home .list-group-item a.title {
        color: #232222;
    }


        /* line 282, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

        .content-home a.list-group-item:hover,
        .content-home a.list-group-item:focus,
        .content-home .list-group-item a.title:hover,
        .content-home .list-group-item a.title:focus {
            color: #232222;
            text-decoration: underline;
            background-color: transparent;
        }


/* line 290, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.content-home .title,
.content-home .description {
    display: block;
}


/* line 294, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.content-home .title {
    font-size: 24px;
    font-family: "Segoe UI Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* line 299, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.content-home .description {
    display: block;
    font-size: 14px;
}


/* line 305, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.sidebar-home {
    background-color: #eeeeee;
    border-top: 7px solid #0b80d0;
    margin-top: 36px;
    position: relative;
}


    /* line 311, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .sidebar-home h3 {
        font-size: 18px;
    }


    /* line 315, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .sidebar-home .panel {
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }


    /* line 321, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .sidebar-home .panel-heading {
        padding-left: 0;
        background-color: transparent;
        border: 0;
    }


    /* line 327, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .sidebar-home .panel-title {
        font-size: 14px;
        color: #2f5fef;
        font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }


    /* line 333, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .sidebar-home .list-group-item {
        padding-left: 0;
        font-size: 14px;
        background-color: transparent;
        border: 0;
    }


        /* line 340, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

        .sidebar-home .list-group-item:hover,
        .sidebar-home .list-group-item:focus {
            text-decoration: underline;
            background-color: transparent;
        }


        /* line 345, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

        .sidebar-home .list-group-item .date {
            visibility: hidden;
        }


/* line 351, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-landing-search {
    min-height: 250px;
    background: url(searchhero.jpg) no-repeat 0 25%;
    background-size: cover;
}


/* line 357, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-landing-forums {
    min-height: 250px;
    background: url(forumhero.jpg) no-repeat center;
    background-size: cover;
}


/* line 364, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-knowledge .list-group a.list-group-item {
    color: #2f5fef;
}


/* line 368, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.section-knowledge .panel-title {
    color: #000;
}


/* line 373, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.page_section.section-landing .row {
    padding-bottom: 60px;
}


    /* line 377, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

    .page_section.section-landing .row > div {
        margin-top: 0px;
    }


/* line 381, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

ul.tree,
ol.tree {
    color: #2f5fef;
}


/* line 386, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.tree ul,
.tree ol,
.tree ul ul,
.tree ol ul,
.tree ol ol ul,
.tree ol ul ul,
.tree ul ol ul,
.tree ul ul ul {
    list-style-type: disc;
    color: #2f5fef;
}


/* ADX_FORMS  */


/* line 392, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.adx_forms_font_calibri {
    font-family: Calibri;
}


/* line 396, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.adx_forms_font_new_roman {
    font-family: Times New Roman;
}


/* line 399, G:/Agents/BA1543/_wap/11/s/Resources/Theme/ElectricBlueDesign/starter/theme.scss */

.adx_forms_font_helvetica {
    font-family: 'Helvetica', sans-serif;
}

/* MITO Custom CSS */

/* MITO Colour Variables!!! */

:root {
    --mito-blue: #0063a5;
    --mito-blue-dark: #047;
    --mito-blue-pale: #7393B3;
    --mito-blue-light: #008ae6;
    --mito-blue-link: #0275d8;
    --mito-grey-dark: #696969;
    --mito-yellow: #E4E833;
    --mito-grey-medium: #ABABAB;
    --mito-grey-light: #F5F5F5;
    --mito-green-light: rgb(33, 110, 49);
    --mito-green: rgb(24, 49, 33);
    --mito-green-dark: #08110c;
    --mito-peach: #FF8F81;
    --mito-amber: #DB7B2B;
    --mito-amber-light: #DB7B2B;
    --mito-amber-dark: #DB7B2B;
    --mito-red: #D94435;
    --mito-red-light: #D94435;
    --mito-red-dark: #D94435;
    --mito-pink: #EBD3D1;
    --mito-purple-medium: #e213d1;
    --mito-purple: #7719AA;
    --mito-teal: rgb(0, 171, 170);
    --mito-aqua: rgb(0, 128, 100);
    --mito-lime: rgb(104, 188, 71);
    --mito-covid19-yellow: rgb(255, 204, 0);
    --mito-employer-ad-header-background: var(--mito-teal);
    --mito-covid19-header-background-yellow: var(--mito-covid19-yellow);
    --mito-tablestriped-dark-oddrow: var(--mito-grey-medium);
    --mito-tablestriped-dark-oddrow: var(--mito-grey-light);
    --mito-tablestriped-dark-text: var(--mito-grey-dark);
    --mito-confirmationdrawer: var(--mito-grey-light);
    --mito-header-height: 78;
    --mito-footer-height: 119;
    --tepukenga-green: rgb(24, 49, 33);
    --tepukenga-green-dark: #08110c;
    --tepukenga-green-light: rgb(33, 110, 49);
    --mito-theme: var(--mito-blue);
    --mito-theme-dark: var(--mito-blue-dark);
    --mito-theme-light: var(--mito-blue-light);
    --mito-theme-link: var(--mito-theme);
    --mito-required: var(--mito-green-light);
    --mito-alert: rgb(236,86, 54);
    --mito-text: #57585B;
}


.show {
    opacity:1 !important;
}


a {
    color: var(--mito-theme-link);
    text-decoration: underline;
}

    a:hover,
    a:focus {
        font-weight: bold;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

th > a {
    color: var(--mito-theme);
    text-decoration: underline;
}

    th > a:hover {
        font-weight: bold;
        color: var(--mito-theme);
        text-decoration: underline;
    }

    th > a:focus {
        font-weight: bold;
        color: var(--mito-theme);
        text-decoration: underline;
    }


.validation-summary {
    padding-left: 30px;
    font-size: 15px;
}

.alert-error {
    color: var(--mito-red);
}

    .alert-error > h2 {
        color: var(--mito-red) !important;
        font-size: 15px !important;
    }

    .alert-error > ul > li > a {
        color: var(--mito-red) !important;
    }

.col-md-4 {
    width: 25%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 15px;
    font-size: 12px;
    margin-bottom: 3px
}

.navbar-nav {
    margin: 7.25px -15px
}

    .navbar-nav > li > a {
        /*padding-top: 42px;
        */
        bottom: 0px;
        padding-bottom: 17px;
        line-height: 21px;
        text-decoration: none;
    }

        .navbar-nav > li > a:hover {
            /*padding-top: 42px;
            */
            bottom: 0px;
            padding-bottom: 17px;
            line-height: 21px;
            text-decoration: none;
            font-weight: normal;
        }

        .navbar-nav > li > a:focus {
            /*padding-top: 42px;
            */
            bottom: 0px;
            padding-bottom: 17px;
            line-height: 21px;
            text-decoration: none;
            font-weight: normal;
        }

@media(max-width:1199px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: white;
        border-width: 1px !important;
        border-color: var(--mito-grey-medium);
        box-shadow: 0px 0px 15px white;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
            text-decoration: none;
            font-weight: normal;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 21px;
            padding-top: 10px;
            text-decoration: none;
            font-weight: normal;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover {
                text-decoration: none;
                font-weight: normal;
            }

            .navbar-nav .open .dropdown-menu > li > a:focus {
                color: white;
                background-color: var(--mito-grey-dark);
                text-decoration: none;
                font-weight: normal;
            }

    .navbar-nav {
    }

        .navbar-nav > li {
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 5px
            }
}

@media(min-width:1200px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                /*padding-top: 42px;
                position:absolute;*/
                bottom: 0px;
                padding-bottom: 17px;
                line-height: 21px
            }
}


.navbar-inverse {
}

    .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: rgb(0, 60, 102);
        }

h2,
.h2 {
    font-size: 20px
}


#navbar .dropdown-menu {
    margin-top: 0px;
    min-width: 200px;
    padding: 0px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus {
    border-style: none;
    margin-left: 0px;
    color: #fff;
    padding: 15px;
    margin-left: 0px;
    font-weight: normal;
    background-color: var(--mito-theme-dark);
}

.dropdown-menu > li > a {
    border-style: none;
    margin-left: 0px;
    padding: 15px;
    margin-left: 0px;
    color: var(--mito-grey-dark);
    background-color: #fff;
    text-decoration: none;
    font-weight: normal;
}

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:active,
    .dropdown-menu > li > a:hover {
        border-style: none;
        color: #fff;
        padding: 15px;
        margin-left: 0px;
        font-weight: normal;
        background-color: var(--mito-grey-dark);
        text-decoration: none;
        font-weight: normal;
    }

@media(max-width:1199px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: var(--mito-grey-dark);
        text-decoration: none;
        font-weight: normal;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: var(--mito-grey-dark);
            text-decoration: none;
            font-weight: normal;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: var(--mito-grey-dark);
            text-decoration: none;
            font-weight: normal;
        }


    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: var(--mito-grey-medium);
        color: #fff;
        box-shadow: 0px 0px 11px white;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: var(--mito-grey-dark);
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.mito-home-landing {
    background: url("mito_banner_1920x450.jpg");
    background-position-x: 50%;
    background-position-y: 50%;
    /*
    box-sizing: border-box;
    */
    background-size: cover;
    display: flex;
    flex-flow: column nowrap;
    /*
    transform: scale(1.05);
    transition-delay: 0s;
    transition-duration: 5s;
    transition-property: transform;
    transition-timing-function: ease-in-out;
    */
}

.mito-warning-text {
    color: #FF8F81;
    font-weight: bold;
}

.mito-alert-text {
    color: #D94435;
    font-weight: bold;
}


.body-home {
    margin-top: 5px;
    color: var(--mito-text);
    font-size: 15px;
    line-height: 1.5;
    font-family: Calibri;
    margin-bottom: 5px;
}

.column1 {
    float: left;
    width: 33.33%;
}

.column2 {
    float: right;
    width: 33.33%;
}

.selected-view {
    min-width: 250px;
}

.chart-header {
    text-align: center;
}

.chart-header {
    text-align: center;
}


.section-title {
    font-size: 17px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    color: var(--mito-theme) !important;
}

    .section-title > h3 {
        font-size: 17px !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        color: var(--mito-theme) !important;
    }

.crmEntityFormView .cell {
    padding: 0 15px 15px !important;
}

.btn-primary {
    display: inline-block;
    float: right !important;
    width: 100%;
    max-width: 200px;
    margin: 5px;
    text-align: center;
    font-size: 13px;
    background-color: var(--mito-green-light);
    outline-color: var(--mito-green-light);
    color: white;
    border: 1px solid var(--mito-green-light);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-green-light);
        background-color: white;
        color: var(--mito-green-light);
        border: 1px solid var(--mito-green-light);
        text-decoration: none;
        font-weight: normal;
    }

    .btn-primary:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.btn-info {
    display: inline-block;
    float: right !important;
    width: 100%;
    max-width: 200px;
    margin: 5px;
    text-align: center;
    font-size: 13px;
    background-color: var(--mito-theme);
    outline-color: var(--mito-theme);
    color: white;
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0px 0px 6px var(--mito-theme);
    background-color: white;
    color: var(--mito-green-light);
    border: 1px solid var(--mito-theme);
    text-decoration: none;
    font-weight: normal;
}

.btn-primary:disabled {
    background-color: #bdbdbd;
    border: 2px solid #bdbdbd;
}

.btn-teenytiny {
    display: inline-block;
    float: right !important;
    width: 100%;
    max-width: 200px;
    margin: 5px;
    text-align: center;
    font-size: 12px;
    background-color: var(--mito-purple);
    outline-color: var(--mito-purple);
    color: white;
    border: 1px solid var(--mito-purple);
    transition-duration: 0.4s;
    padding: 4px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
}

    .btn-teenytiny:hover,
    .btn-teenytiny:focus,
    .btn-teenytiny:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: white;
        color: var(--mito-purple);
        border: 1px solid var(--mito-purple);
        text-decoration: none;
        font-weight: normal;
    }

    .btn-teenytiny:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.btn-teenytiny_completed {
    display: inline-block;
    float: right !important;
    width: 100%;
    max-width: 200px;
    margin: 5px;
    text-align: center;
    font-size: 12px;
    background-color: grey;
    outline-color: black;
    color: white;
    border: 1px solid black;
    transition-duration: 0.4s;
    padding: 4px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
}

    .btn-teenytiny_completed:hover,
    .btn-teenytiny_completed:focus,
    .btn-teenytiny_completed:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px lightgray;
        background-color: white;
        color: grey;
        border: 1px solid grey;
        text-decoration: none;
        font-weight: normal;
    }

    .btn-teenytiny_completed:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.btn-teenytiny_viewed {
    display: inline-block;
    float: right !important;
    width: 100%;
    max-width: 200px;
    margin: 5px;
    text-align: center;
    font-size: 12px;
    background-color: grey;
    outline-color: var(--mito-purple);
    color: white;
    border: 1px solid var(--mito-purple);
    transition-duration: 0.4s;
    padding: 4px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
}

    .btn-teenytiny_viewed:hover,
    .btn-teenytiny_viewed:focus,
    .btn-teenytiny_viewed:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: white;
        color: grey;
        border: 1px solid var(--mito-purple);
        text-decoration: none;
        font-weight: normal;
    }

.btn-default {
    display: inline-block;
    float: right !important;
    width: 100%;
    max-width: 200px;
    margin: 5px;
    text-align: center;
    font-size: 13px;
    background-color: var(--mito-grey-medium);
    outline-color: var(--mito-grey-medium);
    color: white;
    border: 1px solid var(--mito-grey-medium);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px !important;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-grey-medium);
        background-color: white;
        color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
    }

    .btn-default:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-left: 3px;
    margin-right: 3px;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 98% !important;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0
        }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.crmquickform-cell {
    border: none !important;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
}

    .input-group-addon.input-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 13px;
    }

    .input-group-addon.input-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 19px;
        border-radius: 0
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: 5px
        }


        .input-group-btn > .btn:hover,
        .input-group-btn > .btn:focus,
        .input-group-btn > .btn:active {
            z-index: 2
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: 5px
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: 5px
    }

.clearlookupfield {
    max-height: 35px !important;
    max-width: 35px !important;
    min-height: 26px !important;
    min-width: 26px !important;
    padding: 0px !important;
    padding-top: 2px !important;
    margin: 2px !important;
    border-radius: 5px !important;
    display: none !important;
}

.launchentitylookup {
    max-height: 35px !important;
    max-width: 35px !important;
    min-height: 26px !important;
    min-width: 26px !important;
    padding: 0px !important;
    padding-top: 2px !important;
    margin: 2px !important;
    border-radius: 5px !important;
    background-color: white;
    outline-color: var(--mito-theme-light);
    color: var(--mito-theme-light);
    border: 1px solid var(--mito-theme-light);
}

    .launchentitylookup:focus,
    .launchentitylookup:hover,
    .launchentitylookup:focus {
        background-color: var(--mito-theme-light) !important;
        color: white !important;
        border: 1px solid var(--mito-theme-light) !important;
        box-shadow: 0px 0px 12px var(--mito-theme-light) !important;
    }

    .launchentitylookup:disabled {
        background-color: var(--mito-grey-medium) !important;
        color: white !important;
        border: 1px solid var(--mito-grey-medium) !important;
        box-shadow: 0px 0px 12px var(--mito-grey-medium) !important;
    }

.launchentitylookup_error {
    max-height: 35px !important;
    max-width: 35px !important;
    min-height: 26px !important;
    min-width: 26px !important;
    padding: 0px !important;
    padding-top: 2px !important;
    margin: 2px !important;
    border-radius: 5px !important;
    background-color: white !important;
    outline-color: var(--mito-red) !important;
    color: var(--mito-red) !important;
    border: 1px solid var(--mito-red) !important;
    box-shadow: 0px 0px 12px var(--mito-red) !important;
}

    .launchentitylookup_error:focus,
    .launchentitylookup_error:hover,
    .launchentitylookup_error:focus {
        background-color: var(--mito-red) !important;
        color: white !important;
        border: 1px solid var(--mito-red) !important;
        box-shadow: 0px 0px 18px var(--mito-red) !important;
    }

    .launchentitylookup_error:disabled {
        background-color: var(--mito-grey-medium) !important;
        color: white !important;
        border: 1px solid var(--mito-grey-medium) !important;
        box-shadow: 0px 0px 18px var(--mito-grey-medium) !important;
    }

.view-search {
    margin-top: 5px;
}

.view-grid {
}
/*
    .view-grid::before {
        content: "You can use the search field to filter your records. You can create a new record by pressing NEW at the bottom of the window, if it is available. ";
    }
*/

.table {
    margin-top: 3px;
}

    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > th,
    .table > tfoot > tr > td {
        padding: 5px;
        padding-top: 1px;
    }


.entity-associate {
}

    .entity-associate.view-grid {
        height: 450px;
        max-height: 450px;
    }

.entity-lookup {
}

    .entity-lookup .view-grid {
        height: 450px;
        max-height: 450px;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 0
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 12px;
            line-height: 1.42857;
            text-decoration: none;
            color: #666;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
            border-radius: 5px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-radius: 5px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-radius: 5px;
        }

        .pagination > li > a:hover,
        .pagination > li > a:focus,
        .pagination > li > span:hover,
        .pagination > li > span:focus {
            z-index: 2;
            color: #0f3cc3;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a,
    .pagination > .active > a:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        background-color: var(--mito-theme) !important;
        border-color: var(--mito-theme) !important;
        cursor: default
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 19px;
    line-height: 1.33333
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.form-close {
    color: white;
}

    .form-close:hover {
        color: white;
        text-shadow: 1px 1px 1px white;
    }

    .form-close:focus,
    .form-close:active {
        color: white;
    }




.toggle-related-filter {
    max-width: 28px;
    height: 28px;
    margin: 6px;
    margin-top: 3px;
    background-color: var(--mito-grey-medium);
    border-color: var(--mito-grey-medium);
    color: white;
}

    .toggle-related-filter:hover,
    .toggle-related-filter:focus {
        background-color: white;
        border-color: var(--mito-grey-medium);
        color: var(--mito-grey-medium);
        box-shadow: 0px 0px 6px var(--mito-grey-medium);
    }

.modal-dialog .toggle-related-filter.btn-default.active {
    background-color: var(--mito-theme-light);
    border-color: var(--mito-theme-light);
    color: white;
    box-shadow: 0px 0px 6px var(--mito-theme-light);
}

    .modal-dialog .toggle-related-filter.btn-default.active:hover {
        background-color: white;
        border-color: var(--mito-theme-light);
        color: var(--mito-theme-light);
        box-shadow: 0px 0px 6px var(--mito-theme-light);
    }

.modal-dialog a.toggle-related-filter {
    background-color: var(--mito-grey-medium);
    border-color: var(--mito-grey-medium);
    color: white;
}

    .modal-dialog a.toggle-related-filter:hover, focus {
        background-color: white;
        border-color: var(--mito-grey-medium);
        color: var(--mito-grey-medium);
    }

.mito-rangeslider-labels {
    text-align: center;
    color: var(--mito-theme);
    padding-left: 5px;
    padding-right: 5px;
    width: 20%;
}

.mito-rangeslider-label {
    margin-top: 1px;
    font-size: 12px;
    font-family: Calibri;
    margin-bottom: 1px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.mito-rangeslider-label-strong {
    margin-top: 1px;
    font-size: 18px;
    font-family: Calibri;
    margin-bottom: 1px;
    font-weight: bold;
}


.submitbutton {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-theme);
    outline-color: var(--mito-theme);
    color: white;
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton:hover,
    .submitbutton:focus,
    .submitbutton:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-theme);
        background-color: white;
        color: var(--mito-theme);
        border: 1px solid var(--mito-theme);
    }

    .submitbutton:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

    .submitbutton:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

/* create button */
.btn.btn-info.action {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-theme);
    outline-color: var(--mito-theme);
    color: white;
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

.btn.btn-info.action:hover,
.btn.btn-info.action:focus,
.btn.btn-info.action:active {
    /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0px 0px 6px var(--mito-theme);
    background-color: white;
    color: var(--mito-theme);
    border: 1px solid var(--mito-theme);
}

.btn.btn-info.action:disabled {
    background-color: #bdbdbd;
    border: 2px solid #bdbdbd;
}

.btn.btn-info.action:disabled {
    background-color: #bdbdbd;
    border: 2px solid #bdbdbd;
}

.submitbutton_grey {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-grey-medium);
    outline-color: var(--mito-grey-medium);
    color: white;
    border: 1px solid var(--mito-grey-medium);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
    margin: 2px;
}

    .submitbutton_grey:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-grey-medium);
        background-color: white;
        color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
        outline-color: var(--mito-grey-medium);
    }

    .submitbutton_grey:focus {
        box-shadow: 0px 0px 6px var(--mito-grey-light);
        background-color: var(--mito-grey-light);
        color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
        outline-color: var(--mito-grey-medium);
    }

    .submitbutton_grey:active {
        box-shadow: 0px 0px 6px var(--mito-grey-light);
        background-color: var(--mito-grey-light);
        color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
        outline-color: var(--mito-grey-medium);
    }

    .submitbutton_grey:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.submitbutton_grey_inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-grey-medium);
    color: var(--mito-grey-medium);
    border: 1px solid var(--mito-grey-medium);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
    margin: 2px;
    box-shadow: 0px 0px 12px var(--mito-grey-medium);
}

.icontile-grey-inverted.collapsed {
    box-shadow: 0px 0px 0px var(--mito-grey-medium);
    animation: pulse 1s infinite;
}

.submitbutton_grey_inverted:hover,
.submitbutton_grey_inverted:focus,
.submitbutton_grey_inverted:active {
    /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 0px 0px 6px var(--mito-grey-medium);
    background-color: var(--mito-grey-medium);
    color: white;
    border: 1px solid white;
    outline-color: white;
}

.submitbutton_grey_inverted:disabled {
    background-color: #bdbdbd;
    border: 2px solid #bdbdbd;
}

.submitbutton_grey_inverted.required {
    box-shadow: 0px 0px 6px var(--mito-required) !important;
}

#AttachFile {
    display: block;
    border: solid;
    padding: 15px;
    width: 80%;
    border-radius: 6px;
    background-color: var(--mito-grey-light);
    border-color: var(--mito-grey-medium);
    border-width: 1px;
}

.submitbutton_theme_inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-theme);
    color: var(--mito-theme);
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
    margin: 2px;
    box-shadow: 0px 0px 12px var(--mito-theme);
}


    .submitbutton_theme_inverted:hover,
    .submitbutton_theme_inverted:focus,
    .submitbutton_theme_inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-theme);
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid white;
        outline-color: white;
    }

    .submitbutton_theme_inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

    .submitbutton_theme_inverted.required {
        box-shadow: 0px 0px 6px var(--mito-required) !important;
    }

.cancel {
    background-color: var(--mito-amber);
    outline-color: var(--mito-amber);
    color: white;
    border: 1px solid var(--mito-amber);
    text-transform: uppercase;
}

    .cancel:hover,
    .cancel:focus,
    .cancel:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-amber);
        background-color: white;
        color: var(--mito-amber);
        border: 1px solid var(--mito-amber);
    }


.remove-value {
    background-color: var(--mito-red);
    outline-color: var(--mito-red);
    color: white;
    border: 1px solid var(--mito-red);
    text-transform: uppercase;
    display: none;
}

    .remove-value:hover,
    .remove-value:focus,
    .remove-value:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-red);
        background-color: white;
        color: var(--mito-red);
        border: 1px solid var(--mito-red);
    }

.new-value {
    background-color: var(--mito-theme);
    outline-color: var(--mito-theme);
    color: white;
    border: 1px solid var(--mito-theme);
    text-transform: uppercase;
}

    .new-value:hover,
    .new-value:focus,
    .new-value:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-theme);
        background-color: white;
        color: var(--mito-theme);
        border: 1px solid var(--mito-red);
    }

.closebutton_orange {
    float: right;
    width: 40px;
    height: 40px;
    font-size: 1.1em;
    color: white;
    margin: 0px;
    padding: 10px;
    padding-top: 11px;
    text-align: center;
}

    .closebutton_orange:hover {
        cursor: pointer;
        font-size: 1.2em;
        text-shadow: 6px 6px white;
    }

    .closebutton_orange:active,
    .closebutton_orange:focus {
        color: white;
        font-weight: bold;
        font-size: 1.2em;
        text-shadow: 6px 6px var(--mito-grey-dark);
    }

.mitochevron {
    float: right;
    width: 24px;
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
    text-align: center;
    border-radius: 50%;
    color: var(--mito-theme);
}

    .mitochevron:hover {
        cursor: pointer;
        font-weight: bold;
        background-color: var(--mito-theme);
        color: white;
        box-shadow: 0px 0px 8px var(--mito-theme);
    }

    .mitochevron:active,
    .mitochevron:focus {
        color: white;
        font-weight: bold;
        background-color: var(--mito-theme);
        box-shadow: 0px 0px 6px var(--mito-theme);
    }

.mito-icon-button {
    color: var(--mito-theme);
    font-size: 2.5em;
    width: 1.1em;
    height: 1.1em;
    margin: 5px;
    padding: 0px;
    text-align: center;
    border-radius: 50%;
    border: 0px none;
    background-color: none;
}

    .mito-icon-button:hover {
        cursor: pointer;
        font-weight: bold;
        background-color: var(--mito-theme);
        color: white;
        box-shadow: 0px 0px 8px var(--mito-theme);
    }

    .mito-icon-button:active,
    .mito-icon-button:focus {
        color: white;
        font-weight: bold;
        background-color: var(--mito-theme-dark);
        box-shadow: 0px 0px 6px var(--mito-theme-dark);
    }


.mito-icon-button-green {
    color: var(--mito-green-light);
    font-size: 2.5em;
    width: 1.1em;
    height: 1.1em;
    margin: 5px;
    padding: 0px;
    text-align: center;
    border-radius: 50%;
    border: 0px none;
    background-color: none;
}

    .mito-icon-button-green:hover {
        cursor: pointer;
        font-weight: bold;
        background-color: var(--mito-green-light);
        color: white;
        box-shadow: 0px 0px 8px var(--mito-green-light);
    }

    .mito-icon-button-green:active,
    .mito-icon-button-green:focus {
        color: white;
        font-weight: bold;
        background-color: var(--mito-green-dark);
        box-shadow: 0px 0px 6px var(--mito-green-light);
    }

.mito-icon-button-amber {
    color: var(--mito-amber-light);
    font-size: 2.5em;
    width: 1.1em;
    height: 1.1em;
    margin: 5px;
    padding: 0px;
    text-align: center;
    border-radius: 50%;
    border: 0px none;
    background-color: none;
}

    .mito-icon-button-amber:hover {
        cursor: pointer;
        font-weight: bold;
        background-color: var(--mito-amber-light);
        color: white;
        box-shadow: 0px 0px 8px var(--mito-amber-light);
    }

    .mito-icon-button-amber:active,
    .mito-icon-button-amber:focus {
        color: white;
        font-weight: bold;
        background-color: var(--mito-amber-dark);
        box-shadow: 0px 0px 6px var(--mito-amber-light);
    }

.mito-icon-button-red {
    color: var(--mito-red-light);
    font-size: 2.5em;
    width: 1.1em;
    height: 1.1em;
    margin: 5px;
    padding: 0px;
    text-align: center;
    border-radius: 50%;
    border: 0px none;
    background-color: none;
}

    .mito-icon-button-red:hover {
        cursor: pointer;
        font-weight: bold;
        background-color: var(--mito-red-light);
        color: white;
        box-shadow: 0px 0px 8px var(--mito-red-light);
    }

    .mito-icon-button-red:active,
    .mito-icon-button-red:focus {
        color: white;
        font-weight: bold;
        background-color: var(--mito-red-dark);
        box-shadow: 0px 0px 6px var(--mito-red-light);
    }

.accordion-banner {
}

    .accordion-banner:hover {
        cursor: pointer;
    }

.submitbutton_grey_dark {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-grey-dark);
    outline-color: var(--mito-grey-dark);
    color: white;
    border: 1px solid var(--mito-grey-dark);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
    margin: 2px;
}

    .submitbutton_grey_dark:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-grey-dark);
        background-color: white;
        color: var(--mito-grey-dark);
        border: 1px solid var(--mito-grey-dark);
    }

    .submitbutton_grey_dark:focus {
        box-shadow: 0px 0px 6px var(--mito-grey-light);
        background-color: var(--mito-grey-light);
        color: var(--mito-grey-dark);
        border: 1px solid var(--mito-grey-dark);
        outline-color: var(--mito-grey-dark);
    }

    .submitbutton_grey_dark:active {
        box-shadow: 0px 0px 6px var(--mito-grey-light);
        background-color: var(--mito-grey-light);
        color: var(--mito-grey-dark);
        border: 1px solid var(--mito-grey-dark);
        outline-color: var(--mito-grey-dark);
    }

    .submitbutton_grey_dark:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tile-container {
    padding: 5px;
}

.tile-sub-container {
    background-color: var(--mito-grey-light);
    border: 0.5px solid var(--mito-grey-medium);
    padding: 5px;
    border-radius: 6px;
}

.mito-floating-panel {
    box-shadow: 0px 0px 4px var(--mito-grey-dark);
    border-radius: 2px;
    width: 100%;
    padding: 0px;
    min-height: 55px;
    padding: 5px;
}

.tilebutton {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-theme);
    outline-color: var(--mito-theme);
    color: white;
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-radius: 50%;*/
    border-radius: 5px;
}

    .tilebutton:focus,
    .tilebutton:hover,
    .tilebutton:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-theme);
        border: 1px solid var(--mito-theme);
        box-shadow: 0px 0px 6px var(--mito-theme);
    }

    .tilebutton:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tilebutton-mito-theme-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-theme);
    color: var(--mito-theme);
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-radius: 50%;*/
    border-radius: 5px;
    min-height: 99px !important;
}

    .tilebutton-mito-theme-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid var(--mito-theme);
        box-shadow: 0px 0px 12px white;
    }

    .tilebutton-mito-theme-inverted:focus,
    .tilebutton-mito-theme-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid white;
        box-shadow: 0px 0px 36px white;
    }

    .tilebutton-mito-theme-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.surveybutton-mito-theme-inverted {
    display: inline-block;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-theme);
    color: var(--mito-theme);
    border: 1px solid var(--mito-theme);
    padding: 2px;
    min-height: 4.5em;
    margin: 5px;
    border-radius: 5px;
}

    .surveybutton-mito-theme-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid white;
        box-shadow: 0px 0px 6px var(--mito-theme);
    }

    .surveybutton-mito-theme-inverted:focus,
    .surveybutton-mito-theme-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme-dark);
        color: white;
        border: 1px solid white;
        box-shadow: 0px 0px 12px var(--mito-theme-light);
    }

    .surveybutton-mito-theme-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.field-border {
    margin: 10px;
    margin-bottom: 15px;
    margin-top: 2px;
    padding: 7px;
    background-color: whitesmoke;
    border-width: 1px;
    border-style: solid;
    border-color: var(--mito-theme-dark);
}

.info {
    padding-bottom: 2px;
}

.text-scroll {
    margin: 10px;
    padding: 10px;
    background-color: whitesmoke;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: var(--mito-theme-dark);
}

.icontile-theme {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-theme-light);
    outline-color: var(--mito-theme-light);
    color: white;
    border: 1px solid var(--mito-theme-light);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-theme:focus,
    .icontile-theme:hover,
    .icontile-theme:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-theme-light);
        border: 1px solid var(--mito-theme-light);
        box-shadow: 0px 0px 24px var(--mito-theme-light);
    }

    .icontile-theme:disabled {
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid var(--mito-theme);
        cursor: not-allowed;
    }

        .icontile-theme:disabled:focus, hover {
            background-color: white;
            color: var(--mito-theme);
            border: 1px solid var(--mito-theme);
            box-shadow: 0px 0px 24px var(--mito-theme);
        }

.icontile-theme-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-theme-light);
    color: var(--mito-theme-light);
    border: 1px solid var(--mito-theme-light);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-theme-inverted.active {
        box-shadow: 0px 0px 0px var(--mito-theme-light);
        animation: pulse 1s infinite;
    }

    .icontile-theme-inverted:focus,
    .icontile-theme-inverted:hover,
    .icontile-theme-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme-light);
        color: white;
        animation: none;
        border: 1px solid white;
        box-shadow: 0px 0px 12px var(--mito-theme-light);
    }

    .icontile-theme-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-theme);
        color: var(--mito-theme);
        border: 1px solid var(--mito-theme);
        cursor: not-allowed
    }

        .icontile-theme-inverted:disabled:hover {
            background-color: var(--mito-theme);
            color: white;
            border: 1px solid var(--mito-theme);
            box-shadow: 0px 0px 12px var(--mito-theme);
        }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--mito-theme-light);
    }

    60% {
        -webkit-box-shadow: 0 0 36px var(--mito-theme-light);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 var(--mito-theme-light);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 var(--mito-theme-light);
        box-shadow: 0 0 0 0 var(--mito-theme-light);
    }

    60% {
        -moz-box-shadow: 0 0 36px var(--mito-theme-light);
        box-shadow: 0 0 36px var(--mito-theme-light);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 var(--mito-theme-light);
        box-shadow: 0 0 0 0 var(--mito-theme-light);
    }
}


@-webkit-keyframes pulse-theme {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--mito-theme-light);
    }

    60% {
        -webkit-box-shadow: 0 0 12px var(--mito-theme-light);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 var(--mito-theme-light);
    }
}

@keyframes pulse-theme {
    0% {
        -moz-box-shadow: 0 0 0 0 var(--mito-theme-light);
        box-shadow: 0 0 0 0 var(--mito-theme-light);
    }

    60% {
        -moz-box-shadow: 0 0 12px var(--mito-theme-light);
        box-shadow: 0 0 12px var(--mito-theme-light);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 var(--mito-theme-light);
        box-shadow: 0 0 0 0 var(--mito-theme-light);
    }
}

.icontile-grey {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-grey-medium);
    outline-color: var(--mito-grey-medium);
    color: white;
    border: 1px solid var(--mito-grey-medium);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-grey:focus,
    .icontile-grey:hover,
    .icontile-grey:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
        box-shadow: 0px 0px 24px var(--mito-grey-medium);
    }

    .icontile-grey:disabled {
        background-color: var(--mito-grey-medium);
        color: white;
        border: 1px solid var(--mito-grey-medium);
        cursor: not-allowed;
    }

        .icontile-grey:disabled:focus, hover {
            background-color: white;
            color: var(--mito-grey-medium);
            border: 1px solid var(--mito-grey-medium);
            box-shadow: 0px 0px 24px var(--mito-grey-medium);
        }

.icontile-grey-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-grey-medium);
    color: var(--mito-grey-medium);
    border: 1px solid var(--mito-grey-medium);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-grey-inverted.active {
        box-shadow: 0px 0px 0px var(--mito-grey-medium);
        animation: greypulse 1s infinite;
    }

    .icontile-grey-inverted:focus,
    .icontile-grey-inverted:hover,
    .icontile-grey-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-grey-medium);
        color: white;
        border: 1px solid var(--mito-grey-medium);
        box-shadow: 0px 0px 12px var(--mito-grey-medium);
    }

    .icontile-grey-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-grey-medium);
        color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
        cursor: not-allowed
    }

        .icontile-grey-inverted:disabled:hover {
            background-color: var(--mito-grey-medium);
            color: white;
            border: 1px solid var(--mito-grey);
            box-shadow: 0px 0px 12px var(--mito-grey-medium);
        }

@-webkit-keyframes greypulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--mito-grey-medium);
    }

    60% {
        -webkit-box-shadow: 0 0 36px var(--mito-grey-medium);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 var(--mito-grey-medium);
    }
}

@keyframes greypulse {
    0% {
        -moz-box-shadow: 0 0 0 0 var(--mito-grey-medium);
        box-shadow: 0 0 0 0 var(--mito-grey-medium);
    }

    60% {
        -moz-box-shadow: 0 0 36px var(--mito-grey-medium);
        box-shadow: 0 0 36px var(--mito-grey-medium);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 var(--mito-grey-medium);
        box-shadow: 0 0 0 0 var(--mito-grey-medium);
    }
}


.icontile-darkgrey {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-grey-dark);
    outline-color: var(--mito-grey-dark);
    color: white;
    border: 1px solid var(--mito-grey-dark);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-darkgrey:focus,
    .icontile-darkgrey:hover,
    .icontile-darkgrey:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-grey-dark);
        border: 1px solid var(--mito-grey-dark);
        box-shadow: 0px 0px 24px var(--mito-grey-dark);
    }

    .icontile-darkgrey:disabled {
        background-color: var(--mito-grey-dark);
        color: white;
        border: 1px solid var(--mito-grey-dark);
        cursor: not-allowed;
    }

        .icontile-darkgrey:disabled:focus, hover {
            background-color: white;
            color: var(--mito-grey-dark);
            border: 1px solid var(--mito-grey-dark);
            box-shadow: 0px 0px 24px var(--mito-grey-dark);
        }

.icontile-darkgrey-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-grey-dark);
    color: var(--mito-grey-dark);
    border: 1px solid var(--mito-grey-dark);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-darkgrey-inverted.active {
        box-shadow: 0px 0px 12px var(--mito-grey-dark);
    }

    .icontile-darkgrey-inverted:focus,
    .icontile-darkgrey-inverted:hover,
    .icontile-darkgrey-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-grey-dark);
        color: white;
        border: 1px solid var(--mito-grey-dark);
        box-shadow: 0px 0px 12px var(--mito-grey-dark);
    }

    .icontile-darkgrey-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-grey-dark);
        color: var(--mito-grey-dark);
        border: 1px solid var(--mito-grey-dark);
        cursor: not-allowed
    }

        .icontile-darkgrey-inverted:disabled:hover {
            background-color: var(--mito-grey-dark);
            color: white;
            border: 1px solid var(--mito-grey);
            box-shadow: 0px 0px 12px var(--mito-grey-dark);
        }


/*start*/

.icontile-amber {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-amber);
    outline-color: var(--mito-amber);
    color: white;
    border: 1px solid var(--mito-amber);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-amber:focus,
    .icontile-amber:hover,
    .icontile-amber:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-amber);
        border: 1px solid var(--mito-amber);
        box-shadow: 0px 0px 12px var(--mito-amber);
    }

    .icontile-amber:disabled {
        background-color: var(--mito-amber);
        color: white;
        border: 1px solid var(--mito-amber);
        cursor: not-allowed;
    }

        .icontile-amber:disabled:focus, hover {
            background-color: white;
            color: var(--mito-amber);
            border: 1px solid var(--mito-amber);
            box-shadow: 0px 0px 12px var(--mito-amber);
        }

.icontile-amber-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-amber);
    color: var(--mito-amber);
    border: 1px solid var(--mito-amber);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-amber-inverted:focus,
    .icontile-amber-inverted:hover,
    .icontile-amber-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-amber);
        color: white;
        border: 1px solid var(--mito-amber);
        box-shadow: 0px 0px 12px var(--mito-amber);
    }

    .icontile-amber-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-amber);
        color: var(--mito-amber);
        border: 1px solid var(--mito-amber);
        cursor: not-allowed
    }

        .icontile-amber-inverted:disabled:hover {
            background-color: var(--mito-amber);
            color: white;
            border: 1px solid var(--mito-amber);
            box-shadow: 0px 0px 12px var(--mito-amber);
        }

/*start*/

.icontile-red {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-red);
    outline-color: var(--mito-red);
    color: white;
    border: 1px solid var(--mito-red);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-red:focus,
    .icontile-red:hover,
    .icontile-red:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-red);
        border: 1px solid var(--mito-red);
        box-shadow: 0px 0px 12px var(--mito-red);
    }

    .icontile-red:disabled {
        background-color: var(--mito-red);
        color: white;
        border: 1px solid var(--mito-red);
        cursor: not-allowed;
    }

        .icontile-red:disabled:focus, hover {
            background-color: white;
            color: var(--mito-red);
            border: 1px solid var(--mito-red);
            box-shadow: 0px 0px 12px var(--mito-red);
        }

.icontile-red-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-red);
    color: var(--mito-red);
    border: 1px solid var(--mito-red);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-red-inverted:focus,
    .icontile-red-inverted:hover,
    .icontile-red-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-red);
        color: white;
        border: 1px solid var(--mito-red);
        box-shadow: 0px 0px 12px var(--mito-red);
    }

    .icontile-red-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-red);
        color: var(--mito-red);
        border: 1px solid var(--mito-red);
        cursor: not-allowed
    }

        .icontile-red-inverted:disabled:hover {
            background-color: var(--mito-red);
            color: white;
            border: 1px solid var(--mito-red);
            box-shadow: 0px 0px 12px var(--mito-red);
        }


/*start*/

.icontile-blue {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-blue);
    outline-color: var(--mito-blue);
    color: white;
    border: 1px solid var(--mito-blue);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-blue:focus,
    .icontile-blue:hover,
    .icontile-blue:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-blue);
        border: 1px solid var(--mito-blue);
        box-shadow: 0px 0px 12px var(--mito-blue);
    }

    .icontile-blue:disabled {
        background-color: var(--mito-blue);
        color: white;
        border: 1px solid var(--mito-blue);
        cursor: not-allowed;
    }

        .icontile-blue:disabled:focus, hover {
            background-color: white;
            color: var(--mito-blue);
            border: 1px solid var(--mito-blue);
            box-shadow: 0px 0px 12px var(--mito-blue);
        }

.icontile-blue-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-blue);
    color: var(--mito-blue);
    border: 1px solid var(--mito-blue);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-blue-inverted:focus,
    .icontile-blue-inverted:hover,
    .icontile-blue-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-blue);
        color: white;
        border: 1px solid var(--mito-blue);
        box-shadow: 0px 0px 12px var(--mito-blue);
    }

    .icontile-blue-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-blue);
        color: var(--mito-blue);
        border: 1px solid var(--mito-blue);
        cursor: not-allowed
    }

        .icontile-blue-inverted:disabled:hover {
            background-color: var(--mito-blue);
            color: white;
            border: 1px solid var(--mito-blue);
            box-shadow: 0px 0px 12px var(--mito-blue);
        }

/*start*/

.icontile-lime {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-lime);
    outline-color: var(--mito-lime);
    color: white;
    border: 1px solid var(--mito-lime);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-lime:focus,
    .icontile-lime:hover,
    .icontile-lime:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-lime);
        border: 1px solid var(--mito-lime);
        box-shadow: 0px 0px 12px var(--mito-lime);
    }

    .icontile-lime:disabled {
        background-color: var(--mito-lime);
        color: white;
        border: 1px solid var(--mito-lime);
        cursor: not-allowed;
    }

        .icontile-lime:disabled:focus, hover {
            background-color: white;
            color: var(--mito-lime);
            border: 1px solid var(--mito-lime);
            box-shadow: 0px 0px 12px var(--mito-lime);
        }

.icontile-lime-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-lime);
    color: var(--mito-lime);
    border: 1px solid var(--mito-lime);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-lime-inverted:focus,
    .icontile-lime-inverted:hover,
    .icontile-lime-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-lime);
        color: white;
        border: 1px solid var(--mito-lime);
        box-shadow: 0px 0px 12px var(--mito-lime);
    }

    .icontile-lime-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-lime);
        color: var(--mito-lime);
        border: 1px solid var(--mito-lime);
        cursor: not-allowed
    }

        .icontile-lime-inverted:disabled:hover {
            background-color: var(--mito-lime);
            color: white;
            border: 1px solid var(--mito-lime);
            box-shadow: 0px 0px 12px var(--mito-lime);
        }

/*start*/

.icontile-aqua {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-aqua);
    outline-color: var(--mito-aqua);
    color: white;
    border: 1px solid var(--mito-aqua);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-aqua:focus,
    .icontile-aqua:hover,
    .icontile-aqua:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-aqua);
        border: 1px solid var(--mito-aqua);
        box-shadow: 0px 0px 12px var(--mito-aqua);
    }

    .icontile-aqua:disabled {
        background-color: var(--mito-aqua);
        color: white;
        border: 1px solid var(--mito-aqua);
        cursor: not-allowed;
    }

        .icontile-aqua:disabled:focus, hover {
            background-color: white;
            color: var(--mito-aqua);
            border: 1px solid var(--mito-aqua);
            box-shadow: 0px 0px 12px var(--mito-aqua);
        }

.icontile-aqua-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-aqua);
    color: var(--mito-aqua);
    border: 1px solid var(--mito-aqua);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-aqua-inverted:focus,
    .icontile-aqua-inverted:hover,
    .icontile-aqua-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-aqua);
        color: white;
        border: 1px solid var(--mito-aqua);
        box-shadow: 0px 0px 12px var(--mito-aqua);
    }

    .icontile-aqua-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-aqua);
        color: var(--mito-aqua);
        border: 1px solid var(--mito-aqua);
        cursor: not-allowed
    }

        .icontile-aqua-inverted:disabled:hover {
            background-color: var(--mito-aqua);
            color: white;
            border: 1px solid var(--mito-aqua);
            box-shadow: 0px 0px 12px var(--mito-aqua);
        }


.icontile-teal {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-teal);
    outline-color: var(--mito-teal);
    color: white;
    border: 1px solid var(--mito-teal);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 18px;
}

    .icontile-teal:focus,
    .icontile-teal:hover,
    .icontile-teal:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-teal);
        border: 1px solid var(--mito-teal);
        box-shadow: 0px 0px 12px var(--mito-teal);
    }

    .icontile-teal:disabled {
        background-color: var(--mito-teal);
        color: white;
        border: 1px solid var(--mito-teal);
        cursor: not-allowed;
    }

        .icontile-teal:disabled:focus, hover {
            background-color: white;
            color: var(--mito-teal);
            border: 1px solid var(--mito-teal);
            box-shadow: 0px 0px 12px var(--mito-teal);
        }

.icontile-teal-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-teal);
    color: var(--mito-teal);
    border: 1px solid var(--mito-teal);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 18px;
    padding-bottom: 18px;
    /*border-radius: 50%;*/
    border-radius: 15px;
}

    .icontile-teal-inverted:focus,
    .icontile-teal-inverted:hover,
    .icontile-teal-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-teal);
        color: white;
        border: 1px solid var(--mito-teal);
        box-shadow: 0px 0px 12px var(--mito-teal);
    }

    .icontile-teal-inverted:disabled {
        background-color: white;
        outline-color: var(--mito-teal);
        color: var(--mito-teal);
        border: 1px solid var(--mito-teal);
        cursor: not-allowed
    }

        .icontile-teal-inverted:disabled:hover {
            background-color: var(--mito-teal);
            color: white;
            border: 1px solid var(--mito-teal);
            box-shadow: 0px 0px 12px var(--mito-teal);
        }


/*finish*/

.icontile-grid-box {
    padding: 5px;
}

.icontile-text {
    text-align: center;
    margin-top: 6px;
    margin-bottom: 3px;
    font-size: 15px;
}

.icontile-text-small {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 11px;
}

.icontile-small {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    /*border-radius: 50%;*/
    border-radius: 7px;
    min-height: 79px;
}

.tilebutton-blue-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-theme);
    color: var(--mito-theme);
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-radius: 50%;*/
    border-radius: 5px;
    min-height: 99px !important;
}

    .tilebutton-blue-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid var(--mito-theme);
        box-shadow: 0px 0px 12px white;
    }

    .tilebutton-blue-inverted:focus,
    .tilebutton-blue-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid white;
        box-shadow: 0px 0px 36px white;
    }

    .tilebutton-blue-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tilebutton-grey-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-grey-dark);
    color: var(--mito-grey-dark);
    border: 1px solid var(--mito-grey-dark);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-radius: 50%;*/
    border-radius: 5px;
    min-height: 99px !important;
}

    .tilebutton-grey-inverted:focus,
    .tilebutton-grey-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-grey-dark);
        color: white;
        border: 1px solid var(--mito-grey-dark);
        box-shadow: 0px 0px 12px white;
    }

    .tilebutton-grey-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-grey-dark);
        color: white;
        border: 1px solid var(--mito-grey-dark);
        box-shadow: 0px 0px 12px white;
    }

    .tilebutton-grey-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }



.tilebutton-purple-inverted {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    outline-color: var(--mito-purple);
    color: var(--mito-purple);
    border: 1px solid var(--mito-purple);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-radius: 50%;*/
    border-radius: 5px;
    min-height: 99px !important;
}

    .tilebutton-purple-inverted:focus,
    .tilebutton-purple-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-purple);
        color: white;
        border: 1px solid var(--mito-purple);
        box-shadow: 0px 0px 12px white;
    }

    .tilebutton-purple-inverted:active {
        background-color: var(--mito-purple);
        color: white;
        border: 1px solid var(--mito-purple);
    }

    .tilebutton-purple-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.tilebutton-red-inverted {
    background-color: white;
    outline-color: var(--mito-red);
    border: 1px solid var(--mito-red);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--mito-red);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    min-height: 99px !important;
}

    .tilebutton-red-inverted:focus,
    .tilebutton-red-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-red) !important;
        color: white !important;
        border: 1px solid var(--mito-red) !important;
        box-shadow: 0px 0px 6px white;
    }

    .tilebutton-red-inverted:active {
        background-color: var(--mito-red);
        color: white;
        border: 1px solid var(--mito-red);
    }

    .tilebutton-red-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tilebutton-amber-inverted {
    background-color: white;
    outline-color: var(--mito-peach);
    border: 1px solid var(--mito-peach);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--mito-peach);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    min-height: 99px !important;
}

    .tilebutton-amber-inverted:focus,
    .tilebutton-amber-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-peach) !important;
        color: white !important;
        border: 1px solid var(--mito-peach) !important;
        box-shadow: 0px 0px 6px white;
    }

    .tilebutton-amber-inverted:active {
        background-color: var(--mito-peach);
        color: white;
        border: 1px solid var(--mito-peach);
    }

    .tilebutton-amber-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.tilebutton-teal-inverted {
    background-color: white;
    outline-color: var(--mito-teal);
    border: 1px solid var(--mito-teal);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--mito-teal);
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    min-height: 99px !important;
}

    .tilebutton-teal-inverted:focus,
    .tilebutton-teal-inverted:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-teal) !important;
        color: white !important;
        border: 1px solid var(--mito-teal) !important;
        box-shadow: 0px 0px 6px white;
    }

    .tilebutton-teal-inverted:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-teal) !important;
        color: white !important;
        border: 1px solid var(--mito-teal) !important;
        box-shadow: 0px 0px 6px white;
    }


    .tilebutton-teal-inverted:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.tilebutton-sub {
    background-color: var(--mito-grey-dark);
    outline-color: var(--mito-grey-dark);
    border: 1px solid var(--mito-grey-dark);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

    .tilebutton-sub:focus,
    .tilebutton-sub:hover,
    .tilebutton-sub:active {
        background-color: white !important;
        color: var(--mito-grey-dark) !important;
        border: 1px solid var(--mito-grey-dark) !important;
        box-shadow: 0px 0px 6px var(--mito-grey-dark) !important;
    }

    .tilebutton-sub:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tilebutton-grey-dark {
    background-color: var(--mito-grey-dark);
    outline-color: var(--mito-grey-dark);
    border: 1px solid var(--mito-grey-dark);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

    .tilebutton-grey-dark:focus,
    .tilebutton-grey-dark:hover,
    .tilebutton-grey-dark:active {
        background-color: white !important;
        color: var(--mito-grey-dark) !important;
        border: 1px solid var(--mito-grey-dark) !important;
        box-shadow: 0px 0px 6px var(--mito-grey-dark) !important;
    }

    .tilebutton-grey-dark:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tilebutton-grey-selected {
    background-color: white;
    color: var(--mito-grey-dark) !important;
    border: 1px solid var(--mito-grey-dark);
    box-shadow: 0px 0px 6px var(--mito-grey-dark);
}

.tilebutton-red {
    background-color: var(--mito-red);
    outline-color: var(--mito-red);
    border: 1px solid var(--mito-red);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

    .tilebutton-red:focus,
    .tilebutton-red:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white !important;
        color: var(--mito-red) !important;
        border: 1px solid var(--mito-red) !important;
        box-shadow: 0px 0px 6px var(--mito-red);
    }

    .tilebutton-red:active {
        background-color: var(--mito-red);
        color: white;
        border: 1px solid var(--mito-red);
    }

    .tilebutton-red:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tilebutton-amber {
    background-color: var(--mito-peach);
    outline-color: var(--mito-peach);
    border: 1px solid var(--mito-peach);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

    .tilebutton-amber:focus,
    .tilebutton-amber:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white !important;
        color: var(--mito-peach) !important;
        border: 1px solid var(--mito-peach) !important;
        box-shadow: 0px 0px 6px var(--mito-peach);
    }

    .tilebutton-amber:active {
        background-color: var(--mito-peach);
        color: white;
        border: 1px solid var(--mito-peach);
    }

    .tilebutton-amber:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.tilebutton-purple {
    background-color: var(--mito-purple);
    outline-color: var(--mito-purple);
    border: 1px solid var(--mito-purple);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

    .tilebutton-purple:focus,
    .tilebutton-purple:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white !important;
        color: var(--mito-purple) !important;
        border: 1px solid var(--mito-purple) !important;
        box-shadow: 0px 0px 6px var(--mito-purple);
    }

    .tilebutton-purple:active {
        background-color: var(--mito-purple);
        color: white;
        border: 1px solid var(--mito-purple);
    }

    .tilebutton-purple:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.tilebutton-teal {
    background-color: var(--mito-teal);
    outline-color: var(--mito-teal);
    border: 1px solid var(--mito-teal);
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    transition-duration: 0.4s;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

    .tilebutton-teal:focus,
    .tilebutton-teal:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white !important;
        color: var(--mito-teal) !important;
        border: 1px solid var(--mito-teal) !important;
        box-shadow: 0px 0px 6px var(--mito-teal);
    }

    .tilebutton-teal:active {
        background-color: var(--mito-teal);
        color: white;
        border: 1px solid var(--mito-teal);
    }

    .tilebutton-teal:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.disabled {
    background-color: var(--mito-grey-medium);
    border: 1px solid var(--mito-grey-medium);
}

.submitted {
    background-color: var(--mito-grey-medium);
    border: 1px solid var(--mito-grey-medium);
}

    .submitted:focus,
    .submitted:active,
    .submitted:hover {
        background-color: white !important;
        color: var(--mito-grey-medium) !important;
        border: 1px solid var(--mito-grey-medium) !important;
        box-shadow: 0px 0px 6px var(--mito-grey-medium) !important;
    }

    .submitted:disabled {
        background-color: var(--mito-grey-medium);
        color: white;
        border: 1px solid var(--mito-grey-medium);
    }


.selected {
    background-color: var(--mito-theme-dark);
    border: 1px solid var(--mito-theme-dark);
}

    .selected:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-theme-dark);
        border: 1px solid var(--mito-theme-dark);
    }

    .selected:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.submitbutton_complete {
    display: inline-block;
    width: 100%;
    text-align: center;
    opacity: 0.65 !important;
    background-color: var(--mito-theme) !important;
    outline-color: var(--mito-theme);
    color: white !important;
    border: 1px solid var(--mito-theme) !important;
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_complete:hover,
    .submitbutton_complete:focus,
    .submitbutton_complete:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-theme) !important;
        background-color: white !important;
        color: var(--mito-theme) !important;
        opacity: 0.65 !important;
        border: 1px solid var(--mito-theme) !important;
    }

    .submitbutton_complete:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.selected {
    background-color: var(--mito-theme-dark);
    border: 1px solid var(--mito-theme-dark);
}

    .selected:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: white;
        color: var(--mito-theme-dark);
        border: 1px solid var(--mito-theme-dark);
    }

    .selected:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

    .selected > td > .fa-check {
        color: black !important;
    }

.view-grid > table > tbody > tr > td > .fa-check {
    color: transparent;
}

.submitbutton_onenote {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-purple) !important;
    color: white !important;
    border: 1px solid var(--mito-purple) !important;
    outline-color: var(--mito-purple);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_onenote:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: white !important;
        color: var(--mito-purple) !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_onenote:focus,
    .submitbutton_onenote:active {
        background-color: var(--mito-purple) !important;
        color: white !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_onenote:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
        outline-color: var(--mito-purple);
    }


.submitbutton_onenote_complete {
    display: inline-block;
    width: 100%;
    opacity: 0.65 !important;
    text-align: center;
    background-color: var(--mito-purple) !important;
    color: white !important;
    border: 1px solid var(--mito-purple) !important;
    outline-color: var(--mito-purple);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_onenote_complete:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: white !important;
        color: var(--mito-purple) !important;
        opacity: 0.65 !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_onenote_complete:focus,
    .submitbutton_onenote_complete:active {
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: var(--mito-purple) !important;
        color: white !important;
        opacity: 0.65 !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_onenote_complete:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
        outline-color: var(--mito-purple);
    }

.submitbutton_onenote_inverse {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #cfbdd9 !important;
    color: #fff !important;
    border: 1px solid var(--mito-purple) !important;
    outline-color: var(--mito-purple);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_onenote_inverse:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: #fff !important;
        color: var(--mito-purple) !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_onenote_inverse:focus,
    .submitbutton_onenote_inverse:active {
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: var(--mito-purple) !important;
        color: #FFF !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_onenote_inverse:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.onenote-confirm-submit {
    background-color: var(--mito-confirmationdrawer) !important;
    color: var(--mito-grey-dark);
    padding: 0px;
    margin: 0px;
    /*max-height: 101px !important;*/
    overflow: visible;
    transition: max-height 0.4s ease-out;
    display: table-row;
}

.submitbutton_totarapractical {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-purple) !important;
    color: white !important;
    border: 1px solid var(--mito-purple) !important;
    outline-color: var(--mito-purple);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_totarapractical:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: white !important;
        color: var(--mito-purple) !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_totarapractical:focus,
    .submitbutton_totarapractical:active {
        background-color: white !important;
        color: var(--mito-purple) !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_totarapractical:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
        outline-color: var(--mito-purple);
    }


.submitbutton_totarapractical_complete {
    display: inline-block;
    width: 100%;
    opacity: 0.65 !important;
    text-align: center;
    background-color: var(--mito-purple) !important;
    color: white !important;
    border: 1px solid var(--mito-purple) !important;
    outline-color: var(--mito-purple);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_totarapractical_complete:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: white !important;
        color: var(--mito-purple) !important;
        opacity: 0.65 !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_totarapractical_complete:focus,
    .submitbutton_totarapractical_complete:active {
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: var(--mito-purple) !important;
        color: white !important;
        opacity: 0.65 !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_totarapractical_complete:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
        outline-color: var(--mito-purple);
    }

.submitbutton_totarapractical_inverse {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #cfbdd9 !important;
    color: #fff !important;
    border: 1px solid var(--mito-purple) !important;
    outline-color: var(--mito-purple);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_totarapractical_inverse:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: #fff !important;
        color: var(--mito-purple) !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_totarapractical_inverse:focus,
    .submitbutton_totarapractical_inverse:active {
        box-shadow: 0px 0px 6px var(--mito-purple);
        background-color: var(--mito-purple) !important;
        color: #FFF !important;
        border: 1px solid var(--mito-purple) !important;
        outline-color: var(--mito-purple);
    }

    .submitbutton_totarapractical_inverse:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }


.totarapractical-confirm-submit {
    background-color: var(--mito-confirmationdrawer) !important;
    color: var(--mito-grey-dark);
    padding: 0px;
    margin: 0px;
    /*max-height: 101px !important;*/
    overflow: visible;
    transition: max-height 0.4s ease-out;
    display: table-row;
}

.verifybutton_totarapractical {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 10px;
    background-color: var(--mito-purple) !important;
    color: white !important;
    border: 1px solid var(--mito-purple) !important;
    outline-color: var(--mito-purple);
    transition-duration: 0.4s;
    padding: 3px;
    border-radius: 5px;
}


.submitbutton_red {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-red) !important;
    color: #fff !important;
    border: 1px solid var(--mito-red) !important;
    outline-color: var(--mito-red);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_red:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-red);
        background-color: #fff !important;
        color: var(--mito-red) !important;
        border: 1px solid var(--mito-red) !important;
        outline-color: var(--mito-red);
    }

    .submitbutton_red:focus,
    .submitbutton_red:active {
        background-color: var(--mito-red) !important;
        color: #FFF !important;
        border: 1px solid var(--mito-red) !important;
        outline-color: var(--mito-red);
    }

    .submitbutton_red:disabled {
        background-color: #bdbdbd;
        border: 2px solid #bdbdbd;
    }

.btn-group {
    margin: 3px;
    min-width: 115px;
}

.form-action-container-left {
    margin: 3px;
    min-width: 115px;
}


.btn-hg {
    margin: 0px !important;
    max-height: 28px;
}

.submitbutton_amber {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-amber) !important;
    color: #fff !important;
    border: 1px solid var(--mito-amber) !important;
    outline-color: var(--mito-amber);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}


    .submitbutton_amber:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-amber);
        background-color: white !important;
        color: var(--mito-amber) !important;
        border: 1px solid var(--mito-amber) !important;
        outline-color: var(--mito-amber);
    }

    .submitbutton_amber:focus,
    .submitbutton_amber:active {
        background-color: var(--mito-amber) !important;
        color: #FFF !important;
        border: 1px solid var(--mito-amber) !important;
        outline-color: var(--mito-amber);
    }

    .submitbutton_amber:disabled {
        background-color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
    }

        .submitbutton_amber:disabled:hover {
            cursor: not-allowed;
            box-shadow: 0px 0px 6px var(--mito-grey-medium);
            background-color: #fff;
            color: var(--mito-grey-medium);
            border: 1px solid var(--mito-grey-medium);
            outline-color: var(--mito-grey-medium);
        }

.submitbutton_green {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-green-light);
    color: #fff;
    border: 1px solid var(--mito-green-light);
    outline-color: var(--mito-green-light);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_green:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-green-light);
        background-color: #fff;
        color: var(--mito-green-dark);
        border: 1px solid var(--mito-green-light);
        outline-color: var(--mito-green-light);
    }

    .submitbutton_green:focus,
    .submitbutton_green:active {
        background-color: var(--mito-green-light);
        color: #FFF;
        border: 1px solid var(--mito-green-light);
        outline-color: var(--mito-green-light);
    }

    .submitbutton_green:disabled {
        background-color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
    }

        .submitbutton_green:disabled:hover {
            cursor: not-allowed;
            box-shadow: 0px 0px 6px var(--mito-grey-medium);
            background-color: #fff;
            color: var(--mito-grey-medium);
            border: 1px solid var(--mito-grey-medium);
            outline-color: var(--mito-grey-medium);
        }


.btn.btn-primary.create-action {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-green-light);
    color: #fff;
    border: 1px solid var(--mito-green-light);
    outline-color: var(--mito-green-light);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .btn.btn-primary.create-action:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-green-light);
        background-color: #fff;
        color: var(--mito-green-dark);
        border: 1px solid var(--mito-green-light);
        outline-color: var(--mito-green-light);
    }

    .btn.btn-primary.create-action:focus,
    .btn.btn-primary.create-action:active {
        background-color: var(--mito-green-light);
        color: #FFF;
        border: 1px solid var(--mito-green-light);
        outline-color: var(--mito-green-light);
    }

    .btn.btn-primary.create-action:disabled {
        background-color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
    }

        .btn.btn-primary.create-action:disabled:hover {
            cursor: not-allowed;
            box-shadow: 0px 0px 6px var(--mito-grey-medium);
            background-color: #fff;
            color: var(--mito-grey-medium);
            border: 1px solid var(--mito-grey-medium);
            outline-color: var(--mito-grey-medium);
        }

.submitbutton_theme {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: var(--mito-theme-light);
    color: #fff;
    border: 1px solid var(--mito-theme-light);
    outline-color: var(--mito-theme-light);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
}

    .submitbutton_theme:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-theme-light);
        background-color: #fff;
        color: var(--mito-theme-dark);
        border: 1px solid var(--mito-theme-light);
        outline-color: var(--mito-theme-light);
    }

    .submitbutton_theme:focus,
    .submitbutton_theme:active {
        background-color: var(--mito-theme-light);
        color: #FFF;
        border: 1px solid var(--mito-theme-light);
        outline-color: var(--mito-theme-light);
    }

    .submitbutton_theme:disabled {
        background-color: var(--mito-grey-medium);
        border: 1px solid var(--mito-grey-medium);
    }

        .submitbutton_theme:disabled:hover {
            cursor: not-allowed;
            box-shadow: 0px 0px 6px var(--mito-grey-medium);
            background-color: #fff;
            color: var(--mito-grey-medium);
            border: 1px solid var(--mito-grey-medium);
            outline-color: var(--mito-grey-medium);
        }

.closed {
    max-height: 0px !important;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    display: none;
}

.mito-componentdrawer {
    background-color: var(--mito-confirmationdrawer) !important;
    color: var(--mito-grey-dark);
    padding: 0px;
    margin: 0px;
    /*max-height: 101px !important;*/
    overflow: visible;
    /*transition: max-height 0.4s ease-out;
    display: table-row*/
}

.closed {
    max-height: 0px !important;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    display: none;
}

.mito-header {
    margin-top: 10px;
    color: var(--mito-theme) !important;
    font-size: 24px;
    line-height: 1.1;
    font-family: Calibri;
    margin-bottom: 5px;
    font-weight: bold;
}

    .mito-header:focus, hover {
        color: var(--mito-theme) !important;
    }

    .mito-header > a {
        color: var(--mito-theme) !important;
        text-decoration: none;
    }

        .mito-header > a:hover, focus {
            text-decoration: underline;
        }


.mito-chartheader {
    margin-top: 15px;
    color: var(--mito-theme) !important;
    font-size: 24px;
    line-height: 1.1;
    font-family: Calibri;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.mito-tileheader {
    margin-top: 2px;
    font-size: 24px;
    line-height: 1.5;
    font-family: Calibri;
    margin-bottom: 2px;
    font-weight: bold;
}

.mito-tiletext {
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.5;
    font-family: Calibri;
    margin-bottom: 2px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.mito-block-header {
    color: var(--mito-theme);
    font-size: 40px;
    line-height: 1.5;
    font-family: Calibri;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 45px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    border: 1px solid var(--mito-theme);
    transition-duration: 0.4s;
    border-radius: 5px;
}

.mito-breadcrumbs {
    color: white;
    background-color: var(--mito-theme);
    padding-left: 45px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid var(--mito-theme-dark);
    border-radius: 5px;
}

.mito-inverse-header {
    margin-top: 0px;
    color: #FFFFFF;
    font-size: 36px;
    line-height: 1.5;
    font-family: Calibri;
    margin-bottom: 0px;
    font-weight: bold;
    background-color: var(--mito-theme);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}
/*
.mito-tableheader {
    color: var(--mito-text);
    font-size: 15px;
    font-family: Calibri;
    font-weight: bold;
}
*/

.mito-tablerow-parent {
}

    .mito-tablerow-parent:hover {
        background-color: cornflowerblue;
        cursor: pointer;
    }

.mito-tablerow-dark {
    background-color: #969696 !important;
    border-bottom: 1px solid #fff !important;
    font-size: 14px;
}


.mito-datebox {
    background: transparent;
    color: var(--mito-text);
    font-size: 13px;
    font-family: Calibri;
    border: none;
    padding: 2px;
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 2px;
}
/*
.mito-schedulebox {
    background-color: #FF8F81;
    color: #ffffff;
    font-size: 13px;
    font-family: Calibri;
    border: 4px solid transparent;
    padding: 2px;
    margin: 0px;
    margin-bottom: 2px;
}


    .mito-schedulebox:hover {
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    }
*/

.mito-schedulebox {
    background-color: #ffffff;
    color: #FF8F81;
    font-size: 14px;
    font-family: Calibri;
    border: 2px solid #FF8F81;
    padding: 4px;
    margin: 2px;
    /*margin-bottom: 2px;*/
}


    .mito-schedulebox:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
    }

.recovery {
    background-color: #ffffff;
    color: var(--mito-red);
    font-size: 14px;
    font-family: Calibri;
    border: 2px solid var(--mito-red);
    padding: 4px;
    margin: 2px;
    /*background-color: #D94435;*/
}

/*
.mito-coursebox {
    background-color: #099657;
    color: #ffffff;
    font-size: 13px;
    font-family: Calibri;
    border: 4px solid transparent;
    padding: 2px;
    margin: 0px;
    margin-bottom: 2px;
}
    */
.mito-coursebox {
    background-color: #ffffff;
    color: var(--mito-theme-dark);
    font-size: 14px;
    font-family: Calibri;
    border: 2px solid var(--mito-theme-dark);
    padding: 4px;
    margin: 2px;
    /*margin-bottom: 2px;*/
}

    .mito-coursebox:hover {
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
        cursor: pointer;
    }

.employer-tile-grid-box {
    padding: 5px;
}

.month-tile {
    margin-right: 5px;
    border: .5px solid;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    color: var(--mito-theme)
}

.evening {
    /*background-color: #006135;*/
}


.block {
    padding-bottom: 40px;
}

.field-label {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 1px;
}

    .field-label::after {
        content: ""
    }

.form-dropdown {
    font-size: 14px;
    border: solid 1px grey !important;
    background-color: white !important;
    padding: 6px !important;
    width: 100%
}


.form-control {
    font-size: 14px;
    border: solid 1px grey !important;
    background-color: white !important;
    padding: 6px !important;
}

    .form-control:disabled,
    .form-control:read-only {
        border: solid 1px grey !important;
        background-color: whitesmoke !important;
        padding: 6px !important;
    }

.lookup {
}

    .lookup:disabled,
    .lookup:read-only {
    }

.dropdown > .btn-default {
    background-color: white;
    outline-color: var(--mito-theme-light);
    color: var(--mito-theme-light);
    border: 1px solid var(--mito-theme-light);
    border-radius: 1px;
    box-shadow: 0px 0px 6px var(--mito-theme-light);
}

    .dropdown > .btn-default:hover {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid var(--mito-theme-light);
        box-shadow: 0px 0px 6px var(--mito-theme-light);
    }


.form-control-cell > .required ~ .control > .input-group > .form-control {
    box-shadow: 0px 0px 6px var(--mito-required);
}

    .form-control-cell > .required ~ .control > .input-group > .form-control:read-only {
        box-shadow: 0px 0px 0px transparent;
    }


.form-control-cell > .required ~ .control > .input-group > .input-group-btn > .launchentitylookup {
    box-shadow: 0px 0px 16px var(--mito-required);
}

.form-control-cell > .required ~ .control > .form-control {
    box-shadow: 0px 0px 6px var(--mito-required);
}

    .form-control-cell > .required ~ .control > .form-control.readonly {
        box-shadow: 0px 0px 3px var(--mito-grey-light);
    }

.picklist-cell > .required ~ .control > .picklist > input {
    box-shadow: 0px 0px 3px var(--mito-required);
    border-radius: 6px;
    background-color: var(--mito-theme-light);
}

.text-muted {
    /*padding: 10px;*/
}

.mito-textbox {
    display: inline;
    color: var(--mito-text);
    font-size: 14px;
    padding: 5px;
    white-space: normal;
    overflow: hidden;
}



.mito-banneralert {
    background-color: var(--mito-alert);
}

.mito-banneralertarticle {
    float: left;
    margin: 0px;
    /*margin-top: 10px;*/
    padding: 3px;
    display: inline;
    color: white !important;
    font-size: 14px;
    padding: 10px;
    white-space: normal;
    overflow: hidden;
}

    .mito-banneralertarticle > p {
        margin-bottom: 0px;
    }

    .mito-banneralertarticle ~ span {
        color: white !important;
        background-color: var(--mito-alert) !important;
    }

.carousel {
    padding-left: 5px;
    padding-right: 5px;
}

.mito-bannerad {
    background-color: var(--mito-blue-pale);
    color: white;
    border-bottom: 1px solid var(--mito-theme);
}

.mito-banneradarticle {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    display: inline;
    font-size: 14px;
    padding-bottom: 1px;
    padding-right: 5px;
    margin-bottom: 1px;
    white-space: normal;
    overflow: hidden;
    max-height: 200px !important;
}


.mito-bannerad-white {
    background-color: white;
    color: var(--mito-text);
    border-bottom: 1px solid var(--mito-grey-light);
}

.mito-clickableimage {
}

    .mito-clickableimage:hover {
        box-shadow: 0px 0px 6px white;
    }

.mito-textbox-green {
    display: inline;
    color: var(--mito-green-light);
    font-size: 14px;
    padding: 10px;
    white-space: normal;
    overflow: hidden;
}

.mito-textbox-grey {
    display: inline;
    color: var(--mito-grey-medium);
    font-size: 14px;
    padding: 10px;
    white-space: normal;
    overflow: hidden;
}

.mito-link {
    display: inline;
    color: var(--mito-theme-link);
    font-size: 14px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: underline;
}

    .mito-link:hover,
    .mito-link:focus {
        font-weight: bold;
    }

.mito_charttext {
    color: var(--mito-text);
    font-size: 14px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.toolbar-actions {
    float: left !important;
}

.mito-tooltip {
    position: relative;
    display: inline-block;
}

    .mito-tooltip .mito-tooltiptext {
        visibility: hidden;
        width: 250px;
        background-color: var(--mito-grey-medium);
        line-height: 1.1em;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 1px;
        left: 115%;
        opacity: 0;
        transition: opacity 1s;
    }

        .mito-tooltip .mito-tooltiptext::after {
            content: "";
            position: absolute;
            top: 15px;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent var(--mito-grey-medium) transparent transparent;
        }

        .mito-tooltip .mito-tooltiptext br {
            line-height: 1.5em;
        }

    .mito-tooltip:hover .mito-tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.mito-table-inverted-hover > tbody > tr.info:hover > th {
    background-color: #a7e1ed
}

.mito-logo img {
    /*
    max-width: 100px;
    padding-top: 0px;
    */
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Khula", "Roboto", sans-serif;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Khula", "Roboto", sans-serif;
}

.whiteFooterHyperLinks h6 {
    color: white;
}

.whiteFooterHyperLinks a {
    color: white;
    font-size: 12px;
}

a .whiteFooterHyperLinks {
    color: white;
}


.list-inline {
    display: inline-flex;
}

footer .footer-bottom ul li a,
footer .footer-bottom ul li a:hover,
footer .footer-bottom ul li a:focus,
footer .footer-bottom ul li a:active,
footer .footer-bottom ul li a.active {
    font-size: 10px;
    color: #fff;
}

.navbar-fixed-top.navbar-inverse {
    background-color: var(--mito-theme);
    /* min-height: auto; */
}

.navbar-fixed-bottom {
    position: initial;
}

.navbar-fixed-top {
    position: initial;
}


footer {
    width: 100%;
    height: 145px;
    position: relative;
    bottom: 0;
    left: 0;
}

    footer .footer-bottom ul li a,
    footer .footer-bottom ul li a:hover,
    footer .footer-bottom ul li a:focus,
    footer .footer-bottom ul li a:active,
    footer .footer-bottom ul li a.active {
        font-size: 12px;
        color: #fff;
    }

.footer-bottom {
    padding: 10px 0;
    font-size: 10px;
}

footer .footer-top {
    background-color: var(--mito-theme);
    color: white;
    font-size: 14px;
    font-weight: normal;
    min-height: 10px;
    padding: 8px;
    padding-top: 22px;
    display: block;
}

footer .footer-bottom {
    background-color: var(--mito-theme-dark);
    color: white;
    font-size: 10px;
    font-weight: normal;
    min-height: 10px;
    padding: 8px;
    display: block;
}

footer .footer-top .col-xs-6 .col-md-4 {
    background-color: var(--mito-theme);
    color: white;
    font-size: 10px;
    font-weight: normal;
    min-height: 10px;
    padding: 8px;
    display: block;
}

body {
    display: flex;
    flex-direction: column;
    /*height: 100vh;*/
}

/* .container {
    flex: 1
} */

footer {
    flex-shrink: 0
}

@media (max-width: 767px) {
    .dropdown-menu .divider {
        height: unset;
    }

    .navbar-fixed-top.navbar-inverse {
        background-color: var(--mito-theme);
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: var(--mito-theme);
    }

    div.navbar.navbar-inverse.navbar-fixed-top {
        position: sticky;
        display: inline-table;
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .container {
        margin-right: 5%;
        margin-left: 5%;
        padding-left: unset;
        padding-right: unset;
    }

    /* .navbar-fixed-top {
        position: unset;
    } */
}


.page_section {
    flex: 1
}


.modal {
    overflow: auto;
}

.modal-dialog {
}

.modal-content {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 800px 100px var(--mito-grey-medium);
    background-color:transparent;
}

.modal-title {
    text-align: center;
    color: white;
}

.modal-body {
    background-color: whitesmoke;
    color: black;
}

.modal-header {
    background-color: var(--mito-theme);
}

.modal-footer {
    background-color: var(--mito-grey-light);
}


.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: transparent;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .6;
        filter: alpha(opacity=60)
    }

.btn {
    /*border-radius: 5px;*/
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.confirmation-modal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.confirmation-modal-content {
    background-color: #ffffff;
    margin: auto;
    padding: 20px;
    border: 1px solid var(--mito-theme);
    width: 30%;
}

.section-landing {
    background: none;
    display: flex;
    min-width: 1000px;
    flex: 1;
}

.landingpage {
    display: flex;
    min-width: 1000px;
    /* flex: 1; */
    /* margin-left: 0px; */
    /* margin-right: 0px; */
    /* justify-content:left; */
    /* background-image: url(Facebookcover.svg); */
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 650px;
    width: 100%;
    height: 100%;
    /* padding-bottom: 66.6%; */
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.navbar {
    margin-bottom: 0px;
}


/* .fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex: auto;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: stretch;
}
.fill img {
   
} */
.backgroundImage {
    flex: 1;
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-custommdIpad {
        display: block !important
    }

    table.visible-custommdIpad {
        display: table !important
    }

    tr.visible-custommdIpad {
        display: table-row !important
    }

    th.visible-custommdIpad,
    td.visible-custommdIpad {
        display: table-cell !important
    }
}
/* @media(min-width:768px){} */
/* @media(min-width:992px){
    .backgroundImage {
        background: url('facebookcoverHalf1.png') left no-repeat;
        height: 100%;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
    }
} */
@media(min-width:1200px) {
    .backgroundImage {
        background: url('facebookcover.svg') no-repeat center;
        /* width: 1772px; */
        /* height: 100%; */
        /* width: 110%; */
        /* min-height: 524.8px; */
        /* justify-content: left; */
        /* align-items: flex-start; */
        /* text-align: left; */
        /* align-items: stretch; */
        /* display: block; */
        /* background-position: left; */
        background-repeat: no-repeat;
        background-size: contain;
        /* flex-flow: column nowrap; */
        /* align-items: center; */
    }
}

.alignmentFlexBox {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    flex: 1 0 auto;
}

form {
    flex: 1 0 auto;
}


.navbar-inverse .navbar-collapse {
    border-color: unset;
}

.navbar-collapse {
    border-top: unset;
    box-shadow: unset;
}

.navbar-fixed-top.navbar-inverse {
    /*padding-bottom: 10px;*/
}
/*@media (max-width:1199px) {
    .landingpage {
    background: linear-gradient(transparent, transparent), url("Facebookcover1.png") no-repeat center;
    background-size: auto;
    display: flex;
    flex: 1;
    }
}
*/

/* @media (min-width: 1200px) {
    .landingpage {
    background: linear-gradient(transparent, transparent), url("Facebookcover.svg") no-repeat center;
    background-size: contain;
    display: flex;
    flex: 1;
    }
} */

/*
facebookcover2.png
1772 x 656
w x h
facebookcover1.png
815 x 302
*/


@media (max-width: 767px) {
    .modal {
        position: fixed;
        top: 20px !important;
        right: 3%;
        left: 3%;
        width: auto;
        margin: 0;
    }
}


.mito-slideout {
    background: white;
    color: var(--mito-theme);
    position: fixed;
    top: 0;
    right: -520px;
    width: 25%;
    height: 100%;
    border-left: solid 1px var(--mito-theme);
    padding-top: 40px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 2000;
    box-shadow: 0px 0px 6px var(--mito-grey-medium);
}

    .mito-slideout.on {
        right: 0;
    }

@media (max-width:767px) {
    .mito-slideout {
        width: 85%;
    }
}

@media (max-width:768px) {
    .mito-slideout {
        width: 25%;
    }
}

.mito-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    font-family: Calibri;
}

    .mito-table > thead > tr > th,
    .mito-table > tbody > tr > th,
    .mito-table > tfoot > tr > th {
        color: var(--mito-grey-dark);
        font-size: 15px;
        font-family: Calibri;
        font-weight: bold;
    }

    .mito-table > thead > tr > td,
    .mito-table > tbody > tr > td,
    .mito-table > tfoot > tr > td {
        color: var(--mito-grey-dark);
        padding: 8px;
        line-height: 1.42857;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .mito-table > thead > tr > th:hover {
        text-shadow: 1px 1px var(--mito-grey-light);
        text-decoration: underline;
        cursor: pointer;
    }

    .mito-table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .mito-table > caption + thead > tr:first-child > th,
    .mito-table > caption + thead > tr:first-child > td,
    .mito-table > colgroup + thead > tr:first-child > th,
    .mito-table > colgroup + thead > tr:first-child > td,
    .mito-table > thead:first-child > tr:first-child > th,
    .mito-table > thead:first-child > tr:first-child > td {
        border-top: 0
    }

    .mito-table > tbody + tbody {
        border-top: 2px solid #ddd
    }

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

.mito-table-condensed > thead > tr > th,
.mito-table-condensed > thead > tr > td,
.mito-table-condensed > tbody > tr > th,
.mito-table-condensed > tbody > tr > td,
.mito-table-condensed > tfoot > tr > th,
.mito-table-condensed > tfoot > tr > td {
    padding: 5px
}

.mito-table-mandatory > tbody > tr > td:empty {
    border: 2px solid var(--mito-red);
    box-shadow: 0px 0px 6px var(--mito-red);
    background-color: var(--mito-pink);
}

    .mito-table-mandatory > tbody > tr > td:empty:before {
        color: var(--mito-red);
        content: "Required field!";
        font-weight: bold;
        display: block;
        position: absolute;
    }


.alert-success {
    border: solid 1px var(--mito-green-dark);
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0px 0px 6px var(--mito-grey-dark);
}

.mito-table-bordered {
    border: 1px solid #ddd
}

    .mito-table-bordered > thead > tr > th,
    .mito-table-bordered > thead > tr > td,
    .mito-table-bordered > tbody > tr > th,
    .mito-table-bordered > tbody > tr > td,
    .mito-table-bordered > tfoot > tr > th,
    .mito-table-bordered > tfoot > tr > td {
        border: 1px solid #ddd
    }

    .mito-table-bordered > thead > tr > th,
    .mito-table-bordered > thead > tr > td {
        border-bottom-width: 2px
    }

.mito-table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #a5a9ac;
}

.mito-table-striped-dark > tbody > tr:nth-of-type(odd) {
    background-color: var(--mito-tablestriped-dark-oddrow);
    color: var(--mito-tablestriped-dark-text);
}

.mito-table-striped-dark > tbody > tr:nth-of-type(even) {
    background-color: var(--mito-tablestriped-dark-evenrow);
    color: var(--mito-tablestriped-dark-text);
}

.mito-table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.mito-table > thead > tr > td.active,
.mito-table > thead > tr > th.active,
.mito-table > thead > tr.active > td,
.mito-table > thead > tr.active > th,
.mito-table > tbody > tr > td.active,
.mito-table > tbody > tr > th.active,
.mito-table > tbody > tr.active > td,
.mito-table > tbody > tr.active > th,
.mito-table > tfoot > tr > td.active,
.mito-table > tfoot > tr > th.active,
.mito-table > tfoot > tr.active > td,
.mito-table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.mito-table-hover > tbody > tr > td.active:hover,
.mito-table-hover > tbody > tr > th.active:hover,
.mito-table-hover > tbody > tr.active:hover > td,
.mito-table-hover > tbody > tr:hover > .active,
.mito-table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.mito-table > thead > tr > td.success,
.mito-table > thead > tr > th.success,
.mito-table > thead > tr.success > td,
.mito-table > thead > tr.success > th,
.mito-table > tbody > tr > td.success,
.mito-table > tbody > tr > th.success,
.mito-table > tbody > tr.success > td,
.mito-table > tbody > tr.success > th,
.mito-table > tfoot > tr > td.success,
.mito-table > tfoot > tr > th.success,
.mito-table > tfoot > tr.success > td,
.mito-table > tfoot > tr.success > th {
    background-color: #d6e9c6
}

.mito-table-hover > tbody > tr > td.success:hover,
.mito-table-hover > tbody > tr > th.success:hover,
.mito-table-hover > tbody > tr.success:hover > td,
.mito-table-hover > tbody > tr:hover > .success,
.mito-table-hover > tbody > tr.success:hover > th {
    background-color: #c9e2b4
}

.mito-table > thead > tr > td.info,
.mito-table > thead > tr > th.info,
.mito-table > thead > tr.info > td,
.mito-table > thead > tr.info > th,
.mito-table > tbody > tr > td.info,
.mito-table > tbody > tr > th.info,
.mito-table > tbody > tr.info > td,
.mito-table > tbody > tr.info > th,
.mito-table > tfoot > tr > td.info,
.mito-table > tfoot > tr > th.info,
.mito-table > tfoot > tr.info > td,
.mito-table > tfoot > tr.info > th {
    background-color: #bce8f1
}

.mito-table-hover > tbody > tr > td.info:hover,
.mito-table-hover > tbody > tr > th.info:hover,
.mito-table-hover > tbody > tr.info:hover > td,
.mito-table-hover > tbody > tr:hover > .info,
.mito-table-hover > tbody > tr.info:hover > th {
    background-color: #a7e1ed
}

.mito-table > thead > tr > td.warning,
.mito-table > thead > tr > th.warning,
.mito-table > thead > tr.warning > td,
.mito-table > thead > tr.warning > th,
.mito-table > tbody > tr > td.warning,
.mito-table > tbody > tr > th.warning,
.mito-table > tbody > tr.warning > td,
.mito-table > tbody > tr.warning > th,
.mito-table > tfoot > tr > td.warning,
.mito-table > tfoot > tr > th.warning,
.mito-table > tfoot > tr.warning > td,
.mito-table > tfoot > tr.warning > th {
    background-color: #faebcc
}

.mito-table-hover > tbody > tr > td.warning:hover,
.mito-table-hover > tbody > tr > th.warning:hover,
.mito-table-hover > tbody > tr.warning:hover > td,
.mito-table-hover > tbody > tr:hover > .warning,
.mito-table-hover > tbody > tr.warning:hover > th {
    background-color: #f8e2b5
}

.mito-table > thead > tr > td.danger,
.mito-table > thead > tr > th.danger,
.mito-table > thead > tr.danger > td,
.mito-table > thead > tr.danger > th,
.mito-table > tbody > tr > td.danger,
.mito-table > tbody > tr > th.danger,
.mito-table > tbody > tr.danger > td,
.mito-table > tbody > tr.danger > th,
.mito-table > tfoot > tr > td.danger,
.mito-table > tfoot > tr > th.danger,
.mito-table > tfoot > tr.danger > td,
.mito-table > tfoot > tr.danger > th {
    background-color: #ebccd1
}

.mito-table-hover > tbody > tr > td.danger:hover,
.mito-table-hover > tbody > tr > th.danger:hover,
.mito-table-hover > tbody > tr.danger:hover > td,
.mito-table-hover > tbody > tr:hover > .danger,
.mito-table-hover > tbody > tr.danger:hover > th {
    background-color: #e4bac0
}

.mito-table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .mito-table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .mito-table-responsive > .mito-table {
            margin-bottom: 0
        }

            .mito-table-responsive > .mito-table > thead > tr > th,
            .mito-table-responsive > .mito-table > thead > tr > td,
            .mito-table-responsive > .mito-table > tbody > tr > th,
            .mito-table-responsive > .mito-table > tbody > tr > td,
            .mito-table-responsive > .mito-table > tfoot > tr > th,
            .mito-table-responsive > .mito-table > tfoot > tr > td {
                white-space: nowrap
            }

        .mito-table-responsive > .mito-table-bordered {
            border: 0
        }

            .mito-table-responsive > .mito-table-bordered > thead > tr > th:first-child,
            .mito-table-responsive > .mito-table-bordered > thead > tr > td:first-child,
            .mito-table-responsive > .mito-table-bordered > tbody > tr > th:first-child,
            .mito-table-responsive > .mito-table-bordered > tbody > tr > td:first-child,
            .mito-table-responsive > .mito-table-bordered > tfoot > tr > th:first-child,
            .mito-table-responsive > .mito-table-bordered > tfoot > tr > td:first-child {
                border-left: 0
            }

            .mito-table-responsive > .mito-table-bordered > thead > tr > th:last-child,
            .mito-table-responsive > .mito-table-bordered > thead > tr > td:last-child,
            .mito-table-responsive > .mito-table-bordered > tbody > tr > th:last-child,
            .mito-table-responsive > .mito-table-bordered > tbody > tr > td:last-child,
            .mito-table-responsive > .mito-table-bordered > tfoot > tr > th:last-child,
            .mito-table-responsive > .mito-table-bordered > tfoot > tr > td:last-child {
                border-right: 0
            }

            .mito-table-responsive > .mito-table-bordered > tbody > tr:last-child > th,
            .mito-table-responsive > .mito-table-bordered > tbody > tr:last-child > td,
            .mito-table-responsive > .mito-table-bordered > tfoot > tr:last-child > th,
            .mito-table-responsive > .mito-table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0
            }
}

.mito-text-green-light {
    color: var(--mito-green-light);
    font-weight: bold;
}

.mito-text-green-dark {
    color: var(--mito-green-light);
    font-weight: bold;
}

.mito-text-amber {
    color: var(--mito-peach);
    font-weight: bold;
}

.mito-text-red {
    color: var(--mito-red);
    font-weight: bold;
}

.mito-text-grey {
    color: var(--mito-grey-medium);
    font-weight: normal;
}

.mito-dot {
    height: 14px;
    width: 14px;
    background-color: var(--mito-grey-light);
    border-radius: 50%;
    display: inline-block;
}

    .mito-dot:hover {
        box-shadow: 0px 0px 6px var(--mito-grey-light);
    }

.mito-dot-green-light {
    height: 14px;
    width: 14px;
    background-color: var(--mito-green-light);
    border-radius: 50%;
    display: inline-block;
}

    .mito-dot-green-light:hover {
        box-shadow: 0px 0px 6px var(--mito-green-light);
    }


.mito-dot-green-dark {
    height: 14px;
    width: 14px;
    background-color: var(--mito-green-dark);
    border-radius: 50%;
    display: inline-block;
}

    .mito-dot-green-dark:hover {
        box-shadow: 0px 0px 6px var(--mito-green-dark);
    }


.mito-dot-red {
    height: 14px;
    width: 14px;
    background-color: var(--mito-red);
    border-radius: 50%;
    display: inline-block;
}

    .mito-dot-red:hover {
        box-shadow: 0px 0px 6px var(--mito-red);
    }


.mito-dot-amber {
    height: 14px;
    width: 14px;
    background-color: var(--mito-amber);
    border-radius: 50%;
    display: inline-block;
}

    .mito-dot-amber:hover {
        box-shadow: 0px 0px 6px var(--mito-amber);
    }


.mito-dot-purple {
    height: 14px;
    width: 14px;
    background-color: var(--mito-purple);
    border-radius: 50%;
    display: inline-block;
}

    .mito-dot-purple:hover {
        box-shadow: 0px 0px 6px var(--mito-purple);
    }

.mito-dot-dim {
    filter: brightness(0.8);
    opacity: 0.2;
}

.mito-dot-green-bright {
    filter: brightness(110%);
    opacity: 1.0;
    box-shadow: 0px 0px 7px var(--mito-green-light);
}

.mito-dot-amber-bright {
    filter: brightness(110%);
    opacity: 1.0;
    box-shadow: 0px 0px 7px var(--mito-amber);
}

.mito-dot-red-bright {
    filter: brightness(110%);
    opacity: 1.0;
    box-shadow: 0px 0px 7px var(--mito-red);
}

.mito-form-control {
}

    .mito-form-control:required {
        border-color: var(--mito-red);
        box-shadow: 0px 0px 6px var(--mito-red);
    }

.form-check {
}

.form-check-input {
    height: 1.5rem;
    width: 1.5rem;
    border-width: 1px;
    border-color: var(--mito-theme);
    color: var(--mito-theme);
    border-style: solid;
}

    .form-check-input:hover
    .form-check-input:active {
        box-shadow: 0px 0px 6px var(--mito-theme);
    }

.form-check-input-green {
    height: 1.5rem;
    width: 1.5rem;
    border-width: 1px;
    border-color: var(--mito-green-light);
    outline-color: var(--mito-green-light);
    color: var(--mito-green-light);
    border-style: solid;
}

    .form-check-input-green:hover
    .form-check-input-green:active {
        box-shadow: 0px 0px 6px var(--mito-green-light);
    }

.form-check-label-green {
    background-color: transparent;
}

    .form-check-label-green:before {
        background-color: transparent;
    }

.form-check .form-check-input-green:checked ~ .form-check-label-green::before {
    background-color: var(--mito-green-light);
}

.form-check .form-check-input-green:focus ~ .form-check-label-green::before {
    box-shadow: 0px 0px 6px var(--mito-green-light);
}

.form-check-input-red {
    height: 1.5rem;
    width: 1.5rem;
    border-width: 1px;
    border-color: var(--mito-red);
    outline-color: var(--mito-red);
    color: var(--mito-red);
    border-style: solid;
}

    .form-check-input-red:hover
    .form-check-input-red:active {
        box-shadow: 0px 0px 6px var(--mito-red);
    }

.success-story-tile__hero {
    color: var(--mito-text);
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 15px;
    line-height: 22.5px;
    position: relative;
    text-size-adjust: 100%;
    margin-top: 20px;
}

.list-group {
    margin-bottom: 20px;
    padding: 3px;
    border-radius: 1px;
}

.progress {
    overflow: hidden;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    background-color: var(--mito-grey-light);
    outline-color: var(--mito-grey-light);
    color: white;
    border: 0.5px solid var(--mito-grey-light);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 6px;
    box-shadow: 0px 0px 0px white;
}

    .progress:hover,
    .progress:focus,
    .progress:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
            background-color: white;
            color: var(--mito-grey-medium);
        */
        box-shadow: 0px 0px 6px var(--mito-grey-medium);
        border: 1px solid white;
    }


.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    background-color: var(--mito-theme-dark);
    outline-color: var(--mito-theme-dark);
    color: white;
    border: 1px solid var(--mito-theme-dark);
    transition-duration: 0.4s;
    padding: 6px;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

    .progress-bar:hover,
    .progress-bar:focus,
    .progress-bar:active {
        /*box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 0px 6px var(--mito-grey-medium);
        background-color: var(--mito-theme);
        color: white;
        border: 1px solid var(--mito-theme-dark);
    }

.crmEntityFormView .tab {
    margin-bottom: 5px !important;
}

.crmEntityFormView .cell {
    padding: 0 5px 5px !important;
}

.form-subgrid-heading {
    margin-top: 5px;
    margin-bottom: 5px;
}

.crmEntityFormView .info {
    padding-bottom: 5px;
}

.crmEntityFormView fieldset {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    border: 0 none;
}

.crmEntityFormView .actions {
    border-top: 0px;
    margin: 15px 0;
    padding: 5px 0 0 0
}



.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: white !important;
    background-color: var(--mito-grey-medium) !important;
    border: 1px solid var(--mito-grey-medium) !important;
    border-radius: 5px !important;
    margin: 2px !important;
    max-height: 43.425px;
}

    .list-group-item:hover {
        box-shadow: 0px 0px 6px var(--mito-grey-medium);
        background-color: white !important;
        color: var(--mito-grey-medium) !important;
        border: 1px solid var(--mito-grey-medium);
        cursor: not-allowed;
    }

    .list-group-item:first-child {
    }

    .list-group-item:last-child {
    }

a.list-group-item,
button.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:hover,
    a.list-group-item:focus,
    button.list-group-item:hover,
    button.list-group-item:focus {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5
    }

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eee;
    color: #666;
    cursor: not-allowed
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #777
    }

.list-group-item.active {
    z-index: 2;
    color: var(--mito-theme-light) !important;
    background-color: white !important;
    border: 1px solid var(--mito-theme-light) !important;
    box-shadow: 0px 0px 6px var(--mito-theme-light);
}

    .list-group-item.active:hover,
    .list-group-item.active:focus {
        color: white !important;
        background-color: var(--mito-theme-light) !important;
        border: 1px solid var(--mito-theme-light) !important;
        box-shadow: 0px 0px 12px var(--mito-theme-light);
    }



        .list-group-item.active .list-group-item-heading,
        .list-group-item.active .list-group-item-heading > small,
        .list-group-item.active .list-group-item-heading > .small,
        .list-group-item.active:hover .list-group-item-heading,
        .list-group-item.active:hover .list-group-item-heading > small,
        .list-group-item.active:hover .list-group-item-heading > .small,
        .list-group-item.active:focus .list-group-item-heading,
        .list-group-item.active:focus .list-group-item-heading > small,
        .list-group-item.active:focus .list-group-item-heading > .small {
            color: inherit
        }

        .list-group-item.active .list-group-item-text,
        .list-group-item.active:hover .list-group-item-text,
        .list-group-item.active:focus .list-group-item-text {
            color: #ecf1fe
        }


.list-group-item-success {
    color: white !important;
    background-color: var(--mito-theme) !important;
    border-color: var(--mito-theme) !important;
}

    .list-group-item-success.active:hover,
    .list-group-item-success.active:focus {
        color: var(--mito-theme) !important;
        background-color: white !important;
        box-shadow: 0px 0px 6px var(--mito-theme);
        border: 1px solid var(--mito-theme) !important;
    }


.success-story-tile__title {
    border-left-color: rgb(0, 171, 170);
    background-color: rgb(0, 171, 170);
    border-left-style: solid;
    border-left-width: 20px;
    bottom: -20px;
    box-sizing: border-box;
    color: rgb(0, 99, 165);
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    min-height: 37px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    position: absolute;
    text-size-adjust: 100%;
    width: 85%;
}

.block-heading {
    box-sizing: border-box;
    cursor: pointer;
    display: inline;
    font-family: Khula, Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    line-height: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 5px;
    text-decoration-color: rgb(255,255,255);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-size-adjust: 100%;
    text-transform: uppercase;
    touch-action: manipulation;
    width: 100%;
}

    .block-heading:hover {
        text-decoration: underline;
    }

.mito-employer-ad-header {
    background-color: var(--mito-employer-ad-header-background);
    border-left-color: var(--mito-employer-ad-header-background);
    border-left-style: solid;
    border-left-width: 20px;
    box-sizing: border-box;
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    min-height: 37px;
    line-height: 26px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 5px;
    text-size-adjust: 100%;
    position: absolute;
    bottom: 0px;
    margin-top: 20px;
}

    .mito-employer-ad-header a {
        color: white !important;
    }

.tab-title {
    display: none;
}

.field-label {
    text-transform: uppercase;
}

.mito-covid19-header {
    background: repeating-linear-gradient(315deg, var(--mito-covid19-header-background-yellow), var(--mito-covid19-header-background-yellow) 15px, white 15px, white 30px);
    color: black;
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    min-height: 37px;
    line-height: 26px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 5px;
    text-size-adjust: 100%;
    position: relative;
}

    .mito-covid19-header a {
        color: black;
    }

label {
    max-width: 100%;
    margin-bottom: 1px;
    margin-top: 3px;
}

.mito-article-header {
    background-color: var(--mito-theme);
    color: white;
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    min-height: 37px;
    line-height: 26px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 5px;
    text-size-adjust: 100%;
    position: relative;
}

    .mito-article-header a {
        color: white;
    }

.mito-article-highlightword {
    color: var(--mito-yellow);
}

.mito-carousel-indicators {
    position: relative;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .mito-carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid var(--mito-grey-medium);
        border-radius: 10px;
        cursor: pointer;
        background-color: transparent;
    }

    .mito-carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: var(--mito-grey-medium);
    }

.success-story-tile__image-wrapper {
    box-sizing: border-box;
    color: rgb(87, 88, 91);
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 15px;
    height: auto;
    line-height: 22.5px;
    margin-bottom: 30px;
    text-size-adjust: 100%;
    width: 100%;
}

.success-story-tile__image {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    box-sizing: border-box;
    color: rgb(2, 117, 216);
    cursor: pointer;
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 18px;
    height: auto;
    line-height: 22.5px;
    max-width: 100%;
    text-size-adjust: 100%;
    vertical-align: middle;
    width: 100%;
}

.success-story-tile__excerpt {
    box-sizing: border-box;
    color: rgb(87, 88, 91);
    display: block;
    font-family: Khula, Roboto, sans-serif;
    font-size: 13px;
    height: 76px;
    line-height: 14px;
    padding-top: 25px;
    padding-left: 5px;
    padding-right: 5px;
    text-size-adjust: 100%;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(.25rem - 1px);
            border-top-right-radius: calc(.25rem - 1px)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(.25rem - 1px);
            border-bottom-left-radius: calc(.25rem - 1px)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom, .card-img-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group > .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}



.accordion {
    overflow-anchor: none;
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }
/*
    Removed as main menu wasn't staying open in web/mobile view
.collapse:not(.show) {
    display: none
}
    */

.mito-table-inverted {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px
}

    .mito-table-inverted > thead > tr > th,
    .mito-table-inverted > thead > tr > td,
    .mito-table-inverted > tbody > tr > th,
    .mito-table-inverted > tbody > tr > td,
    .mito-table-inverted > tfoot > tr > th,
    .mito-table-inverted > tfoot > tr > td {
        padding: 8px !important;
        line-height: 1.42857;
        vertical-align: top;
        border-top: 1px solid #fff
    }

    .mito-table-inverted > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .mito-table-inverted > caption + thead > tr:first-child > th,
    .mito-table-inverted > caption + thead > tr:first-child > td,
    .mito-table-inverted > colgroup + thead > tr:first-child > th,
    .mito-table-inverted > colgroup + thead > tr:first-child > td,
    .mito-table-inverted > thead:first-child > tr:first-child > th,
    .mito-table-inverted > thead:first-child > tr:first-child > td {
        border-top: 0
    }

    .mito-table-inverted > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .mito-table-inverted .mito-table-inverted {
        background-color: #fff
    }

.mito-table-inverted-condensed > thead > tr > th,
.mito-table-inverted-condensed > thead > tr > td,
.mito-table-inverted-condensed > tbody > tr > th,
.mito-table-inverted-condensed > tbody > tr > td,
.mito-table-inverted-condensed > tfoot > tr > th,
.mito-table-inverted-condensed > tfoot > tr > td {
    padding: 5px
}

/* .mito-table-inverted-bordered {
    
} */

.mito-table-inverted-bordered > thead > tr > th,
.mito-table-inverted-bordered > thead > tr > td,
.mito-table-inverted-bordered > tbody > tr > th,
.mito-table-inverted-bordered > tbody > tr > td,
.mito-table-inverted-bordered > tfoot > tr > th,
.mito-table-inverted-bordered > tfoot > tr > td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.mito-table-inverted-bordered > thead > tr > th,
.mito-table-inverted-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.mito-table-inverted-striped > tbody > tr:nth-of-type(odd) {
    background-color: #a5a9ac;
}

.mito-table-inverted-striped-dark > tbody > tr:nth-of-type(odd) {
    background-color: var(--mito-table-invertedstriped-dark-oddrow);
    color: var(--mito-table-invertedstriped-dark-text);
}

.mito-table-inverted-striped-dark > tbody > tr:nth-of-type(even) {
    background-color: var(--mito-table-invertedstriped-dark-evenrow);
    color: var(--mito-table-invertedstriped-dark-text);
}

.mito-table-inverted-hover > tbody > tr:hover {
    background-color: #f5f5f5
}



table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.mito-table-inverted > thead > tr > td.active,
.mito-table-inverted > thead > tr > th.active,
.mito-table-inverted > thead > tr.active > td,
.mito-table-inverted > thead > tr.active > th,
.mito-table-inverted > tbody > tr > td.active,
.mito-table-inverted > tbody > tr > th.active,
.mito-table-inverted > tbody > tr.active > td,
.mito-table-inverted > tbody > tr.active > th,
.mito-table-inverted > tfoot > tr > td.active,
.mito-table-inverted > tfoot > tr > th.active,
.mito-table-inverted > tfoot > tr.active > td,
.mito-table-inverted > tfoot > tr.active > th {
    background-color: #f5f5f5;
    border-top: 1px;
    border-bottom: 1px;
    border-color: #fff
}

.mito-table-inverted-hover > tbody > tr > td.active:hover,
.mito-table-inverted-hover > tbody > tr > th.active:hover,
.mito-table-inverted-hover > tbody > tr.active:hover > td,
.mito-table-inverted-hover > tbody > tr:hover > .active,
.mito-table-inverted-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.mito-table-inverted > thead > tr > td.success,
.mito-table-inverted > thead > tr > th.success,
.mito-table-inverted > thead > tr.success > td,
.mito-table-inverted > thead > tr.success > th,
.mito-table-inverted > tbody > tr > td.success,
.mito-table-inverted > tbody > tr > th.success,
.mito-table-inverted > tbody > tr.success > td,
.mito-table-inverted > tbody > tr.success > th,
.mito-table-inverted > tfoot > tr > td.success,
.mito-table-inverted > tfoot > tr > th.success,
.mito-table-inverted > tfoot > tr.success > td,
.mito-table-inverted > tfoot > tr.success > th {
    background-color: #d6e9c6
}

.mito-table-inverted-hover > tbody > tr > td.success:hover,
.mito-table-inverted-hover > tbody > tr > th.success:hover,
.mito-table-inverted-hover > tbody > tr.success:hover > td,
.mito-table-inverted-hover > tbody > tr:hover > .success,
.mito-table-inverted-hover > tbody > tr.success:hover > th {
    background-color: #c9e2b4
}

.mito-table-inverted > thead > tr > td.info,
.mito-table-inverted > thead > tr > th.info,
.mito-table-inverted > thead > tr.info > td,
.mito-table-inverted > thead > tr.info > th,
.mito-table-inverted > tbody > tr > td.info,
.mito-table-inverted > tbody > tr > th.info,
.mito-table-inverted > tbody > tr.info > td,
.mito-table-inverted > tbody > tr.info > th,
.mito-table-inverted > tfoot > tr > td.info,
.mito-table-inverted > tfoot > tr > th.info,
.mito-table-inverted > tfoot > tr.info > td,
.mito-table-inverted > tfoot > tr.info > th {
    background-color: #bce8f1
}

.mito-table-inverted-hover > tbody > tr > td.info:hover,
.mito-table-inverted-hover > tbody > tr > th.info:hover,
.mito-table-inverted-hover > tbody > tr.info:hover > td,
.mito-table-inverted-hover > tbody > tr:hover > .info,
.mito-table-inverted-hover > tbody > tr.info:hover > th {
    background-color: #a7e1ed
}

.mito-table-inverted > thead > tr > td.warning,
.mito-table-inverted > thead > tr > th.warning,
.mito-table-inverted > thead > tr.warning > td,
.mito-table-inverted > thead > tr.warning > th,
.mito-table-inverted > tbody > tr > td.warning,
.mito-table-inverted > tbody > tr > th.warning,
.mito-table-inverted > tbody > tr.warning > td,
.mito-table-inverted > tbody > tr.warning > th,
.mito-table-inverted > tfoot > tr > td.warning,
.mito-table-inverted > tfoot > tr > th.warning,
.mito-table-inverted > tfoot > tr.warning > td,
.mito-table-inverted > tfoot > tr.warning > th {
    background-color: #faebcc
}

.mito-table-inverted-hover > tbody > tr > td.warning:hover,
.mito-table-inverted-hover > tbody > tr > th.warning:hover,
.mito-table-inverted-hover > tbody > tr.warning:hover > td,
.mito-table-inverted-hover > tbody > tr:hover > .warning,
.mito-table-inverted-hover > tbody > tr.warning:hover > th {
    background-color: #f8e2b5
}

.mito-table-inverted > thead > tr > td.danger,
.mito-table-inverted > thead > tr > th.danger,
.mito-table-inverted > thead > tr.danger > td,
.mito-table-inverted > thead > tr.danger > th,
.mito-table-inverted > tbody > tr > td.danger,
.mito-table-inverted > tbody > tr > th.danger,
.mito-table-inverted > tbody > tr.danger > td,
.mito-table-inverted > tbody > tr.danger > th,
.mito-table-inverted > tfoot > tr > td.danger,
.mito-table-inverted > tfoot > tr > th.danger,
.mito-table-inverted > tfoot > tr.danger > td,
.mito-table-inverted > tfoot > tr.danger > th {
    background-color: #ebccd1
}

.mito-table-inverted-hover > tbody > tr > td.danger:hover,
.mito-table-inverted-hover > tbody > tr > th.danger:hover,
.mito-table-inverted-hover > tbody > tr.danger:hover > td,
.mito-table-inverted-hover > tbody > tr:hover > .danger,
.mito-table-inverted-hover > tbody > tr.danger:hover > th {
    background-color: #e4bac0
}

.mito-table-inverted-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .mito-table-inverted-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .mito-table-inverted-responsive > .mito-table-inverted {
            margin-bottom: 0
        }

            .mito-table-inverted-responsive > .mito-table-inverted > thead > tr > th,
            .mito-table-inverted-responsive > .mito-table-inverted > thead > tr > td,
            .mito-table-inverted-responsive > .mito-table-inverted > tbody > tr > th,
            .mito-table-inverted-responsive > .mito-table-inverted > tbody > tr > td,
            .mito-table-inverted-responsive > .mito-table-inverted > tfoot > tr > th,
            .mito-table-inverted-responsive > .mito-table-inverted > tfoot > tr > td {
                white-space: nowrap
            }

        .mito-table-inverted-responsive > .mito-table-inverted-bordered {
            border: 0
        }

            .mito-table-inverted-responsive > .mito-table-inverted-bordered > thead > tr > th:first-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > thead > tr > td:first-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tbody > tr > th:first-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tbody > tr > td:first-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tfoot > tr > th:first-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tfoot > tr > td:first-child {
                border-left: 0
            }

            .mito-table-inverted-responsive > .mito-table-inverted-bordered > thead > tr > th:last-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > thead > tr > td:last-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tbody > tr > th:last-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tbody > tr > td:last-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tfoot > tr > th:last-child,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tfoot > tr > td:last-child {
                border-right: 0
            }

            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tbody > tr:last-child > th,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tbody > tr:last-child > td,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tfoot > tr:last-child > th,
            .mito-table-inverted-responsive > .mito-table-inverted-bordered > tfoot > tr:last-child > td {
                border-bottom: 0
            }
}

.alert {
    margin-top: 5px;
    border: solid 1px var(--mito-red);
}

.container {
    flex: 1 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container:before,
    .container:after {
        content: " ";
        display: table
    }

    .container:after {
        clear: both
    }


body > .container > .row {
    margin-bottom: 180px;
}

@media(min-width:768px) {
    .container {
        width: 750px;
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }

    .body {
        min-height: 1024px;
    }
}

@media(min-width:1500px) {
    .container {
        width: 1470px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container-fluid:before,
    .container-fluid:after {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }


@media(max-height:4100) {
    .wrapper-body {
        min-height: 3983px;
    }
}

@media(max-height:3500) {
    .wrapper-body {
        min-height: 3403px;
    }
}

@media(max-height:3000) {
    .wrapper-body {
        min-height: 2903px;
    }
}

@media(max-height:2500) {
    .wrapper-body {
        min-height: 2403px;
    }
}

@media(max-height:2000) {
    .wrapper-body {
        min-height: 1881px;
    }
}

@media(max-height:1500) {
    .wrapper-body {
        min-height: 1400px;
    }
}

@media(max-height:1080px) {
    .wrapper-body {
        min-height: 961px;
    }
}

@media(max-height:1024px) {
    .wrapper-body {
        min-height: 905px;
        margin-bottom: 225px;
    }
}

@media (max-height:768px) {
    .wrapper-body {
        min-height: 649px;
        margin-bottom: 225px;
    }
}


@media (max-height:600px) {
    .wrapper-body {
        min-height: 481px;
        margin-bottom: 225px;
    }
}


#loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 400px;
    z-index: 1000;
    background-color: white;
    opacity: 0.8;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 250px;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--mito-blue-dark);
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--mito-blue);
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--mito-blue-light);
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#ad-banner-parent > #carousel-parent-employer-dashboard figure {
    margin: 0px !important;
}

    #ad-banner-parent > #carousel-parent-employer-dashboard figure > a > img {
        width: 100% !important;
    }


/* Independent Assessor Pages - Add-Assessment */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    z-index: 998;
    display: none;
}

.nsnInput {
    background-color: white;
    color: black;
    font-size: 18px;
    width: 100%;
    max-width: 250px;
    margin: 1rem 0;
    padding: 12px 16px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.nsnInput:focus {
    outline: none;
    border-color: '#007bff';
    box-shadow: '0 0 0 3px rgba(0, 123, 255, 0.25)';
}

.nsnButton {
    margin-top: 1rem;
    font-size: 18px;
    width: 100%;
    max-width: 250px;
    margin: 1rem 0;
    padding: 12px 16px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease
}
.nsnButton:focus {
    outline: none;
    border-color: '#007bff';
    box-shadow: '0 0 0 0px rgba(0, 123, 255, 0.25)';
}
.nsnButton:hover {
    transform: scale(1.05);
    content: "Search";
}

#newassessment {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);
    background-color: rgba(75, 75, 75, 0.5);
    transition: all 0.3s ease;
}

.date-input {
    outline: none; 
    background: none; 
    border: none;
    text-align: center;
    margin: -5px;
}

.hollow {
    background: rgba(239, 239, 239, 0.60);
    color: black;
}
.hollow option {
    background: #4a4a4a;
    color: white;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.hollow::placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.glow-text {
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
}

.faded {
    display: none; 
    opacity: 0; 
    transition: all 0.3s ease;
}

.nsnButton {
    user-select: none;
}

.nsnBlock {
    display: block;
    transition: all 0.3s ease; 
    text-align: center; 
    padding: 10px;
    margin: 0;
}
.newassessment-subtitle {
    margin-bottom: 0;
}

/* /chat */
.chatInputButton {
    font-size: 18px;
    width: 100%;
    max-width: 250px;
    margin: 1rem 0;
    padding: 12px 16px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.chatDateButton {
    display: inline-block;
    font-size: 18px;
    width: auto;
    max-width: 250px;
    margin: 1rem 0;
    margin-left: 1rem;
    padding: 12px 16px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.chatSubmit {
    margin-top: 1rem;
    font-size: 18px;
    width: 100%;
    max-width: 250px;
    margin: 1rem 0;
    padding: 12px 16px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease
}

#chatInput:focus {
    outline: none;
    border-color: '#007bff';
    box-shadow: '0 0 0 3px rgba(0, 123, 255, 0.25)';
}

#chatInput:focus {
    outline: none;
    border-color: '#007bff';
    box-shadow: '0 0 0 0px rgba(0, 123, 255, 0.25)';
}

.chatSubmit:hover {
    transform: scale(1.05);
    content: "Search";
    color: gray;
}