/*---AdminDashboard CSS---*/
.content-panel-bdy h3.w-41 {
    margin: 0;
    font-size: 1.4rem !important;
    font-weight: 200 !important;
    font-family: Arial !important;
    padding: 0 0 1.8rem 2rem;
    width: auto;
}

.list-item-wrapper {
    display: flex;
    padding: 1.6rem;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
}

.k-listview-item {
    border-color: var(--kendo-color-border, rgba(0,0,0,0.08));
    border: .1rem solid var(--gw-color-neutral-4);
    border-bottom: 0;
}

    .k-listview-item:last-child {
        border-bottom: .1rem solid var(--gw-color-neutral-4);
    }

.k-listview.pendingacwrapper {
    height: 39rem;
}

.pendingacwrapper .k-pager-info {
    font-size: 1.6rem;
}

.list-item-wrapper .user-information-avatar-48:before {
    border: none !important;
}

.k-pager.k-listview-pager {
    display: flex;
    flex-direction: row-reverse;
}

    .k-pager.k-listview-pager .k-pager-info {
        text-align: left !important;
        justify-content: flex-start !important;
        flex: 1 !important;
        order: 1 !important;
        padding: 0 2rem;
        display: block !important;
    }


.margin-bottom-pt-two_eight {
    margin-bottom: 2.7rem;
}

.mb-5 {
    margin-bottom: 5.5rem;
}

.justify-end {
    display: flex;
    justify-content: end;
}


.border-coral-10 {
    border: 0.1rem solid var(--gw-color-coral-10);
}

    .border-coral-10 .content-panel-hdr {
        background-color: var(--gw-color-coral-10);
    }

/*---ViewUsers CSS---*/
.user-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
    gap: 2rem;
    padding: 1.5rem;
}

    .user-tiles + .k-pager {
        margin: 0 1.1rem;
    }

.user-tile {
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: 0.8rem;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    background-color: var(--gw-color-neutral-0);
}

.user-lvl-1 {
    display: flex;
    align-items: center;
    padding: 1.5rem;
}

.user-lvl-2 {
    display: flex;
    align-items: center;
}

    .user-lvl-2 div {
        border: .1rem solid var(--gw-color-neutral-3);
        padding: 1rem 1.5rem;
        border-left: 0px;
    }

        .user-lvl-2 div + div {
            border-right: 0;
        }

    .user-lvl-2 label {
        font-size: 1.2rem;
        font-weight: 400;
        margin: 0 1rem;
        width: 100%;
    }

    .user-lvl-2 .k-input-inner, .user-lvl-2 .k-textbox > input {
        width: 50% !important;
        height: auto;
        font-weight: 600 !important;
    }

    .user-lvl-2 .k-maskedtextbox {
        background-color: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    .user-lvl-2 .d-flex {
        display: flex;
    }


.user-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    line-height: 2rem;
    padding: 0 1rem;
}

    .user-info span {
        font-weight: 600;
        font-size: 1.6rem;
        font-family: 'Poppins',Arial,Helvetica,sans-serif;
        color: var(--gw-primary-soft-black);
    }

        .user-info span + span {
            font-weight: 200;
            font-size: 1.4rem;
            font-family: arial;
            line-height: 2rem;
        }

.user-lvl-2 .loginIco, .user-lvl-2 .dateIco {
    display: flex;
    align-items: center;
    font-size: 2rem;
    padding-right: 1rem;
}

    .user-lvl-2 .dateIco .fa-regular.fa-user {
        background-color: var(--gw-primary-soft-black);
        color: var(--gw-color-neutral-0);
        border-radius: 50%;
        font-size: .6rem;
        padding: .4rem;
        position: relative;
        left: -.9rem;
        top: .8rem;
        border: 0.2rem solid var(--gw-color-neutral-0);
    }

.user-view-btn {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

    .user-view-btn button {
        padding: .5rem 12rem !important;
    }

.user-tiles.grid-2x2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.user-tiles.grid-3x3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.user-role-list {
    display: flex;
}

    .user-role-list div span {
        font-weight: 200;
        font-size: 1.4rem;
        font-family: arial;
        line-height: 2rem;
    }

.menu-container {
    position: relative;
    display: inline-block;
}

.menu-button {
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    font-weight: 600;
}

.dropdown-kebabmenu {
    display: none;
    position: absolute;
    background-color: var(--gw-color-neutral-0);
    z-index: 1;
    min-width: 12rem;
    border-radius: .4rem;
    padding: .8rem 0;
    border: .1rem solid var(--gw-color-neutral-5);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .dropdown-kebabmenu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .dropdown-kebabmenu ul li {
            padding: .5rem .3rem;
            font-size: 1.4rem;
        }

/*--------------- Toolbar Styling--------------------- */
.toolbar {
    display: flex;
    padding: 0 1.5rem;
}

.toolbar-left {
    flex-grow: 1;
}

    .toolbar-left .k-button.search-btn {
        width: 98.8%;
        justify-content: flex-start;
        color: #000 !important;
        border: 0.1rem solid #CED4DA !important;
    }

.k-button-text {
    display: flex
}

.toolbar .fa-chevron-down {
    position: absolute;
    right: .9rem;
}

.toolbar-left, .toolbar-right {
    display: flex;
    align-items: center;
}

.toolbar-right {
    gap: 1rem;
}

    .toolbar-right .filter-btn .k-button-text {
        display: flex;
        align-items: center;
    }

        .toolbar-right .filter-btn .k-button-text .fa-filter {
            margin: 0 .5rem 0 0;
            font-size: 1.3rem;
        }

/* Search Panel Styles */
.popover-search-container {
    padding: 1rem;
    box-shadow: 0px .4rem 1.3rem rgba(0, 0, 0, 0.2);
    width: 100%;
}

.search-popover .k-popover-body {
    padding-block: unset !important;
    padding-inline: unset !important;
}

.search-popover .k-popover-callout.k-callout-n,
.filter-popover .k-popover-callout.k-callout-n {
    display: none;
}

.collapse-btn {
    background: none;
    border: none;
    font-size: 1.2rem;
}

.search-popover .search-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    gap: 1rem;
}

.search-popover .search-buttons-left {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.search-popover .search-buttons-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.search-popover .search-buttons-right div {
    display: flex;
}



.no-data-found {
    display: flex;
    min-height: 47rem;
    border: .2rem dotted var(--gw-color-neutral-5);
    margin: 1.5rem;
    border-radius: .7rem;
    align-items: center;
    justify-content: center;
}

.no-data-found_pa {
    display: flex;
    margin: 1.5rem;
    align-items: center;
    justify-content: center;
    min-height: 35.9rem;
}

.no-data-found .nodata-img img {
    width: 4rem;
}
/*---------- Filter Popover CSS ---------*/
.filter-container .filter-header {
    display: flex;
}


    .filter-container .filter-header div {
        display: flex;
        flex-grow: 1;
        align-items: center;
        font-size: 2rem;
        font-weight: 600;
        padding: 0 0 0 1.8rem;
    }

.filter-container .row {
    margin: 0 !important;
}

    .filter-container .row .col-md-12 {
        margin-bottom: .5rem;
    }

.margin-tb {
    margin: 2.4rem 0;
}

.margin-tb-1 {
    margin: 1rem 0 1.6rem 0 !important;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.flex-1 {
    display: flex;
    flex-grow: 1;
}

.d-flex {
    display: flex;
}

.margin-tb-2 {
    margin: 2.4rem 0 !important
}

.full-width {
    width: 100%;
}

.filter-container .close-btn {
    border: none !important;
}

    .filter-container .close-btn:hover {
        background: transparent !important;
        background-color: transparent !important;
    }

/* Filter Popover CSS End Here---------*/
/*--Global CSS Changes--*/
.editor-label > label {
    color: var(--widget-label-font-color) !important;
    flex-grow: 1 !important;
    font-family: Arial, sans-serif !important;
    font-size: var(--widget-label-font-size) !important;
    font-weight: var(--font-weight-bold) !important;
    line-height: 1.8rem !important;
    margin-bottom: 0.45rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
}

.view-profile-row .editor-label > label {
    font-weight: var(--font-weight-normal) !important;
}
/*---Stepper CSS---*/
.k-wizard-horizontal {
    min-height: 51rem;
    box-shadow: none;
    margin-top: 1.5rem;
}

.user-stepTitle {
    top: 1.1rem;
    position: absolute;
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    width: 96%;
    border-bottom: .1rem solid #ccc;
    padding: 1rem 0;
    font-family: 'Poppins',sans-serif;
}

.stepReqText span {
    display: grid;
    top: .3rem;
    position: relative;
    padding: 0 .4rem;
}

.stepReqText {
    font-size: 1.4rem;
    color: var(--gw-color-pink);
    display: flex;
    justify-content: end;
    margin-right: 0.5rem;
}

.k-stepper {
    width: 13%;
    align-self: end;
    position: relative;
    top: 1.2rem;
}

    .k-stepper .k-step-list-horizontal .k-step-indicator {
        background-color: var( --gw-color-neutral-0) !important;
    }

    .k-stepper .k-step-current .k-step-indicator {
        border-color: var(--kendo-color-primary, #ff6358) !important;
    }

    .k-stepper .k-step-list-horizontal .k-step-indicator-text {
        display: none;
    }

    .k-stepper .k-step-indicator {
        width: 1.4rem !important;
        height: 1.4rem !important;
    }

    .k-stepper .k-step-done .k-step-indicator {
        background-color: var(--kendo-color-primary, #ff6358) !important;
        border-color: var(--kendo-color-primary, #ff6358) !important;
    }

.k-progressbar .k-selected {
    border-color: var(--kendo-color-primary-active, #d45349) !important;
    color: var(--kendo-color-on-primary, #fff) !important;
    background-color: var(--kendo-color-primary, #ff6358) !important;
}

.k-step-list-horizontal ~ .k-progressbar {
    top: 1rem !important;
    height: .1rem !important;
    background-color: var(--gw-color-neutral-4) !important;
}

.k-stepper .k-step-indicator::after {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

.k-wizard-buttons {
    display: flex;
    flex-direction: column;
}

.k-wizard-buttons-left {
    display: flex;
    justify-content: center;
}

    .k-wizard-buttons-left + span {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

.wizad-button-left {
    display: flex
}

.wizad-button-right {
    display: flex
}

.k-wizard-buttons-left {
    top: 3.4rem;
    position: relative;
    font-size: 1.4rem;
    color: var(--gw-color-neutral-6);
}

.org-info-pnl .editor-label label, .role-permission-pnl .editor-label label {
    font-weight: 200 !important;
    color: var(--gw-color-neutral-6);
}

.org-info-pnl .k-input input[aria-readonly="true"] {
    padding-left: 0 !important;
    font-weight: 600 !important;
}

.org-info-pnl .k-input.k-textbox > input[role="textbox"][readonly].k-input-inner,
.role-permission-pnl .k-input.k-textbox > input[role="textbox"][readonly].k-input-inner,
.org-info-pnl .k-input.k-maskedtextbox.inputPhoneStyleDefault > input[inputmode="phoneNumber"][readonly].k-input-inner {
    border: 0 !important;
    border-bottom: 0 !important;
}

.role-permission-pnl .k-input input[aria-readonly="true"] {
    padding-left: 0 !important;
    left: 0rem !important;
}

.org-biller-provd .editor-label > label {
    display: flex;
}

.org-biller-provd .k-radio-list-item .k-radio-label {
    margin-left: 0 !important;
}

.k-chip-solid-base-gry .editor-label {
    margin-bottom: 1rem;
}

.k-chip-solid-base-gry .k-chip-solid-base {
    padding: 0.6rem 0.8rem !important;
    background: var(--gw-color-neutral-3) !important;
    border: 0.1rem solid var(--gw-color-neutral-6) !important;
    border-radius: 10rem !important;
    color: var(--gw-brief-solutionIcons-color) !important;
    margin: .3rem;
}

#emailAddress {
    padding-left: 0 !important;
}

.org-info-pnl .fa-pen-to-square {
    display: flex;
    align-items: center;
    margin-right: .3rem;
}

.role-assign-pnl {
    border: 0.1rem solid var(--gw-color-neutral-3) !important;
    border-radius: 1rem;
    padding: 1rem;
}
/*----------Notifictaion CSS---------*/
.k-notification-group {
    top: 11rem !important;
    width: 88%;
    align-items: inherit !important;
    border-radius: 1rem;
}

    .k-notification-group .k-notification-content {
        padding: 1.5rem 1rem;
        font-size: 1.4rem;
    }

.k-notification-actions,
.k-notification-status {
    font-size: 1.5rem;
}
/*-------End of Notifictaion CSS-------- */
.sub-title-text {
    display: inline-flex;
    align-items: center;
}

    .sub-title-text .editor-req-field {
        color: var(--widget-label-required-field-color) !important;
    }

    .sub-title-text span {
        font-size: 1.4rem;
        color: var( --gw-color-neutral-6);
        margin: 0 0 0 .5rem;
    }

.email-availability-message {
    font-size: var(--font-size-small);
    margin-top: .5rem;
}

.text-success {
    color: var(--gw-color-green);
}

.text-danger {
    color: var(--gw-color-coral-shades-10);
}

    .text-danger .k-input-inner {
        border-color: red !important;
    }

.sub-txt {
    color: var(--gw-color-neutral-6);
    font-size: 1.4rem;
    font-weight: 200;
}

.masktext-bg-white .k-maskedtextbox {
    background-color: var(--gw-color-neutral-0) !important;
}

.masktext-bg-white .editor-field.maskedInput .editor-icon {
    padding: 0 !important;
    margin-left: 9.5rem !important;
}

.org-biller-provd .editor-icon {
    padding: 0 !important;
}

.org-biller-provd .radioButtonSizeDefault > .k-radio-list-item:focus-within {
    border-radius: 0.5rem !important;
    border: var(--widget-focus-outline) !important;
    padding: 0.6rem 0.6rem 0.1rem 0.1rem !important;
    margin-right: 2.0rem !important;
    margin-bottom: 0.4rem !important;
}

.org-info-pnl .checkboxDiv {
    margin-top: 0 !important;
}

.k-notification-success .k-notification-content span + span {
    position: absolute;
    right: .9rem;
    color: var(--gw-color-neutral-8);
}

.text-danger input[role="textbox"].k-input-inner {
    border-color: var(--gw-color-red) !important;
}


/*----------User Account Details CSS---------*/

.org-biller-provd .editor-field.maskedInput .editor-icon {
    margin-left: 1.5rem !important;
}

.org-biller-provd .editor-field.maskedInput > span.k-maskedtextbox.k-input {
    width: 100% !important;
}

.org-biller-provd .k-radio-list-item .k-radio-label {
    margin-left: 0 !important;
}


.btn-grp-pnll {
    margin: 5rem 0 2rem 1.5rem;
}

.edit-profile-btnn {
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    bottom: 0;
}

    .edit-profile-btnn .k-button {
        width: 90%;
    }

        .edit-profile-btnn .k-button .fa-pen-to-square {
            top: .3rem;
            position: relative;
        }

.update-profile-btnn {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    bottom: 0;
    padding: 0 .6rem;
}

.user-application-adm-pnl {
    display: flex;
    align-items: center;
    background-color: var(--gw-color-neutral-2);
    border-bottom: .1rem solid #17315A;
    padding: 2rem;
}

    .user-application-adm-pnl .application-adm-info {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

        .user-application-adm-pnl .application-adm-info span {
            font-size: 1.8rem;
            font-weight: 600;
            font-family: 'Poppins', Arial, Helvetica, sans-serif;
        }

            .user-application-adm-pnl .application-adm-info span + span {
                font-size: 1.6rem;
                font-weight: 400;
                line-height: 3rem;
            }
/*------Split Button CSS-------*/
.k-split-button {
    border: 1px solid var(--other-color-soft-blue) !important;
}

    .k-split-button .k-button {
        border: 0px !important;
        outline: 0;
        padding-right: 0 !important;
    }

        .k-split-button .k-button + .k-button {
            outline: none !important;
            background-color: var(--gw-color-neutral-0) !important;
            padding: 0 !important;
        }

        .k-split-button .k-button .fa-filter {
            position: relative;
            top: .4rem;
            margin-right: .7rem;
            font-size: 1.4rem;
        }

.split-button-items {
    font-size: 1.4rem !important;
    outline: none !important;
}

    .split-button-items .k-menu-link-text {
        display: flex;
        align-items: center;
    }

    .split-button-items .fa-solid {
        padding: 1rem;
        font-size: 1.4rem !important;
        outline: none !important;
    }

.user-information-list-group-item .profile-textPhoneInput .textPhoneInput {
    width: auto !important;
}

/*----------View Profile CSS---------*/
.my-profile-notification {
    width: 100%;
    height: 4rem;
    top: 0.5rem !important;
    z-index: 0;
}

    .my-profile-notification .k-notification-content a:link,
    .my-profile-notification .k-notification-content a:hover,
    .my-profile-notification .k-notification-content a:visited {
        font-weight: bold !important;
        color: var(--gw-primary-soft-black) !important;
        text-decoration: underline !important;
    }

    .my-profile-notification .k-notification {
        border: 0.1rem solid var(--gw-color-royal-blue-40);
        background: var(--gw-color-royal-blue-10);
        border-radius: 1rem;
    }

    .my-profile-notification.k-notification-group {
        position: relative;
    }

.update-password {
    z-index: 0;
}

.user-information-card-stake-holder {
    max-width: 29rem;
}

.user-information-list-group {
    padding-top: 0.6rem;
}

.edit-profile-btn {
    margin-top: 10rem;
    width: 90%;
    margin-left: 1.5rem;
}

.row.view-profile-row .checkboxOuterDiv {
    margin-top: -1rem;
    margin-left: -1rem;
    display: inline-flex;
}

.modal_info {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

    .modal_info .fa-info-circle {
        font-size: 3rem;
        color: var(--gw-color-royal-blue);
    }

.modal_info-text {
    display: flex;
    justify-content: center;
    font-family: 'Poppins',Arial,Helvetica,sans-serif;
    font-weight: 600;
    margin-bottom: 1rem;
}

.align-center {
    text-align: center;
}

/*----------User Access Review CSS --------*/
.user-record-review {
    max-height: 90% !important;
    min-height: 90% !important;
}
.admin-attestation {
    border-top: 1px solid rgba(206, 212, 218, 1);
    padding-top: 1.2rem;
}
.admin-attestation-text {
    font-weight: bold;
    cursor: pointer;
}
.required_fields {
    color: rgba(203, 26, 198, 1);
    font-size: 1.4rem;
    font-family: Arial;
}
.attest-checkbox {
    padding-right: 1rem;
}
.spacing-container {
    margin-bottom: 1.3rem;
}

.user-record-review .k-window-content .k-content {
    overflow: hidden;
}

.user-record-review .k-window-titlebar {
    background: white !important;
}

.k-tabstrip-item {
    cursor: pointer;
}

    .k-tabstrip-item:focus, k-tabstrip-item:active {
        border: none;
    }

.user-record-review .k-tabstrip .k-tabstrip-content {
    margin-top: 4px !important;
}

.user-profile-other {
    color: #0062FF;
}

.user-record-review {
    width: 80% !important;
    background: white !important;
}

.user-profile-card {
    /* Avatar Welcome */

    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 16px;
    height: 56px;
    /* AA Colors/Extended Palette/Royal Blue/Tints/Royal Blue 10% */
    background: #E5EFFF;
    /* AA Colors/Extended Palette/Royal Blue/Royal Blue */
    border: 1px solid #0062FF;
    border-radius: 5px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

/*----------View Profile CSS---------*/
.my-profile-notification {
    width: 100%;
    height: 4rem;
    top: 0.5rem !important;
    z-index: 0;
}

    .my-profile-notification .k-notification-content a:link,
    .my-profile-notification .k-notification-content a:hover,
    .my-profile-notification .k-notification-content a:visited {
        font-weight: bold !important;
        color: var(--gw-primary-soft-black) !important;
        text-decoration: underline !important;
    }

    .my-profile-notification .k-notification {
        border: 0.1rem solid var(--gw-color-royal-blue-40);
        background: var(--gw-color-royal-blue-10);
        border-radius: 1rem;
    }

    .my-profile-notification.k-notification-group {
        position: relative;
    }

.update-password {
    z-index: 0;
}

.user-information-card-stake-holder {
    max-width: 29rem;
}

.user-information-list-group {
    padding-top: 0.6rem;
}

.edit-profile-btn {
    margin-top: 10rem;
    width: 90%;
    margin-left: 1.5rem;
}

.row.view-profile-row .checkboxOuterDiv {
    margin-top: -1rem;
    margin-left: -1rem;
    display: inline-flex;
}

.modal_info {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

    .modal_info .fa-info-circle {
        font-size: 3rem;
        color: var(--gw-color-royal-blue);
    }

.modal_info-text {
    display: flex;
    justify-content: center;
    font-family: 'Poppins',Arial,Helvetica,sans-serif;
    font-weight: 600;
    margin-bottom: 1rem;
}

.align-center {
    text-align: center;
}

.ml-0 {
    margin-left: 0px !important;
}

.texbox-eyeIco a.view-npi:link, .texbox-eyeIco a.view-npi:visited {
    top: -3.6rem !important;
    right: -10.5rem !important;
}

.paddingleft-none-priority {
    padding-left: 0 !important;
}

/*---User history CSS---*/
.user-info-overlay {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    line-height: 2rem;
    padding: 0 1rem;
    align-items: center;
}

.user-label {
    margin-bottom: 0.25rem;
}

.user-underline {
    padding-bottom: 0.25rem;
    margin-bottom: 0;
    width: 95%
}

div.dateRangePicker {
    position: relative;
}

    div.dateRangePicker span.telerik-blazor.k-daterangepicker {
        width: 25.5rem;
        height: 4rem;
        border: 1px solid #5A6978 !important;
        border-radius: 0.5rem;
        padding-left: 1.2rem;
    }


        div.dateRangePicker span.telerik-blazor.k-daterangepicker span.k-floating-label-container {
            border: none;
            padding: 0;
        }


            div.dateRangePicker span.telerik-blazor.k-daterangepicker span.k-floating-label-container input.k-input-inner {
                font-size: 1.4rem;
                padding: 0;
                margin: 0;
            }


        div.dateRangePicker span.telerik-blazor.k-daterangepicker label.k-floating-label {
            display: none;
        }


        div.dateRangePicker span.telerik-blazor.k-daterangepicker span.k-dateinput.telerik-blazor.k-input.k-input-md.k-input-solid.k-rounded-md {
            border: none;
            background-color: transparent;
        }


        div .dateRangePicker span.telerik-blazor.k-daterangepicker span.k-floating-label-container span.k-dateinput.telerik-blazor.k-input.k-input-md.k-input-solid.k-rounded-md {
            border: none;
        }


    div.dateRangePicker i {
        font-size: 2rem;
        position: absolute;
        top: 3.5rem;
        left: 21.5rem;
    }


    div.dateRangePicker span.dateRangePicker-separator {
        font-size: 2rem;
        position: absolute;
        top: 3rem;
        left: 9.2rem;
        font-weight: normal;
    }


div.userHistoryUpdates {
    display: flex;
    justify-content: space-between;
    align-items: end;
}


    div.userHistoryUpdates button {
        height: 4rem;
    }


div.panel-body:before {
    display: none;
}


div.userHistoryUpdates {
    margin-top: 0;
    padding-top: 0;
    row-gap: 0;
}


div.dateHistoryGroupHeader {
    display: flex;
    flex-direction: row;
}


    div.dateHistoryGroupHeader > div.userUpdateHeaderLeft,
    div.dateHistoryItem > div.dateUpdateItemLeft {
        min-width: 13.7rem;
        font-family: Arial;
        font-size: 1.4rem;
        font-weight: 700;
        display: flex;
        justify-content: start;
        align-items: center;
        position: relative;
        padding: 0.8rem;
    }


    div.dateHistoryGroupHeader > div.userUpdateHeaderDate {
        font-size: 1.6rem;
        font-weight: 700;
        padding-left: 1rem;
    }


div.dateHistoryItem {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0.8rem 0 0.8rem 0;
}




    div.dateHistoryItem > div.dateUpdateItemRight {
        display: flex;
        flex-direction: row;
        align-content: center;
        border: 0.1rem solid #CED4DA;
        border-radius: 0.5rem;
        padding: 0rem 0rem 0rem 1.6rem;
        min-height: 6rem;
        width: 100%;
    }


        div.dateHistoryItem > div.dateUpdateItemRight > div.dateUpdateUser {
            display: flex;
            flex-direction: row;
            align-items: center;
            min-width: 20rem;
        }


            div.dateHistoryItem > div.dateUpdateItemRight > div.dateUpdateUser > div.user-information-avatar.user-information-avatar-48.user-information-avatar-blue-light {
                height: 2.4rem;
                width: 2.4rem;
                align-items: center;
            }


            div.dateHistoryItem > div.dateUpdateItemRight > div.dateUpdateUser > div.userUpdateName {
                margin-left: 0.8rem;
                font-family: Arial;
                font-size: 1.4rem;
                font-weight: 400;
                height: 100%;
            }


                div.dateHistoryItem > div.dateUpdateItemRight > div.dateUpdateUser > div.userUpdateName > p {
                    margin: 0;
                    height: 100%;
                    display: flex;
                    justify-content: start;
                    align-items: center;
                }


        div.dateHistoryItem > div.dateUpdateItemRight > div.userUpdateDescription {
            width: 100%;
            display: flex;
            align-items: center;
            font-family: Arial;
            font-weight: 400;
            font-size: 1.4rem;
        }


            div.dateHistoryItem > div.dateUpdateItemRight > div.userUpdateDescription > p {
                margin: 0;
                height: 100%;
                display: flex;
                justify-content: start;
                align-items: center;
            }


        div.dateHistoryItem > div.dateUpdateItemRight > div.userUpdateDetailButton {
            border-left: 0.1rem solid #CED4DA;
            min-width: 8.9rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }


div.verticalTimeLine {
    position: relative;
}


    div.verticalTimeLine:after {
        content: '';
        position: absolute;
        width: 0.1rem;
        background-color: #5A6978;
        top: 5.5rem;
        bottom: 3.5rem;
        left: 12.5rem;
        margin-left: -0.3rem;
    }


div.verticalTimeLineDot {
    width: 1.1rem;
    height: 1.1rem;
    border: 0.1rem solid #5A6978;
    border-radius: 0.5rem;
    background-color: #FFFFFF;
    position: absolute;
    right: 0.9rem;
    z-index: 1;
}

/* Super Admin - Choose an organization */
.logo-choose-organization {
    width: 50%;
}

.popup-choose-organization {
    background: var(--gw-color-neutral-0);
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 1.0rem;
    margin: 0 auto;
    padding: 3.0rem;
    width: 30%;
    position: relative;
}

.btn-choose-organization {
    width: 100%
}

.card-selected-organization {
    border-radius: 1.0rem;
    margin-bottom: 2.4rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-left: 2.5rem;
    border: .1rem solid var(--gw-color-coral-40);
    box-shadow: var(--widget-user-info-box-shadow);
}

.row-selected-organization {
    height: 3.5rem;
}

.org-selected-cls {
    padding-left: 0rem;
    padding-top: 0.5rem;
}

.org-name-cls {
    text-align: right;
    padding-top: 0.5rem;
}


.org-edit-cls {
    border-left: .1rem solid var(--gw-color-coral-40);
    height: 3.5rem;
    text-align: center;
    padding: 1rem 0 0 .5rem;
}

.createUserContainer {
    left: 2rem;
    border-radius: 1.0rem;
    border: 0.1rem solid var(--gw-color-neutral-4);
    gap: 4.0rem;
}

.role-permission-pnl {
    border-top: 0.1rem solid var(--gw-color-neutral-4);
    background: var(--gw-color-neutral-1);
    margin-bottom: 0 !important;
    padding: 1.5rem;
}

.role-name-pnl {
    padding: 1.5rem 1.5rem 0 1.5rem
}

.view-profile-row {
    border-top: 0.1rem solid var(--gw-color-neutral-4);
    background: var(--gw-color-neutral-1);
    margin-bottom: 0 !important;
    padding: 1.5rem 0;
}
/* End */

/*--- User Status : Active or Deactivated CSS---*/
.status-badge-normal {
    align-items: center;
    border: .2rem solid var(--gw-color-green);
    border-radius: 2rem;
    padding: .1rem 1.11rem;
    background-color: var(--gw-color-neutral-0);
    font-family: Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--gw-brief-solutionIcons-color);
    top: 1rem;
    right: 1rem;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    border: .2rem solid var(--gw-color-green);
    border-radius: 2rem;
    padding: .1rem 1.11rem;
    background-color: var(--gw-color-neutral-0);
    font-family: Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--gw-brief-solutionIcons-color);
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.status-dot-table {
    width: .9rem;
    height: .9rem;
    background-color: var(--gw-color-green);
    border-radius: 50%;
    margin-right: .8rem;
    display: inline-flex;
}

.status-dot {
    width: .9rem;
    height: .9rem;
    background-color: var(--gw-color-green);
    border-radius: 50%;
    margin-right: .8rem;
}

/* Modifier for deactivated state */
.status-badge.deactivated, .status-badge-normal.deactivated {
    border-color: var(--gw-color-coral-shades-10);
    background-color: var(--gw-color-neutral-0);
}

    .status-badge.deactivated .status-dot, .status-badge-normal.deactivated .status-dot {
        background-color: var(--gw-color-coral-shades-10);
    }

    .status-badge.deactivated .status-dot-table, .status-badge-normal.deactivated .status-dot-table {
        background-color: var(--gw-color-coral-shades-10);
    }

/* Attestation Report CSS */
.attestationreport {
    padding: 1rem 1.6rem;
}

    .attestationreport > span {
        color: var(--gw-color-neutral-6);
        font-size: 1.4rem;
        font-weight: 400;
        font-family: Arial, sans-serif;
        margin-bottom: 1rem;
        display: flex;
    }

    .attestationreport .k-listview {
        height: 47rem;
    }

    .attestationreport .k-listview-item {
        border: none !important;
        border-bottom: 0;
        padding: .9rem 0;
    }

    .attestationreport .k-pager-info {
        padding-left: 0 !important;
    }

    .attestationreport .listitems {
        padding-left: 0px;
        font-size: 14px;
        font-weight: 600;
    }

@media (max-width: 768px) {
    .attestationreport .k-listview {
        height: 42rem;
    }

    .attestationreport .k-listview-item {
        padding: .3rem 0;
    }

    div.k-tilelayout-item.k-card.tile-style1[aria-labelledby="My List"] {
        min-width: 20rem !important;
    }
}
/* End */