/* USED FOR STYLES ACROSS THE VESTIGO APPLICATION THAT ARE NOT ALREADY HANDLED BY BOOTSTRAP */

:root {
    --mgi-primary: #2779bd;
    --mgi-primary-rgb: 39, 121, 189;
    --mgi-primary-dark: #1e5e93;
    --mgi-secondary: #bb5a20;
    --mgi-secondary-rgb: 187, 90, 32;
    --mgi-secondary-dark: #a8451c;
    --mgi-tertiary: #586b48;
    --mgi-tertiary-rgb: 88, 107, 72;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

/* BEGIN NAV */
.nav-top {
    text-align: center;
    background-color: #3c4a5e;
    z-index: 2000;
}

    .nav-top .nav-link {
        color: #ffffff;
        background-color: #3c4a5e;
    }

    .nav-top .nav-item-static {
        margin: .25em;
    }

    .nav-top .nav-link:hover, .nav-top .nav-link:focus {
        background-color: #2D3746;
    }

    .nav-top .nav-link.disabled {
        color: #6c757d;
    }

.nav-main {
    text-align: center;
    background-color: #586B48;
}

    .nav-main .nav-link {
        color: #ffffff;
    }

        .nav-main .nav-link:hover, .nav-main .nav-link:focus {
            text-decoration: none;
            background-color: #465539;
        }

        .nav-main .nav-link.disabled {
            color: #6c757d;
            pointer-events: none;
            cursor: default;
        }

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #2779BD;
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
    }
/* END NAV */

/* TABS */
.igtab_THCenter:hover {
    cursor: pointer;
}

    .igtab_THCenter:hover:not(.igtab_THCenterSel) {
        background: var(--mgi-primary);
        color: #fff;
    }

.igtab_THTextHov:not(.igtab_THTextSel) {
    color: #fff;
}
/* END TABS */

select {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.page-item.active .page-link {
    color: #fff;
}

.form-control {
    height: calc(1.5em + 0.75rem + 2px);
}

.form-check-input:checked {
    background-color: var(--mgi-primary);
    border-color: var(--mgi-primary);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--mgi-primary);
    border-color: var(--mgi-primary);
}

.form-range::-webkit-slider-thumb {
    background-color: var(--mgi-primary);
}

.form-range::-moz-range-thumb {
    background-color: var(--mgi-primary);
}

button, input[type="button"], input[type="submit"], .btn-primary, .btn-secondary {
    margin-right: 4px;
}

.btn-primary, .btn-secondary {
    border-width: 5px;
    border-style: solid;
}

    .btn-primary:hover {
        background-color: var(--mgi-primary-dark);
        border-color: var(--mgi-primary-dark);
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #000000;
        background-color: #4696d9;
        border-color: #4696d9;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }



    .btn-secondary:hover {
        color: #fff;
        background-color: var(--mgi-secondary-dark);
        border-color: var(--mgi-secondary-dark);
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: var(--mgi-secondary);
        border-color: var(--mgi-secondary);
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

a, .btn-link {
    color: var(--mgi-primary);
    text-decoration: none;
}

a:hover:not(:disabled):not(.aspNetDisabled),
.btn-link:hover:not(:disabled):not(.aspNetDisabled) {
    color: var(--mgi-primary-dark);
    text-decoration: underline;
}

.table {
    color: #212529;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered th,
    .table-bordered td {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        border: 1px solid #dee2e6;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.200);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #7abaff;
    }

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #9fcdff;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #b3b7bb;
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #8fd19e;
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b1dfbb;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

    .table-info th,
    .table-info td,
    .table-info thead th,
    .table-info tbody + tbody {
        border-color: #86cfda;
    }

.table-hover .table-info:hover {
    background-color: #abdde5;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #abdde5;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

    .table-warning th,
    .table-warning td,
    .table-warning thead th,
    .table-warning tbody + tbody {
        border-color: #ffdf7e;
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #ed969e;
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #f1b0b7;
    }

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

    .table-light th,
    .table-light td,
    .table-light thead th,
    .table-light tbody + tbody {
        border-color: #fbfcfc;
    }

.table-hover .table-light:hover {
    background-color: #ececf6;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #95999c;
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #454d55;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.075);
    }

th, th > * {
    text-align: inherit !important;
    background: #2779bd !important;
    color: #fff !important;
}

th:hover, th > a:hover {
    color: #fff !important;
    text-decoration: none;
}

#Menu1 a:hover,
#mgNavigation_navigation a:hover {
    color: #fff !important;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

input[type=number] {
    text-align: right;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    margin-left: 5px;
}

.accordion > .card {
    overflow: visible;
}

.btn {
    min-width: 8rem;
}

.w-fit-content {
    width: fit-content !important;

}

@media (max-width: 576px) {
    .btn {
        width: 100%;
        margin-right: 0;
    }
}

.nav-tabs .aspNetDisabled {
    color: #6c757d !important;
}

#headerWrapper {
    background-color: #3c4a5e;
}

#header {
    max-width: 2000px;
}

/*This selects the "Help & Support" menu ddl. It right-aligns the drop down items and stops them from causing a horizontal scrollbar.*/
    #Menu1\:submenu\:7 {
    left: auto !important;
    right: 0px !important;
}

#navigation {
    max-width: 2000px;
}

#mainContentBody {
    max-width: 2000px;
}

#footerWrapper {
    background-color: #3C4a5e;
    color: white;
}

#footerLine {
    background-color: #586B48;
    height: .5em;
}

#footerContent {
    max-width: 2000px;
}

/*Radio buttons*/
input[type=radio] {
    margin-top: 0.3rem;
}

input[type=radio] + label {
    margin-left: 0.25rem;
    margin-bottom: 0;
}

/* MGIHTMLEditor */
#fileInput {
    display: none;
}

.infrWebEditor {
    min-height: max(100%, 100px);
    resize: vertical;
    overflow: auto;
}

.wheEditorClass > tbody > tr:nth-child(2) > td > table {
    min-height: 102px;
}

.form-check-input {
    border: none;
}


/* FORMS */

/* Removed in Bootstrap v5. Adding it back because it's used everywhere. */
.form-group {
    margin-bottom: 1rem;
}

/* Removed in Bootstrap v5. Adding it back because it's used everywhere. */
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

    .form-inline > .col,
    .form-inline > [class*="col-"] {
        padding-right: 15px;
        padding-left: 15px;
    }

/* Removed in Bootstrap v5. Adding it back because it's used everywhere. */
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

    .form-row .col-1,
    .form-inline .col-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .form-row .col-2,
    .form-inline .col-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .form-row .col-3,
    .form-inline .col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .form-row .col-4,
    .form-inline .col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .form-row .col-5,
    .form-inline .col-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .form-row .col-6,
    .form-inline .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .form-row .col-7,
    .form-inline .col-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .form-row .col-8,
    .form-inline .col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .form-row .col-9,
    .form-inline .col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .form-row .col-10,
    .form-inline .col-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .form-row .col-11,
    .form-inline .col-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .form-row .col-12,
    .form-inline .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

/* END FORMS */

.igdd_Control {
    position: relative; /* Keeps ddl options the proper width. */
}

.igdd_ListItemHover a:hover {
   color: #fff !important;
   text-decoration: none !important;
}

#mainContent_tabProtocols {
    padding-inline: 0;
}

html, body {
    scroll-behavior: auto !important;
}

.highcharts-credits {
    display: none;
}

#mainContent_pnlNavLinks a:hover {
    text-decoration: none;
}

#mgNavigation_navigation a:hover {
    color: #fff;
    text-decoration: none;
}

.accordion-button {
    color: var(--mgi-primary) !important;
    background-color: rgba(0,0,0,0.03) !important;
}

.accordion-button:hover {
    color: var(--mgi-primary-dark);
}