#menulist {
    right: 0; left: auto;
}
#menulist li {
    list-style-type: none;
    white-space:nowrap;
    cursor:pointer;
}
#menulist li .btn {
    --phoenix-btn-padding-y: 0.5rem;
    --phoenix-btn-padding-x: 1rem;
    --phoenix-btn-font-size: 0.8rem;
    --phoenix-btn-border-radius: 0.375rem;
}
.btn-sm {
    --phoenix-btn-padding-x: .75rem;
    --phoenix-btn-padding-y: .4rem;
    --phoenix-btn-font-size: .75rem;
}
 .text-left {text-align:left !important;}
.text-right {    text-align: right!important;}


.form-check input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5;
}
.TH_Sort {cursor:pointer;}
.form-check input[type=checkbox] {
    border-radius: 0.25em;
    float: left;
    margin-left: -1.5em;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    --phoenix-form-check-bg: var(--phoenix-emphasis-bg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.245em;
    vertical-align: top;
    background-color: var(--phoenix-form-check-bg);
    background-image: var(--phoenix-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--phoenix-border-color);
    print-color-adjust: exact;
}
.form-check input[type=radio] {
    float:left;
    --phoenix-form-check-bg: var(--phoenix-emphasis-bg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .245em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--phoenix-form-check-bg);
    background-image: var(--phoenix-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--phoenix-border-color);
    print-color-adjust: exact;
    border-radius: 50%;
    margin-left: -1.5em;
}

.form-check input:checked {
    background-color: #3874ff;
    border-color: #3874ff;
}
.form-check.form-check-info:hover input:not(checked) {
    background-color: var(--phoenix-info-bg-subtle) !important;
}

.form-check.form-check-warning:hover input:not(checked) {
    background-color: var(--phoenix-warning-bg-subtle) !important;
}

.form-check.form-check-danger:hover input:not(checked) {
    background-color: var(--phoenix-danger-bg-subtle) !important;
}

.form-check.form-check-primary:hover input:not(checked) {
    background-color: var(--phoenix-primary-bg-subtle) !important;
}

.form-check.form-check-secondary:hover input:not(checked) {
    background-color: var(--phoenix-secondary-bg-subtle) !important;
}

.form-check.form-check-success:hover input:not(checked) {
    background-color: var(--phoenix-success-bg-subtle) !important;
}
.form-check.form-check-primary input:checked, .form-check.form-check-primary:hover input:checked {
    background-color: rgb(var(--phoenix-bg-primary-rgb) ) !important;
    border-color: rgb(var(--phoenix-bg-primary-rgb)) !important;
}
.form-check.form-check-success input:checked, .form-check.form-check-success:hover input:checked {  
    background-color: rgb(var(--phoenix-bg-success-rgb) ) !important;
    border-color: rgb(var(--phoenix-bg-success-rgb)) !important;
}
.form-check.form-check-info input:checked, .form-check.form-check-info:hover input:checked {
    background-color: rgb(var(--phoenix-bg-info-rgb) ) !important;
    border-color: rgb(var(--phoenix-bg-info-rgb)) !important;
}
.form-check.form-check-warning input:checked, .form-check.form-check-warning:hover input:checked {
    background-color: rgb(var(--phoenix-bg-warning-rgb) ) !important;
    border-color: rgb(var(--phoenix-bg-warning-rgb)) !important;
}
.form-check.form-check-danger input:checked, .form-check.form-check-danger:hover input:checked {
    background-color: rgb(var(--phoenix-bg-danger-rgb) ) !important;
    border-color: rgb(var(--phoenix-bg-danger-rgb)) !important;
}
.form-check.form-check-secondary input:checked, .form-check.form-check-secondary:hover input:checked {
    background-color: rgb(var(--phoenix-secondary-rgb) ) !important;
    border-color: rgb(var(--phoenix-secondary-rgb)) !important;
}
.form-check input:checked {
    background-color: #3874ff;
    border-color: #3874ff;
}
 

.form-check.form-check-info input:not(checked) {
    background-color: var(--phoenix-info-bg-subtler) !important;
    border-color: var(--phoenix-info) !important;
}

.form-check.form-check-warning input:not(checked) {
     background-color: var(--phoenix-warning-bg-subtler) !important; 
    border-color: var(--phoenix-warning) !important;
}

.form-check.form-check-danger input:not(checked) {
     background-color: var(--phoenix-danger-bg-subtler) !important; 
    border-color: var(--phoenix-danger) !important;
}
.form-check.form-check-primary input:not(checked) {
    background-color: var(--phoenix-primary-bg-subtler) !important;
    border-color: var(--phoenix-primary) !important;
}
.form-check.form-check-secondary input:not(checked) {
     background-color: var(--phoenix-secondary-bg-subtler) !important; 
    border-color: var(--phoenix-secondary) !important;
}
.form-check.form-check-success input:not(checked) {
    background-color: var(--phoenix-success-bg-subtler) !important;
    border-color: var(--phoenix-success) !important;
}



    .form-check input:checked[type=checkbox] {
        --phoenix-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    }
    .form-check input:checked[type=radio] {
        --phoenix-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
    }

.form-check input[disabled] ~ .form-check label, .form-check input:disabled ~ .form-check label {
    cursor: default;
    opacity: .5;
}

.form-check  label {
    font-weight: 600;
    font-size: .8em;
    white-space:nowrap;
}
.form-check:not(.text-success, .text-primary, .text-danger, .text-warning, .text-info, .btn) label {
    color: var(--phoenix-tertiary-color);
}
.form-check.btn input[type=checkbox], .form-check.btn input[type=radio] {
    margin-left: -0.5rem;
    margin-right: 0.5rem;
    position:relative;
    top:-1px;
}


a.nounderline:hover {
    text-decoration: none !important;
}

.bg-primary-light-hover:hover { background-color: RGBA(var(--phoenix-primary-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-primary-subtle-hover:hover { background-color: var(--phoenix-primary-bg-subtle) !important; }
.bg-primary-hover:hover {    background-color: RGBA(var(--phoenix-primary-rgb)) !important;}
.bg-success-light-hover:hover { background-color: RGBA(var(--phoenix-success-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-success-subtle-hover:hover { background-color: var(--phoenix-success-bg-subtle) !important; }
.bg-success-hover:hover { background-color: RGBA(var(--phoenix-success-rgb)) !important; }
.bg-dark-light-hover:hover { background-color: RGBA(var(--phoenix-dark-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-dark-subtle-hover:hover { background-color: var(--phoenix-dark-bg-subtle) !important; }
.bg-dark-hover:hover { background-color: RGBA(var(--phoenix-dark-rgb)) !important; }
.bg-danger-light-hover:hover { background-color: RGBA(var(--phoenix-danger-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-danger-subtle-hover:hover { background-color: var(--phoenix-danger-bg-subtle) !important; }
.bg-danger-hover:hover { background-color: rgba(var(--phoenix-bg-danger-rgb)) !important; }
.bg-info-light-hover:hover { background-color: RGBA(var(--phoenix-info-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-info-subtle-hover:hover { background-color: var(--phoenix-info-bg-subtle) !important; }
.bg-info-hover:hover { background-color: RGBA(var(--phoenix-info-rgb)) !important; }
.bg-warning-light-hover:hover { background-color: RGBA(var(--phoenix-warning-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-warning-subtle-hover:hover { background-color: var(--phoenix-warning-bg-subtle) !important; }
.bg-warning-hover:hover { background-color: RGBA(var(--phoenix-warning-rgb)) !important; }
.bg-secondary-light-hover:hover { background-color: RGBA(var(--phoenix-secondary-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-secondary-subtle-hover:hover { background-color: var(--phoenix-secondary-bg-subtle) !important; }
.bg-secondary-hover:hover { background-color: RGBA(var(--phoenix-secondary-rgb)) !important; }
.bg-light-light-hover:hover { background-color: RGBA(var(--phoenix-light-light-rgb), var(--phoenix-bg-opacity, 1)) !important }
.bg-light-subtle-hover:hover { background-color: var(--phoenix-light-bg-subtle) !important; }
.bg-light-hover:hover { background-color: RGBA(var(--phoenix-light-rgb)) !important; }

.text-primary-light-hover:hover { color: RGBA(var(--phoenix-primary-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-primary-subtle-hover:hover { color: var(--phoenix-primary-bg-subtle) !important; }
.text-primary-hover:hover { color: RGBA(var(--phoenix-primary-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-primary-emphasis-hover:hover { color: var(--phoenix-primary-text-emphasis) !important; }
.text-success-light-hover:hover { color: RGBA(var(--phoenix-success-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-success-subtle-hover:hover { color: var(--phoenix-success-bg-subtle) !important; }
.text-success-hover:hover { color: RGBA(var(--phoenix-success-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-success-emphasis-hover:hover { color: var(--phoenix-success-text-emphasis) !important; }
.text-dark-light-hover:hover { color: RGBA(var(--phoenix-dark-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-dark-subtle-hover:hover { color: var(--phoenix-dark-bg-subtle) !important; }
.text-dark-hover:hover { color: RGBA(var(--phoenix-dark-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-dark-emphasis-hover:hover { color: var(--phoenix-dark-text-emphasis) !important; }
.text-danger-light-hover:hover { color: RGBA(var(--phoenix-danger-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-danger-subtle-hover:hover { color: var(--phoenix-danger-bg-subtle) !important; }
.text-danger-hover:hover { color: RGBA(var(--phoenix-danger-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-danger-emphasis-hover:hover { color: var(--phoenix-danger-text-emphasis) !important; }
.text-info-light-hover:hover { color: RGBA(var(--phoenix-info-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-info-subtle-hover:hover { color: var(--phoenix-info-bg-subtle) !important; }
.text-info-hover:hover { color: RGBA(var(--phoenix-info-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-info-emphasis-hover:hover { color: var(--phoenix-info-text-emphasis) !important; }
.text-warning-light-hover:hover { color: RGBA(var(--phoenix-warning-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-warning-subtle-hover:hover { color: var(--phoenix-warning-bg-subtle) !important; }
.text-warning-hover:hover { color: RGBA(var(--phoenix-warning-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-warning-emphasis-hover:hover { color: var(--phoenix-warning-text-emphasis) !important; }
.text-secondary-light-hover:hover { color: RGBA(var(--phoenix-secondary-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-secondary-subtle-hover:hover { color: var(--phoenix-secondary-bg-subtle) !important; }
.text-secondary-hover:hover { color: RGBA(var(--phoenix-secondary-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-secondary-emphasis-hover:hover { color: var(--phoenix-secondary-text-emphasis) !important; }
.text-light-light-hover:hover { color: RGBA(var(--phoenix-light-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-light-subtle-hover:hover { color: var(--phoenix-light-bg-subtle) !important; }
.text-light-hover:hover { color: RGBA(var(--phoenix-light-rgb), var(--phoenix-text-opacity, 1)) !important }
.text-light-emphasis-hover:hover { color: var(--phoenix-light-text-emphasis) !important; }




.content {padding-left:0.5rem !important;padding-right:0.5rem !important;}
@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media (max-width: 575px) {
    .content {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .container-fluid {
         --phoenix-gutter-x:0;
    }
    
}
.ClickableRow {
    cursor: pointer;
}

    .ClickableRow td {
        position: relative;
    }
.A_ClickableTD {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:10;
}
.modal-close {cursor:pointer;}
.form-floating > .form-select.form-select-lg {
    padding-bottom: 5.5px;
    padding-top: 21px;
}
.form-check-lg input[type='checkbox'], .form-check-lg input[type='radio'] {
    width: 1.2em;
    height: 1.2em;
}
.form-check-lg label {
    font-size:1em;
    position:relative;
    top:3px;
    left:4px;
}
.form-check-lg input {
    font-size: 1em;
 
}
 .aspNetDisabled.form-check label {
     font-weight:300;
 }
 table.table-align-middle td {
    vertical-align:middle;
 }
 
 
.d-flex[style*="display:none"], .d-flex[style*="display: none"] {
    display: none !important; /* https://stackoverflow.com/questions/47514692/bootstrap-4-list-items-that-have-d-flex-class-do-not-respond-to-hide */
}
.multiColumnDropdown {
    columns: 2;
    -webkit-columns: 2;
    -mox-columns: 2;
}

@media (min-width: 576px) {
    .multiColumnDropdown {
        columns: 3 !important;
        -webkit-columns: 3 !important;
        -mox-columns: 3 !important;
    }
}

@media (min-width: 992px) {
    .multiColumnDropdown {
        columns: 4 !important;
        -webkit-columns: 4 !important;
        -mox-columns: 4 !important;
    }
}

.modal-dialog {
    margin-bottom: 0px; /* did this to prevent a little movement in the iframe */
}
.modal-content-inner > .modal-header {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 1030;
}

.modal-content-inner > .modal-body {
    padding-top: 52px;
}
/* Make the parent element the positioning context for the pseudo-element */
.modal-header .modal-close {
    position: relative;
}

    /* Create the invisible, larger overlay with the ::after pseudo-element */
    .modal-header .modal-close::after {
        content: ""; /* Required for the pseudo-element to be generated */
        position: absolute; /* Take the element out of normal flow */
        top: -10px; /* Stretch the overlay beyond the top edge */
        left: -10px; /* Stretch the overlay beyond the left edge */
        right: -12px; /* Stretch the overlay beyond the right edge */
        bottom: -10px; /* Stretch the overlay beyond the bottom edge */
        /* These negative values define how far "off the mark" the click can be */
    }
.li_RecentClient_Input .nav-link-text {
    overflow-x:clip;
    min-width:0;
}