@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,100,0,0');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #121212;
    color: rgba(255, 255, 255, 0.87);
}

#main {
    padding-bottom: 2.5rem;
}

#copyright {
    font-size: 8pt;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 2.5rem;
    text-align: center;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.centeredElement {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12000;
}

/*Custom Scrollbar*/
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #BBBBBB;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #737373;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #4B4B4B;
    }

/*Telerik isBusy Loader*/
.k-loader-container.isBusyLoader {
    z-index: 100000;
}

.cellPadding5 th, .cellPadding5 td {
    padding: 5px;
}

.cellPadding10 th, .cellPadding10 td {
    padding: 10px;
}

.cellPadding15 th, .cellPadding15 td {
    padding: 15px;
}

.navLink {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.87);
}

    .navLink:hover {
        text-decoration: none;
        color: #0D9AD4;
    }

.navLinkActive {
    text-decoration: none;
    color: #0D9AD4;
}

    .navLinkActive:hover {
        text-decoration: none;
        color: #0D9AD4;
    }

.navLinkCopyright {
    color: rgba(255, 255, 255, 0.87);
}

    .navLinkCopyright:hover {
        color: gold;
    }

.linkNormal {
    color: rgba(255, 255, 255, 0.87);
}

    .linkNormal:hover {
        color: gold;
    }

.linkArticle {
    color: rgba(255, 255, 255, 0.87);
    font-size: 20px;
    font-weight: 600;
}

    .linkArticle:hover {
        color: gold;
    }

.labelHeader1 {
    font-weight: 600;
    font-size: 24px;
    padding-top: 20px;
}

.labelHeader2 {
    font-weight: 600;
    font-size: 18px;
}

.labelHeader3 {
    font-size: 14px;
    font-style: italic;
}

/*Home Page Container*/
.homePage {
    font-family: 'Yellowtail', cursive;
    font-size: 2vw;
}
/*.homePage.extralarge-device,
.homePage.large-device {
    font-family: 'Yellowtail', cursive;
    font-size: 1.7vw;
}*/

/*.homePage.medium-device {
    font-family: 'Yellowtail', cursive;
    font-size: 3.7vw;
}

.homePage.small-device,
.homePage.extrasmall-device {
    font-family: 'Yellowtail', cursive;
    font-size: 4.7vw;
}*/

/*Sub Pages Nav Menu*/
.navMenu.extralarge-device,
.navMenu.large-device {
    border-bottom: 1px solid rgba(255, 255, 255, 0.87);
    background-color: #121212;
    color: rgba(255, 255, 255, 0.87);
    font-family: 'Yellowtail', cursive;
    font-size: 2vw;
}

.navMenu.medium-device {
    border-bottom: 1px solid rgba(255, 255, 255, 0.87);
    background-color: #121212;
    color: rgba(255, 255, 255, 0.87);
    font-family: 'Yellowtail', cursive;
    font-size: 4vw;
}

.navMenu.small-device,
.navMenu.extrasmall-device {
    border-bottom: 1px solid rgba(255, 255, 255, 0.87);
    background-color: #121212;
    color: rgba(255, 255, 255, 0.87);
    font-family: 'Yellowtail', cursive;
    font-size: 5vw;
}

/*Go Back div*/
.go-back.extralarge-device,
.go-back.large-device {
    min-height: 2%;
    padding: 5px;
    display: flex;
}

.go-back.medium-device {
    min-height: 3%;
    padding: 5px;
    display: flex;
}

.go-back.small-device,
.go-back.extrasmall-device {
    min-height: 4%;
    padding: 5px;
    display: flex;
}

/*Go Back link*/
.go-back.extralarge-device a,
.go-back.large-device a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.87);
}

    .go-back.extralarge-device a:hover,
    .go-back.large-device a:hover {
        text-decoration: none;
        color: gold;
    }

.go-back.medium-device a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.87);
}

    .go-back.medium-device a:hover {
        text-decoration: none;
        color: gold;
    }

.go-back.small-device a,
.go-back.extrasmall-device a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.87);
}

    .go-back.small-device a:hover,
    .go-back.extrasmall-device a:hover {
        text-decoration: none;
        color: gold;
    }

/*Goback Button*/
.gobackButton{
    height: 20px;
}

/*Sub Pages Container*/
/*Extra Large and Large*/
.contentHolder.extralarge-device .main-container,
.contentHolder.large-device .main-container {
    max-width: 100%;
    margin: 0 auto;
    line-height: 28px;
    width: 80%;
    padding-bottom: 100px;
}

    .contentHolder.extralarge-device .main-container .figure-holder,
    .contentHolder.large-device .main-container .figure-holder {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .contentHolder.extralarge-device .main-container .figure-holder .fig-container,
        .contentHolder.large-device .main-container .figure-holder .fig-container {
            position: relative;
            /*set the width to show 3 containers per row*/
            width: 29.33%;
            margin: 2%;
        }

/*Medium*/
.contentHolder.medium-device .main-container {
    max-width: 100%;
    margin: 0 auto;
    line-height: 24px;
    width: 85%;
    padding-bottom: 75px;
}

    .contentHolder.medium-device .main-container .figure-holder {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .contentHolder.medium-device .main-container .figure-holder .fig-container {
            position: relative;
            /*set the width to show 2 containers per row*/
            width: 46%;
            margin: 2%;
        }

/*Small and Extra Small*/
.contentHolder.small-device .main-container,
.contentHolder.extrasmall-device .main-container {
    max-width: 100%;
    margin: 0 auto;
    line-height: 20px;
    width: 95%;
    padding-bottom: 25px;
}

    .contentHolder.small-device .main-container .figure-holder,
    .contentHolder.extrasmall-device .main-container .figure-holder {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .contentHolder.small-device .main-container .figure-holder .fig-container,
        .contentHolder.extrasmall-device .main-container .figure-holder .fig-container {
            position: relative;
            /*set the width to show 1 container per row*/
            width: 96%;
            margin: 2%;
        }

.figure-text-container {
    height: 100%;
    margin: 0;
    margin: 2px;
}

/*Bottom Padding class*/
.contentHolder.extralarge-device .bottomPadding,
.contentHolder.large-device .bottomPadding {
    padding-bottom: 300px;
}

.contentHolder.medium-device .main-container {
    padding-bottom: 150px;
}

.contentHolder.small-device .main-container,
.contentHolder.extrasmall-device .main-container {
    padding-bottom: 50px;
}


/*Sub pages with 2 columns for extra-large down to medium and 1 small or extrasmall*/
/*Extra Large, Large and Medium*/
.contentHolder2Columns.extralarge-device .main-container,
.contentHolder2Columns.large-device .main-container,
.contentHolder2Columns.medium-device .main-container {
    max-width: 100%;
    margin: 0 auto;
    line-height: 28px;
    width: 80%;
    padding-bottom: 200px;
}

    .contentHolder2Columns.extralarge-device .main-container .figure-holder,
    .contentHolder2Columns.large-device .main-container .figure-holder,
    .contentHolder2Columns.medium-device .main-container .figure-holder {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .contentHolder2Columns.extralarge-device .main-container .figure-holder .fig-container,
        .contentHolder2Columns.large-device .main-container .figure-holder .fig-container,
        .contentHolder2Columns.medium-device .main-container .figure-holder .fig-container {
            position: relative;
            /*set the width to show 2 containers per row*/
            width: 46%;
            margin: 2%;
        }

/*Small and Extra Small*/
.contentHolder2Columns.small-device .main-container,
.contentHolder2Columns.extrasmall-device .main-container {
    max-width: 100%;
    margin: 0 auto;
    line-height: 20px;
    width: 95%;
    padding-bottom: 25px;
}

    .contentHolder2Columns.small-device .main-container .figure-holder,
    .contentHolder2Columns.extrasmall-device .main-container .figure-holder {
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
    }

        .contentHolder2Columns.small-device .main-container .figure-holder .fig-container,
        .contentHolder2Columns.extrasmall-device .main-container .figure-holder .fig-container {
            position: relative;
            /*set the width to show 1 container per row*/
            width: 96%;
            margin: 2%;
        }

/*Sub Pages Bottom Padding*/
.contentBottomPadding.extralarge-device,
.contentBottomPadding.large-device {
    padding-bottom: 200px;
    text-align: justify;
}

.contentBottomPadding.medium-device {
    padding-bottom: 75px;
    text-align: justify;
}

.contentBottomPadding.small-device,
.contentBottomPadding.extrasmall-device {
    padding-bottom: 25px;
    text-align: justify;
}

/*Articles Pages Content Div*/
.articlesMainContent.extralarge-device,
.articlesMainContent.large-device {
    padding-bottom: 200px;
    text-align: justify;
    max-width: 100%;
    margin: 0 auto;
    width: 80%;
}

.articlesMainContent.medium-device {
    padding-bottom: 75px;
    text-align: justify;
    max-width: 100%;
    margin: 0 auto;
    width: 80%;
}

.articlesMainContent.small-device,
.articlesMainContent.extrasmall-device {
    padding-bottom: 25px;
    text-align: justify;
}

/*Sub Pages Footnotes Span*/
.footnoteSpan.extralarge-device,
.footnoteSpan.large-device {
    font-size: 11px;
    line-height: 1.4;
}

.footnoteSpan.medium-device {
    font-size: 10px;
    line-height: 1.2;
}

.footnoteSpan.small-device,
.footnoteSpan.extrasmall-device {
    font-size: 10px;
    line-height: 1.2;
}

/*Sub Pages Footnotes Span*/
.contentBottomDiv.extralarge-device,
.contentBottomDiv.large-device {
    padding-bottom: 300px;
    font-size: 14px;
    line-height: 1.4;
}

.contentBottomDiv.medium-device {
    padding-bottom: 200px;
    font-size: 13px;
    line-height: 1.2;
}

.contentBottomDiv.small-device,
.contentBottomDiv.extrasmall-device {
    padding-bottom: 100px;
    font-size: 12px;
    line-height: 1.2;
}

/*Articles Images*/
.articlesImageLeft.extralarge-device,
.articlesImageLeft.large-device {
    float: left;
    margin: 10px 10px 10px 0;
    width: 100%;
    max-width: 25vw;
    height: auto;
}

.articlesImageLeft.medium-device {
    float: left;
    margin: 10px 10px 10px 0;
    width: 100%;
    max-width: 25vw;
    height: auto;
}

.articlesImageLeft.small-device,
.articlesImageLeft.extrasmall-device {
    margin: 10px 0;
    width: 100%;
    max-width: 90vw;
    height: auto;
}

.articlesImageRight.extralarge-device,
.articlesImageRight.large-device {
    float: right;
    margin: 10px 0 10px 10px;
    width: 100%;
    max-width: 25vw;
    height: auto;
}

.articlesImageRight.medium-device {
    float: right;
    margin: 10px 0 10px 10px;
    width: 100%;
    max-width: 25vw;
    height: auto;
}

.articlesImageRight.small-device,
.articlesImageRight.extrasmall-device {
    margin: 10px 0;
    width: 100%;
    max-width: 90vw;
    height: auto;
}

/*Syncfusion Tabs*/
/*.tabs1.e-tab {
    border: 1px solid rgba(255, 255, 255, 0.87);
}*/

.tabs1 .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
.tabs1 .e-toolbar .e-toolbar-items .e-toolbar-item .e-tab-wrap,
.tabs1 .e-toolbar .e-toolbar-items .e-toolbar-item .e-tab-wrap:hover {
    width: 33%;
    height: 100px;
    width: calc((100vw * 0.75) / 3);
    display: flex;
    align-items: center;
    border: none;
    justify-content: center;
}

.tabs1.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
.tabs1.e-tab .e-tab-header .e-toolbar-item .e-tab-text:hover,
.tabs1.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
.tabs1.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon:hover {
    font-size: 21px;
    color: rgba(255, 255, 255, 0.87) !important;
}

    .tabs1.e-tab .e-tab-header .e-toolbar-item .e-tab-text:hover,
    .tabs1.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon:hover {
        font-size: 21px;
        color: #0D9AD4 !important;
    }

.tabs1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.tabs1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: #0D9AD4 !important;
}


.tabs1.e-tab .e-content .e-item {
    color: rgba(255, 255, 255, 0.87);
    text-align: justify;
    font-size: 16px;
}

/*Contact Us Text Area*/
.contactTextArea.extralarge-device,
.contactTextArea.large-device {
    min-height: 200px;
}

.contactTextArea.medium-device {
    min-height: 150px;
}

.contactTextArea.small-device,
.contactTextArea.extrasmall-device {
    min-height: 100px;
}

/* Notification Popups */
.notificationPopup.extralarge-device .k-notification-container .k-notification-wrap,
.notificationPopup.large-device .k-notification-container .k-notification-wrap {
    padding: 20px;
    width: 40vw;
    font-size: 1.5em;
    align-items: center;
    position: relative;
    flex-wrap: nowrap !important;
}

.notificationPopup.medium-device .k-notification-container .k-notification-wrap {
    padding: 10px;
    width: 50vw;
    font-size: 1.7em;
    align-items: center;
    position: relative;
    flex-wrap: nowrap !important;
}

.notificationPopup.small-device .k-notification-container .k-notification-wrap,
.notificationPopup.extrasmall-device .k-notification-container .k-notification-wrap {
    padding: 5px;
    width: 90vw;
    font-size: 2em;
    align-items: center;
    position: relative;
    flex-wrap: nowrap !important;
}

/*Telerik Popup Window*/
div.k-window.popupWindow {
    border: 5px solid darkslategrey;
}

    div.k-window.popupWindow .k-window-titlebar {
        background: maroon;
    }

    div.k-window.popupWindow .k-window-title {
        color: rgba(255, 255, 255, 0.87);
    }

    div.k-window.popupWindow .k-window-content {
        background: #121212;
        color: rgba(255, 255, 255, 0.87);
        padding: 10px;
    }

/*Bulet Lists*/
ul.circleBullet {
    list-style-type: circle;
}

ul.squareBullet {
    list-style-type: square;
}

ol.romanBullet {
    list-style-type: upper-roman;
}

ol.alphaBullet {
    list-style-type: lower-alpha;
}

.bulletNavigationLink {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.87);
    cursor: pointer;
}

    .bulletNavigationLink:hover {
        text-decoration: none;
        color: #0D9AD4;
        cursor: pointer;
    }

/*Telerik Grid*/
.darkGrid .k-grid-toolbar {
    background-color: #212121;
}

.darkGrid .k-grid-header {
    background-color: #102A43;
    color: rgba(255, 255, 255, 0.87);
    font-weight: 600;
    font-size: 12pt;
}

.darkGrid .k-grouping-header {
    background-color: #102A43;
    color: rgba(255, 255, 255, 0.87);
    font-style: italic;
}

.darkGrid .k-grid-content {
    background-color: #243B53;
    color: rgba(255, 255, 255, 0.87);
}

.darkGrid .k-grid-table .k-master-row {
    background-color: #626262;
    color: rgba(255, 255, 255, 0.87);
}

    .darkGrid .k-grid-table .k-master-row:hover {
        background-color: rgba(152, 251, 152, 0.3);
        color: rgba(0, 0, 0, 0.87);
        cursor: pointer;
    }

    .darkGrid .k-grid-table .k-master-row.k-alt {
        background-color: #515151;
        color: rgba(255, 255, 255, 0.87);
    }

        .darkGrid .k-grid-table .k-master-row.k-alt:hover {
            background-color: rgba(152, 251, 152, 0.3);
            color: rgba(0, 0, 0, 0.87);
            cursor: pointer;
        }

.darkGrid .k-grid-footer {
    background-color: #102A43;
    color: rgba(255, 255, 255, 0.87);
    font-weight: 600;
}

.darkGrid .k-grid-norecords {
    background-color: #102A43;
    color: rgba(255, 255, 255, 0.87);
    font-style: italic;
    font-weight: 600;
}

    .darkGrid .k-grid-norecords:hover {
        background-color: #102A43;
        color: rgba(255, 255, 255, 0.87);
        font-style: italic;
        font-weight: 600;
    }

/*Remove scrollbar*/
.darkGrid .k-grid-content {
    overflow-y: auto;
}

.darkGrid .k-grid-header,
.darkGrid .k-grid-footer {
    padding-right: 0 !important;
}

.darkGrid .k-grid-header-wrap,
.darkGrid .k-grid-footer-wrap {
    border-right-width: 0;
}

.k-grid td.vertical-aligned-gridcell {
    vertical-align: top;
}