/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 50px;
    padding-right: 50px;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
 
}

.footerLink, .footerLink:hover {
    text-decoration:underline;
    color: #0094ff;
}

.Spacer {
    margin-top: 10px;
}

.TableStyle {
   

}

    .TableStyle tr:nth-child(odd) {
        background-color: #d7c9e8;
    }

    .TableStyle tr:nth-child(even) {
        background-color: #FFF;
    }

    .TableStyle tr td {
        padding: 6px;
        /*border: 1px solid #666;*/
    }

    .TableStyle tr th {
        /*background-color: #a7fa83;
        font-size: 0.8em;
        font-weight: bold;
        border: 1px solid #666;
        color: #000;
        padding: 3px;*/
    }

.MatchButton {
    padding:6px; 
    font-size:13px;
}

.FilterBox {
    border: 1px solid #808080;
    padding: 10px;
    margin-bottom: 20px;
/**/}

    .FilterBox legend {
        width: auto;
        padding: 0px 10px 0px 0px;
        font-size: 0.9em;
        font-weight: bold;
        text-decoration:underline;
    }

.control-label {
    font-weight:bold;
}

.TDRight {
    text-align:right;
}

.TableFooter {
    background-color:#ab94d1;
    font-weight:bold;
}

.Notifications {
    background-color: #AD06FA;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.tabs {
    height: 100%;
    width: 100%;
    text-align: left;
}

.tab-nav-wrapper {
    width: auto;
    overflow-x: auto;
    position: relative !important;
    z-index: 999 !important;
    top: 3px;
}

.tab-content-wrapper {
    margin-top: 3px;
    position: relative !important;
    z-index: 1 !important;
    border: 3px solid #004d95;
    padding: 20px;
    min-height: 40px;
}

.tabs ul {
    display: block;
    width: max-content;
    overflow-y: hidden;
    padding-inline-start: 5px;
    color: #FFF;
    text-align: center;
    float: left;
    padding-top: 3px;
    border-radius: 8px 8px 0px 0px;
    margin-right: 6px;
    margin-bottom: 0px;
    min-width: 75px;
    padding-bottom: 0px;
    padding-right: 6px;
    padding-left: 0px;
    font-weight: 500;
    line-height: 25px;
}

    .tabs ul li {
        display: inline-block;
        color: #FFF;
        background-color: #2b135e;
        text-align: center;
        float: left;
        padding-top: 3px;
        border-radius: 8px 8px 0px 0px;
        margin-right: 6px;
        margin-bottom: 0px;
        min-width: 75px;
        padding-bottom: 4px;
        padding-right: 6px;
        padding-left: 6px;
        font-weight: bold;
        line-height: 25px;
    }

        .tabs ul li.active {
            color: #FFF;
            background-color: #ee3696;
            text-decoration: none;
        }

        .tabs ul li a {
            color: #FFF;
            text-decoration: none;
            padding-top: 6px;
            padding-right: 8px;
            padding-bottom: 6px;
            padding-left: 8px;
        }

            .tabs ul li a:hover {
                color: #ffffff;
                text-decoration: underline;
            }

.CallieTextBox {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: 1rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}