@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
/*Color Codes and Uses*/
/*Background:#242F3D */
/*Primary App Bar Background:#242F3D */
/*Primary Nav Menu Background:#202936 */
/*Tile Background, Grid Row Backgrounds, Entry page background:#202936 */
/*Secondary Buttons + Grid Headers: #376670*/
/*Grid Icon Buttons & checkbox and toggles: #5CA7A0*/
/*Button Text: 16point bold #EAE9E9*/
/*Font Color General Text and components: #EAE9E9*/
/*Button Background: #5A6A82*/
/*Button Background Hover: #F4772D*/
/*Button Background Active / OnClick: #376670#*/

:root {
    --compyl-color-primary: #F4772D;
    --compyl-color-secondary: #5A6A82;
    --compyl-color-secondary-light: #8E9EAD;
    --compyl-bg-color: #181F29;
    --compyl-color-success: #5CA7A0;
    --compyl-color-warning: #F4772D;
    --compyl-color-error: red;
    --compyl-color-info: #376670;
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    z-index: 1;
}


::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0) !important; /* Initial background color */
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--surface-high) !important;
        border-radius: 25px;
        transition: all 0.3s ease;
    }


html, body {
    min-height: 100vh;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}


.compyl-container {
    border-radius: 10px;
    background-color: #181F29;
}

/*.mud-dialog .mud-dialog-title .mud-button-close {
    visibility: hidden;
}*/



.compyl-warning-container {
    display: inline-flex;
    padding: 28px;
    flex-direction: column;
    align-items: center;
    gap: 21px;
    border-radius: 7px;
    /* background: #202936; */
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
    width: 451px;
    height: 282px;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9950;
}


.compyl-warning-icon {
    height: 98px;
    width: 98px;
}

.compyl-warning-text {
    text-align: center;
    width: 395px;
    height: 46px
}

.compyl-warning-reload-button {
    height: 40px;
    width: 92px;
    padding: 5px, 21px, 5px, 21px;
}


.compyl-accessdenied-page {
    /*background-color: transparent;
    width: 100%;
    height: 100%;
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9960 !important;*/
    /*    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9970 !important;
*/ width: 100%;
    height: 100%;
    background-color: #1E1E1E;
}

    .compyl-accessdenied-page::backdrop {
        display: none;
    }

.compyl-accessdenied-container {
    width: 100%;
    height: 100%;
}

.compyl-accessdenied-text-403 {
    text-align: center;
    position: absolute;
    width: 100%;
}

.compyl-accessdenied-text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 395px;
}

.compyl-accessdenied-text-message {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 445px;
}

.compyl-accessdenied-text-email {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 505px;
}

.compyl-pagenotfound-container {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9970 !important;
    width: 100%;
    height: 100%;
    background-color: #1E1E1E;
}

.compyl-pagenotfound-text-404 {
    position: absolute;
    width: 100%;
    text-align: center;
}

.compyl-pagenotfound-text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 380px;
    left: 0%;
}

.compyl-pagenotfound-text-back {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 23px;
    top: 440px;
    left: 0%;
}

.compyl-pagenotfound-icon {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 480px;
    left: 49.5%;
}

input[type="checkbox"]:checked + svg {
    fill: var(--info) !important;
}

input[type="checkbox"] + svg {
    fill: var(--border-primary) !important;
}

.mud-menu.grid-btn.compyl-menu > .mud-menu-activator > .mud-button-root.mud-button.mud-button-text.mud-button-text-default.mud-button-text-size-medium.compyl-button.btn-primary.btn-lg.btn.tertiary.btn-icon > .mud-button-label > .mud-button-icon-start.mud-button-icon-size-medium > .mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    margin-bottom: -2px;
}


.mud-radio-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    width: 250px;
}

    .mud-radio-group label {
        flex: 1;
        flex-basis: 50%;
        margin-right: 0px;
        margin-inline-end: 0px;
        padding-bottom: 4px;
        margin-top: -4px;
    }

    .mud-radio-group svg {
        fill: #EAE9E9 !important;
    }

.compyl-risk-category-container {
    background: #202936;
}

.risk-entry-scoring-container .mud-grid {
    margin-top: 16px;
    padding: 24px;
}




.mitigation-plan-container .mud-chip.mud-clickable {
    width: 100%;
}

.mitigation-plan-container > p {
    display: flex;
    justify-content: center;
}

.btn-primary {
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.compyl-nav-drawer {
    min-width: 70px;
    /* background: #202936 !important; */
    overflow-x: hidden;
}

    .compyl-nav-drawer > div.mud-drawer-content {
        min-width: 70px;
        /* background-color: #202936 !important; */
    }

.compyl-drawer-logo > div {
    gap: 2px;
}

.compyl-expansionpanel {
    background-color: #242F3D !important;
    border-radius: 5px !important;
    min-height: 0px !important;
}

.compyl-expansionpanel-content > div > div > div > .mud-expand-panel-content {
    background-color: #181F29;
}

.compyl-expansionpanel-controlset-content > div > div > .mud-grid {
    background-color: #181F29;
}


.button {
    background-color: #4CAF50; /* Green */
    border-radius: 10px;
    border: none;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
}

.btn-danger {
    background-color: #f44336;
}

.container {
    margin: 10px 5px 10px 5px;
}

.sidebar {
    min-height: 100vh;
}

.page {
    overflow-x: hidden;
    min-height: 100vh;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

#blazor-error-ui {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.90);
    z-index: 9995;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

/*Dev Express Customizations*/

/*Forms*/

.compyl-integration-tile .compyl-form-tile-description {
    overflow: hidden !important;
    padding-bottom: 0px !important;
}

.mud-form > .mud-input-control.mud-input-required.mud-input-error.mud-input-input-control.pt-4 {
    margin-top: 2.5rem !important;
}
/*Policy*/
.compyl-mudCard {
    background-color: transparent;
    border-radius: 10px !important;
    height: 196px !important;
    height: 196px !important;
    background-color: #202936 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

.compyl-mudCard-tile > span {
    width: 100%;
}

.compyl-tile {
    background-color: transparent;
    height: 100%;
    width: 100%;
}

.compyl-policy-tile {
    border-radius: 10px !important;
    /* background-color: #202936 !important; */
    padding: 0 !important;
    width: 100%;
    margin: 0 !important;
}

    .compyl-policy-tile > span {
        width: 100%;
    }

.compyl-tile-label {
    flex: none;
    order: 0;
    flex-grow: 0;
    text-transform: none;
}

.compyl-tile-value {
    flex: none;
    order: 0;
    text-transform: none;
}

.compyl-tile-title {
    height: 26px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.compyl-document-comparison {
    background-color: transparent;
}

.compyl-policy-dialog {
    border-radius: 10px;
    background: #5A6A82;
}



.compyl-policy-icon {
    width: 19px;
    height: 19px;
    flex: none;
    order: 0;
    flex-grow: 0;
}


.compyl-policy-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    gap: 10px;
    background: #5A6A82;
    border-radius: 5px;
    width: 144px;
    height: 23px;
    text-transform: none;
    flex: none;
    order: 0;
    flex-grow: 0;
    height: 40px;
}

.compyl-policy-editor {
    border: none;
    padding: 16px 16px 16px 16px;
}

.compyl-container-transparent.compyl-tile-title.flex-grow-1 {
    overflow: hidden;
}

.compyl-integration-tile div {
    overflow: hidden !important;
}
/*Grid Customizations*/
div#hubspot-messages-iframe-container {
    bottom: 10px !important;
    left: 10px !important;
    max-height: calc(100% - 80px) !important;
}


/****Detailed Grids / Nested Grids*/
.compyl-detailed-grid {
    padding-bottom: 1rem;
}

    .compyl-detailed-grid .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row th:nth-last-child(2) {
        border-radius: 0px !important;
    }

    .compyl-detailed-grid .dxbl-grid-action {
        background-color: #202936 !important;
        border-radius: 10px !important;
        border: solid gray 1px !important;
    }

.master-detail-container {
    display: block;
    padding-right: 26px;
    min-width: 500px;
}

/****Remove Indent on DXGrid Filter Row First Column when detail view is enabled*/
/*.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row > td.dxbl-grid-indent-cell{
    display:none;
}*/
/*********Remove Hyperlink style***********/
a, a:hover, a:focus, a:active {
    text-decoration: none;
}


/****MudBlazor Nav Styling Changes****/
.compyl-nav-menu {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .compyl-nav-menu.active {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

.mud-nav-item .active {
    background-color: #FFFFFF50 !important;
}

.mud-nav-group .mud-nav-link {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

/*****Main App Bar Styling****/
.compyl-nav-toggle {
    background-color: #ffffff20 !important;
    border-radius: 5px !important;
    width: 20px;
    height: 50px;
    position: fixed;
    padding: 0px;
    z-index: 1300;
    top: 0;
}

.compyl-help-center-button {
    background-color: transparent !important;
    padding: 0px !important;
    margin-right: 12px;
}

    .compyl-help-center-button .mud-icon-root {
        height: 25px;
        width: 25px;
    }

.compyl-app-bar-profile {
    background-color: transparent !important;
    padding: 0px !important;
    height: 23px !important;
    width: 23px !important;
    border-width: 3px !important;
    border-color: #8e9ead !important;
}

    .compyl-app-bar-profile:hover {
        border-color: white !important;
    }

.compyl-app-bar-iconmenu {
    background-color: transparent !important;
    padding: 0px !important;
}

    .compyl-app-bar-iconmenu .mud-icon-root {
        height: 25px;
        width: 25px;
        margin-right: -5px;
    }

.compyl-search {
    background-color: white;
    border-radius: 30px;
    height: 3rem;
}

/****MudBlazor Chip Styling Changes****/

div.mud-chip-color-secondary {
    background-color: #376670 !important;
    height: 2rem !important;
    border: none !important;
}

/*.mud-chip.mud-chip-size-medium {
    text-transform: uppercase;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

    .mud-chip.mud-chip-size-medium:hover {
        text-transform: uppercase;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;
    }*/

div.mud-chip-color-error {
    box-shadow: 0 0 3px #f44336ff;
    background-color: #f44336ff !important;
}

.compyl-validation-error-dialog {
    background-color: #202936;
}

/****MudBlazor Dialog Styling Changes****/
.mud-dialog {
    border-radius: 10px;
    /* border: 2px solid #5A6A82; */
}

/****File Dialog****/
.compyl-file-upload-dialog {
    border: 0.063rem solid var(--border-primary);
    border-radius: 0.25rem !important;
    overflow: hidden;
}

.compyl-file-upload-dialog-element-BG-transparent {
    background-color: transparent;
}

.compyl-file-upload-dialog-delete-icon {
    height: 18px;
    width: 15px;
    background-size: cover;
}




    .compyl-file-upload-dialog-delete-icon:hover {
        background-image: url('../icon/delete hover.svg');
    }


.compyl-file-upload-dialog-content {
    /* background-color: #202936; */
    border-style: dashed;
    /* border-color: #8E9EAD; */
}

.compyl-file-upload-dialog-expand-panel-container {
    background-color: transparent;
    border-style: dashed;
    /* border-color: #8E9EAD; */
}

.compyl-file-upload-dialog-expand-panel-outer-withfile {
    background-color: transparent;
    border-style: solid;
    /* border-color: #8E9EAD; */
}

.compyl-file-upload-dialog-expand-panel-outer-withoutfile {
    background-color: transparent;
    border: 0;
}

.compyl-file-upload-dialog-expand-panel-container > div.compyl-file-upload-dialog-expand-panel-outer-withfile {
    border-radius: 7px 7px 7px 7px;
}

.compyl-file-upload-dialog-expand-panel-child {
    background-color: transparent;
    border-style: solid;
}



    .compyl-file-upload-dialog-expand-panel-child > div.mud-expand-panel-header {
        padding: unset;
        overflow: hidden;
    }

        .compyl-file-upload-dialog-expand-panel-child > div.mud-expand-panel-header > div.mud-expand-panel-text > div.mud-toolbar {
            height: auto !important;
        }

.compyl-file-upload-actionbuttoncontainer {
    margin-top: 10px;
    background: transparent !important;
}

.compyl-file-upload-mudpaper {
    /*background-color: #5A6A82;*/
    /* background: #202936;
    border-color: #8E9EAD; */
    /*border-block-color: #5A6A82;*/
}

.compyl-file-upload-container {
}


.compyl-file-upload-actionbutton-cancel {
    background-color: #5A6A82;
    text-transform: none !important;
}

    .compyl-file-upload-actionbutton-cancel:hover {
        background-color: #404B5C;
    }



.compyl-file-upload-actionbutton-upload:disabled {
    background-color: #404B5C;
}

.compyl-file-upload-actionbutton-upload:hover {
    background-color: #376670;
}

.compyl-file-upload-expansionpanel {
    background: #202936;
}

.compyl-file-upload-input-area {
    opacity: 0;
    /*Ensures file upload area covers the entire box*/
    bottom: 3px;
    right: 2px;
}

div.mud-popover.mud-popover-fixed.mud-popover-open.mud-popover-top-left.mud-popover-anchor-top-left.mud-popover-overflow-flip-onopen {
    position: absolute !important;
    top: 50%;
    transform: translate(90%, 0);
}

.compyl-document-entry-background {
    background-color: transparent;
}


/* div.mud-tabs-panels.pa-6 button {
    border: none;
}
div.mud-tabs-panels.pa-6 button:hover {
    border: none;
} */
div.mud-tabs-panels.pa-6 button > span > svg {
    fill: var(--body-text) !important;
}

div.mud-paper.mud-elevation-0.my-2 > label {
    margin-bottom: 12px;
}
/***Query Builder Related Classes***/
.compyl-query {
    box-shadow: 0 0 3px #ec721c !important;
    background-color: #FAC9AB;
    border-radius: 20px;
}

    .compyl-query:hover {
        box-shadow: 0 0 3px #ec721c !important;
        border-radius: 20px;
        background-color: #ec721c !important;
    }




/***GridViews**/
/**Light Blue #D5E0E5***/
/**Query builder***/
/*.compyl-query-result-approved {
    background-color: rgba(0,255,0,.1) !important;
}

.compyl-query-result-declined {
    background-color: rgba(255,0,0,.1) !important;
     Other styling options remain the same as completed-query 
}*/

/*.query-results-container {
    background-color: #202936;
}

    .query-results-container .mud-paper {
        background-color: #202936;
    }

    .query-results-container .compyl-save-button {
        width: fit-content;
    }

        .query-results-container .compyl-save-button:hover {
            width: fit-content;
        }

.query-results-grid {
    background-color: #202936;
}

.query-results-table {
    background-color: #202936;
}

    .query-results-table svg {
        fill: #EAE9E9 !important;
    }

.query-decline-dialog + .mud-dialog {
    background-color: #202936;
}

    .query-decline-dialog + .mud-dialog .compyl-save-button {
        width: fit-content;
    }*/


/**Risk HeatMap***/
.compyl-heatmap-low {
    background-color: #00c853ff;
    border-radius: 0;
}

.compyl-heatmap-medium {
    background-color: #ff9800ff;
    border-radius: 0;
}

.compyl-heatmap-high {
    background-color: #f44336ff;
    border-radius: 0;
}




.mud-expanded:hover {
    /*****taken from Color Palette****/
    background-color: #ffffff30 !important;
}

.mud-expanded {
    /*****taken from Color Palette****/
    background-color: #ffffff30 !important;
}

.mud-nav-link-text {
}

.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
}

div.mud-drawer-content > div.mud-navmenu > div {
    margin-top: 10px;
    margin-bottom: 10px;
}


/*****Custom Views*****/
.compyl-visible-fields {
}

.compyl-hidden-fields {
}

.compyl-discussion-left {
    justify-content: flex-start;
    display: flex;
}

.compyl-discussion-right {
    justify-content: flex-end;
    display: flex;
}
/***MUDTABS Customization*/

/*Make all vertical Tabs full width*/

.mud-tabs-vertical .d-inline-block {
    width: 100% !important;
    max-width: 300px;
}

.compyl-appbar {
    position: relative;
    text-align: center;
}

.compyl-component-background {
    background: var(--body);
}

/******Home Page Styling*****/
.compyl-overall-compliance-tile {
    background-color: #202936;
    margin: auto;
    border-radius: 10px;
    padding: 10px;
}

    .compyl-overall-compliance-tile > div.mud-card-content {
    }

.mud-paper.mud-elevation-1.mud-card.compyl-homepage-tile.compyl-enabled-controlsets {
    justify-content: start;
}

.compyl-homepage-tile {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    padding: 10px;
}

    .compyl-homepage-tile .mud-card-content {
        padding-bottom: 15px !important;
    }

/******Home Page Stats Tiles******/
.compyl-homepage-stats {
    font-weight: 500 !important;
}

.compyl-homepage-stats-header {
    font-size: 1.3em;
}

.compyl-homepage-stats-container {
    font-weight: 500;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 5px !important;
}

.compyl-enabled-controlsets {
    overflow-y: auto;
}

    .compyl-enabled-controlsets .mud-card-content {
        width: 100%;
        text-align: center !important;
    }


.compyl-controlset-table {
    background-color: transparent;
    width: 100%;
}

    .compyl-controlset-table .mud-table-cell {
        background-color: transparent;
        padding: 0px;
        border: 0px;
    }

.compyl-homepage-tile .mud-card-content {
    text-align: end;
}

div.apexcharts-menu-item.exportSVG:hover {
    background-color: #232936 !important;
}

div.apexcharts-menu-item.exportPNG:hover {
    background-color: #232936 !important;
}

div.apexcharts-menu-item.exportCSV:hover {
    background-color: #232936 !important;
}


.dashboard-designer-tile .mud-card-actions {
    width: 100%;
}

.compyl-main-dashboard-icon {
    padding: 4px;
    border-radius: 10px;
    height: 4rem;
}

.compyl-open-risks {
    background-color: #B7291E;
}

.compyl-management-tasks {
    background-color: #183C49;
}

.compyl-checks-review {
    background-color: #349289;
}

.compyl-system-count {
    background-color: #F3A944;
}

.compyl-residual-risk {
    background-color: #EC721C;
}

.compyl-checks-passed {
    background-color: #1B1E1F;
}

.compyl-main-dashboard-overall-compliance-icon {
    padding: 4px;
    border-radius: 10px;
    height: 125px;
    width: 125px;
}

.compliance-dashboard-link-tooltip {
    width: fit-content;
}

.compyl-overall-compliance-trend-up {
    background-color: green;
}

.compyl-overall-compliance-trend-down {
    background-color: red;
}

.compyl-overall-compliance-trend-same {
    background-color: orange;
}
/******Progress Bars******/
.mud-progress-linear-bars {
    border: solid 1px;
}

/****AI Style*****/

div.compyl-ai-button:hover {
    background-color: #404B5C !important;
}

div.compyl-ai-button {
    width: 152px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5A6A82 !important;
    word-wrap: break-word;
    text-align: center;
    top: 10px !important;
}

div.compyl-ai-button-generate-vendor {
    width: 245px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5A6A82 !important;
    word-wrap: break-word;
    text-align: center;
    margin-bottom: 12px;
    margin-top: -8px;
}

    div.compyl-ai-button-generate-vendor:hover {
        background-color: #404B5C !important;
    }

    div.compyl-ai-button-generate-vendor > span.mud-chip-content > p.mud-typography {
        margin-left: 5px;
    }

div.compyl-ai-button > span.mud-chip-content > p.mud-typography {
    margin-left: 5px;
}

/******Save Buttons******/
div.compyl-save-grid-config-button {
    max-width: 100%;
    border-radius: 5px !important;
    height: 24px !important;
    background-color: #5CA7A0 !important;
    word-wrap: break-word;
    text-align: center;
    text-transform: none !important;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

    div.compyl-save-grid-config-button:hover {
        background-color: #376670 !important;
        text-transform: none !important;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;
    }

div.compyl-save-button {
    min-width: 147px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5CA7A0 !important;
    word-wrap: break-word;
    text-align: center;
    text-transform: none !important;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

    div.compyl-save-button:hover {
        background-color: #376670 !important;
        text-transform: none !important;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;
    }

button.compyl-save-button {
    width: 147px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5CA7A0 !important;
    word-wrap: break-word;
    text-align: center;
    text-transform: none !important;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}


    button.compyl-save-button:hover {
        background-color: #376670 !important;
        text-transform: none !important;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;
    }

button.mud-button-root.mud-button.compyl-save-button {
    text-transform: none !important;
}

div.compyl-save-button-settings {
    width: 147px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5CA7A0 !important;
    word-wrap: break-word;
    text-align: center;
    text-transform: none !important;
}

    div.compyl-save-button-settings:hover {
        width: 147px;
        border-radius: 5px !important;
        height: 40px !important;
        background-color: #376670 !important;
        word-wrap: break-word;
        text-align: center;
    }


/*****Upload button*******/
.compyl-upload-button {
    min-width: 150px;
    border-radius: 10px !important;
    height: 58px !important;
    background-color: #303D55 !important;
    text-align: center;
}

.compyl-textgeneration-dialog {
    background-color: #202936;
    border-radius: 7px !important;
    min-height: 300px;
    min-width: 750px;
    overflow-y: auto;
}

.compyl-adddetail-button {
    background-color: transparent !important;
    text-align: center;
    text-transform: initial;
}

.compyl-adddetail-icon {
    background-color: transparent !important;
    height: 25px;
    width: 25px;
}


.compyl-textgenerate-button {
    width: 200px;
    border-radius: 7px !important;
    height: 40px !important;
    background-color: #5A6A82 !important;
    text-transform: initial;
}

    .compyl-textgenerate-button:hover {
        background-color: #404B5C !important;
    }


.compyl-textaccept-button {
    width: 200px;
    border-radius: 7px !important;
    height: 40px !important;
    background-color: #F4772D !important;
    text-transform: initial;
}

    .compyl-textaccept-button:hover {
        background-color: #A8521F !important;
    }

.compyl-loading-dialog {
    /* background-color: #202936; */
    border-radius: 7px !important;
    height: 230px;
    width: 350px;
}

.compyl-loading-dialog-icon {
    min-height: 100px;
    min-width: 100px;
}

.compyl-delete-dialog {
    background-color: #202936;
    border-radius: 7px !important;
}

.compyl-delete-dialog-paper {
    background-color: transparent !important;
    justify-content: center;
    flex-grow: 1;
    gap: 16px;
    display: flex;
}

.compyl-delete-dialog-icon {
    height: 100px;
    width: 100px;
}

.compyl-popup-delete-button {
    background-color: #5CA7A0 !important;
    border: none;
    border-radius: 5px !important;
    /*box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;*/
    text-align: center;
    text-transform: none !important;
}

    .compyl-popup-delete-button:hover {
        background-color: #376670 !important;
    }


div.compyl-delete-button {
    min-width: 93px;
    border: none;
    border-radius: 7px !important;
    height: 40px !important;
    background-color: #ff0000 !important;
    padding: 5px 21px;
    align-items: center;
    flex-shrink: 0;
    text-transform: capitalize !important;
}

    div.compyl-delete-button:hover {
        background-color: #B20000 !important;
    }

    div.compyl-delete-button:disabled {
        background-color: white !important;
    }

div.compyl-cancel-button {
    min-width: 93px;
    border: none;
    border-radius: 7px !important;
    height: 40px !important;
    background-color: #5A6A82 !important;
    padding: 5px 21px;
    align-items: center;
    flex-shrink: 0;
    text-transform: capitalize !important;
}

    div.compyl-cancel-button:hover {
        background-color: #404B5C !important;
    }

/***Lookup Fields****/

.compyl-lookup-field-dialog {
    background-color: #181f29;
    border-radius: 0px;
    box-shadow: none;
    max-height: 80vh;
}

.compyl-lookup-field-text {
}

div.compyl-lookup-btn:hover {
    background-color: #404B5C !important;
}

div.compyl-lookup-btn {
    width: 195px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5A6A82 !important;
    word-wrap: break-word;
    text-align: center;
    top: 10px !important;
    text-transform: none;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;
}

    div.compyl-lookup-btn:hover {
        width: 195px;
        border-radius: 5px !important;
        height: 40px !important;
        background-color: #404B5C !important;
        word-wrap: break-word;
        text-align: center;
        top: 10px !important;
        text-transform: none;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;
    }

    div.compyl-lookup-btn > span.mud-chip-content {
        text-transform: none;
        /*box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;*/
    }

.compyl-lookup-field-dialog > div.mud-dialog-title > button.mud-button-close {
    display: none;
}


/***Security Policies Styling**/
.policy-tile {
    width: 100%;
    height: auto;
    border-radius: 10px !important;
    /* background-color: #202936 !important; */
    padding: 0 !important;
    width: 100%;
    margin: 0 !important;
}

.policy-title {
    white-space: normal;
}

.compyl-policy {
    height: 56rem;
    max-height: 70vh;
}

/*.mud-tabs.mud-tabs-rounded.mud-paper-outlined.mud-tabs-vertical.mt-2 > .mud-tabs-panels.mud-tabs-vertical.compyl-panel-class.pa-6 > .mud-paper.mud-elevation-0.compyl-entry-form.d-flex.justify-start.flex-grow-1.gap-4 {
    position: relative;
}

    .mud-tabs.mud-tabs-rounded.mud-paper-outlined.mud-tabs-vertical.mt-2 > .mud-tabs-panels.mud-tabs-vertical.compyl-panel-class.pa-6 > .mud-paper.mud-elevation-0.compyl-entry-form.d-flex.justify-start.flex-grow-1.gap-4 > .d-flex.flex-row.gap-3 {
        position: sticky;
        left: 30%;
    }*/


.compyl-panel-class {
    width: 100% !important;
    display: inline !important;
}

.compyl-icon-button-policy-tile {
    flex: 0 0 auto;
    padding: 2px;
    overflow: visible;
    text-align: center;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: 50%;
}

.compyl-policy-token-panel {
    overflow: auto;
}

/***Alert Styling - MudAlert***/
.compyl-alert-info {
    background-color: rgba(234,233,233, .1) !important;
}
/**Assessments Styling**/
.mud-tab-active {
    background-color: #F3F9F8;
}

.question-set-add-choice {
    padding: 24px;
}

.assessment-preview-tab > div.mud-tabs-tabbar {
    border: none;
}

.assessment-preview-tab > div > div.mud-tabs-tabbar-inner {
    padding: 10px;
    padding-bottom: 14px;
    border-radius: 0px 0px 0px 8px;
}

    .assessment-preview-tab > div > div.mud-tabs-tabbar-inner > div > div {
        gap: 8px;
    }

        .assessment-preview-tab > div > div.mud-tabs-tabbar-inner > div > div > div {
            border-radius: 5px;
        }

            .assessment-preview-tab > div > div.mud-tabs-tabbar-inner > div > div > div > div {
                border-radius: 5px;
            }

div.mud-tabs-panels.assessment-preview-tab-panel > div > div.mud-tabs-tabbar.mud-tabs-rounded.mud-tabs-vertical.mud-tabs-border-left.mud-paper-outlined > div > div > div > div > div.mud-tab-active {
}

div.mud-tabs.mud-tabs-rounded.compyl-entry-tab > div.mud-tabs-panels.assessment-preview-tab-panel > div > div.mud-tabs-tabbar.mud-tabs-rounded.mud-tabs-vertical.mud-tabs-border-left.mud-paper-outlined > div > div > div > div > div.mud-tab {
    width: 300px;
    border: none;
    height: auto !important;
}

.assessment-section-progress {
    padding: 8px;
}

.assessment-section-tabs .mud-tabs-tabbar-wrapper {
    width: 100%;
}

.assessment-section-tabs .mud-tabs-tabbar {
    background: transparent;
    border-right: 1px solid grey;
}

.assessment-main-tabs .mud-tabs-tabbar {
    background: transparent;
    padding-top: 12px;
}

.assessment-main-tabs .mud-tab-active {
    background: transparent;
}

.assessment-main-tabs > div > div > div > div > div.mud-tooltip-root {
    border: 1px solid rgba(52,146,137,1);
    border-radius: 10px 10px 0px 0px;
    background-color: rgba(52,146,137,1);
    margin-right: 10px;
}

.mud-tabs-vertical .mud-tab {
    text-transform: none;
}

.mud-tabs-vertical .mud-tab {
    border-bottom-width: thin;
    border-bottom-color: #ccc;
}

.question-branching-panel {
    border-radius: 7px !important;
}


    .question-branching-panel .mud-radio-group {
        flex-wrap: nowrap;
        width: 100%;
        padding: 8px;
        align-items: center;
        /*    flex-direction: row;*/
    }

    .question-branching-panel > div > div > div > div.mud-expand-panel-content {
        padding-top: 12px;
    }

    .question-branching-panel > div.mud-expand-panel-header {
        padding-top: 8px;
        padding-bottom: 8px;
        height: 40px;
        padding-left: 12px;
    }

.question-branching-panel-button {
    border-radius: 7px;
    background: #202936;
    text-transform: none;
}

    .question-branching-panel-button.question-active-branch-type {
        border-radius: 7px;
    }


.question-branching-panel .mud-input-control.mud-select {
    padding: 0 !important;
}

.question-branching-panel .mud-select {
    margin-top: 0;
}

.mud-panel-expanded.question-branching-panel > div.mud-expand-panel-header {
    padding-top: 8px;
    padding-bottom: 8px;
    height: 40px;
    padding-left: 12px;
}

.mud-panel-expanded.question-branching-panel > div > div > div > div.mud-expand-panel-content {
    padding: 12px;
}

.assessment-preview-section-container {
    border-radius: 0px 0px 7px 0px;
    background: #202936;
}

.assessement-section-answer-set-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
}

.assessment-preview-child-tab .mud-tabs-panel-header-after {
    flex: 0;
}


.assessment-preview-child-tab .mud-tab {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px;
}



.assessment-preview-child-tab-panel .mud-expand-panel-content {
    padding: 24px;
}



div.mud-tabs-panels.assessment-preview-tab-panel > div > div.mud-tabs-tabbar.mud-tabs-rounded.mud-tabs-vertical.mud-tabs-border-left.mud-paper-outlined > div {
    padding: 10px;
}

.assesmsent-builder-delete-question-btn {
    width: fit-content;
    align-self: end;
}

.compyl-form-entry {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mud-paper.mud-paper-outlined.mud-card.border-solid.border-2 {
    background-color: transparent !important;
}


div.compyl-cia-button:hover {
    background-color: #F4772D !important;
}

div.compyl-cia-button {
    width: 250px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5A6A82 !important;
    word-wrap: break-word;
    text-align: center;
}


.compyl-cia-slider-container .mud-toolbar {
    justify-content: center;
}

.compyl-cia-slider-container .mud-grid-item-xs-12 {
    height: 150px;
    margin-bottom: 24px;
}

    .compyl-cia-slider-container .mud-grid-item-xs-12 .d-flex {
        justify-content: center;
        align-items: center;
    }

.compyl-cia-slider-container .mud-typography.mud-typography-body1 {
    height: 96px;
}

.compyl-cia-slider-container .mud-slider {
    width: 85%;
}


    .compyl-entry-dialog > div.mud-dialog-title {
        padding-bottom: 0px;

    }
.compyl-loading-dialog.compyl-loading-task {
    position: fixed; /* Fixed position relative to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust the position to truly center based on the element's size */
    z-index: 1050;
}



body > div.page > div > div > div > div.mud-container.mud-container-maxwidth-xxl.compyl-body > div.mud-paper.mud-elevation-5.compyl-grid-container > div > form > div > div.mud-card-content > div {
    box-shadow: none;
}

.assessment-preview-child-tab .mud-tabs-tabbar {
    width: 320px;
    height: 800px;
    overflow-y: scroll;
}

.assessment-preview-child-tab .mud-tab {
    background: #2F3C4F !important;
}

.assessment-preview-child-tab .mud-tabs-tabbar-inner {
    padding: 10px;
}

.assessment-preview-child-tab .mud-tab-slider {
    display: none;
}

.assessment-preview-tab .mud-tab-slider {
    display: none;
}

.assessment-preview-child-tab .mud-tabs-tabbar-wrapper {
    width: 100%;
    gap: 8px;
}

    .assessment-preview-child-tab .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        width: 100%;
    }

    .assessment-preview-child-tab .mud-tabs-tabbar-wrapper .mud-ripple {
        border-radius: 5px;
        border: none;
    }

.assessment-preview-child-tab .mud-tabs-panel-header-after .mud-tooltip-root {
    display: flex;
    justify-content: end;
}

    .assessment-preview-child-tab .mud-tabs-panel-header-after .mud-tooltip-root button {
        margin-right: -15px;
        margin-top: 4px;
    }

.assessment-preview-child-tab .mud-tab.mud-tab-active svg {
    fill: #FFFFFF !important;
    width: 100%;
}

.assessment-preview-child-tab .mud-tab svg {
    fill: #70747A;
    width: 100%;
}


.assessment-preview-child-tab .mud-tab.mud-tab-active {
    background: #5A6A82 !important;
}

.assessment-preview-child-tab-panel .mud-expand-panel svg {
    fill: #70747A;
}


.assessment-preview-child-tab .mud-tabs-header .mud-button-root {
    margin-right: -13.5px;
}

    .assessment-preview-child-tab .mud-tabs-header .mud-button-root svg {
        fill: #70747A;
    }

div.mud-card-content > form > div > div.mud-tabs-tabbar > div > div > div {
    gap: 16px !important;
    flex-grow: 1 !important;
}

/*div.mud-paper.mud-elevation-0.d-flex.align-center.flex-grow-1.gap-4 > div > div > div > div > div.mud-card-content > form > div > div.mud-tabs-panels.pa-6 {
    background-color: #202936;
}*/


.task-driver-mudchip {
    border-radius: 10px !important;
    background-color: #2F3C4F !important;
    width: 100%;
    min-height: 32px;
    height: fit-content !important;
}


    .task-driver-mudchip .mud-chip-content {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between;
        text-wrap: wrap;
    }


body > div.page > div > div > div > div.mud-container.mud-container-maxwidth-xxl.compyl-body > div.mud-paper.mud-elevation-5.compyl-grid-container {
    box-shadow: none !important;
}

    body > div.page > div > div > div > div.mud-container.mud-container-maxwidth-xxl.compyl-body > div.mud-paper.mud-elevation-5.compyl-grid-container > div > form > div.mud-paper.mud-elevation-0.mud-card > div.mud-card-content > div > div.mud-tabs-panels.pa-6 > div.mud-table.mud-sm-table.mud-table-dense.mud-table-hover.mud-elevation-1 {
        background-color: #181F29;
    }

    body > div.page > div > div > div > div.mud-container.mud-container-maxwidth-xxl.compyl-body > div.mud-paper.mud-elevation-5.compyl-grid-container .mud-table-row svg {
        fill: #8e8e8e
    }

    body > div.page > div > div > div > div.mud-container.mud-container-maxwidth-xxl.compyl-body > div.mud-paper.mud-elevation-5.compyl-grid-container > div > form > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        body > div.page > div > div > div > div.mud-container.mud-container-maxwidth-xxl.compyl-body > div.mud-paper.mud-elevation-5.compyl-grid-container > div > form > div:nth-child(2) > button {
            margin-top: 0px !important;
        }

            body > div.page > div > div > div > div.mud-container.mud-container-maxwidth-xxl.compyl-body > div.mud-paper.mud-elevation-5.compyl-grid-container > div > form > div:nth-child(2) > button > span > svg {
                fill: #8e8e8e
            }

/*.compyl-entry-grid-alt .d-flex.flex-column.gap-3 {
    width: 100%;
    justify-content: start;
    gap: 0 !important;
}

.compyl-entry-grid-alt .compyl-entry-grid-item .flex-row .d-flex.flex-column.gap-3 {
    width: fit-content;
    margin-right: 12px;
}

.compyl-entry-grid-alt .d-flex.flex-row.gap-3 {
    gap: 0 !important;
}

.compyl-entry-grid .d-flex.flex-row.gap-3 {
    gap: 0 !important;
}

.compyl-entry-grid .mud-radio-group .mud-icon-button {
    padding: 7px;
}

.compyl-entry-grid-alt .mud-grid-item.mud-grid-item-xs-3.compyl-entry-grid-item {
    margin-left: 24px;
}


    .compyl-entry-grid-alt .mud-grid-item.mud-grid-item-xs-3.compyl-entry-grid-item + .mud-grid-item-xs-6 {
        flex-basis: 45%;
    }*/

.jira-ticket-panel {
    background-color: #2F3C4F;
}

    .jira-ticket-panel .mud-expand-panel-content {
        padding-top: 2rem;
    }

.taskboard-toolbar {
    width: 100%;
    height: 55px !important;
    padding: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    align-items: flex-end;
    justify-content: space-between !important;
}

.taskboard-toolbar-item {
    flex-grow: 0 !important;
    margin-top: 0px !important;
}

    .taskboard-toolbar-item .mud-list {
        background-color: #202936;
    }

    .taskboard-toolbar-item .mud-ripple:hover {
        background-color: #5A6A82;
    }

    .taskboard-toolbar-item .mud-ripple:hover {
        background-color: #5A6A82;
    }

.taskboard-toolbar-list {
    border-radius: 7px;
    border: 1px solid #5A6A82;
    background-color: #202936;
    overflow-y: clip;
}

    .taskboard-toolbar-list .mud-list-extended.mud-list-padding-extended {
        border-radius: 7px;
        border: 1px solid #5A6A82;
        background-color: #202936;
    }

    .taskboard-toolbar-list .mud-list-subheader-gutters-extended {
        border-radius: 7px;
        border: 1px solid #5A6A82;
        background-color: #202936 !important;
        width: 100%;
    }

    .taskboard-toolbar-list .mud-list-item-extended.mud-list-item-dense-extended:hover {
        border-radius: 7px;
        background: #5A6A82;
    }

.taskboard-toolbar-list-item:hover {
    border-radius: 7px;
    background: #5A6A82;
}

.taskboard-toolbar .taskboard-toolbar-searchbar {
    width: 16%;
}

.taskboard-toolbar .taskboard-toolbar-requirements {
    width: 14%;
}

.taskboard-toolbar .taskboard-toolbar-assignee {
    width: 18%;
    height: 40px !important;
}

.taskboard-toolbar .taskboard-toolbar-due-in {
    width: 8%;
}


.taskboard-toolbar .taskboard-toolbar-automated {
    width: 10%;
}

.taskboard-toolbar .mud-menu {
    height: 40px;
    width: 40px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 7px;
    background: #5A6A82;
    margin-top: 16px;
}

.taskboard-toolbar #add-entry-button {
    margin-left: 0px !important;
}

.requirement-mudchip {
    border-radius: 7px !important;
    background-color: #168AAD !important;
    height: 28px !important;
}

.taskboard-dropcontainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .taskboard-dropcontainer .mud-toolbar {
        border-radius: 7px;
        height: 28px;
        margin: 10px;
        justify-content: center;
    }

    .taskboard-dropcontainer .mud-typography-caption {
        height: 23px;
        flex-basis: 100%;
    }

.taskboard-dropzone {
    border-radius: 7px;
    background: #202936;
    width: 32.5%;
    min-height: 90vh;
    flex-shrink: 0;
}

    .taskboard-dropzone .mud-drop-zone {
        max-height: 90vh;
        overflow-y: auto;
    }

.taskboard-card {
    margin: 10px;
    border-radius: 7px;
    padding: 7px;
    background: #181F29;
    height: fit-content;
    min-height: 132px;
    display: flex;
    flex-direction: column;
    cursor: auto;
}

.taskboard-card-disabled {
    opacity: .6
}

.taskboard-card-draggable {
    cursor: grab !important;
}

.taskboard-card .mud-card-content {
    padding: 0px !important;
}

.taskboard-automated-identifier-mudchip {
    border-radius: 5px !important;
    background: #5A6A82;
    width: 21px !important;
    height: 21px !important;
    margin: 0px;
    margin-right: 7px;
}

    .taskboard-automated-identifier-mudchip:hover {
        border-radius: 5px !important;
        background: #5A6A82 !important;
        width: 21px !important;
        height: 21px !important;
        margin: 0px;
        margin-right: 7px;
    }

.taskboard-automated-identifer-mudchip-draggable {
    background: #168AAD !important;
}

.taskboard-automated-identifier-mudchip .mud-chip-content {
    text-align: center;
    justify-content: center;
}

.taskboard-card .taskboard-card-requirement-text {
    display: inline;
}

.taskboard-card .mud-card-header {
    padding: 0px !important;
    height: 66px;
    align-items: flex-start;
}

    .taskboard-card .mud-card-header .mud-card-header-content .mud-typography {
        margin-bottom: 0;
        display: inline;
    }

.taskboard-card .mud-card-actions {
    padding: 0px !important;
    height: 33px;
    justify-content: space-between;
}

    .taskboard-card .mud-card-actions .mud-ripple {
        padding: 0px !important;
        width: 20px;
    }

    .taskboard-card .mud-card-actions .mud-popover-cascading-value {
        position: absolute;
    }

.discussion-popover.mud-popover.mud-popover-open {
    display: flex;
    flex-direction: column;
    align-items: end;
    background-color: Transparent;
}

.discussion-popover button {
    padding: 4px;
}

.discussion-popover svg {
    fill: #EAE9E9 !important;
}

.discussion-popover {
    display: flex;
    flex-direction: column;
    align-items: end;
    background-color: Transparent;
}


    .discussion-popover .compyl-discussion-component {
        margin-left: 0px;
        padding-top: 0px;
    }

/*Mud Popover Select MudSelect List styling*/
/* div.mud-popover.mud-popover-open {
    background-color: #181F29 !important;
} */

/*Compyl History Components*/

.compyl-history-page {
    position: relative !important;
    top: 10px !important;
    left: 10px !important;
    background-color: transparent !important;
    overflow: hidden !important;
    height: 100% !important;
    width: 100% !important;
    margin-bottom: 10px;
    border-color: #8E9EAD !important;
    border-width: thin;
}

.compyl-history-table {
    background-color: transparent;
}

.assessment-section-tabs .mud-tooltip-root {
    width: 100%;
}

/* .assessment-section-tabs .not-started {
    color: #F44336 !important;
}

.assessment-section-tabs .in-progress {
    color: #FFEB3B !important;
}

.assessment-section-tabs .completed {
    color: #4CAF50 !important;
} */

.assessmententrypanels {
    border-bottom-width: thin;
    border-bottom-color: #ccc;
}

.noncompliant-question {
    background-color: rgba(255, 0, 0, 0.25);
}
/**Dynamic Forms Styling**/
.compyl-form-btn {
    background-color: #FFAE74 !important;
    height: 2rem !important;
    border: none !important;
    border-radius: 25px;
}

div.mud-tooltip-root.mud-tooltip-inline > div.mud-tab.mud-tab-active.mud-ripple.dynamic-form-tabs {
    /*border-bottom: 2px solid var(--mud-palette-primary);*/
    background: #376670 !important;
    border-radius: 10px 10px 0px 0px !important;
    text-transform: none;
}

.dynamic-form-entry-dialog .mud-tab-slider.mud-tab-slider-horizontal {
    height: 0px !important;
}

/****Checks Dashboard****/
.transparent-background-dashboard {
    background: transparent;
}
/****Assessments Summary*****/
.compyl-assessment-summary-feature {
    width: 100% !important;
}

.full-bordered {
    border: solid 1px black;
}
/**Compyl Standardized Card - Apply to All Widgets and components without backgrounds and popups***/
.compyl-standard-card {
    margin: auto;
    border-radius: 10px;
}
/*


.mud-tab.mud-tab-active {
    border-bottom: black 4px solid;
}


div.mud-tabs-vertical > div.d-inline-block > div.mud-tab-active {
    border-bottom: thin solid !important;
}*/

.compyl-discussion-component {
    padding: 12px;
    border-radius: 7px;
    margin-left: 8px;
}

.compyl-discussion-entry {
    background-color: transparent;
    border: #4D5359 2px solid;
}

    .compyl-discussion-entry mud-chip-color-secondary {
        box-shadow: 0px !important;
    }

.compyl-standard-switch svg {
    width: 27px;
    height: 16px;
    flex-shrink: 0;
}

.compyl-stack-half-width {
    width: 50%;
}

/*******Dashboard Header******/
.compyl-dashboard-header {
    width: 100%;
    background: transparent;
}

.compyl-policy-header {
    background: #303D55;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
}

.compyl-dashboard-header > div > div > div.mud-toolbar {
    height: 25px;
}

button.compyl-dxdashboard-toggle-btn {
    min-width: 150px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #FF8552 !important;
    margin-left: 50px;
}

button.compyl-dxdashboard-delete-btn {
    min-width: 150px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #f44336ff !important;
    margin-left: 20px !important;
}

/********Formbuilder*********/
.compyl-formbuilder-dropzone-childcontent-normal {
    border: dashed 4px #f0f0f0;
}

.compyl-formbuilder-dropzone-childcontent-primary {
    border: dashed 4px #349289;
}

div.compyl-dashboard-transparent > div {
    background-color: transparent;
    padding: 10px;
}



.compyl-stacked-panels {
    border: 1px solid gray !important;
}

div.compyl-stacked-panels > div.mud-expand-panel-header:hover {
    background-color: rgba(0,255,0,.1) !important;
}

div.compyl-stacked-panels.mud-panel-expanded > div.mud-expand-panel-header:hover {
    background-color: rgba(255,0,0,.1) !important;
}

.mud-picker-container .mud-picker-content {
    background-color: #242F3D;
}

.profile-image-paper {
    margin-top: 5px;
}

.compyl-file-upload-save {
    max-width: 28%;
    width: 22%;
    min-width: 22%;
}
/**********Compyl Grid Styling********************/
.compyl-grid-container {
    background: var(--body);
}


.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: #376670;
}



/* .dxbl-grid-fixed-cell::before {
    background-color: var(--segmented-focus) !important;
    opacity: 1 !important;
    filter: brightness(1.2)
} */

.dxbl-grid .dxbl-grid-columns-separator:not(.dxbl-disabled):not(:disabled).dxbl-active {
    background: var(--light-green, #5CA7A0);
}

.dxbl-dropdown.dxbl-grid-filter-menu-dropdown-root {
    background: transparent;
    --dxbl-dropdown-bg: transparent;
}

.dxbl-listbox.dxbl-listbox-multi-select.dxbl-listbox-checked.dxbs-grid-vsd.dxbs-has-vertical-scrollbar {
    --dxbl-listbox-bg: #202936;
}

.dxbl-listbox-item.dxbl-listbox-item-selected {
    background: #5A6A82;
}

.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before {
    background-color: #5A6A82;
}


.dxbl-btn-primary {
    border-radius: 7px;
    background: var(--orange, #F4772D);
}

    .dxbl-btn-primary:disabled {
        background: #A8521F;
    }

    .dxbl-btn-primary:not(.dxbl-disabled):not(:disabled):hover {
        background: var(--orange, #F4772D);
    }

.dxbl-btn-secondary {
    border-radius: 7px;
    background: var(--Dark-blue-grey, #5A6A82);
}

    .dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled):hover {
        background: var(--Dark-blue-grey, #5A6A82);
    }

    .dxbl-btn-secondary:disabled {
        background: #404B5C;
    }

div.background-progress-bar {
    box-shadow: none !important;
}


.compyl-grid-menu {
    padding: 0px !important;
    border: .5px solid black;
}

    .compyl-grid-menu > div.mud-list-item-dense {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 2px
    }

.compyl-grid-config {
    max-height: 70vh;
    overflow: auto;
}

.dxbl-grid-fixed-cell > div.mud-button-group-override-styles > div > button {
    border: none !important;
}

.dxbl-grid-fixed-cell > div.mud-button-group-override-styles > div > div > button {
    border: none !important;
}

td.dxbl-align-center.dxbl-grid-fixed-cell > div > div > button {
    padding: 4px !important;
}

td.dxbl-align-center.dxbl-grid-fixed-cell > div > div > div > button {
    padding: 4px !important;
}

.dxbl-grid-column-chooser-dialog.dxbl-window {
    --dxbl-window-bg: #202936;
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    background-color: var(--info);
}

    .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
        background-color: var(--info);
    }

.dxbl-grid-bottom-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

dxbl-pager > button {
    background-color: blue;
}

.dxbl-grid > .dxbl-grid-bottom-panel {
    border-top: none;
}

.compyl-start-assessment-dialog {
    background: #202936;
}

    .compyl-start-assessment-dialog .compyl-save-button {
        width: fit-content;
    }



.compyl-column-chooser-button:hover > span > svg > svg > g > path {
    fill: orange;
}

.compyl-grid-config-icons:hover > span > svg > svg > g > path {
    fill: orange;
}

.mud-snackbar {
    width: 405px;
    height: 72px;
    margin-top: 32px;
}

    .mud-snackbar.mud-alert-filled-success {
        background-color: #197D22 !important;
    }

    .mud-snackbar.mud-alert-filled-info {
        background-color: #0044F0 !important;
    }

    .mud-snackbar.mud-alert-filled-warning {
        background-color: #FF7614 !important;
    }

    .mud-snackbar.mud-alert-filled-error {
        background-color: #F50C00 !important;
    }


.grid-edit-icon:hover > span > svg {
    fill: #5CA7A0;
}

.compyl-icon-button-uam:hover > span > .compyl-grid-edit-img {
    filter: invert(64%) sepia(33%) saturate(470%) hue-rotate(125deg) brightness(88%) contrast(85%);
}

.compyl-grid-delete-img:hover {
    filter: invert(15%) sepia(83%) saturate(7407%) hue-rotate(0deg) brightness(102%) contrast(115%);
}

.margin-uam-icon-adjustment {
    margin-top: -8px;
    margin-left: -2px;
}

.d-flex > .mud-input-control.mud-input-control-boolean-input.mud-table-cell-checkbox > .mud-input-control-input-container > .mud-checkbox > .mud-button-root.mud-icon-button.mud-default-text.hover:mud-default-hover mud-ripple mud-ripple-checkbox > .mud-icon-root.mud-svg-icon.mud-icon-size-medium {
}

.addtask-checkbox {
    fill: black !important;
}

.grid-delete-icon:hover > span > svg {
    fill: red;
}

.grid-discussion-icon:hover > span > svg {
    fill: orange;
}

.grid-discussion-icon-active > span > svg {
    fill: orange !important;
}

div.mud-menu.grid-actions-menu:hover > button > span > svg {
    fill: orange;
}

div.mud-menu.grid-actions-menu:has(.mud-overlay) {
    fill: orange;
}


.dxbl-grid > .dxbl-grid-top-panel {
    border-bottom: none;
}



.dxbl-grid-search-box {
    border: 1px solid #5A6A82;
    background: transparent;
    height: 40px;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: rgba(90, 106, 130, 0.25);
    --dxbl-text-edit-focus-shadow-spread: 0.125rem;
    --dxbl-text-edit-focus-shadow-blur: 0rem;
    --dxbl-text-edit-focus-border-color: #5A6A82
}

.dxbl-edit-dropdown {
    border: 1px solid #5A6A82;
}

.dxbl-dropdown {
    border: 1px solid #5A6A82;
}

.dxbl-listbox-item {
    background: #181F29;
}

.dxbl-listbox div.dxbl-listbox-item-selected, .dxbl-listbox tr.dxbl-listbox-item-selected > td {
    background: #5A6A82;
    background-color: #5A6A82;
}

div.dxbl-listbox-item-selected {
    background: #5A6A82;
    background-color: #5A6A82;
}

dxbl-pager > .dxbl-btn-outline-secondary {
    border-radius: 5px !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
}

dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-disabled {
    background-color: #202936;
    border-radius: 5px !important;
    border: 1px solid #202936;
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary:not(.dxbl-disabled):not(:disabled):hover {
    background-color: #5CA7A0;
    border: none;
    border-radius: 5px !important;
    border: 1px solid #202936;
    margin-right: 10px !important;
    margin-left: 10px !important;
    --dxbl-btn-hover-bg: #5CA7A0;
    --dxbl-btn-hover-background: #5CA7A0;
    --dxbl-btn-hover-border-color: #5CA7A0;
}

.dxbl-pager .dxbl-pager-page-edit {
    border-radius: 5px !important;
    border: 1px solid #5A6A82;
    background: #5CA7A0;
}

.dxbl-pager-container > .dxbl-pager-page-size-selector > .dxbl-text-edit {
    border-radius: 5px !important;
}

dxbl-pager > dxbl-input-editor.dxbl-text-edit {
    margin-left: 10px !important;
}

/*************/

/*******MudBreadcrumbs Customization******/

.compyl-app-bar-separator {
    margin: 10px;
    height: 80%;
}
/****Layout*****/
.compyl-main-content {
    display: flex;
    flex-direction: column;
}

.compyl-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/***Integration Header****/
.compyl-integration-tile {
    border-radius: 10px !important;
    height: 196px !important;
    padding: 0 !important;
    width: 100%;
    margin: 0 !important;
}

    .compyl-integration-tile > span {
        width: 100%;
    }
/*.compyl-integration-dialog .mud-tabs-tabbar-wrapper .mud-tooltip-root {
    width: fit-content;
}*/
.compyl-integration-dialog {
    border-radius: 10px;
    background: #181F29;
}

    .compyl-integration-dialog > div > div > .mud-dialog-content > .mud-container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

.compyl-integration-titlebox {
    border-radius: 0px 0px 10px 10px;
    background: #202936;
    padding: 24px !important;
}

.compyl-integration-table, .compyl-compliance-task-table {
    border-collapse: separate;
    border-spacing: 0 7px !important;
    background: #202936;
}

    .compyl-compliance-task-table > .mud-table-container {
        max-height: 617px;
    }

    .compyl-compliance-task-table > .mud-toolbar {
        padding-left: 0px !important;
        padding-bottom: 14px;
    }

    .compyl-integration-table > div.mud-table-pagination > div.mud-table-pagination-toolbar {
        border: none;
    }

.compyl-integration-tableheader > tr {
    border-radius: 7px 7px 0px 0px;
    background: var(--body-secondary);
    width: 944px;
    height: 50px;
    padding: 14px;
    align-items: center;
}

    .compyl-integration-tableheader > tr > th {
        border-bottom: 3.5px solid;
        border-color: var(--body-secondary) !important;
    }

.compyl-integration-tablerow {
    background: #2F3C4F;
    padding: 14px;
    align-self: stretch;
    background: var(--surface-raised) !important
}

.mud-button-root.mud-table-sort-label {
    color: var(--body-text) !important
}

.mud-table-head.compyl-integration-tableheader > .mud-table-row .mud-table-cell {
    color: var(--body-text) !important
}

.compyl-integration-table > div > table {
    border-collapse: separate;
}

.compyl-integration-tablerow > .mud-table-cell {
    border-top: 3.5px solid;
    border-bottom: 3.5px solid;
    border-color: var(--body) !important;
}

.compyl-integration-tablerow :first-child, .compyl-integration-tableheader :first-child {
    border-radius: 7px 0 0 7px !important;
}

.compyl-integration-tablerow :last-child, .compyl-integration-tableheader :last-child {
    border-radius: 0 7px 7px 0 !important;
}

.compyl-integration-dialog .mud-tabs-tabbar-wrapper .mud-tooltip-root {
    width: fit-content;
}

div.compyl-chipset-chip {
    background-color: #FF8552 !important;
}

div.compyl-dashboard-chip {
    background-color: #303D55 !important;
}

.compyl-notification-icon {
    background-color: transparent !important;
    padding: 0px !important;
    margin-right: 9px;
}

    .compyl-notification-icon .mud-icon-root {
        height: 25px;
        width: 25px;
    }

.compyl-notification .mud-badge.mud-badge-top.right.mud-badge-overlap {
    inset: auto auto calc(65% - 4px) calc(65% - 4px);
}

.compyl-notification-divider {
    margin: 0px 0px 20px 0px;
    flex-shrink: 0;
    border-color: #bdbdbd;
    border-width: 1px;
    border-style: solid none none none;
}

/**tootip**/
.compyl-tootip {
    background-color: #181f29 !important;
    border-color: #5a6a82 !important;
    border-width: 1px;
    padding: 7px;
    max-width: 400px;
}
/**Temp fix for Integration dialog tabs**/
/*div.mud-tooltip-root.mud-tooltip-inline > div.mud-tab.mud-tab-active.mud-ripple.compyl-integration-tabs {
    display: flex;
    width: 250px;
    padding: 5px 33px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px 10px 0px 0px;
    background: var(--green-blue, #376670);
}
div.mud-tooltip-root.mud-tooltip-inline > div.mud-tab.mud-tab-active.mud-ripple {
    border-bottom: 2px solid var(--mud-palette-primary);
}
*/
/*Compliance Dashboard*/
.compyl-compliance-dashboard-container {
    background: transparent;
    border: none;
}

.compyl-compliance-overview-control-tile {
    background-color: #202936;
    padding: 7px 14px !important;
}

.compyl-compliance-overview-tabs {
    display: flex;
    width: 325px;
    height: 35px;
    padding: 0px 7px;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.compyl-compliance-overview .compyl-integration-expansionpanel {
    max-width: 69vw;
    overflow-x: scroll;
}

.compyl-compliance-overview .compyl-compliance-search {
    flex-grow: 0;
    margin-top: 24px;
}

.compyl-compliance-control-dialog-container {
    background: #202936;
}

.compyl-compliance-tasks-container {
    border-radius: 7px;
    height: fit-content;
    max-width: 100%;
}

.compyl-app-bar-profile {
    background-color: transparent !important;
    padding: 0px !important;
    height: 23px !important;
    width: 23px !important;
    border-width: 3px !important;
    border-color: #5a6a82;
}

div.compyl-compliance-dashboard-container > div > div.mud-card-content > div > div.mud-tabs-tabbar.mud-tabs-vertical.mud-tabs-border-left > div > div.mud-tabs-tabbar-content > div > div > div > div > p {
    text-align: left;
    padding-top: 16px;
    padding-bottom: 16px;
}

.compyl-compliance-overview-progress-container {
    background: transparent;
    width: 100%;
}

div.compliance-overview-toolbar > div.flex-row {
    width: 100%;
}

    div.compliance-overview-toolbar > div.flex-row > div.progress-wrapper-large {
        width: 80%;
    }

div.mud-paper.mud-elevation-0.compyl-compliance-overview-progress-container > div > div {
    width: 100%;
}

.compyl-compliance-overview-export-container {
    background: transparent;
}

div.compyl-compliance-dashboard-container > div > div.mud-card-content > div > div.mud-tabs-tabbar.mud-tabs-vertical.mud-tabs-border-left {
    background: transparent;
}

.compyl-compliance-overview-task-completion-container {
    background: transparent;
}

    .compyl-compliance-overview-task-completion-container > div {
        gap: 8px;
        align-items: center;
    }

.compyl-compliance-overview-controlset-toolbar-buttongroup > button {
    background: #349289 !important;
}

/*Standard Button*/
button.compyl-standard-btn:hover {
    background-color: #F4772D !important;
}

button.compyl-standard-btn {
    width: 152px;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5A6A82 !important;
    word-wrap: break-word;
    text-align: center;
}

mud-tooltip-root
/*MudPopver class for mud select extended. There is a bug that forces the popover to open when the adornment is clicked
    we do not want this to happen because we use the adornment to also open additional menus and dialogs.
*/
.adornmentclicked-popover-hide {
    display: none;
}
/*New UIUX Classes*/
/*this will be the base class for all the button*/
.compyl-button {
    display: inline-flex;
    height: 40px !important;
    padding: 5px 21px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px !important;
}

.compyl-icon-btn {
    display: inline-flex;
    height: 40px !important;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 7px !important;
}

.compyl-breachanalysis-button {
    display: inline-flex;
    height: 40px !important;
    padding: 5px 21px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 7px !important;
    background-color: #5A6A82 !important;
}

    .compyl-breachanalysis-button:hover {
        background-color: #404B5C !important;
    }

.compyl-wide-button {
    display: flex;
    width: 284px;
    height: 40px;
    padding: 5px 21px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 7px !important;
}

.compyl-addentry-button {
    display: inline-flex;
    height: 40px;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 7px;
    margin-left: 10px;
}

.compyl-color-secondary {
    background: #5A6A82 !important;
}

    .compyl-color-secondary:hover {
        background: #404B5C !important;
    }


.compyl-color-submit {
    background: #5CA7A0 !important;
}

    .compyl-color-submit:hover {
        background: #376670 !important;
    }

.compyl-color-primary {
    background: #F4772D !important;
}

    .compyl-color-primary:hover {
        background: #A8521f !important;
    }

.compyl-color-danger {
    background: #FF0000 !important;
}

    .compyl-color-danger:hover {
        background: #B20000 !important;
    }

.compyl-color-info {
    background: #376670 !important;
}

.compyl-disable-text-transform {
    text-transform: none;
}

.compyl-integration-status {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 5px solid #181F29;
}

.compyl-integration-status-icon-active {
    border-radius: 60px;
    background: #202936;
    align-items: self-end !important;
    border-radius: 10px;
    border: 2px solid var(--light-green, #5CA7A0);
}

.compyl-integration-status-icon-pending {
    border-radius: 60px;
    background: #202936;
    align-items: self-end !important;
    border-radius: 10px;
    border: 2px solid var(--yellow, yellow);
}

.compyl-integration-status-icon-inactive {
    border-radius: 60px;
    background: #202936;
    align-items: self-end !important;
    border-radius: 10px;
    border: 2px solid var(--red, #FF002E);
}


.compyl-tab-panel {
    text-align: center;
    display: flex;
    padding: 5px 33px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px 10px 0px 0px;
    background: var(--green-blue, #376670);
    text-transform: none;
}

.compyl-integration-dialog-panel {
    border-radius: 0px 0px 10px 10px;
    background: #202936;
}

.compyl-tab-header {
    background-color: transparent;
}

    .compyl-tab-header > :first-child {
        width: 100% !important;
    }

        .compyl-tab-header > :first-child > :first-child {
            display: flex !important;
        }

            .compyl-tab-header > :first-child > :first-child > :first-child {
                flex-grow: 1 !important;
                gap: 14px;
            }

                .compyl-tab-header > :first-child > :first-child > :first-child > .mud-tooltip-root {
                    flex: 1 1 auto !important;
                }

.compyl-container-transparent {
    background-color: transparent !important;
}

/*.compyl-integration-expansionpanel {
    border-radius: 5px !important;
    padding-right: 25px !important;
    min-height: 0px !important;
}

    .compyl-integration-expansionpanel > .mud-expand-panel-header {
        padding: 0px !important;
        min-height: 0px !important;
    }

.compyl-entry-expansion-panel {*/
    /* background-color: #202936 !important; */
    /*border-radius: 5px !important;
    padding: 14px 17px !important;
    min-height: 0px !important;
}*/
.dx-dashboard-property-grid :not(.dx-toolbar-item-content):not(.dx-calendar-navigator) > .dx-button:not(.dx-buttongroup-item) {
    background: var(--body-secondary) !important;
}

.ace-dreamweaver .ace_gutter-active-line {
    background: var(--body-secondary) !important;
}

.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-shape-standard.dx-buttongroup-item-has-width.dx-item-selected.dx-state-selected.dx-state-focused {
    border: 3px solid var(--toggle-primary) !important;
}

.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-last-item.dx-shape-standard.dx-buttongroup-item-has-width.dx-item-selected.dx-state-selected.dx-state-focused {
    border: 3px solid var(--toggle-primary) !important;
}

.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-last-item.dx-shape-standard.dx-item-selected.dx-state-selected.dx-buttongroup-item-has-width {
    border: 3px solid var(--toggle-primary) !important;
}

.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-shape-standard.dx-buttongroup-item-has-width.dx-item-selected.dx-state-selected {
    border: 3px solid var(--toggle-primary) !important;
}

.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-shape-standard.dx-buttongroup-item-has-width.dx-item-selected.dx-state-selected.dx-state-focused {
    border: 3px solid var(--toggle-primary) !important;
}

.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-shape-standard.dx-state-hover.dx-buttongroup-item-has-width.dx-item-selected.dx-state-selected {
    border: 3px solid var(--toggle-primary) !important;
}

.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-shape-standard.dx-buttongroup-item-has-width.dx-item-selected.dx-state-selected {
    border: 3px solid var(--toggle-primary) !important;
}

/*.compyl-entry-column-header {
    padding-bottom: 1.5rem;
    display: inline;
    align-content: center;
    display: flex;
    justify-content: center;
}

.compyl-entry-column-header-vendor {
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline;
    align-content: center;
    display: flex;
    justify-content: left !important;
}

.compyl-entry-column-header-risk {
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline;
    align-content: center;
    display: flex;
    justify-content: left !important;
}

.compyl-entry-column-header-risk-calculation {
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline;
    align-content: center;
    display: flex;
    justify-content: left !important;
    margin-left: 25px !important;
}

.compyl-entry-column-header-risk-calculation-description {
    margin-left: 25px !important;
}

.itasset-actions-grid .compyl-entry-column-header {
    justify-content: left !important;
}

.itasset-environment-grid .compyl-entry-column-header {
    justify-content: left !important;
}

.compyl-entry-column-header + .mud-typography-subtitle2 {
    display: flex;
    justify-content: center;
}*/


.compyl-contract-mudtabs {
    background-color: #202936 !important;
}

    .compyl-contract-mudtabs .mud-expand-panel-content {
        margin-top: 20px;
    }

.compyl-numeric {
}

.compyl-input-label {
}

.compyl-entry {
}

.compyl-textfield {
}

.compyl-pr-18px {
    padding-right: 18px !important;
}

.compyl-gap-7px {
    gap: 7px !important;
}



.compyl-compliance-filterbox {
    padding: 14px !important;
}

.compyl-compliance-filter-checkbox > div > label > span {
    padding: 0px !important;
}

.compyl-compliance-listitem {
    display: flex;
    width: 325px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 7px;
    margin-right: 7px;
}

.compyl-compliance-circular {
    /*    transform: scale(2) translate(50%, 40%);
*/
    height: auto !important;
    width: max-content !important;
}

    .compyl-compliance-circular > svg {
        /*    transform: scale(2) translate(50%, 40%);
*/
        height: 120px;
    }

        .compyl-compliance-circular > svg > circle {
            stroke-linecap: round;
            stroke: radial-gradient(currentColor,black);
        }

.compyl-compliance-percentage {
    position: absolute;
}

.mud-selected-item {
    background: rgba(87, 163, 154, 0.3) !important;
}

.scrollable {
    max-height: calc(100vh - 290px);
    overflow: auto;
}


/***Departments****/
.compyl-department-dialog {
    background: transparent;
}

    .compyl-department-dialog > div.mud-dialog-title > div {
        /* background: #202936 !important; */
    }

.compyl-settings-delete-dialog {
    background: var(--body) !important;
}

.dx-dashboard-caption-toolbar .dx-toolbar-button .dx-button, .dx-dashboard-title-toolbar .dx-toolbar-button .dx-button {
    background-color: transparent !important;
}

.dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup .dx-buttongroup-item.dx-buttongroup-item-has-width {
    background-color: var(--body-secondary) !important;
}

.dx-button .dx-button-content {
    background-color: var(--body-secondary) !important;
}

.dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button .dx-button {
    background-color: var(--body-secondary) !important;
}

.dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-button-content .dx-button-text {
    color: var(--body-text) !important;
}

.compyl-validation-error-dialog {
    background: #202936;
    max-width: 550px;
    justify-content: center;
}

.compyl-question-answer-container {
    max-width: 86%;
    background-color: #202936;
}

.compyl-question-answer-grid {
    background-color: #202936;
    max-width: 100%;
}
/***New Assessment Styling 12/30/2023***/
div.compyl-assessment-tile-header.mud-toolbar {
    display: flex;
    justify-content: space-between;
    padding-left: 0px;
    padding-right: 0px;
    height: auto
}

.compyl-assessment-tile .d-flex.flex-row {
    align-items: start;
}

.compyl-assessment-tile .mud-icon-button span svg {
    height: 28px;
    width: 28px;
    overflow: visible;
}


.compyl-assessment-title {
    position: absolute;
    bottom: 0;
    padding-left: 15px;
}

div.mud-grid-item.mud-grid-item-xs-4.compyl-assessment-button-group > div > button {
    text-transform: none;
}

div.mud-grid-item.mud-grid-item-xs-4.compyl-assessment-button-group > div {
    justify-content: flex-end;
    gap: 0;
}

.compyl-assessment-tile {
    border-radius: 16px;
    padding-left: 14px;
    padding-right: 14px;
    width: 100%;
    height: 100%;
}

    .compyl-assessment-tile > span.mud-button-label {
        height: 100%;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .compyl-assessment-tile > span > div.mud-grid {
        height: 100%;
        padding-top: 3px;
        padding-bottom: 3px;
    }

.compyl-assessment-tile-section {
    text-align: left;
}

.compyl-assessment-tile-status {
    padding-right: 1rem;
    text-transform: none !important;
}

.compyl-assessment-tile-label {
    text-transform: none !important;
}

.compyl-assessment-tile-value {
    text-transform: none !important;
    color: var(--Light-grey, #EAE9E9);
    /* h5 */
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
}

.compyl-assessment-question-status {
    color: var(--Light-grey, #EAE9E9);
    /* h5 */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.compyl-assessment-reviewer {
    color: var(--Light-grey, #EAE9E9);
    /* h5 */
    font-family: Poppins;
    font-size: 14px !important;
    font-style: normal;
    line-height: normal;
    margin-bottom: 8px;
}

.compyl-assessment-question-value {
    color: var(--Light-grey, #EAE9E9);
    /* h5 */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    white-space: pre-line;
}

.assessment-question-text {
    text-align: left;
}

/*.compyl-assessment-question-status {
    font-weight: 700;

}*/

.question-completed {
    color: #5CA7A0;
}

.assessment-panel-chevron {
    width: 100% !important;
    color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

.btn.assessment-panel-chevron {
    box-shadow: none !important;
    height: fit-content !important;
}

.assessment-panel-chevron .mud-button-icon-end {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

    .assessment-panel-chevron .mud-button-icon-end svg {
        display: block;
        margin-left: 0.25rem;
        margin-top: .8rem;
    }

.assessment-expansion-panel {
    border-radius: 7px;
    background-color: #202936;
}

    .assessment-expansion-panel > div > div {
        min-height: 48px;
        min-width: 100%;
    }

    .assessment-expansion-panel > div.mud-expand-panel-header {
        padding: 0px;
    }

div.assessment-expansion-panel > div.mud-collapse-container.mud-collapse-entered > div > div > div {
    padding: 14px 14px 0;
}

.assessment-expansion-panel > div > div > button.assessment-question-panel-header {
    min-height: 48px;
    min-width: 100%;
    padding: 0px;
    border-radius: 7px;
    background-color: #202936;
}

    .assessment-expansion-panel > div > div > button.assessment-question-panel-header > span.mud-button-label {
        display: inline;
        padding: 7px 14px;
    }

        .assessment-expansion-panel > div > div > button.assessment-question-panel-header > span.mud-button-label > div {
            align-items: center;
        }

            .assessment-expansion-panel > div > div > button.assessment-question-panel-header > span.mud-button-label > div > svg {
                margin-top: 10px;
            }

.assessment-na-button.compyl-button.mud-button {
    background-color: #5CA7A0 !important;
    display: flex;
    height: 28px !important;
    min-width: auto !important;
    padding: 0px 7px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .assessment-na-button.compyl-button.mud-button:hover {
        background-color: #376670 !important;
    }

    .assessment-na-button.compyl-button.mud-button > span {
        padding-left: 7px;
        padding-right: 7px;
        width: 23px;
    }

.assessment-next-question-button.mud-button {
    display: flex;
    height: 28px;
    padding: 0px 7px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 7px;
    background-color: #5A6A82 !important;
}

    .assessment-next-question-button.mud-button:hover {
        background-color: #4C5D73 !important;
    }

    .assessment-next-question-button.mud-button > span {
        padding-left: 7px;
        padding-right: 7px;
        text-transform: none;
    }

.asessment-section-chip.mud-chip.mud-chip-size-medium {
    background-color: #202936;
    min-height: 35px;
    height: auto;
    padding: 7px;
    display: inline;
    white-space: pre-wrap;
    border-radius: 7px;
}

.asessment-section-chip-selected.mud-chip.mud-chip-size-medium {
    background-color: #2F3C4F;
    min-height: 35px;
    height: auto;
    padding: 7px;
    display: inline;
    white-space: pre-wrap;
    border-radius: 7px;
}

.asessment-section-chip.mud-chip.mud-chip-size-medium > span {
    width: 100%;
    display: inline;
}

.asessment-section-chip-selected.mud-chip.mud-chip-size-medium > span {
    width: 100%;
    display: inline;
}

.assessment-toolbar-container {
    padding: 0px !important;
}

.assessment-toolbar {
    justify-content: center;
    align-items: flex-end;
}

.assessment-toolbar-item {
    min-height: 50px !important;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding-left: 6px;
    padding-right: 2px;
}

assessment-toolbar-item .mud-toolbar.mud-toolbar-gutters.assessment-toolbar-item {
    justify-content: space-around;
    width: 100%;
}

.assessment-toolbar-item .compyl-assessment-title {
    position: relative;
    padding-left: 0px;
}

.assessment-toolbar-item .d-flex.flex-row.align-end.gap-3 {
    align-items: flex-end !important;
}

.assessment-toolbar-item .d-flex.flex-row.gap-3 {
    align-items: flex-end !important;
    max-height: 50px;
}

    .assessment-toolbar-item .d-flex.flex-row.gap-3 button + div {
        width: 300px;
        max-height: 50px;
    }

    .assessment-toolbar-item .d-flex.flex-row.gap-3 div + button {
        margin-left: 0px;
    }



.assessment-toolbar-item .d-flex.flex-row.gap-3 {
    align-items: flex-end !important;
    max-height: 50px;
}

.assessment-toolbar-item .mud-shrink {
    text-wrap: nowrap;
    overflow-x: clip;
    /*max-width: 270px;*/
}

.assessment-toolbar-item .compyl-lookup-select {
    margin-top: 0px;
}




.compyl-positive {
    fill: #5CA7A0;
}

.compyl-warning {
    fill: #F4772D;
}

.compyl-negative {
    fill: red;
}

.compyl-positive.compyl-rounded-icon {
    border: 3px solid #5CA7A0;
    border-radius: 25px;
}

.compyl-negative.compyl-rounded-icon {
    border: 3px solid red;
    border-radius: 25px;
}

.assessment-previous-section-button {
    text-transform: none;
    background-color: #202936;
    padding-right: 7px;
    height: 40px;
    border-radius: 7px;
}

.assessment-next-section-button {
    text-transform: none;
    background-color: #202936;
    padding-left: 7px;
    height: 40px;
    border-radius: 7px;
}

.assessment-status-nav {
    text-transform: none;
    background-color: #202936;
    padding-left: 7px;
    height: 40px;
    border-radius: 7px;
}

.assessment-reviewer-toolbar-item {
    align-items: center;
    padding-right: 16px;
    gap: 5px !important;
}

.assessment-accept-dialog {
    width: 800px;
    max-width: 800px;
}

.compyl-assessment-risks-input {
    max-width: 100%;
    width: 100%;
}
/***************************/
.compyl-addentry-button {
    text-transform: none;
}
/* Dashboard Enabled Security Framework */
.table-header {
    border: 0px;
    height: 100% !important;
}

.table-header1 {
    height: 100% !important;
}

.table-header-bg {
    /*background-color: #376670;    */
    background-color: transparent !important;
}

.first-column {
    border: 0px 0px 0px 0px;
    border-radius: 5px 0px 0px 5px;
    padding: 2px 2px 2px 10px;
    margin-bottom: 4px;
}

.last-column {
    border: 0px 0px 0px 0px;
    border-radius: 0px 5px 5px 0px;
    padding: 2px 10px 2px 2px;
    margin-bottom: 4px;
}

.inbetween-column {
    border: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding: 2px;
    margin-bottom: 4px;
}

.column-type {
    border: 0px solid transparent;
    background-color: transparent;
    border-radius: 5px
}

.progressbar-container {
    position: relative;
    width: 80%;
    height: 18px;
}

.progressbar-value {
    position: absolute;
    background: transparent;
    width: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
}

.progressbar-fill {
    position: absolute;
    border-radius: 5px;
    left: 0px;
    top: 0px;
}

.compyl-dashboard-column-header {
    background: transparent !important;
}

.table-header.column-compliance {
    /* top-left | top-right | bottom-right | bottom-left */
    border-radius: 0 7px 7px 0;
}
/*** UAM ***/
.compyl-uam-expansionpanel {
    background-color: #242F3D !important;
    border-radius: 5px !important;
    min-height: 0px !important;
}

.compyl-dialog-uam-user {
    background-color: #202936 !important;
}

.compyl-dialog-uam-refreshbuttonuser {
    width: 270px !important;
    border-radius: 5px !important;
    height: 40px !important;
    background-color: #5CA7A0 !important;
    word-wrap: break-word;
    text-align: center;
    text-transform: none !important;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border: none !important;
}

    .compyl-dialog-uam-refreshbuttonuser:hover {
        background-color: #376670 !important;
        text-transform: none !important;
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;
    }

.compyl-dialog-uam-cancelbuttonuser {
    border: none !important;
}



.compyl-icon-button-uam {
    flex: 0 0 auto;
    padding: 2px;
    overflow: visible;
    text-align: center;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;
    border-radius: 50%;
}
/*** Settings ***/
.compyl-settings-controlset-grid {
    background-color: #202936;
    max-width: 100%;
}

.compyl-view-all-dashboard-paper {
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px;
}

.compyl-view-all-dashboard-item-title {
    padding: 0px;
    margin: 0px !important;
    overflow: hidden !important;
    max-height: 50px;
}

.compyl-view-all-dashboard-item {
    padding: 20px !important;
    margin: 0px !important;
    max-height: 140px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


.compyl-file-upload-invisible {
    visibility: hidden;
}

.dx-treeview-toggle-item-visibility::before {
    width: 100%;
}

.badge-error {
    background-color: red !important;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);
}

.badge-success {
    background-color: var(--compyl-color-success);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(92, 167, 160, 0.5);
}

.dxbl-window-dialog.dxbl-grid-column-chooser-dialog.dxbl-popup-horizontalalignment-center.dxbl-popup-verticalalignment-center {
    transform: translate(30rem, 20rem);
}

.dxbl-window-dialog.dxbl-grid-column-chooser-dialog.dxbl-popup-horizontalalignment-center.dxbl-popup-verticalalignment-center {
    left: -40% !important;
}

@media screen and (max-width: 1300px) {
    .dxbl-window-dialog.dxbl-grid-column-chooser-dialog.dxbl-popup-horizontalalignment-center.dxbl-popup-verticalalignment-center {
        left: -200% !important;
    }
}

.mud-table.mud-sm-table.mud-table-dense.mud-table-hover.mud-elevation-1 > .mud-table-container > .mud-table-root > .mud-table-head > .mud-table-row {
    background: #5A6A82;
}

.mud-table.mud-sm-table.mud-table-dense.mud-table-hover.mud-elevation-1 {
    background: #376670;
}

.d-flex.flex-column.gap-3 {
    width: 100%;
}

    .d-flex.flex-column.gap-3.pt-12 {
        width: initial;
    }

.dxbl-pager-container .mud-tooltip-inline {
    width: 125px !important;
}

.compyl-pagination-button {
    min-height: 36px;
    margin-top: 4px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.compyl-pagination-numeric .mud-input {
    margin-top: 15px;
    max-width: 75px;
    max-height: 37px;
    margin-right: 0px;
    border-width: 1px;
}

.compyl-pagination-select .mud-input {
    margin-top: 24px;
    max-width: 150px;
    max-height: 37px;
    border-width: 1px;
}

.elsa-iframe {
    height: 1000px;
}

::-webkit-scrollbar-corner {
    background: transparent;
}


.mud-message-box {
    width: 886px;
    top: 561px;
    left: 406px;
    padding: 32px 24px 32px 24px;
    gap: 0px;
    border-radius: 4px 0px 0px 0px;
    justify-content: space-between;
    color: transparent;
    border: 1px solid var(--components-border-border-primary, #616161);
    box-shadow: 0px 8px 12px 0px #00000026;
    overflow-y: clip;
}

    .mud-message-box .mud-typography-h6 {
        /*        color: var(--text-text-primary, #FAFAFA);*/
        font-family: poppins;
        font-size: var(--font-size-h2, 32px);
        font-style: normal;
        font-weight: 300;
        line-height: var(--font-line-height-h3, 32px); /* 100% */
        letter-spacing: -0.24px;
    }

    .mud-message-box .mud-dialog-content {
        /*        color: var(--text-text-primary, #FAFAFA);*/
        font-family: poppins;
        font-size: var(--font-size-h4, 20px);
        font-style: normal;
        font-weight: 300;
        line-height: 28px; /* 140% */
    }

    .mud-message-box .mud-dialog-actions div {
        display: flex;
        align-items: center;
        gap: var(--Spacing-2, 16px);
    }

    .mud-message-box button.mud-button-root.mud-button.mud-button-text.mud-button-text-default.mud-button-text-size-medium.mud-ripple {
        display: flex;
        height: 48px;
        min-width: 120px;
        padding: 8px var(--spacing-spacing-lg, 24px);
        justify-content: center;
        align-items: center;
        gap: var(--spacing-spacing-md, 16px);
        border-radius: var(--radius-radius-4, 4px);
        border: 1px solid;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }


    .mud-message-box button.mud-button-root.mud-button.mud-button-text.mud-button-text-primary.mud-button-text-size-medium.mud-ripple {
        display: flex;
        height: 48px;
        min-width: 120px;
        padding: 8px var(--spacing-spacing-lg, 24px);
        justify-content: center;
        align-items: center;
        gap: var(--spacing-spacing-md, 16px);
        border-radius: var(--radius-radius-4, 4px);
        background: var(--color-system-error-red-500, #B20900);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border: 1px solid;
    }

.input-dialog {
    width: 886px;
    height: 450px;
    display: flex;
    justify-content: space-around
}


.mud-tooltip.mud-tooltip-default {
    color: inherit !important;
}

.compyl-policies-expansionpanel {
    border-radius: 5px !important;
    padding: 0px 0px !important;
    min-height: 0px !important;
    min-width: 180px !important;
}

.approval-process-grid {
    height: 100%;
    display: flex;
    flex-grow: 1;
}

    .approval-process-grid .mud-grid {
        height: 100%;
    }

    .approval-process-grid .mud-item {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .approval-process-grid .mud-paper {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

.approval-process-grid .dx-grid {
    flex-grow: 1;
    min-height: 0; /* Ensures grid resizes within flex context */
}

/* Dashboard Expansion Panel Table Styles */
.compyl-dashboard-expansion-panel {
    background-color: #242F3D !important;
    border-radius: 5px !important;
    min-height: 0px !important;
}

.compyl-dashboard-expansion-panel .mud-expand-panel-content {
    background-color: #181F29;
    padding: 16px;
}

.compyl-dashboard-expansion-panel .mud-expand-panel-header {
    background-color: #242F3D !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 12px 16px;
}

.compyl-dashboard-expansion-panel .mud-expand-panel-header .mud-typography {
    font-size: 1rem !important;
    color: #EAE9E9 !important;
    font-weight: 500;
}


/* Error Boundary Styles */
.error-boundary {
    padding: 2rem;
    text-align: center;
    background-color: var(--compyl-bg-color);
    border-radius: 8px;
    margin: 1rem;
}

    .error-boundary h3 {
        color: var(--compyl-color-error);
        margin-bottom: 1rem;
    }

.error-details {
    text-align: left;
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid var(--compyl-color-error);
    border-radius: 4px;
    padding: 1rem;
    margin: 1rem 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

    .error-details h4 {
        color: var(--compyl-color-error);
        margin-bottom: 0.5rem;
    }

    .error-details p {
        margin: 0.5rem 0;
        color: var(--body-text);
    }

    .error-details pre {
        background-color: rgba(0, 0, 0, 0.3);
        padding: 1rem;
        border-radius: 4px;
        overflow-x: auto;
        font-size: 0.875rem;
        color: #e0e0e0;
        margin: 0.5rem 0;
    }

    .error-details details {
        margin: 1rem 0;
    }

    .error-details summary {
        cursor: pointer;
        color: var(--compyl-color-warning);
        font-weight: bold;
    }

        .error-details summary:hover {
            color: var(--compyl-color-primary);
        }