.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    transition: linear opacity 0.2s;
}

.modalBackgroundDarker {
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalWindow {
    padding: 5px 18px 12px 25px;
    border-radius: 20px;
}

.modalWindowNoPadding {
    background-color: #EEECE1;
}

.modalWindowSubBackground {
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    border-radius: 10px;
    position: relative;
    left: -20px;
    top: -20px;
}

.modalWindowMaster {
    background-color: white;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

.modalWindowTitle {
    display: flex;
    justify-content: flex-end;
    background-color: #E7CB00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 35px;
    align-items: center;
    justify-content: space-between;
}

.modalWindowTitleText {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 11pt;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 2px;
    color: black;
}

.modalWindowBody {
    font-size: 9pt;
    padding: 22px 15px 22px 15px;
}

@media (max-width: 640.98px) {
    .modalWindowMaster {
        margin-top: 105px;
        width: 85vw;
    }
}

@media (min-width: 640.98px) {
    .modalWindowMaster {
        margin-top: auto;
        width: auto;
    }
}


.modalDarken {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

@media (max-width: 640.98px) {
    .modalDarken {
        margin-top: 105px;
        width: 85vw;
    }
}

@media (min-width: 640.98px) {
    .modalDarken {
        margin-top: auto;
        width: auto;
    }
}


.modalPopupBody {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    align-content: center;
    justify-content: center;
}

.modalWindowCloseButton {
    text-align: center;
    cursor: pointer;
    color: black;
    margin-right: 2px;
}

@media (min-width: 640.98px) {
    .modalWindowContainer {
        max-width: 400px;
    }

    .modalWindowContainerSmall {
        max-width: 300px;
    }
}

.TableBorder {
}

    .TableBorder td {
        border: 1px solid #D6D6D6;
    }

.TableBorderNoTop {
}

    .TableBorderNoTop td {
        border-left: 1px solid #D6D6D6;
        border-right: 1px solid #D6D6D6;
        border-bottom: 1px solid #D6D6D6;
    }

.TableNoBorder {
}

    .TableNoBorder td {
        border: none;
    }


.FixedTable, .TableFixed {
    table-layout: fixed;
}

    .FixedTable tbody tr td, .TableFixed tbody tr td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


.tableHeading {
    background-color: #EFEFEF;
}


.AlignCheckboxText {
    position: relative;
    top: 0px;
}

    .AlignCheckboxText label {
        position: relative;
        top: -2px;
        left: 5px;
        margin-right: 15px;
    }  

.hoverHighlight:hover {
    background-color: #D9D9D9;
}

.hoverHighlightWithPointer {
    cursor: pointer;
}

.hoverHighlightWithPointer:hover {
    background-color: #254F9D !important;
    color: white;
}

.greyBoxBackground {
    background-color: #EFEFEF;
}

.NormalTextBox {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background-color: white;
    color: black;
    height: 26px;
    font-family: 'Inter', sans-serif;
    font-size: 9pt;
}

.NormalTextBox:focus {
    outline: none;
}


.NormalDropDown {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background-color: white;
    color: black;
    height: 26px;
    font-family: 'Inter', sans-serif;
    padding-left: 4px;
    font-size: 9pt;
}

.PopupInnerBox {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    font-size: 9pt;
}

.Semibold {
    font-weight: 600;
}

.cursorHand {
    cursor: pointer;
}

.AccountSearchResults {
    width: 340px !important;
    background-color: white;
    text-align: left;
    border: 1px solid #c0c0c0;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 8pt;
}

    .AccountSearchResults table {
        width: 340px;
        height: 20px;
        border-collapse: collapse;
    }

        .AccountSearchResults table td {
            padding: 0px;
        }

    .AccountSearchResults li {
        padding: 0px !important;
        margin: 0px !important;
        list-style: none;
        list-style-type: none;
        height: 20px;
    }

    .AccountSearchResults table:hover {
        background-color: #3399ff;
        color: white;
        cursor: pointer;
    }

    .AccountSearchResults .pad {
        width: 5px;
    }

    .AccountSearchResults .pt {
        width: 80px;
        background-color: #f8f8f8;
        color: black !important;
        border-right: solid 1px #c0c0c0;
        padding-left: 5px;
    }

    .AccountSearchResults .pn {
        width: 160px;
        padding-left: 5px;
        font-weight: bold;
        color: black !important;
        border-right: solid 1px #c0c0c0;
    }

    .AccountSearchResults .pd {
        width: 100px;
        color: black !important;
        padding-left: 5px;
    }

    .AccountSearchResults .ac {
        width: 60px;
        background-color: #f8f8f8;
        color: black !important;
        border-right: solid 1px #c0c0c0;
    }

    .AccountSearchResults .qk {
        width: 30px;
        font-family: 'Courier New';
        font-weight: bold;
        font-size: 10pt;
    }

    .AccountSearchResults .na {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 185px;
    }

    .AccountSearchResults .ba {
        width: 60px;
        text-align: right;
        font-weight: bold;
    }

    .AccountSearchResults .green {
        color: green;
    }

    .AccountSearchResults table:hover .green {
        color: white;
    }

    .AccountSearchResults .red {
        color: darkred;
    }

    .AccountSearchResults .hi {
        background-color: #FFFF70;
    }

    .AccountSearchResults table:hover .hi {
        background-color: #FFFF70;
        color: black;
    }

.CellGreen {
    background-color: #c6efce;
    color: #006100;
}

.CellRed {
    background-color: #ffc7ce;
    color: #9c0006;
}


.NormalButton {
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    height: 28px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    background-color: white;
    font-size: 9pt;
    cursor: pointer;
    min-width: 100px;
}

    .NormalButton:disabled {
        background-color: #EFEFEF;
        cursor: default;
    }

    .NormalButton:hover {
        filter: brightness(95%);
    }

    .NormalButton:focus {
        filter: brightness(95%);
    }


.NormalButtonGreen {
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    height: 28px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    background-color: white;
    font-size: 9pt;
    cursor: pointer;
    color: white;
    min-width: 100px;
    background-color: #00B050;
}

    .NormalButtonGreen:disabled {
        background-color: #EFEFEF !important;
        filter: brightness(100%) !important;
        cursor: default;
    }

    .NormalButtonGreen:hover {
        filter: brightness(120%);
    }

    .NormalButtonGreen:focus {
        filter: brightness(120%);
    }


.NormalButtonRed {
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    height: 28px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    background-color: white;
    font-size: 9pt;
    cursor: pointer;
    color: white;
    min-width: 100px;
    background-color: #C00000;
}

    .NormalButtonRed:disabled {
        background-color: #EFEFEF !important;
        filter: brightness(100%) !important;
        cursor: default;
    }

    .NormalButtonRed:hover {
        filter: brightness(120%);
    }

    .NormalButtonRed:focus {
        filter: brightness(120%);
    }