﻿#brand-image {
    width: 150px;
    height: auto;
}

#banner-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* body */
.hidden {
    display: none;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.footer-content {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content, .footer-content {
        padding: 0;
    }
}

/* navigation */
a:not([href]) {
    cursor: pointer;
}

.dropdown-item.active, .dropdown-item:active, .nav-link.active {
    background-color: #fff;
    color: #1f3675 !important;
}

.nav-item {
    margin-left: 10px;
}

.nav-link {
    background-color: #e27e34;
    color: #fff !important;
    font-weight: bold;
    font-size: 13px;
    padding: 13px 23px;
    border-radius: 0;
}

.nav-link-faq {
    background-color: #cccccc;
    color: black !important;
}

nav-link-login {
    background-color: #e27e34;
    color: #fff !important;
}

@media (min-width: 576px) {
    .nav-link {
        padding: 13px 23px !important;
    }
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    background-color: #fff;
    color: #1f3675 !important;
}

.dropdown.show .dropdown-toggle {
    background-color: #fff !important;
    color: #1f3675 !important;
}

.dropdown-menu {
    border: 2px solid #1f3675;
    border-radius: 5px;
    padding: 0;
    margin-top: 0;
    min-width: 0;
}

    .dropdown-menu .nav-link {
        border: none !important;
        border-radius: 0;
        margin-left: 0 !important;
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
        padding-left: 1.1rem !important;
    }

        .dropdown-menu .nav-link:focus, .dropdown-menu .nav-link:hover {
            background-color: #cee1ed !important;
        }

@media (max-width: 991px) {
    .nav-link {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }
}

.custom-toggler.navbar-toggler {
    border-color: #1f3675;
    border-width: 2px;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url( "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(201, 19, 19, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* navigation */

.font-weight-bold {
    font-weight: 700;
}
/* LOGIN */
.btn-get-another-code {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.btn-get-access-code {
    border: none;
    background-color: #737373;
    color: #fff !important;
    padding: 13px 20px !important;
    font-weight: 600;
    border-radius: 0;
}

.valid {
    background-color: #e27e34 !important;
}

/* Files */
#gvFileData > thead > tr > th {
    background-color: #1a1a1a;
    color: white;
    padding: 15px;
    font-weight: 400;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left;
}
#gvFileData_wrapper thead {
    vertical-align: middle;
}
.dt-select .dt-column-title {
    display: none;
}
.dt-length label {
    margin-left: 5px;
}

/* spinner modal */
.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.loader-txt {
    font-size: 15px;
    color: #666;
}

.spinner-content {
    border-radius: 0px;
    box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
    opacity: 0.75;
}
/* spinner modal */


/* FAQ */

#faq_table {
    border-collapse: separate;
    border-spacing: 0 20px;
    width: 50%;
    margin: auto;
}

.faq_label_row {
    font-weight: bold;
    font-size: 1.5em;
    color: white;
    background-color: black;
}

    .faq_label_row > td {
        padding: 15px;
    }

#faqAccordion p {
    margin-top: 0;
    margin-bottom: 0;
}

#faqAccordion .accordion-body {
    padding: 25px;
}

#faqAccordion .accordion-button {
    background-color: #000000;
    color: #ffffff;
    font-weight: 700;
    font-size: .75em;
}

    #faqAccordion .accordion-button.collapsed::after {
        /* plus icon for closed */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
        width: 40px;
        height: 40px;
        background-size: 40px;
    }

    #faqAccordion .accordion-button:not(.collapsed)::after {
        /* minus icon for expanded */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
        width: 40px;
        height: 40px;
        background-size: 40px;
    }

.faq-disclaimer {
    line-height: 35px;
}

/* FAQ */

.form-group label {
    font-size: .75em;
    margin-left: 7px;
}
#gvFileData_wrapper td:first-child {
    vertical-align: middle;
    border-right: 1px solid #dee2e6;
}
#gvFileData_filter .form-control {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: right !important;
    margin-bottom: 10px;
}
#gvFileData_wrapper th {
    border-right: 1px solid #ffffff;
}
.btn-primary {
    background-color: #e27e34;
}
.dt-paging-button {
    background: #fff !important;
    color: #000 !important;
    border: none !important;
}
.dt-paging-button.first, .dt-paging-button.last {
    display: none !important;
}
.dt-paging-button:hover:not(.current):not(.disabled), div.dt-container .dt-paging .dt-paging-button:hover:not(.current):not(.disabled) {
    background-color: #fff !important;
    color: #e27e34 !important;
    border: none !important;
}
.current > .dt-paging-button, .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    color: #e27e34 !important;
    background: #fff !important;
    border: 1px solid #e27e34 !important;
    border-radius: 7px !important;
}
div.dt-container .dt-paging .dt-paging-button:active {
    box-shadow: none !important;
}
.disabled>.dt-paging-button, .dt-paging-button.disabled {
    background: #fff !important;
}
.btn {
    border-radius: 0;
}
.text-right {
    text-align: right;
}
#Footer a {
    font-size: 13px;
}
#btnDownloadSelected.disabled, #btnDownloadSelected:disabled {
    background-color: #737373;
    opacity: 0.4;
}