.kpi-column {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px;
    border-color: #80808029;
    border-radius: 8px;
}

.kpi-dashboard-section {
    display: flex;
    flex-direction: column;
}


.trend-chart-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    display: flex;
    padding: 16px;
    font-family: "Inter", sans-serif;
    border-radius: 8px !important;
    padding-left: 30px;
}

.trend-chart {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px;
    border-color: #80808047;
    width: 390px;
    height: 250px;
    border-radius: 0px;
    margin-right: 30px;
    padding: 12px;
    text-align: left;
    background-color: white;
}

.accordion-chatbot-content {
    max-width: 100%;
}


.accordion-control-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.custom-tab .accordion-control-section {
    display: block;
}

@@media screen and (max-width: 768px) {
    .accordion-control-section {
        margin: 0;
    }
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    background: transparent !important;
    border-radius: 0 !important;
    border-color: #c4c7c557;
    border-style: solid !important;
    border-width: 1px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

.e-accordion {
    -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.05), 0.05;
    background: transparent;
    border: 0px solid rgba(var(--color-sf-outline-variant));
    border-radius: 8px;
}

.e-acrdn-header {
    text-align: left;
    border-color: #80808029 !important;
}

.e-acrdn-content {
    background-color: #e6e9ec82 !important;
    color: rgba(var(--color-sf-on-surface));
}



.kpi-card-icon {
    font-size: 24px !important;
    color: gray !important;
}

.kpi-card-icon-section {
    display: flex;
    width: 32px;
    justify-content: flex-end;
}

.card-trend {
    font-size: 1rem !important;
    color: #4CAF50 !important;
}

.kpi-card-text {
    font-size: 0.845rem;
    color: #757575;
    margin-left: 0px;
    margin-top: 15px;
}

.kpi-card-score-text-section {
    width: 148px;
}

.kpi-card-score {
    margin-left: 5px;
    margin-top: 15px;
    font-size: 30px;
    font-weight: normal;
}



.kpi-card-section {
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    display: flex;
    padding: 16px;
    font-family: "Inter", sans-serif;
    border-radius: 8px !important;
    padding-left: 30px;
}

.kpi-card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px;
    border-color: #80808047;
    width: 180px;
    height: 100px;
    border-radius: 0px;
    margin-right: 30px;
    padding: 12px;
    text-align: left;
    background-color: white;
}

    .kpi-card:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }


.rz-breadcrumb-item {
    font-size: 12px;
    color: blue;
    text-decoration: underline;
}


/* START Material Symbols font CSS */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    /*src: url('/css/assets/fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format('woff2');*/
    src: url('/css/assets/fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2') format('woff2');
}

.material-symbols {
    --rz-icon-font-family: 'Material Symbols Outlined';
}

/* END Material Symbols font CSS */
.mobile .control-wrapper {
    max-width: 100%;
}

.control-wrapper {
    max-width: 400px;
    margin: 0 auto;
    padding: 0px 0px 0px;
}

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

/*.form-group {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.form-section {
    margin-top: 20px;
}*/


.sf-icon-shopping-cart_01-:before {
    content: "\e710";
}

.sf-icon-check:before {
    content: "\e715";
}

@@font-face {
    font-family: 'Default';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1vSgcAAAEoAAAAVmNtYXCDeIPaAAABmAAAAF5nbHlmEwr+pwAAAggAAAjQaGVhZCYp2+EAAADQAAAANmhoZWEIUQQHAAAArAAAACRobXR4GAAAAAAAAYAAAAAYbG9jYQhUBlAAAAH4AAAADm1heHABFgErAAABCAAAACBuYW1luF5THQAACtgAAAIlcG9zdJ8LuoMAAA0AAAAAbwABAAAEAAAAAFwEAAAAAAAD9AABAAAAAAAAAAAAAAAAAAAABgABAAAAAQAArxT6wV8PPPUACwQAAAAAAOGLy6UAAAAA4YvLpQAAAAAD9AOaAAAACAACAAAAAAAAAAEAAAAGAR8ABgAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wLnFQQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABABKAAAADAAIAAIABOcC5wbnCOcQ5xX//wAA5wLnBucI5xDnFf//AAAAAAAAAAAAAAABAAwADAAMAAwADAAAAAEABAACAAMABQAAAAAAAAEQAiwC3AQkBGgAAAAFAAAAAAP0A18APwB/AIkAxgDrAAABHw8/Dy8OKwEPDQUfDz8PLw4rAQ8NAR8FFSM1JxEfBz8OOwEfDjM/BzUnIw8GATM/Dx8PMxEhAq8BAQIEBAUFBwYICAgJCQoKCgkKCAkIBwcHBQUEAwMBAQEBAwMEBQUHBwcICQgKCQoKCgkJCAgIBgcFBQQEAgH+CwEBAgQEBQUHBggICAkJCgoKCQoICQgHBwcFBQQDAwEBAQEDAwQFBQcHBwgJCAoJCgoKCQkICAgGBwUFBAQCAQJ8AwUIWAwD3n0BAwMGBgYICAMEBQYHBwkJCgsLDA0NDQ4ODQ4MDAwLCgkJCAYGBQMDKAgIBwYFBAECvLsICAYHBQMD/beAAwQFBQcHCAkKCgsLDA0MDg0NDQwLCwsJCQkHBwUFAwKE/eMBAQoJCQkJCAcHBgYFBAMDAQEBAQMDBAUGBgcHCAkJCQkKCgoJCQgICAcGBgQFAwICAgIDBAUFBgcHCAkJCQoLCgkJCQkIBwcGBgUEAwMBAQEBAwMEBQYGBwcICQkJCQoKCgkJCAgIBwYGBAUDAgICAgMEBQUGBwcICQkJCgGuAQIGehYJBKYp/l0ICAcGBQQCAQ0NDQwLCgoJCAgGBQUDAgIDBQUGCAgJCgoLDA0NDQECBAUGBwQI1foBAgQFBgcH/iwNDAwLCwoJCQgHBgUEAwEBAQEDBAUGBwgJCQoLCwwMDQJJAAAABgAAAAAD8wOWAAYAQgBaAGwArQDuAAABBzcfAwUhLwIHIy8PNS8CKwIPHQEHLwEjDwE1LwMjNz0BJzcfBTcfAg8BLwY3OwEfAQcVHw8/Dy8PDw4BFR8PPw8vDw8OAxEWBgEDAgb8/wNuBAUEDQsVFBQTEhEPDw0GCwoIBgQCFhITE+wQDw8PDg4ODg0NDQwNCwwKCwoKCQgJBwcHBgYEBQMEA5FrBAQDBAMBAwMDBgIDagIEBgYGBxwCAwIBFQYGBAgFBgIWAgQHCPcBAgQGBggKCgsMDQ4PDxAQEBAPDw4NDAsLCQgGBgQCAQECBAYGCAkLCwwNDg8PEBAQEA8PDg0MCwoKCAYGBAL+KgEEBQgKCw0PEBETFBQWFxcXFhYUFBMREQ4NDAkIBgMBAQMGCAkMDQ4RERMUFBYWFxcXFhQUExEQDw0LCggFBAEXBhcFBAMDrxYWDQEBAwUHCAsMDQ4IERESFBQUFQQDAgECAgMEBAUGBgYIBwgJCQoKCwsLDAwMDQ0ODQ4PDgEZawIBAQIGBQMCAQQDBgZqBgoHBQMDMAMHBwMWAQICBQYKChYCBlwICBAPDw4NDAsLCQgGBgQCAQECBAYGCAkLCwwNDg8PEBAQEA8PDg0MCwoKCAYGAwMBAQMDBgYICgoLDA0ODw8QATMLDBYVFRQSERAPDQsKCAUEAQEEBQgKCw0PEBESFBUVFhcXFxYVFBISEA8NCwoIBQQBAQQFCAoLDQ8QEhIUFRYXAAAAAAQAAAAAA/QDRwA/AH8AhwCRAAABFR8OPw49AS8NKwEPDQUVHw4/Dj0BLw0rAQ8NEwcTIRMnMSMhMxMhNSEDBzUhA0YBAgMEBAQGBQcGBwgICAgICAgIBwYHBQYEBAQDAgEBAgMEBAQGBQcGBwgICAgICAgIBwYHBQYEBAQDAgH+aAICAgQEBAYFBwYIBwgICAgICAgHBgcFBgQEBAMCAQECAwQEBAYFBwYHCAgICAgICAcIBgcFBgQEBAICAsH6jAFKjPpu/Z3NwgJZ/dzDAf8AAQkICAgHBwcGBgUFBAQCAgEBAQECAgQEBQUGBgcHBwgICAkIBwgHBwYGBQUEAwMCAQECAwMEBQUGBgcHCAcICQgICAcHBwYGBQUEBAICAQEBAQICBAQFBQYGBwcHCAgICQgHCAcHBgYFBQQDAwIBAQIDAwQFBQYGBwcIBwgB+wH+vQFABP5dOgGkAQEAAAADAAAAAANkA5oAnQDxAR4AAAEzHwEdAR8HFQ8DIy8HDwYdAR8WDw0dAQ8BKwIvAT0BLwc9AT8COwEfBj8HLxc/DTU/AwEfDjsBPxEvFiMPFR8BEw8CFR8HMz8HNS8GIw8ELwQrAQ8BAgoCAgENDAwKCggHBQEBAikCAgIEAwQFDA0SBwcGAgIBAQICBgcHBxYKCQkJCAcHBgUFBAMCAQEBAQIDAwQFBQYGBwcPEQECAhUCAQINDAsLCQgHBQICKQICAgQDBAULDhIHBwYCAQEBAQEBAgYHBwcWCgkKCAgHBwYFBQQDAgEBAQECAwMEBAYFBgcHEBABAQED/qwUFRUVFRYWFhYWFxYXFhcXFxcWFxYXFhYWFhYVFRUVFAQCAQICBAUGCAgJCgsLDA0MDQ0NDBk2EQYGqgYGCEsZDQ0NDA0MCwsKCQgIBgUEAgIBAqQCAQEBAwkRNRIHBqADChI1DQoFAgEBAgMEBAoMEw8eTw4IVxkXCwkJBwYCOAIBAiIDAwUGBwgJCgICAQENAQEFAwIDAgECAgMFAwMEBAUDBAMFAwIBAQECAwMEBAUGBgYHCAgICQgHBwcGBgYFBQQEBAYDIgICAQECAiICBAUGBwgJCQMBAgEMAQUDAwIDAQICBAQDBAQEBAQEAwQEAgEBAQICBAMFBQUGBwcICAgJBwgHBgcGBgUFBAQEBQQiAgEBAf6RDAsLCQkICAYGBQUDAwIBAQIDAwUFBgYICAkJCwsMKSckIiAeGxoYFhQTERAPDQwLCgkIDxsJBQUFBQQnEAkKCwwNDxARExQWGBobHiAiJCcCoAMDAwQECA8XPRcKCgUPFz0REAkIBAMDAwMCAQICAwcYAwEaBwQBAgIAAAEAAAAAA/MDNAA0AAABDwQvAw8EHwQ/ETUnIw8LAYsEJwwGAgIwXmMXFBIICCsqKaEqRUclJSYnJykpKiosLC4GFgsCAWMhISIiIiIjIkJAPRwB8AQmCQMBARQuNgsMDgcIJCYnmyZOTycmJiYlJSQjIiIgHwULCAMCAQ4RERITFBUVKy0tFgAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABAAcAAQABAAAAAAACAAcACAABAAAAAAADAAcADwABAAAAAAAEAAcAFgABAAAAAAAFAAsAHQABAAAAAAAGAAcAKAABAAAAAAAKACwALwABAAAAAAALABIAWwADAAEECQAAAAIAbQADAAEECQABAA4AbwADAAEECQACAA4AfQADAAEECQADAA4AiwADAAEECQAEAA4AmQADAAEECQAFABYApwADAAEECQAGAA4AvQADAAEECQAKAFgAywADAAEECQALACQBIyBEZWZhdWx0UmVndWxhckRlZmF1bHREZWZhdWx0VmVyc2lvbiAxLjBEZWZhdWx0Rm9udCBnZW5lcmF0ZWQgdXNpbmcgU3luY2Z1c2lvbiBNZXRybyBTdHVkaW93d3cuc3luY2Z1c2lvbi5jb20AIABEAGUAZgBhAHUAbAB0AFIAZQBnAHUAbABhAHIARABlAGYAYQB1AGwAdABEAGUAZgBhAHUAbAB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABEAGUAZgBhAHUAbAB0AEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYBAgEDAQQBBQEGAQcADXRyYW5zcG9ydC12YW4LdXNlci1tb2RpZnkRc2hvcHBpbmctY2FydF8wMS0Lc3BlbmQtbW9uZXkFY2hlY2sAAAA=) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="sf-icon-"], [class*=" sf-icon-"] {
    font-family: 'Default' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.product-details .form-section {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.form-add-buttons {
    margin-top: 20px;
}


.product-details .form-section {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

/*.form-group {
    margin-bottom: 1.5em;
}

.form-section {
    margin-top: 20px;
}*/

.sf-icon-shopping-cart_01-:before {
    content: "\e710";
}

.sf-icon-check:before {
    content: "\e715";
}

.standard-manage-page-section {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.login-register-button {
    margin-top: 70px;
    margin-left: 200px;
}

.login-register-button {
    margin-top: 50px;
    margin-left: 200px;
    height: 40px;
}

.mud-icon-size-medium {
    font-size: 1.4rem !important;
}

.manage-vendor-grid {
    width: 95%;
}

.vendor-dashboard {
    /*    min-height: 600px;
    height: 600px;
*/
}


html, body, .e-control, .e-css {
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    /*font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif !important;*/
    font-family: "Inter", sans-serif !important;
}

a, .btn-link {
    color: #006bb7;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1rem;
}

h1:focus {
    outline: none;
}

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

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
    margin-top: 5px;
}

.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;
    color: white;
}

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

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.Risk-dashboard h3 {
    color: #626477;
    font-weight: 700;
    font-size: 20px;
    font-family: "Inter", sans-serif;
}

}
/*.breadcrumb-item img{
    margin-right:10px;}

.breadcrumb-item.active {
    color: #666CFF;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">");
}

.card {
    padding: 16px;
    box-shadow: 0px 0px 30px rgba(196, 196, 206, 0.15);
    border-radius: 16px;
    height: 100%;
    background: #fff;
    border: 0px;
}
.dash-info {
    display: inline-flex;
    gap: 19px;
}
    .dash-info p {
        font-size: 16px;
        color: #636578;
    }
.dash-info .num{
    font-size:32px;
}*/

.bira-card {
    padding: 16px;
    box-shadow: 0px 0px 30px rgba(196, 196, 206, 0.15);
    border-radius: 16px;
    height: 100%;
    background: #fff;
    border: 1px solid black;
}
.risk-chat-boat .copilot-column {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
    background: #fff;
}

.risk-chat-boat .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
    padding: 0px;
}

.risk-chat-boat .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    height: 88px;
    padding-top: 30px;
}

.risk-chat-boat .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
    font-size: 24px;
    font-weight: 800;
}

/*.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
    padding-top: 30px;
}*/

.accordion-quick-actions {
    border-bottom: 0px;
}

.risk-chat-boat .webchat--css-eqxhq-17dm1da.webchat__send-box .webchat__send-box__main {
    background-color: #F3F5F6 !important;
    border-top: 0px !important;
}

.risk-chat-boat .webchat__send-box__main {
    -webkit-box-align: stretch;
    align-items: stretch;
    background: #fff;
    min-height: 40;
    padding: 10px;
    margin: 15px;
    border-radius: 16px;
}

.btn-add-list {
    color: #fff;
    background-color: #666CFF;
    border-color: #666CFF;
}

    .btn-add-list:hover {
        color: #fff;
        background-color: #666CFF;
        border-color: #666CFF;
    }

.risk-chat-boat #webchat {
    height: 440px;
}

.riskList {
    border: 0px;
}

    .riskList .e-grid {
        border: 0px;
    }

        .riskList .e-grid .e-table {
            padding: 0px;
        }

.e-grid .e-rowcell {
    height: 20px;
}

.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.e-outline.e-float-input.e-valid-input.e-keyboard {
    margin-bottom: 25px;
    border: 1px solid #ccc;
}

.card-risklist {
    padding: 12px;
    box-shadow: 0px 0px 30px rgba(196, 196, 206, 0.15);
    border-radius: 16px;
    height: 100%;
    background: #fff;
    border: 0px;
}

.riskList .e-grid .e-table tr td {
    padding: 20px 24px;
    border-bottom: 1px solid #E0E0E4;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    color: #626477;
}

.riskList .e-grid .e-table tr th {
    height: auto !important;
    padding: 15px 10px !important;
}

    .riskList .e-grid .e-table tr th.e-focused {
        box-shadow: none !important;
    }

.riskList .e-grid .e-table tr td {
    padding: 10px 10px !important;
}

.riskList .e-grid .e-gridheader {
    border-top: 0;
    border-bottom: 1px solid #E0E0E4;
    margin-top: 0px;
}

.e-headercontent {
    color: #626477;
    font-size: 14px;
    font-family: "Inter", sans-serif;
}

.e-grid .e-gridheader tr th:first-child {
    padding-left: 24px;
}

.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: none;
}

.risk-heatmap h3 {
    color: #626477;
    font-weight: 500;
    font-size: 1.3rem;
}

.top-rightbar-only[b-ksmtppp30e] {
    background-color: #fff !important;
    border-color: #3331311a !important;
}

.e-dialog .form-content .e-outline {
    margin-bottom: 24px !important;
    border-color: #636578 !important;
}

.e-dialog .form-content label,
.form-group label {
    margin-bottom: 8px;
    font-size: 15px;
    color: #626477;
}


/*amp*/
/*top header*/
.header-top {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .header-top ul {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .header-top .page-title-main {
        font-family: Inter;
        font-size: 24px;
        font-weight: 700;
        line-height: 27.03px;
        text-align: left;
        color: #626477;
    }

    .header-top ul .user {
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .header-top ul .user .u-img {
            height: 40px;
            width: 40px;
            overflow: hidden;
            background: #666CFF;
            border-radius: 50%;
            min-width: 40px;
            text-align: center;
        }

            .header-top ul .user .u-img img {
                height: 100%;
                width: 100%;
                border-radius: 50%;
            }

            .header-top ul .user .u-img button {
                padding: 0;
                width: 100%;
                height: 100%;
                text-decoration: none;
            }

                .header-top ul .user .u-img button label {
                    color: #fff;
                    border: 0;
                    font-weight: 600;
                }

                .header-top ul .user .u-img button span {
                    color: #fff !important;
                    border: 0;
                    font-weight: 600;
                }

        .header-top ul .user .u-name {
            color: #4C4E64DE;
            font-family: Inter;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0.15000000596046448px;
            text-align: left;
            width: 150px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

ol.breadcrumb li.breadcrumb-item {
    color: #666CFF !important;
    font-family: Inter;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 15px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
}

    ol.breadcrumb li.breadcrumb-item a {
        color: #667085 !important;
        font-family: Inter;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 15px;
        text-align: left;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        ol.breadcrumb li.breadcrumb-item a:hover {
            color: #666CFF !important;
        }

        ol .breadcrumb li.breadcrumb-item a img {
            height: 20px;
            width: 20px;
        }

    ol .breadcrumb li.breadcrumb-item.active {
        color: #666CFF !important;
        font-family: Inter;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 15px;
        text-align: left;
        display: flex;
        align-items: center;
        gap: 8px;
    }

.breadcrumb-item.active svg path {
    stroke: #666CFF;
}
/*card*/
.card {
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    border: unset;
    padding: 26px 16px;
    border-radius: 16px;
    background: #fff;
}

.graph-card {
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    border: unset;
    padding: 20px;
    border-radius: 16px;
    background: #fff;
}

.card .dash-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .card .dash-info p {
        color: #636578;
        font-family: Inter;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        text-align: left;
        margin: 0 0 8px 0;
    }

    .card .dash-info .num {
        color: #000;
        font-family: Inter;
        font-size: 32px;
        font-weight: 500;
        line-height: 38.73px;
        text-align: left;
    }


.graph-card h3 {
    color: #636578;
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.05px;
    text-align: left;
    margin: 0 0 40px 0;
}

/*loin */
.logintitle {
    color: #666CFF;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 600;
    /*border-bottom: 2px solid #666CFF;*/
    width: auto;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'inter', sans-serif !important;
}

.form-input .form-content .e-outline {
    margin-bottom: 8px !important;
    border-color: #636578 !important;
}

.form-input .form-content label {
    margin-bottom: 8px;
    font-size: 16px;
    color: #626477;
}

.form-input .form-content .e-outline:focus {
    margin-bottom: 24px !important;
    border-color: #636578 !important;
}

/*.form-input .e-btn.e-primary {
    background: #666CFF;
    border-color: #666CFF;
    color: rgba(var(--color-sf-on-primary));
    box-shadow: none;
    width: 100%;
    *padding: 12px;
}*/

.form-input .e-btn.forgot-pass {
    color: #10b08d;
    border: 0px;
    box-shadow: none;
}

    .form-input .e-btn .forgot-pass a:hover {
        color: #333;
        cursor: pointer;
        border: 0px;
        box-shadow: none;
    }

.form-input .e-btn.e-outline.e-primary, .form-input .e-css.e-btn.e-outline.e-primary {
    background: transparent;
    border: 1px solid #10b08d !important;
    color: #10b08d;
}

    .form-input .e-btn.e-outline.e-primary:hover, .form-input .e-css.e-btn.e-outline.e-primary:hover {
        background: #10b08d;
        opacity: 0.5;
        border: 1px solid #10b08d !important;
        color: #10b08d;
        color: #fff;
    }

.login-page-content p {
    text-align: center;
}

.login-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    background: #F8F8FC;
}

    .login-body .cardbg {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        border-radius: 30px;
        background: #fff;
        max-width: 80%;
        margin: auto;
    }

    .login-body .left-side {
        background-color: #666CFF;
        padding: 40px;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        height: 100%;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .login-body .right-side {
        padding: 40px;
    }

    .login-body .logo-img img {
        width: 100%;
    }

    .login-body .left-side h1 {
        font-size: 30px;
        font-family: Inter;
        font-weight: 300;
        color: #fff;
        text-align: center
    }

    .login-body .left-side p {
        font-size: 16px;
        font-family: Inter;
        font-weight: 300;
        color: #fff;
        text-align: center
    }

}

.card-risklist .right-side {
    width: 100%;
    text-align: left;
}

#Percentage {
    background: #D9D9D9;
    border-radius: 25px
}

#PercentageSVG {
    border-radius: 25px
}

.search-input,
.filter-button,
.sf-search-input {
    padding: 12px 11px;
    font-size: 14px;
    width: 250px;
    background: #fff;
    box-shadow: 0px 0px 34px rgb(196 196 206 / 64%);
    border-radius: 8px !important;
    font-size: 14px;
}

    .search-input:focus,
    .search-input:focus-visible {
        outline: none;
    }

    .sf-search-input .search-input {
        top: 0;
        left: 0;
        padding: 0 12px !important;
    }

.sf-search-input {
    padding: 0px;
}

    .sf-search-input .search-input input {
        min-height: 34px !important;
    }

.tier-box {
    padding: 0px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
}

.filter-button {
    width: 40px;
    height: 40px;
    margin-left: 20px;
    cursor: pointer;
}

.tier-box .inprogress {
    background: #FFE2E2;
    color: #FF3131;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
}

.tier-box .pending {
    background: #FFE5CE;
    color: #D7A011;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
}

.tier-box .completed {
    background: #DEF9D3;
    color: #00C02A;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
}

#sfgridbxdgecvxksy_toolbarItems {
    display: block;
}

.detail-container {
    background: #ECEDFF;
    border-radius: 16px;
}

.detail-title {
    font-size: 16px;
}

.detail-container h5 {
    font-size: 16px;
}

.vendorlist {
    border: 0px;
}

label.e-form-label {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.e-outline {
    border: 1px solid #666;
    border-radius: 8px;
}

.profile-pic {
    height: 200px;
    width: 200px;
    background-color: #ECEDFF;
    border-radius: 50%;
    display: inline-block;
}
/*
button.e-control.e-btn.e-lib.e-primary {
    background: #666CFF;
}
*/
span.e-outline.e-input-group.e-control-container.e-control-wrapper.valid {
    border-radius: 8px;
}

.e-button-right {
    display: flex;
    justify-content: end;
}
/*--------------------------------------------------------------
  manage-assessment
  --------------------------------------------------------------*/
.manage-assessment {
}

    .manage-assessment .card {
        padding: 16px;
    }

        .manage-assessment .card img {
            width: 40px;
            height: 40px;
        }

    .manage-assessment .card-header {
        margin-bottom: 15px;
        color: #636578;
        font-size: 16px;
        font-weight: 400;
        background-color: #fff;
        border-bottom: none;
        text-align: center;
        padding: 0px
    }

    .manage-assessment .card-body {
        padding: 0px;
    }

/* Breadcrumb css */
.breadcrumb-item + .breadcrumb-item::before {
    display: none;
}

.breadcrumb .breadcrumb-divider {
    padding: 0px 8px;
}

    .breadcrumb .breadcrumb-divider img,
    .breadcrumb-item a > img {
        height: 20px !important;
        width: 20px !important;
    }

.custom-card-box {
    padding: 24px 40px;
}

    .custom-card-box h3 {
        margin: 12px 0px 36px 0px;
    }
/* Custom tab css */
.custom-tab .e-tab-header {
    text-align: center;
}

.custom-tab .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active .e-tab-text {
    color: #666CFF;
}

.custom-tab .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
    border: 1.6px solid #666CFF;
}

.custom-tab .e-tab .e-tab-header {
    margin-bottom: 24px;
}

.accordion-control-section .e-accordion {
    border: none;
    border-radius: 0px;
}

    .accordion-control-section .e-accordion .e-acrdn-item {
        margin-bottom: 16px;
        border: 1px solid #C4C4C4 !important;
        border-radius: 8px !important;
        -
    }

        .accordion-control-section .e-accordion .e-acrdn-item .e-acrdn-header {
            padding: 15px 25px;
        }

            .accordion-control-section .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
                font-size: 16px;
                color: #626477 !important;
                font-family: "Inter", sans-serif !important;
            }

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    min-height: 50px !important;
    height: 50px !important;
}

.e-accordion .e-acrdn-item .e-acrdn-header:focus {
    box-shadow: none !important;
}

.e-acrdn-content {
    background-color: transparent !important;
}

.custom-button {
    border-radius: 8px;
    font-weight: 500;
    padding: 12px 30px;
}

.tab-footer .custom-form {
    width: calc(100% - 140px);
}

.custom-form {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

    .custom-form .control-section {
        width: 100%;
    }

    .custom-form .control-section {
        width: 100%;
    }
/*
        .custom-form .control-section .e-input-group:before,
        .custom-form .control-section .e-input-group.e-input-focus:after {
            display: none;
        }

        .custom-form .control-section .e-input-group, .custom-form .control-section .e-input-group.e-control-wrapper {
            border: none !important;
        }*/

/* .custom-form .control-section .e-input-group.e-control-wrapper input {
                border: 1px solid #C4C4C4;
                border-radius: 8px !important;
                padding: 10px 16px !important;
                color: #636578 !important;
            }*/

.add-section {
    color: #666CFF !important;
    display: flex;
    align-items: center;
    margin-right: 24px;
    font-size: 16px;
}

.tab-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-control {
    color: #636578;
    font-size: 16px;
}

    .form-control::placeholder {
        color: #636578;
        font-size: 16px;
    }

    .form-control:focus {
        outline: none;
        box-shadow: none;
    }

.custom-form .example-label {
    font-size: 16px;
    color: #626477;
    margin-bottom: 8px;
    display: block;
    font-weight: 500 !important;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    height: 20px !important;
    width: 20px !important;
    border: 2px solid !important;
}

    .e-checkbox-wrapper .e-frame + .e-label,
    .e-radio + label .e-label {
        font-weight: 400 !important;
        color: #626477 !important;
        font-size: 16px !important;
        font-family: "Inter", sans-serif;
    }

.e-checkbox-wrapper .e-check {
    font-size: 14px !important;
}

.e-checkbox-wrapper .e-frame {
    line-height: 16px !important;
    border-radius: 4px !important;
}

.e-radio + label::before {
    height: 20px !important;
    width: 20px !important;
    border: 2px solid !important;
    top: 0;
}

.e-radio + label .e-label {
    display: flex !important;
    align-items: center !important;
    padding-left: 30px !important;
    padding-right: 15px;
    font-weight: 400;
    color: #626477;
    font-size: 16px;
    font-family: "Inter", sans-serif;
}

.e-radio:checked + label::after {
    top: 5px !important;
    height: 10px;
    width: 10px;
    left: 5px !important;
}

.e-radio + label::after {
    left: 7px !important;
}

.dropdown-list .control-wrapper {
    max-width: 100%;
    margin: 0;
}
/*.custom-form .control-section .dropdown-list .e-input-group.e-control-wrapper.e-input-focus {
    border: 1px solid #C4C4C4 !important;
}*/
/*.custom-form .control-section .dropdown-list .e-input-group, .custom-form .control-section .dropdown-list .e-input-group.e-input-focus {
    border: 1px solid #C4C4C4;
    border-radius: 8px !important;
    padding: 0px !important;
    color: #636578 !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}*/
/*  .custom-form .control-section .dropdown-list .e-input-group.e-control-wrapper input {
        border-right: 0px !important;
        border-top-right-radius:0px !important;
        border-bottom-right-radius:0px !important;

    }*/

input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper {
    font-family: "Inter", sans-serif !important;
}

.custom-form .control-section .dropdown-list .e-input-group.e-control-wrapper .e-input-group-icon {
    border-radius: 0px;
    border: 1px solid #c4c4c4 !important;
    border-left: none !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/*.custom-form .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus),
.custom-form .e-input-group input.e-input {
    border: 1px solid #c4c4c4 !important;
}
*/
.custom-form .control-section .dropdown-list .e-input-group.e-control-wrapper input,
.custom-form .control-section .dropdown-list .e-input-focus input {
    border: 1px solid #c4c4c4 !important;
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0px !important;
}

    .custom-form .control-section .dropdown-list .e-input-focus input:focus {
        border: 1px solid #c4c4c4 !important;
        border-right: none !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0px !important;
    }

.e-checkbox-wrapper .e-frame.e-check {
    background: #666CFF !important;
    border: 2px solid #666CFF !important;
    border-radius: 4px;
}

.info-section label, .info-section b {
    font-size: 16px;
}

.user-profile-drodown button {
    box-shadow: none !important;
    display: flex;
}

    .user-profile-drodown button:hover, .user-profile-drodown button:active, .user-profile-drodown button:focus,
    .e-btn.e-active {
        background: transparent !important;
    }

.user-profile-drodown .e-dropdown-btn .e-caret, .e-dropdown-btn.e-btn .e-caret {
    display: none;
}

.profile-drodown.e-dropdown-popup {
    position: absolute;
    right: 20px;
    left: auto !important;
}

.e-dropdown-btn, .e-dropdown-btn.e-btn {
    padding: 0px !important;
}

.profile-drodown.e-dropdown-popup ul .e-item {
    font-size: 16px !important;
}

.search-icon-input span {
    position: absolute;
    right: 15px;
    top: 10px;
}

.e-grid .e-pager {
    text-align: center;
    background: #f5f5f9;
}

.e-pager.sf-pager .e-link,
.e-pager.sf-pager .e-icon-prev {
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #f1f1f1;
    margin: 0px 5px !important;
    font-weight: 600;
    line-height: 35px;
}

    .e-pager.sf-pager .e-link.e-active, .e-pager.sf-pager .e-link.e-active.e-focus, .e-pager.sf-pager .e-link.e-active.e-focused,
    .e-pager .e-currentitem.e-numericitem.e-focused {
        background: #666CFF;
        color: #fff;
    }

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: none !important;
}

.e-pager .e-currentitem.e-numericitem.e-focused {
    box-shadow: none !important;
    border-color: #666CFF !important;
    background: #666CFF !important;
    color: #fff !important;
}

.e-pager .e-pagercontainer {
    background-color: transparent !important;
}

    .e-pager .e-pagercontainer .e-nextpage.e-focused {
        border-radius: 50% !important;
    }

.cursor-pointer {
    cursor: pointer;
}

.riskList .e-toolbar-items {
    width: 100%;
}

    .riskList .e-toolbar-items .e-toolbar-item:last-child {
        margin-left: auto;
    }

    .riskList .e-toolbar-items .e-input-group {
        background: #FFFFFF;
        box-shadow: 0px 0px 30px 0px #C4C4CE26;
        border-radius: 8px;
        padding: 3px 7px;
        border: 0 !important;
        line-height: 28px;
    }

.riskList .e-pager .e-pagercontainer {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 24px 0 0 0;
}

    .riskList .e-pager .e-pagercontainer > * {
        margin: 0 !important;
        border-radius: 50%;
        text-align: center;
    }

    .riskList .e-pager .e-pagercontainer .e-link {
        border-radius: 50%;
        padding: 0;
        text-align: center;
    }

.table-title {
    color: #626477;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.riskList .e-control.e-toolbar {
    border: unset;
    background: transparent !important;
}

.riskList .e-toolbar .e-toolbar-items {
    /*    background: transparent !important;*/
}

.riskList .e-gridheader {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-top: 18px;
}

.riskList .e-gridcontent {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.riskList .e-grid .e-table tr td {
    border-bottom: 0 !important;
}

td .btn-link {
    padding: 0px 4px;
}



.riskList .e-grid .e-pager {
    border-top: 0;
}

.custom-tab .tab-footer .custom-form form {
    display: flex;
    align-items: center;
    width: 100%;
}

.custom-button.e-btn, .custom-button,
.e-primary.e-btn {
    line-height: normal;
    color: rgb(255, 255, 255) !important;
    font-weight: 500;
    border-radius: 8px;
    padding: 8px 16px;
    background: #666CFF !important;
    border-color: #666CFF !important;
    font-size: 16px;
}

    .custom-button.e-btn:hover, .custom-button:hover,
    .e-primary.e-btn:hover {
        background: #565CF0 !important;
        border-color: #565CF0 !important;
    }


.card-risklist .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before,
.card-risklist .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after,
.card-risklist .e-input-group::after,
.card-risklist .e-input-group::before {
    display: none !important;
}

.accordion-header.collapse:not(.show) {
    display: block;
}

.riskList .e-grid .e-table tbody tr:last-child {
    border-radius: 0px !important;
}

.accordion-item .accordion-header button {
    background-color: transparent !important;
    color: #626477 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Inter", sans-serif !important;
    padding: 14px 24px !important;
}

.accordion-item {
    margin-bottom: 16px;
    border: 1px solid #C4C4C4 !important;
    border-radius: 8px !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon) !important;
}

.accordion-body {
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-item .accordion-header button.accordion-button.collapsed {
    border-bottom: 0px !important;
}

.accordion-item .accordion-header button:focus {
    border-bottom: 1px solid #c4c4c4 !important;
}

.no-data-found-content {
    border: 1px solid #c4c4c4;
    border-radius: 8px;
}

.nav-item-active .nav-icon .nav-icon-img {
    background: #666CFF;
    border-radius: 50%;
}

    .nav-item-active .nav-icon .nav-icon-img img {
        filter: brightness(0) invert(1);
    }

    /*.nav-item-active .nav-icon svg path {
    stroke: #fff !important;
    stroke-opacity: 1;
}*/
    .nav-item-active .nav-icon .nav-icon-img > * {
        filter: brightness(0) invert(1);
    }

@media (min-width: 641px) {
    .sidebar[b-ksmtppp30e] {
        width: 80px;
    }
}

/*   .validation-text {
    bottom: -20px;
    position: absolute;
}*/
/* custom modal design */
.custom-modal.e-dlg-container .e-dialog {
    max-height: 96vh !important;
    max-width: 1500px !important;
    width: calc(100% - 32px);
    box-shadow: 0px 0px 30px 0px #C4C4CE;
    border-radius: 16px;
}

.custom-modal.questions-details-modal.e-dlg-container .e-dialog {
    max-width: 1100px !important;
    width: calc(100% - 32px);
}

.custom-modal .e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 40px 40px 10px 40px;
    background: #fff;
    border-radius: 16px 16px 0 0 !important;
}

    .custom-modal .e-dialog .e-dlg-header-content + .e-dlg-content {
        padding: 20px 40px 40px !important;
        border-radius: 0 0 16px 16px !important;
    }

.custom-modal .e-dialog .e-btn.e-dlg-closeicon-btn {
    border: 1px solid #F1F1F1 !important;
}

.custom-modal .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    /*    color: #fff;*/
}

.custom-modal .e-dialog .e-dlg-header,
.custom-modal .e-dlg-header * {
    /*    color: white !important;*/
}

.custom-modal .e-dlg-header .modal-header span, .custom-modal .e-dlg-header .modal-header {
    color: #626477;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: left;
}

.custom-modal .e-dialog .e-dlg-header-content + .e-dlg-content {
    padding-top: 20px;
}

.custom-modal .e-dlg-content .form-content .e-input-group {
    border: 1px solid #ddd !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
}

.custom-modal .e-control-wrapper.valid.e-input-focus.e-input-anim:before,
.custom-modal .e-control-wrapper.valid.e-input-focus.e-input-anim:after {
    display: none;
}

.e-dialog .e-dlg-content {
    padding-bottom: 20px;
}

.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: rgb(102 108 255) !important;
    border-color: rgb(102 108 255) !important;
}

.e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: rgb(102 108 255) !important;
    border-color: rgb(102 108 255) !important;
}

button.e-control.e-btn.e-lib.e-primary.e-btn-outlin {
    background: transparent;
    color: rgb(102 108 255) !important;
    border: 1px solid rgb(102 108 255) !important;
}

    button.e-control.e-btn.e-lib.e-primary.e-btn-outlin:hover {
        background: rgb(102 108 255);
        color: #fff !important;
        border: 1px solid rgb(102 108 255) !important;
    }

.tab-footer .button-list .custom-button {
    padding: 4px;
    border-radius: 7px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tab-footer .button-list .custom-button:active {
        background-color: rgb(102 108 255) !important;
        border-color: rgb(102 108 255);
    }

    .tab-footer .button-list .custom-button:focus {
        box-shadow: none !important;
        outline: none !important;
    }

    .tab-footer .button-list .custom-button svg path {
        fill: #fff !important;
    }

.loader-section {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    align-items: center;
    text-align: center;
    background: #fff;
    z-index: 0;
}
/*.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
}*/
.move-section {
    position: relative;
    margin-top: 10px;
}

    .move-section h4 {
        font-size: 60px;
        letter-spacing: 5px;
        text-transform: uppercase;
        line-height: 100%;
        position: relative;
        /* mix-blend-mode: difference;
         color: #fff;*/
        mix-blend-mode: darken;
        color: #a6a6a6;
    }

    .move-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
        height: 100%;
        /* background-color: #000;*/
        background-color: #666CFF;
        animation: move 4s linear infinite;
        z-index: -1;
    }

@keyframes move {
    0%, 100% {
        left: 0;
    }

    50% {
        left: calc(100% - 100px);
    }
}

label.required::after {
    content: '*';
    margin-left: 4px;
    color: red;
}


.e-richtexteditor.e-rte-tb-expand {
    overflow: hidden !important;
    width: 100% !important;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: transparent !important;
}

.nested-accordian-body.accordion-body {
    background: #F8F8FC !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.nested-accordian-body .question-title {
    font-weight: 500;
}

.nested-accordian-body .form-group {
    margin-bottom: 16px;
}

    .nested-accordian-body .form-group label {
        margin-bottom: 8px;
        font-size: 15px !important;
    }

    .nested-accordian-body .form-group .form-control {
        padding: 8px 15px;
        font-size: 15px;
    }

.conditional-list {
    padding: 40px 25px !important;
}

.condition-rule-section {
    border: 1px solid #c4c4c4;
    padding: 30px 24px 30px 20px;
    border-radius: 8px;
}

.custom-form .control-section .e-input-group .e-dropdownlist {
    border: none !important;
}

.custom-form .control-section .custom-drodown .e-input-group.e-input-group.e-control-wrapper {
    border: 1px solid #c4c4c4 !important;
    border-radius: 8px !important;
}

.condition-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .condition-item .form-group {
        margin: 0px 8px;
    }

.action-right-content svg {
    width: 25px !important;
    height: 20px !important;
}

.action-right-content a:hover svg path {
    fill: red;
}
/* Question view screen */
.question-view-section .e-listview {
    background: #fff !important;
    border-radius: 8px !important;
}

    .question-view-section .e-listview .e-text-content.e-checkbox .e-list-text {
        width: auto !important;
        margin-left: 5px;
    }

    .question-view-section .e-listview .e-list-parent {
        padding: 15px;
    }

    .question-view-section .e-listview .e-list-item {
        display: inline-block !important;
        height: auto !important;
        padding: 0px 25px 0px 0px !important;
    }

.custom-form .e-checklist.e-hover, .e-checklist.e-focused,
.custom-form .e-listview .e-list-item.e-focused,
.custom-form .e-listview .e-list-item.e-focused.e-active.e-checklist {
    background-color: transparent !important;
}

.question-view-section label,
.question-view-section h1,
.question-view-section h2,
.question-view-section h3,
.question-view-section h4,
.question-view-section h5,
.question-view-section h6,
.question-view-section p {
    font-family: "Inter", sans-serif !important;
    background-color: transparent !important;
}

/*.e-input-group.e-control-wrapper textarea,
.e-input-group.e-control-wrapper textarea:hover {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 15px !important;
    border-width: 1px !important;
    background: #fff !important;
}*/

.question-view-section .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
    content: "\e820";
    font-family: 'e-icons' !important;
    font-size: 20px;
}

.question-view-section .e-upload .e-upload-files .e-file-delete-btn.e-icon:hover {
    background-color: red !important;
    border-radius: 50%;
    color: #fff !important;
}

.question-view-section .e-upload .e-upload-files .e-file-delete-btn.e-icons,
.question-view-section .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons {
    font-size: 20px !important;
    color: #f00 !important;
    border-radius: 50%;
}

.e-radio:checked + label::after {
    color: #666CFF !important;
    background: #666CFF !important;
}

.question-view-section .e-radio-wrapper {
    margin-bottom: 10px;
}

.question-view-section .control-section .e-input-group.enumeric {
    border: 1px solid #c4c4c4 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
}

    .question-view-section .control-section .e-input-group.enumeric .e-input {
        border: none !important;
    }

.e-upload .e-upload-files .e-upload-file-list {
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f5f5f5;
    margin-top: 15px;
}

.e-upload .e-upload-files {
    border-top: none !important;
}

    .e-upload .e-upload-files .e-upload-file-list:last-child {
        margin-bottom: 10px !important;
    }

    .e-upload .e-upload-files .e-upload-file-list:hover {
        box-shadow: 0px 0px 5px rgba(0,0,0,.15);
    }

    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
        font-size: 14px !important;
    }

    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
        font-size: 14px !important;
    }

.e-upload .e-file-select-wrap, .e-bigger.e-small .e-upload .e-file-select-wrap {
    padding: 16px 0 16px 12px;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
}
/*.custom-form .control-section .e-input-group.e-numeric, .custom-form .control-section .e-numeric.e-input-group.e-control-wrapper {
    border:1px solid #c4c4c4 !important;
    border-radius:8px !important;
    padding:15px 0px;
    background-color:#fff !important;

}
    .custom-form .control-section .e-input-group.e-numeric .e-numerictextbox, .custom-form .control-section .e-input-group.e-numeric .e-numerictextbox:hover,
    .custom-form .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .custom-form .e-input-group input.e-input:hover {
        border: none !important;
    }*/
.custom-form .control-section .e-input-group, .custom-form .control-section .e-input-group.e-control-wrapper {
    background: #fff !important;
    height: auto !important;
}

    .custom-form .control-section .e-input-group.e-control-wrapper.e-numeric input
    /* .custom-form .control-section .e-input-group,*/
    /*.custom-form .control-section .e-input-group.e-ddl .e-dropdownlist , */
    /*.custom-form .control-section .e-input-group.e-date-wrapper .e-datepicker*/ {
        border: 1px solid #c4c4c4 !important;
        background: #fff !important;
        border-right: none !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        font-size: 15px !important;
    }

/* .custom-form .control-section .e-input-group.e-control-wrapper.e-numeric input:hover,
        .custom-form .control-section .e-input-group.e-date-wrapper input:hover {
            border-right: none !important;
        }*/

/* .custom-form .control-section .e-input-group.e-date-wrapper input:hover {
            border-right: none !important;
        }*/

/*.custom-form .e-numeric.e-control-wrapper.e-input-group .e-spin-down {
    border-top: 1px solid #c4c4c4 !important;
    border-bottom: 1px solid #c4c4c4 !important;
    background: #fff !important;
    border-radius: 0px !important;
}*/

/*.custom-form .e-input-group.e-control-wrapper.e-numeric .e-input-group-icon:last-child*/
/*.custom-form .control-section .e-input-group.e-ddl .e-ddl-icon,*/
/*.custom-form .control-section .e-input-group.e-date-wrapper .e-date-icon {
    border: 1px solid #c4c4c4 !important;
    border-left: none !important;
    background: #fff !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}*/

.custom-modal.custom-edit-section-modal.e-dlg-container .e-dialog {
    width: 600px !important;
}

.custom-modal.add-template-modal.e-dlg-container .e-dialog {
    width: 500px !important;
}

.custom-modal.template-history-modal.e-dlg-container .e-dialog {
    width: auto !important;
}

.e-dialog.template-history-modal .e-dlg-header {
    width: auto;
}

.assessment-setting-active-switch .e-switch-wrapper, .e-css.e-switch-wrapper {
    width: 100px !important;
    height: 30px;
}

.e-switch-wrapper .e-switch-handle {
    height: 18px !important;
    width: 18px !important;
    bottom: 0 !important;
    top: 0 !important;
}

.billing-switch-wrapper .e-switch-wrapper .e-switch-handle {
    background: #fff !important;
}

.billing-switch-wrapper .e-switch-wrapper .e-switch-off {
    background-color: #666cff;
}

.billing-switch-wrapper .e-switch-wrapper .e-switch-inner {
    border-color: #666cff !important;
    background-color: #666cff !important;
}

.e-switch-wrapper .e-switch-inner .e-switch-on, .e-switch-wrapper .e-switch-inner .e-switch-off {
    font-size: 15px !important;
    font-weight: 400;
}
/* Sidebar css */

.nav-menu-title {
    color: rgba(0,0,0,.60);
    font-size: 16px;
    font-weight: 400;
    margin-left: 20px;
    display: none;
    width: calc(100% - 40px);
}

.active-sidebar .sidebar .nav-menu-title {
    display: block;
}

.sidebar {
    width: 80px !important;
    text-align: left !important;
    transition: .3s all;
    background-color: #fff !important;
    border: none;
    box-shadow: 0px 0px 30px #c4c4ce;
}

.active-sidebar .sidebar {
    width: 300px !important;
}

.btn-toggle {
    position: absolute;
    top: 35px;
    right: -15px !important;
    height: 25px !important;
    width: 25px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    transition: .3s all;
    background: #fff !important;
}

    .btn-toggle:focus,
    .btn-toggle:active {
        background: #fff !important;
        outline: none !important;
    }

.active-sidebar .sidebar .btn-toggle {
    transform: rotate(-180deg) !important;
}

.sidebar .collapse-logo {
    display: none;
}

.active-sidebar .sidebar .collapse-logo {
    display: block;
}

.active-sidebar .sidebar .no-collapse-logo {
    display: none;
}

.nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: center;
    margin: 10px 0px !important;
}

.nav-upper-menu,
.nav-lower-menu {
    border-top: none !important;
    padding: 0px !important;
    padding-left: 10px !important;
    align-items: self-start !important;
    border-bottom: none !important;
}

.nav-icon-img {
    display: flex;
    align-items: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.nav-item {
    padding-bottom: 0px;
}

.link-title-td {
    box-shadow: none !important;
    background-color: transparent !important;
}
/* custom sidebar modal */
body.modal-popup-open {
    z-index: 0;
    overflow: hidden;
}

.custom-sidebar-modal {
    background: rgba(0, 0, 0, .50);
    position: fixed;
    width: 0%;
    top: 0;
    height: 100vh;
    right: 0;
    z-index: 199999;
    transition: .3s all;
    overflow: hidden;
}

.modal-popup-open .custom-sidebar-modal {
    width: 100%;
}

.custom-sidebar-modal .sidebar-modal-content {
    max-width: 450px !important;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, .25);
    position: absolute;
    right: -100%;
    bottom: 50px;
    padding: 30px;
    transition: .5s all;
}

.modal-popup-open .custom-sidebar-modal .sidebar-modal-content {
    right: 0;
}

.custom-btn-close {
    box-shadow: none !important;
}

    .custom-btn-close:hover,
    .custom-btn-close:focus-within {
        background: transparent !important;
    }

.custom-form {
    display: block;
    width: 100%;
}

.vendor-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0px;
    border: 1px solid #ddd;
}

.overview-info {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #ddd;
}

    .overview-info lable {
        padding-bottom: 8px;
        display: block;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
    }

.product-name {
    display: flex;
    flex-wrap: wrap;
}

.severity-item .circle {
    height: 15px;
    width: 15px;
    background: red;
    margin-right: 10px;
    border-radius: 50%;
}

.severity-item strong {
    font-weight: 500 !important;
}

.overview-info .form-group {
    margin-bottom: 16px;
}

.overview-info .form-group {
    font-size: 15px;
}

.overview-info .custom-button,
.searchbox-modal-input .custom-button {
    position: absolute;
    right: 1px;
    top: 2px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0 !important;
    padding: 8px 10px !important;
    background: #fff !important;
    box-shadow: none !important;
}

    .overview-info .custom-button:hover,
    .searchbox-modal-input .custom-button:hover {
        background: #fff !important;
    }

.custom-form .searchbox-modal-input .form-control {
    padding-right: 50px !important;
}

.vendor-edit-modal-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    background: #fff !important;
}

.vendor-edit-modal-popup.e-dialog,
.vendor-edit-modal-popup.e-dialog .e-dlg-content {
    background: #F8F8FC;
    max-width: 100% !important;
    width: 100%;
    max-height: 100vh !important;
    margin: auto;
}

.product-content label {
    font-size: 18px;
    font-weight: 600;
    color: #4C4E64;
    margin-bottom: 8px;
}

.product-content p {
    font-size: 16px;
    font-weight: 400;
    color: #4C4E64;
}
/*.top-card-section {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    margin:0px -15px;
}*/
.top-card-item {
    padding: 25px;
    width: 100%;
    height: 100%;
}

    .top-card-item .top-card-title {
        font-size: 18px;
        color: rgba(0, 0, 0, .6);
        margin-bottom: 16px;
    }

    .top-card-item .top-card-number {
        font-size: 32px;
        font-weight: 500;
        color: #4C4E64;
    }

    .top-card-item .top-card-status {
        max-width: fit-content !important;
        color: #62BB46;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 20px;
        border-radius: 20px;
    }

.status-pending {
    background-color: #FFE2E2;
    color: #FF3131 !important;
}

.status-success {
    background-color: rgb(98, 187, 70, .20);
    color: #62BB46;
}

.progress-list {
}

.progress-item {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #ddd;
    width: 100%;
    justify-content: space-between;
}

    .progress-item p {
        font-size: 14px;
        font-weight: 500;
    }

    .progress-item .progress-range {
        background: #fff;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        border-radius: 50%;
        padding: 5px;
        position: relative;
        border: 2px solid #ddd;
    }
/*.progress-item .progress-range::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;*/ /* Match parent radius */
/*border: 5px solid transparent;
            background: conic-gradient(#3498db 0% 20%, transparent 20%);
            -webkit-mask: radial-gradient(circle, transparent 80%, black 100%);
            mask: radial-gradient(circle, transparent 80%, black 100%);
            z-index: -1;*/ /* Keep behind the text */
/*}*/



.e-footer-content .e-btn.e-primary,
.e-footer-content .e-btn.e-primary.btn-outline:hover {
    background: #666CFF !important;
    color: #fff !important;
    padding: 8px 16px;
}

.e-footer-content .btn-outline {
}

.e-footer-content .e-btn.e-primary.btn-outline, .e-btn.e-primary.btn-outline {
    background: #fff !important;
    color: #666CFF !important;
    border: 1px solid #666CFF !important;
}

.modal-tab-section .e-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, .5) !important;
}

.modal-tab-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
    border-bottom: 4px solid #666CFF;
    border-radius: 20px !important;
    border-color: #666CFF !important;
    z-index: 555;
}

.modal-tab-section .e-tab .e-tab-header .e-toolbar-item.e-active:hover,
.modal-tab-section .e-tab .e-tab-header .e-toolbar-item:hover,
.modal-tab-section .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: #666CFF !important;
}

    .modal-tab-section .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text,
    .modal-tab-section .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text,
    .modal-tab-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text {
        color: #fff !important;
    }

.modal-tab-section .e-tab .e-content {
    padding: 15px 0px !important;
}

/* 21-11-2024 */
.custom-form .form-group {
    margin-bottom: 16px;
}

    .custom-form .form-group label,
    .custom-form .form-group .form-label {
        color: rgba(29, 29, 29, .7) !important;
    }

    .custom-form .form-group .form-control {
        border: 1px solid #C4C4C4 !important;
        border-radius: 8px !important;
        padding: 10px 16px !important;
        color: #636578 !important;
        background: #fff !important;
    }

        .custom-form .form-group .form-control input {
            border: none !important;
            padding: 0px !important;
            font-size: 15px !important;
            color: #626477 !important;
        }

        .custom-form .form-group .form-control.e-input-focus,
        .custom-form .form-group .e-input-focus .form-control,
        .custom-form .form-group .form-control.e-date-container.e-input-focus,
        .custom-modal .e-dlg-content .form-content .e-input-group.form-control.e-input-focus {
            border-color: rgba(29, 29, 29, .7) !important;
        }

        .custom-form .form-group .form-control input::placeholder {
            color: #1c1b1f61 !important;
        }

.link-text {
    color: #666CFF !important;
}

    .link-text:hover {
        color: #565CF0 !important;
    }

.fw-500 {
    font-weight: 500 !important;
}

.riskList .e-pager .e-pagercontainer > .e-numericitem {
    margin-left: 10px !important;
}

.e-pager.sf-pager .e-pagercontainer .e-prev {
    padding: 0px !important;
}

.e-pager .e-numericitem:hover,
.e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover,
.e-pager .e-spacing.e-numericitem .e-focused {
    background: #666CFF !important;
    color: #fff !important;
}

.e-pager .e-pager-default:hover {
    border-radius: 50% !important;
}

.custom-form .control-section .custom-drodown .e-input-group.e-input-group.e-control-wrapper,
.tab-footer .custom-form .control-section .e-input-group.e-control-wrapper:not(.e-float-icon-left),
.tab-footer .custom-form .control-section .e-input-group:not(.e-float-icon-left),
.e-input-group:not(.e-float-icon-left) {
    border: none !important;
}

.e-file-select-wrap {
    background: #f5f5f5 !important;
}

.tab-footer .form-group.mb-0 {
    margin-bottom: 0px !important;
}

.custom-small-table .table > :not(caption) > * > * {
    padding: 0px;
}

.custom-small-table table {
    width: 100%;
    border-radius: 15px !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .25);
}

.custom-small-table .table thead tr th {
    padding: 8px 15px !important;
    font-weight: 600;
    font-size: 16px;
    background-color: rgba(102, 108, 255, .2);
    color: #666CFF;
}

.custom-small-table .table thead tr td {
    padding: 8px 15px !important;
    font-size: 15px !important;
}

.custom-small-table table thead tr th:last-child {
    text-align: center;
    border-top-right-radius: 15px;
}

.custom-small-table table thead tr th:first-child {
    border-top-left-radius: 15px;
}

.custom-small-table table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px !important;
}

.custom-small-table table tbody tr:last-child {
    border-bottom: 0px solid #fff !important;
}

    .custom-small-table table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 15px !important;
    }

.custom-small-table table tbody tr td:last-child {
    width: 100px;
    text-align: center;
}

    .custom-small-table table tbody tr td:last-child a:hover svg path {
        fill: red;
    }

.custom-small-table table tbody tr td {
    padding: 8px 16px !important;
}

.e-btn.custom-button-outline {
    background: transparent !important;
    color: rgb(102, 108, 255) !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border: 1px solid #666CFF !important;
    border-radius: 8px !important;
}

    .e-btn.custom-button-outline:hover {
        background: rgb(102, 108, 255) !important;
        color: rgb(255, 255, 255) !important;
    }

.custom-form .example-label {
    font-size: 16px;
    color: #626477;
    margin-bottom: 8px;
    display: block;
    font-weight: 500 !important;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

.response-setting,
.inner-section-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
}

.inner-section-card {
    padding: 0px;
}

.custom-form .inner-section-card .example-label {
    background: #f5f5f5;
    padding: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 15px;
}

.custom-table table thead tr th {
    border-bottom: 1px solid rgba(var(--color-sf-on-surface), 0.05);
}

.custom-table table tbody tr, .custom-table table tbody tr td {
    border: none !important;
}
/* Dashboard design css */
.dashboard .copilot-column {
    max-width: 360px;
    width: 100%;
    border: none;
    box-shadow: none;
    margin-left: 34px;
}

    .dashboard .copilot-column .e-accordion .e-acrdn-item {
        background-color: #fff !important;
        border-radius: 16px !important;
        border: none !important;
        margin-bottom: 32px !important;
        box-shadow: 0px 0px 30px rgb(196, 196, 206, .7) !important;
    }

.accordion-copilot-content.versiq-panel .e-acrdn-header,
.copilot-column .accordion-copilot-content .e-acrdn-header {
    padding: 25px !important;
}

    .accordion-copilot-content.versiq-panel .e-acrdn-header .e-acrdn-header-content {
        font-weight: 700 !important;
        font-size: 24px !important;
        display: flex !important;
        align-items: center;
        width: 100%;
    }

.status {
    font-size: 16px;
    color: #43EE7D;
    display: flex;
    align-items: center;
    font-weight: normal;
}

.circle-status {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #43EE7D;
    display: inline-block;
    align-items: center;
}

.copilot-column .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    min-height: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    width: 30px !important;
    border: 1px solid rgba(0,0,0,.60);
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    font-size: 24px !important;
}

.copilot-column .e-accordion .e-acrdn-item.versiq-panel .e-acrdn-header .e-toggle-icon {
    top: 30px !important;
    right: 20px !important;
}

.copilot-chatbox {
    border-radius: 12px;
    background: #f6f6f6;
    box-shadow: 0px 0px 3px rgba(196, 196, 206, .1);
    padding: 15px;
    margin: 15px;
}

.copilot-column .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    top: 10px !important;
    right: 20px !important;
}

.copilot-chatbox p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #626477 !important;
}

.e-accordion .e-acrdn-item.versiq-panel .e-acrdn-panel .e-acrdn-content {
    padding: 0px !important;
}

    .e-accordion .e-acrdn-item.versiq-panel .e-acrdn-panel .e-acrdn-content .copilot-chatbox {
        padding: 15px !important;
    }

.chetbox-footer-right-icon {
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    background: #F7F7F9;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 5px;
    margin-right: 15px;
}

    .chetbox-footer-right-icon img {
        width: 90%;
    }

.right-angle {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #f6f6f6;
    border-radius: 10px;
    position: absolute;
    left: 3px;
    bottom: -20px;
    transform: rotate(223deg);
    z-index: 0;
}

.chat-footer {
    box-shadow: 0px 0px 50px rgba(196, 196, 206, .7);
    padding: 16px 16px;
    border-radius: 0;
    margin: 16px 0px;
}

.footer-option-item {
    background: rebeccapurple;
    border-radius: 12px;
    background: #F3F5F6 !important;
    border-radius: 10px !important;
    padding: 6px 12px;
    font-weight: 600;
    color: #444444;
    margin-left: 8px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

    .footer-option-item:first-child {
        margin-left: 0px;
    }

.chat-comment-box .no-background.custom-button {
    background: transparent !important;
    box-shadow: none !important;
    position: absolute;
    top: 0;
    right: 0;
}

.chat-comment-box {
    background-color: #F7F7F9 !important;
    border-radius: 16px !important;
    padding: 15px;
    margin-top: 15px;
}

    .chat-comment-box .form-control {
        border-color: transparent !important;
        background: transparent !important;
        padding: 0px !important;
        padding-right: 45px !important;
    }

.recent-activity-section .card {
    padding: 0px !important;
}

.custom-card-header {
    padding: 16px;
}

    .custom-card-header .card-title {
        color: #4C4E64DE;
    }

.activity-list .activity-item {
    border-top: 1px solid #f3f3f3;
    padding: 16px;
    display: flex;
    align-items: center;
}

    .activity-list .activity-item .activity-img {
        width: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .activity-list .activity-item .activity-content p {
        color: #4C4E64DE;
        margin-bottom: 0px;
    }

    .activity-list .activity-item .activity-content .activity-date {
        color: #4C4E6499 !important;
        font-size: 14px !important;
        display: flex;
        align-items: center;
    }

.see-more-activity-list {
    padding: 12px;
    text-align: center;
    background: #E6E6E6;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

.see-more-activity-list {
    color: #4C4E64DE !important;
}

.kpi-column {
    box-shadow: none !important;
    border: 0px !important;
    width: calc(100% - 360px);
}

.dashboard-section-title h4 {
    color: #4C4E64DE;
}

.custom-slider-section .control-container {
    background: transparent;
    height: auto;
    width: 100%;
}

.custom-slider-items {
    display: flex;
    width: 100%;
    transition: .3s all;
}
/*.custom-slider-items .custom-slider-item:hover {
        background: rgba(102, 108, 255, .2);
    }*/
/*  .custom-slider-items .custom-slider-item:hover .custom-slider-desc {
            color:#666CFF !important;
        }*/
.custom-slider-section {
    margin-bottom: 30px !important;
    padding-top: 50px !important;
}

.custom-slider-items .custom-slider-item {
    border-radius: 15px;
    margin: 10px 10px 10px !important;
    width: 25%;
    transition: .3s all;
}

    .custom-slider-items .custom-slider-item:hover {
        box-shadow: -1px 1px 3px rgba(0,0,0,.25) !important;
        transform: translate(0px, -10px);
    }

    .custom-slider-items .custom-slider-item img {
        width: auto;
        margin: 20px 0px;
    }

    .custom-slider-items .custom-slider-item .custom-slider-desc {
        font-size: 16px;
        color: #4C4E64DE !important;
        min-height: 70px;
        margin-bottom: 15px;
    }

        .custom-slider-items .custom-slider-item .custom-slider-desc:last-child {
            color: #4C4E64CC !important;
            min-height: auto !important;
            margin-bottom: 0px !important;
        }

.custom-slider-section .e-carousel .e-carousel-navigators {
    height: auto !important;
    top: -50px;
    width: auto;
    right: 0px !important;
}

    .custom-slider-section .e-carousel .e-carousel-navigators .e-btn {
        background: #fff !important;
        border-radius: 4px !important;
    }

        .custom-slider-section .e-carousel .e-carousel-navigators .e-btn:disabled {
            background: #C4C4CE26 !important;
        }

.custom-slider-section .e-btn.e-round .e-btn-icon, .e-css.e-btn.e-round .e-btn-icon {
    font-size: 25px !important;
    line-height: 25px;
}

.privacy-right-request-card .small-content {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #707183;
    padding-top: 5px;
}

.privacy-right-request-card .card {
    border-radius: 10px;
}

.open-total-section {
    display: flex;
    justify-content: space-between;
    padding: 40px 10px;
}

    .open-total-section .top-icon-content {
        min-height: 60px;
    }

        .open-total-section .top-icon-content p {
            margin-bottom: 0px;
            font-size: 18px;
            color: #4C4E6499;
        }

.percentage-contnet h5 {
    color: #626477;
    font-weight: 700;
    font-size: 24px;
}

.percentage-contnet span {
    color: #4C4E6461;
}

.open-total-divider-section {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .open-total-divider-section:after {
        content: '';
        height: 100%;
        width: 1px;
        background: #ddd;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .open-total-divider-section .vs-circle {
        height: 40px;
        width: 40px;
        background: #f5f5f5;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: #6D788D;
        font-weight: 700;
        position: relative;
        z-index: 222;
    }

    .open-total-divider-section:after {
        content: '';
        height: 100%;
        width: 1px;
        background: #4C4E641F;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0;
        margin: auto;
        z-index: 0;
    }

.range-section {
    width: 100%;
    padding: 0px 15px;
}

    .range-section .default-range-slide {
        height: 15px;
        width: 100%;
        border-radius: 30px;
        background: #666CFF;
    }

    .range-section .active-range-slide {
        height: 15px;
        border-radius: 30px;
        background: #FFC000;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        position: relative;
        top: -15px;
    }

.btn-add-list i {
    font-size: 24px;
    line-height: 0;
}

.custom-file.e-upload {
    border: none !important;
    position: absolute;
    bottom: 0px;
    z-index: 10;
}

.custom-file .e-file-select-wrap {
    padding: 0px !important;
    background: transparent !important;
    border: none !important;
}

.custom-file .e-file-drop {
    display: none;
}

.custom-file .e-file-select-wrap .e-file-select {
    width: auto;
}

.custom-file .e-upload-files .e-upload-file-list .file-name,
.custom-file .e-upload-files .e-upload-file-list .file-size {
    display: none !important;
}

.custom-file .e-upload-files .upload-image:after {
    display: none !important;
}

.custom-file .upload-image {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.custom-file.e-upload .e-upload-files .e-upload-file-list {
    border: none;
    border-radius: 50%;
    height: 200px;
    margin: auto !important;
    width: 200px;
    position: relative;
    top: 0px;
    left: 0px;
}

.profile-pic .uploaded-img {
    height: 100%;
    width: 100%;
    z-index: 10;
    position: absolute;
}

    .profile-pic .uploaded-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        object-position: center;
    }


.profile-pic ul.e-upload-files {
    display: none;
}

.e-toast .e-toast-close-icon::before {
    font-family: 'e-icons' !important;
}

.btn-item {
    display: inline-flex;
    border: 1px solid #636578;
    border-radius: 4px;
    padding: 8px 16px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #636578;
    margin-left: 8px;
    font-family: 'inter', sans-serif;
}

.status-section {
    background: #fff;
    margin: 24px 0px;
    padding: 16px 8px;
    border-radius: 8px;
    position: relative;
}

    .status-section:after {
        content: '';
        height: 6px;
        width: 98%;
        border-radius: 8px;
        background: #666cff;
        position: absolute;
        left: 0;
        right: 0px;
        bottom: -7px;
        margin: auto;
    }

.status-list {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 40px;
}

    .status-list .status-item {
        background: #ECEDFF;
        border: 1px solid #ECEDFF;
        padding: 8px 15px;
        color: #636578;
        font-size: 16px;
        /*margin-right: 24px;*/
        border-radius: 4px;
    }

        .status-list .status-item:last-child {
            margin-right: 0px;
        }

        .status-list .status-item.active {
            background: #666CFF;
            border: 1px solid #666CFF;
            color: #fff;
        }

        .status-list .status-item.disabled, .status-list .status-item:disabled {
            background: #F1F3F4;
            color: #636578;
            border: 1px solid #f1f3f4;
            cursor: not-allowed;
        }

.assessment-review-section {
    display: flex;
    width: 100%;
    font-family: 'inter', sans-serif;
}

    .assessment-review-section .card {
        border-radius: 8px;
    }

.assessment-review-sidebar-section {
    width: 300px;
    padding: 16px;
}

.assessment-review-sidebar-content-section {
    width: calc(100% - 300px);
    margin-left: 24px;
}

.question-item {
    color: #636578;
    margin-bottom: 15px;
}

.question-active {
    color: #666CFF;
}

.question-top-title {
    font-weight: 700;
    font-size: 20px;
    color: #626477;
    margin-bottom: 0px;
}

.btn-prev-next-list button {
    box-shadow: none !important;
    background: transparent !important;
    color: #666CFF !important;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.assessment-review-section .e-tab-header.e-vertical.e-vertical-left {
    max-width: 310px !important;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 30px 0px #C4C4CE26 !important;
    width: 100% !important;
}

.assessment-review-section .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    color: #636578 !important;
    font-size: 16px !important;
    padding: 8px 16px !important;
    font-weight: 400 !important;
}

.assessment-review-section .e-content {
    /*    padding-left: 24px;
    top: 50px;*/
}

.assessment-review-section .e-tab .e-tab-header.e-vertical.e-vertical-left .e-indicator {
    display: none !important;
}

.assessment-review-section .e-tab .e-tab-header .e-toolbar-item.e-active:hover {
    background-color: transparent !important;
    color: #666CFF !important;
}

.assessment-review-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text,
.assessment-review-section .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text,
.assessment-review-section .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
    color: #666CFF !important;
}

.assessment-review-section .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.assessment-review-section .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
    height: auto !important;
    min-height: auto !important;
}

.assessment-review-section .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
.assessment-review-section .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.assessment-review-section .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    height: auto !important;
    min-height: auto !important;
}

.assessment-review-section .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap {
    padding: 0px 0px !important;
}
/*.assessment-review-section .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    padding: 8px 16px !important;
}*/
.assessment-review-section .e-toolbar-items {
    padding: 10px 0px !important;
}

.custom-top-tabs-section {
    position: absolute;
    right: 0px;
    width: calc(100% - 330px);
}

.modal-tab-section .e-tab .e-content .e-upload {
    border: none !important;
}

.modal-tab-section .notes-table .riskList .e-gridcontent .e-content {
    padding-top: 0px !important;
}

.modal-tab-section .notes-table .riskList table thead tr th:last-child .e-headercelldiv {
    text-align: center;
}

.child-nav-menu,
.page .child-nav-menu {
    display: none;
}

.nav-item-active .child-nav-menu {
    display: block;
}

.nav-menu-button {
    padding: 0px !important;
}

    .nav-menu-button,
    .nav-menu-button:hover {
        background: #fff !important;
        box-shadow: none !important;
        padding: 0;
    }

.child-nav-menu .nav-menu-title {
    display: inline-flex !important;
}

.nav-item .e-icons.e-chevron-down {
    position: relative;
    color: rgba(0,0,0,.60);
    right: -50px;
    transform: rotate(-90deg);
    display: none;
}

.nav-item.nav-item-active .e-icons.e-chevron-down {
    transform: rotate(0deg);
}

.active-sidebar .nav-item .e-icons.e-chevron-down {
    display: block;
}

.linear-stepper-options {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.assessment-review-section .e-stepper.e-vertical {
    width: 100%;
}

.assessment-review-section .e-stepper-steps {
    align-items: flex-start !important;
}

.assessment-review-section .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-text,
.assessment-review-section .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-label {
    color: #666CFF !important;
    font-weight: 500 !important;
}

.assessment-review-section .e-stepper .e-stepper-steps .e-step-container .e-label {
    color: #636578;
    font-size: 16px;
    white-space: normal;
    text-align: left;
}

.assessment-review-section .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
    padding: 8px 8px !important;
}

.assessment-review-section #linear-stepper-content b {
    display: block;
    color: #626477;
    font-size: 20px;
    margin-bottom: 24px;
}

.card-img-content-section .card-img {
    border: 1px solid #ddd;
    height: 50px;
    width: 50px;
    border-radius: 8px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-content .title {
    font-size: 15px;
    color: rgba(0, 0, 0, .6);
    white-space: nowrap
}

.small-number-icon span {
    color: #25CD25;
    font-size: 18px;
    margin-left: 5px;
}

.card-content {
    width: calc(100% - 50px);
}

.request-title-date p {
    font-size: 16px;
}

.cls-import-template span.e-file-status.e-upload-success {
    display: none !important;
}

.btn-import-sample {
    display: inline-flex !important;
    gap: 8px;
    align-items: center !important;
}

    .btn-import-sample i.bi.bi-download {
        display: inline-block;
        margin-top: 0;
        padding: 0px 0 5px 0;
    }

.question-desc {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
}

.template-search-advance-filter-btn {
    margin-top: 15px;
    float: right;
}

.template-filter-acc {
    margin-bottom: 20px !important;
    background: #F8F8FC !important;
}

.e-accordion.template-filter-acc .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    height: 36px !important;
    min-height: unset !important;
}

.assment-temple-listing.e-grid table tr td div {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.import-btn i.bi.bi-arrow-down {
    font-size: 16px;
    line-height: 24px;
}

.min-width200 {
    min-width: 200px;
}


/*Branching Css*/

.group {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

    .group .row {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .group .row > * {
            margin-right: 10px;
        }


.custom-tab .e-tab .e-content > .e-item {
    /* padding: 30px;
    border: 1px solid #C4C4C4 !important;*/
    border-radius: 8px;
}

    .custom-tab .e-tab .e-content > .e-item .group {
        border: 1px solid #C4C4C4 !important;
        border-radius: 8px;
        margin-top: 16px;
    }

        .custom-tab .e-tab .e-content > .e-item .group h3 {
            margin: 0 0 0 0;
        }

.custom-tab .e-tab .group-list-btns .e-radio:checked + label {
    background: #666cff;
    padding: 5px;
    color: #fff;
}

.custom-tab .e-tab .group-list-btns .e-radio + label { /* background: #fff; */
}

    .custom-tab .e-tab .group-list-btns .e-radio + label::before {
        opacity: 0;
    }

    .custom-tab .e-tab .group-list-btns .e-radio + label .e-label {
        padding: 2px 10px !important;
    }

.custom-tab .e-tab .group-list-btns .e-radio:checked + label .e-label {
    color: #fff !important;
}

ul.group-list li {
    display: flex;
    gap: 12px;
}

    ul.group-list li.group-list-btns {
        justify-content: start;
        align-items: center;
        margin-bottom: 15px;
    }

        ul.group-list li.group-list-btns .group-radio {
            border: 1px solid #666cff;
            border-radius: 4px;
        }

            ul.group-list li.group-list-btns .group-radio .e-radio-wrapper {
            }

    ul.group-list li.group-list-content {
        padding: 16px 16px 0 16px;
        background: #fff;
        margin: 0 0 16px 0;
        border-radius: 8px;
        /*        box-shadow: 0px 0px 18px 0px rgb(196 196 206 / 30%);*/
        background: rgb(248 248 252);
    }

        ul.group-list li.group-list-content + li.group-list-content {
            /* margin: 0; */
        }

        ul.group-list li.group-list-content .form-group {
            flex: 1;
        }

.custom-form .form-group span.form-control:has( .e-dropdownlist),
.custom-form .form-group span.form-control:has( .e-datepicker) {
    padding: 6px 16px !important;
}

.group-action {
    padding: 16px 16px 1px 16px;
    background: #fff;
    margin: 0 0 16px 0;
    border-radius: 8px;
    /*    box-shadow: 0px 0px 18px 0px rgb(196 196 206 / 30%);*/
}

    .group-action .custom-form {
        margin-top: 10px;
    }

.group-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 10px 0;
}
/*Branching Css*/


.add-risk-library-div {
    margin-top: 30px;
}

.assessment-review-sidebar-content-section h1 {
    font-size: 20px;
    color: #626477;
    line-height: 24px;
    font-weight: 700;
    margin: 16px 0 24px 0;
}

    .assessment-review-sidebar-content-section h1 ~ label {
        line-height: 24px;
        margin: 16px 0 24px 0;
    }

.form-group-list {
    background: #fff;
    border-radius: 8px;
    padding: 0 24px;
}

.assessment-review-sidebar-content-section form .form-group {
    padding: 24px 0;
    margin: 0 0 0 0;
}

    .assessment-review-sidebar-content-section form .form-group + .form-group {
        border-top: 1px solid #D0D2E2;
    }

#linear-stepper-content .btn-item-icon button {
    box-shadow: unset;
    padding: 0;
    background: #fff;
}

.assessment-review-risklist, .assessment-review-risklist .card-risklist {
    box-shadow: unset;
    background: transparent;
}

    .assessment-review-risklist .linear-stepper-options {
        top: 16px;
    }

.custom-form .assessment-review-risklist .form-group label {
    color: #626477 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

#linear-stepper-content .button-list-right {
    gap: 24px;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

    #linear-stepper-content .button-list-right .btn-item-show:last-child {
        margin-left: 16px;
    }

.status-section .status-list .status-item {
    position: relative;
    flex: 1;
    text-align: center;
}

    .status-section .status-list .status-item:before {
        position: absolute;
        content: "";
        height: 5px;
        width: 2px;
        background: #666CFF;
        bottom: -18px;
        left: 50%;
        transform: translateX(-50%);
    }

    /*.status-section .status-list .status-item:not(.active):after {
        position: absolute;
        content: "";
        left: 50%;
        transform: translateX(-50%);
        bottom: -6px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #666CFF;
    }*/
    .status-section .status-list .status-item.active:after {
        position: absolute;
        content: "";
        left: 50%;
        transform: translateX(-50%);
        bottom: -6px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #666CFF;
    }


/*Finding Tabs*/
.add-finding-modal .e-dlg-content {
    padding: 10px;
    background: rgba(248, 248, 252, 1);
}

    .add-finding-modal .e-dlg-content .custom-form .form-group {
        flex-wrap: wrap;
        flex-direction: column;
        display: flex;
    }

        .add-finding-modal .e-dlg-content .custom-form .form-group.custom-drodown {
            gap: 20px;
        }

        .add-finding-modal .e-dlg-content .custom-form .form-group label {
            margin: 0 0 4px 0;
            font-size: 16px;
            line-height: 20px;
            color: rgba(98, 100, 119, 1) !important;
        }



    .add-finding-modal .e-dlg-content .e-tab-wrap .e-text-wrap {
        padding: 4px 15px;
    }

.add-finding-modal .e-tab .e-content .e-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.add-finding-modal .e-tab .e-tab-header.e-vertical {
    max-width: 300px;
    border-right: 1px solid rgba(196, 196, 196, 1);
}

    .add-finding-modal .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text {
        white-space: normal;
        overflow: unset;
        word-break: break-word;
        text-align: left;
    }


.finding-modal-wrapper .finding-modal-list h4, .finding-modal-content h4 {
    margin: 0;
    color: rgba(98, 100, 119, 1);
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.finding-modal-wrapper {
    display: flex;
    align-items: start;
    width: 100%;
    border: 1px solid rgba(196, 196, 196, 1);
    border-radius: 8px;
}

    .finding-modal-wrapper .finding-modal-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px 0;
        border-right: 1px solid rgba(196, 196, 196, 1);
        max-width: 320px;
        min-width: 320px;
    }

        .finding-modal-wrapper .finding-modal-list input, .finding-modal-content-head input {
            border: 1px solid rgba(196, 196, 196, 1) !important;
            border-radius: 8px !important;
            margin: 0 8px !important;
            padding: 8px 10px !important;
        }

        .finding-modal-wrapper .finding-modal-list ul li {
            border-bottom: 1px solid rgba(196, 196, 196, 1);
        }

            .finding-modal-wrapper .finding-modal-list ul li a {
                white-space: normal;
                overflow: unset;
                word-break: break-word;
                text-align: left;
            }

.finding-modal-list ul li label {
    padding: 10px 15px;
    width: 100%;
}

.finding-modal-list ul li .e-radio:checked + label {
    border-left: 6px solid rgba(196, 196, 196, 1) !important;
    background: rgba(236, 237, 255, 1);
}


.finding-modal-list ul li .e-radio-wrapper.e-wrapper {
    width: 100%;
}

.finding-modal-list ul li label::before, .finding-modal-list ul li label::after {
    opacity: 0;
}

.finding-modal-list ul li label span.e-label {
    padding: 0 !important;
    line-height: 1.5;
}

.finding-modal-content {
    width: 100%;
}

.finding-modal-content-head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid #C4C4C4;
    justify-content: space-between;
}

    .finding-modal-content-head h4 {
        text-align: left;
    }

    .finding-modal-content-head .e-input-group {
        max-width: 320px;
    }

.check-all-div, .finding-modal-list-content {
    padding: 10px 20px;
    border-bottom: 1px solid #C4C4C4;
}

.finding-modal-list ul {
    max-height: 405px;
    overflow: auto;
    min-height: 405px;
}

.control-list {
    max-height: 420px;
    overflow: auto;
}

.e-emptyrow {
    text-align: center;
}
/*Risk Metric*/
.risk-matrix {
    border-collapse: collapse;
    margin: 2px auto;
    text-align: center;
}

    .risk-matrix th, .risk-matrix td {
        border: 5px solid #f8f8fc;
        padding: 2px;
        width: 30px;
        height: 40px;
        font-weight: 400;
        white-space: nowrap;
    }

    .risk-matrix th {
        background-color: #666CFF;
    }

.low-risk {
    background-color: #75AC4F !important; /* Green */
}

.moderate-risk {
    background-color: #FFDA6C !important; /* Yellow */
}

.high-risk {
    background-color: #F9261D !important; /* Orange */
}

.critical-risk {
    background-color: #B21E0F !important; /* Red */
    color: #fff;
}

.risk-matrix .label {
    writing-mode: vertical-rl;
    font-weight: bold;
}

main .e-heatmap svg {
    max-width: 100%;
    width: 100%;
}

.nav-item ul.child-nav-menu {
    white-space: normal;
    text-align: left;
}

    .nav-item ul.child-nav-menu .nested-nav-icon {
        margin-left: 0px !important;
    }

    .nav-item ul.child-nav-menu span.nav-menu-title {
        margin-left: 5px;
    }

.nav-item.nav-item-active .e-icons.e-chevron-down {
    right: 0;
}

.page.active-sidebar .child-nav-menu .nav-menu-title {
    display: block !important;
}

.page.active-sidebar {
}

.child-nav-menu .nav-menu-title {
    display: none !important;
}

.page.active-sidebar .nav-item ul.child-nav-menu .nested-nav-icon {
    margin-left: 10px !important;
}
/*DSAR Design*/
.form-header-dsar {
    max-width: 815px;
    margin: 0 auto 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #666CFF;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

    .form-header-dsar ~ .custom-form {
        max-width: 815px;
        margin: 0 auto;
    }

    .form-header-dsar i.bi.bi-plus-circle {
        font-size: 40px;
        line-height: 1;
    }

.data-not-found-container {
    text-align: center;
    font-size: large;
    border: 1px solid #C4C4C4;
    padding: 51px 15px 50px 15px;
    margin-top: 10px;
}

/*.dsar*/
.dsar-radiocard {
}

.dsar-page-title {
    color: #626477;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 24px 0;
}

.dsar-radiocard {
    margin-bottom: 24px;
}

    .dsar-radiocard .radio-icon-btn {
        padding: 32px 40px !important;
        background: #ECEDFF;
        border-radius: 16px;
        margin-left: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        width: 100%;
    }

    .dsar-radiocard label::before {
        top: 50%;
        transform: translateY(-50%);
    }

    .dsar-radiocard .e-radio:checked + label::after {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .dsar-radiocard label {
        width: 100%;
    }

    .dsar-radiocard .e-radio-wrapper.e-wrapper {
        width: 100%;
    }

.dsar-form .card-risklist {
    padding: 48px;
}

    .dsar-form .card-risklist .card-body {
        max-width: 815px;
        margin: 0 auto;
    }

.dsar-form .dashboard-section-title h4 {
    color: #626477;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 16px 0;
    font-weight: 600;
}

.dsar-form .dashboard-section-title h3 {
    color: #626477;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 16px 0;
    font-weight: 600;
}

.dsar-form .dashboard-section-title p {
    color: #626477;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 24px 0;
    font-weight: 400;
}

.dsar-form .custom-button {
    min-width: 380px;
}

.dsar-form label.control-label.captcha-label {
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    margin: 0 auto 16px;
    text-align: center;
    width: 100%;
}

.dsar-radiocard .radio-icon-btn .e-radio + label::before {
    left: -125px;
    border: 2px solid #666cff !important;
}

.dsar-radiocard .radio-icon-btn .e-radio + label .e-label {
    padding-left: 0 !important;
}

.dsar-radiocard .radio-icon-btn .e-radio + label::after {
    height: 16px !important;
    width: 16px !important;
    border: 2px solid #fff !important;
    left: -123px !important;
}


.dsar-radiocard .radio-icon-btn .e-radio:checked + label::before {
    border: 2px solid #666cff !important;
}

.my-consent-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 5px;
}

.consent-form ul li.e-list-item {
    height: auto !important;
}

.dsar-otp-group {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-top: 8px;
}


.custom-form .dsar-otp-group span.form-control {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    border: 1px solid #636578 !important;
    padding: 0 !important;
}

    .custom-form .dsar-otp-group span.form-control input {
        font-size: 36px !important;
        line-height: 1 !important;
        text-align: center;
        color: #626477 !important;
    }

.dsar-form .custom-button.dsar-otp-btn {
    min-width: 275px !important;
}

.dsar-form .card-risklist .dsar-request-details .card-body {
    max-width: 100%;
}

.dsar-form .card-risklist .dsar-request-details .custom-tab .e-tab .e-content > .e-item {
    border: unset !important;
}

.dsar-request-form-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #000;
}

    .dsar-request-form-head h4 {
        margin: 0;
        font-size: 24px;
        color: #626477;
    }

    .dsar-request-form-head .status {
        background: #626477;
        padding: 10px 24px;
        border-radius: 24px;
        color: #fff;
    }

.custom-form .dsar-request-details .form-group .form-control {
    /*    background: #ECEDFF !important;
    border-color: #ECEDFF !important;*/
}

.my-consent-row > span:first-child {
    min-width: 180px;
    max-width: 180px;
    white-space: normal;
}

.my-consent-row > span:last-child, .my-consent-row > button {
    max-width: 160px;
    white-space: normal;
    text-align: center;
    min-width: 160px;
    font-size: 15px !important;
}
/*4x4  Matrix design*/
.riskrating-dropdown .riskrating-heatmap-th {
    display: inline-block;
    border: 1px solid #ddd;
    width: 100px;
    text-align: left;
    color: #838383 !important;
    font-weight: 600;
    height: 50px;
    min-width: 114px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.riskrating-heatmap .riskrating-heatmap-td {
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    border-radius: 0;
}

.riskrating-dropdown .dropdown-item.heatmap-row {
    display: flex;
    padding: 0;
}

    .riskrating-dropdown .dropdown-item.heatmap-row > * {
        flex: 1;
    }


.riskrating-heatmap-label {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    justify-content: center;
    color: #838383 !important;
    font-weight: 600;
}

.riskrating-dropdown ul.dropdown-menu {
    padding: 0;
    width: 500px;
    padding-left: 50px;
    position: relative;
    border: 0;
}

    .riskrating-dropdown ul.dropdown-menu:before {
        content: "Likelihood";
        left: 15px;
        top: 0;
        height: 100%;
        position: absolute;
        writing-mode: sideways-lr;
        text-align: center;
        color: #838383 !important;
        font-weight: 600;
    }

.riskrating-dropdown .heatmap-row:hover, .riskrating-dropdown ul li .dropdown-item:hover {
    background: unset !important;
}

.riskrating-dropdown-btn {
    background-color: white;
    color: #636578;
    border: 1px solid #ddd;
    border: 1px solid #ddd !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    text-align: left;
    box-shadow: none !important;
}

.riskrating-dropdown .riskrating-dropdown-btn::after {
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.riskrating-heatmap-impact-div {
    height: 50px;
    vertical-align: middle;
    line-height: 40px;
    color: #838383 !important;
    font-weight: 600;
}

.riskrating-heatmap .riskrating-heatmap-td.selected {
    background: #666CFF !important;
}
/*End*/
.width-300 {
    width: 300px !important;
}


/*.form-control ::-moz-selection {*/ /* Code for Firefox */
/*background: #fff !important;
}

.form-control ::selection {
    background: #fff !important;
}*/

.e-btn.e-primary:disabled {
    background: rgba(var(--color-sf-secondary), 0.12) !important;
    border-color: rgba(var(--color-sf-secondary), 0) !important;
    color: rgba(var(--color-sf-on-surface), 0.38) !important;
}

.consent-form table {
    border: 1px solid #ddd;
    width: 100%;
}

    .consent-form table tr {
        border: 1px solid #ddd;
    }

        .consent-form table tr > * {
            padding: 8px 12px;
        }

.custom-form.consent-form {
    max-width: 1300px !important;
}

.breadcrumb-h3 {
    color: #626477;
    font-weight: 700;
    font-size: 20px;
    font-family: "Inter", sans-serif;
}

.e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
    border-color: rgba(var(--color-sf-error)) !important;
}

.platform-feature .e-carousel-navigators {
    display: none !important;
}

.platform-feature-main .custom-slider-section,
.settings-main .custom-slider-section {
    margin-bottom: 0 !important;
    padding-top: 10px !important;
}

.custom-modal.platform-feature-main.e-dlg-container .e-dialog,
.custom-modal.settings-main.e-dlg-container .e-dialog {
    width: 1000px !important;
}

/*Stepper*/
.user-registration-main {
    padding: 0;
}

    .user-registration-main .control-section {
        max-width: 890px;
        margin: 0 auto;
    }

.validation-stepper-section {
    max-width: 530px;
    margin: 34px auto;
}

    .validation-stepper-section ol.e-stepper-steps {
    }

        .validation-stepper-section ol.e-stepper-steps li.e-step-container.e-step-item .e-step {
            color: #636578;
            background: #ECEDFF;
            border: unset !important;
            height: 50px;
            width: 50px;
            /*font-family: Inter;
*/ font-size: 18px;
            font-weight: 600;
            line-height: 21.78px;
            text-align: left;
            box-shadow: unset !important;
        }

        .validation-stepper-section ol.e-stepper-steps li.e-step-container.e-step-item.e-step-selected .e-step {
            background: #666CFF;
            color: #fff;
            box-shadow: unset !important;
        }

        .validation-stepper-section ol.e-stepper-steps li.e-step-container.e-step-item.e-step-completed .e-step {
            background: #70AD47 !important;
            color: #fff !important;
        }

    .validation-stepper-section .e-stepper .e-stepper-progressbar {
        height: 7px !important;
        background-color: #ecedff !important;
    }

    .validation-stepper-section .e-stepper-steps .e-stepper .e-stepper-progressbar {
        height: 7px !important;
        background-color: #ecedff;
    }

    .validation-stepper-section .e-stepper .e-stepper-progressbar > .e-progressbar-value {
        background-color: #70AD47 !important;
    }

.e-stepper .e-stepper-steps .e-step-container.e-step-valid .e-indicator {
    background: unset;
}

.user-reg-step-wrapper .card {
    padding: 50px;
    border-radius: 30px;
    background: #fff;
}

.stepcard-title h4 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
    line-height: 29.05px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
    margin: 0 0 30px 0;
}

.user-reg-step-wrapper .card-body {
    padding: 0;
}

.user-reg-step-wrapper button.e-control.e-btn {
    min-width: 105px;
    border-radius: 4px !important;
    background: #666CFF;
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.select-row-wrapper {
    margin: 0 0 60px 0;
}

    .select-row-wrapper .row + .row {
        margin-top: 16px;
    }

.user-registration-main .custom-form .form-group .form-control {
    border-color: #636578 !important;
}
/*step 2*/
.billing-switch-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 0 30px 0;
}

    .billing-switch-wrapper label {
        font-family: Inter;
        font-size: 14px;
        font-weight: 700;
        line-height: 16.94px;
        text-align: right;
    }


        .billing-switch-wrapper label small {
            color: #666CFF;
            font-family: Inter;
            font-size: 12px;
            font-weight: 400;
            line-height: 14.52px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }

        .billing-switch-wrapper label small {
            color: #666CFF;
            font-family: Inter;
            font-size: 12px;
            font-weight: 400;
            line-height: 14.52px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }

.product-section {
    background: #ECEDFF;
    padding: 30px;
    border-radius: 20px;
    width: 100%;
    max-width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .product-section .product-title h4 {
        font-family: Inter;
        font-size: 19px;
        font-weight: 600;
        line-height: 22.99px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin: 0;
        color: #000;
    }

    .product-section .product-features {
    }

        .product-section .product-features ul {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 18px;
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.36px;
            text-align: left;
            color: #000;
            margin: 20px 0;
            padding: 20px 0;
        }

    .product-section .step2-range-slider {
        margin: auto 0 24px 0;
    }

        .product-section .step2-range-slider p {
            margin: 0;
            font-family: Inter;
            font-size: 12px;
            font-weight: 400;
            line-height: 14.52px;
            text-align: center;
        }

        .product-section .step2-range-slider .step-range-price {
            margin: 14px 0 0 0;
            font-family: Inter;
            font-size: 16px;
            font-weight: 700;
            line-height: 19.36px;
            text-align: center;
        }

            .product-section .step2-range-slider .step-range-price span {
                font-weight: 400;
            }

        .product-section .step2-range-slider p.info-text {
            font-family: Inter;
            font-size: 16px;
            font-weight: 500;
            line-height: 19.36px;
            text-align: center;
            color: #000;
        }

/*Step 3*/
.payment-summery-wrapper {
    padding: 12px;
    border-radius: 10px;
    background: #ECEDFF;
}

    .payment-summery-wrapper h4 {
        font-family: Inter;
        font-size: 24px;
        font-weight: 600;
        line-height: 29.05px;
        text-align: left;
        color: #666CFF;
    }

    .payment-summery-wrapper ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
        flex-wrap: wrap;
    }

        .payment-summery-wrapper ul li {
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.36px;
            text-align: left;
            color: #2E96FF;
        }

.free-trial-alert {
    padding: 20px;
    background: #4BF08D4D;
    border-radius: 8px;
    margin: 30px 0;
    width: 100%;
    text-align: center;
    color: #666CFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.2px;
}

/*Dropdown Menu*/
.userdropdownmenu-container {
    position: absolute;
    z-index: 10;
    top: 60px;
    right: 0;
}

.userdropdownmenu-container {
}

.userdropdown-wrapper {
    max-width: 380px;
    box-shadow: 0px 4px 40px 0px #CACACA;
    background: #fff;
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 380px;
}

    .userdropdown-wrapper .user {
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 0 0 16px 0;
        padding: 0 0 16px 0;
        border-bottom: 1px solid #F1F1F1;
    }

        .userdropdown-wrapper .user .u-name {
            color: #030712;
            font-family: Inter;
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }

    .userdropdown-wrapper ul.menu {
        margin: 0 0 16px 0;
        padding: 0 0 16px 0;
        border-bottom: 1px solid #F1F1F1;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .userdropdown-wrapper ul.menu li {
            background: #fff;
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.36px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: #6B7280;
            padding: 0;
            width: 100%;
        }

            .userdropdown-wrapper ul.menu li + li {
                margin: 16px 0 0 0;
            }

            .userdropdown-wrapper ul.menu li ul.submenu {
                display: block;
                margin: 16px 0 0 0;
            }

                .userdropdown-wrapper ul.menu li ul.submenu a, .userdropdown-wrapper .user-logout-link {
                    font-family: Inter;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 19.36px;
                    text-align: left;
                    text-underline-position: from-font;
                    text-decoration-skip-ink: none;
                    color: #6B7280;
                }

    .userdropdown-wrapper .user-logout-link {
        margin: 0;
    }

.menu-with-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .menu-with-icon .dropdownmenu-arrow {
        margin-left: auto;
    }

/*Dropdown Menu*/
.user-registration-step4 {
    text-align: center;
    /* width: 550px;*/
}

    .user-registration-step4 .icon {
        font-size: 50px;
        color: #6366f1;
        margin-bottom: 10px;
    }

.product-section-wrapper {
    display: flex;
    gap: 20px;
    height: 100%;
}

.user-reg-step-wrapper .product-carousel .e-previous button.e-control.e-btn,
.user-reg-step-wrapper .product-carousel .e-next button.e-control.e-btn {
    min-width: unset;
    border-radius: 50%;
}

.product-carousel .e-carousel-navigators {
    width: calc(100% + 5rem) !important;
    left: -2.5rem;
}



.payment-summary-radio .radio-control {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 70px;
    margin: 30px 0;
}

    .payment-summary-radio .radio-control .e-radio-wrapper.e-wrapper {
        flex: 1;
    }

        .payment-summary-radio .radio-control .e-radio-wrapper.e-wrapper label {
            width: 100%;
            /*    border: 1px solid #626477;*/
            display: center;
            padding: 15px;
            font-family: Inter;
            font-size: 24px;
            font-weight: 600;
            line-height: 29.05px;
            text-align: center;
            border-radius: 4px;
            display: flex;
            justify-content: center;
        }

    .payment-summary-radio .radio-control .e-radio + label .e-label {
        padding-left: 0 !important;
        z-index: 1;
    }

    .payment-summary-radio .radio-control .e-radio-wrapper .e-radio:checked + label::after {
        /* width: 100%; */
        /* height: 100%; */
        /* border-radius: 4px; */
        /* max-width: 100%; */
        /* transform: unset; */
    }

.radio-control .e-radio + label::before {
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px;
    top: 0;
    border: 1px solid #626477 !important;
}

.radio-control .e-radio:checked + label::before {
    border-color: #666CFF !important;
}

.radio-control .e-radio:checked + label::after {
    height: 100%;
    width: 100%;
    border-radius: 4px;
    transform: unset !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 0;
    background: #ecedff !important;
}

.email-verification-h4 {
    margin: 20px auto 0 auto;
    font-family: Inter;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    text-align: center;
}

.email-verification-p {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #636578;
    margin: 40px auto 60px auto;
}

.btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.user-reg-step-wrapper button.e-control.e-btn.btn-back {
    line-height: normal;
    color: #626477 !important;
    font-weight: 500;
    border-radius: 8px;
    padding: 8px 16px;
    background: #fff !important;
    border-color: #626477 !important;
    font-size: 16px;
    box-shadow: unset;
    border: 1px solid #626477;
}

    .user-reg-step-wrapper button.e-control.e-btn.btn-back:hover {
        background: #626477 !important;
        color: #fff !important;
    }

.user-reg-step-wrapper button.e-control.e-btn.btn-verify {
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 29.05px;
    text-align: center;
    border: 1px solid #626477;
    padding: 15px 40px;
}

.validation-stepper-section ol.e-stepper-steps li.e-step-container.e-step-error .e-step {
    color: #fff !important;
}

.thankyou-card-wrapper {
    width: 100%;
    max-width: 890px;
    margin: 50px auto;
}


.question-setting-row + .question-setting-row {
    margin-top: 24px;
}

.question-setting-row .e-acrdn-item + .e-acrdn-item {
    margin-top: 24px;
}

.question-setting-row h3 {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    color: #626477;
    margin: 0 0 12px 0;
}

.question-setting-row .form-group {
    margin-bottom: 0;
}

.custom-setting-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px !important;
}

.question-setting-row label {
    font-family: Inter;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    color: #626477;
}

.question-setting-row .custom-setting-checkbox label {
    font-weight: 400;
}

.question-setting-row .custom-setting-switch label {
    font-weight: 300;
}
/*Custom Switch*/
/* Square Switch */
.custom-setting-switch .e-switch-wrapper.square .e-switch-inner,
.custom-setting-switch .e-switch-wrapper.square .e-switch-handle {
    border-radius: 0;
}

/* Customize Handle and Bar Switch */
.custom-setting-switch .e-switch-wrapper.custom-switch {
    width: 50px;
    height: 24px;
}

    .custom-setting-switch .e-switch-wrapper.custom-switch .e-switch-handle {
        width: 20px;
        height: 16px;
    }

    .custom-setting-switch .e-switch-wrapper.custom-switch .e-switch-inner,
    .custom-setting-switch .e-switch-wrapper.custom-switch .e-switch-handle {
        border-radius: 0;
    }

        .custom-setting-switch .e-switch-wrapper.custom-switch .e-switch-handle.e-switch-active {
            left: 42px;
        }

/* Customize Handle and Bar Switch */
.custom-setting-switch .e-switch-wrapper.handle-text {
    width: 48px;
    height: 24px;
}

    .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-handle {
        width: 24px !important;
        height: 22px !important;
        left: 1px;
        background-color: #FAB2B2;
        top: 0px !important;
        border-right: 1px solid #666CFF;
    }

    .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner,
    .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-handle {
        border-radius: 0px;
    }

        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-handle.e-switch-active {
            left: 46px;
            background: #62BB4645;
            border-left: 1px solid #666CFF;
        }

        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner.e-switch-active,
        .custom-setting-switch .e-switch-wrapper.handle-text:hover .e-switch-inner.e-switch-active .e-switch-on {
            background-color: #fff;
            border-color: #666CFF;
        }

    .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner,
    .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-off {
        background-color: #fff;
        border-color: #666CFF;
    }

        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner:after,
        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner:before {
            font-size: 10px;
            position: absolute;
            line-height: 22px;
            font-family: "e-icons";
            z-index: 1;
            height: 100%;
            transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        }

        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner:before {
            content: "\e7e7";
            color: #e3165b;
            left: 6px;
        }

        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner:after {
            content: "\e774";
            right: 5px;
            color: #fff;
        }

        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner.e-switch-active:before {
            color: #fff;
        }

        .custom-setting-switch .e-switch-wrapper.handle-text .e-switch-inner.e-switch-active:after {
            color: #4d841d;
        }

    .custom-setting-switch .e-switch-wrapper.handle-text:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) {
        background-color: #fff;
    }

.custom-setting-switch .e-switch-wrapper .e-switch-inner.e-switch-active, .custom-setting-switch .e-css.e-switch-wrapper .e-switch-inner.e-switch-active,
.custom-setting-switch .e-switch-wrapper .e-switch-on {
    background-color: #fff !important;
    border-color: rgb(102 108 255) !important;
}

.custom-setting-switch .e-switch-wrapper .e-switch-inner, .custom-setting-switch .e-css.e-switch-wrapper .e-switch-inner {
    border: 1px solid #666CFF;
}


/*progress list*/
.progress-item-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0;
}

    .progress-item-wrapper .progress-item {
        flex: 1;
        background: transparent;
        border: unset;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0;
    }

        .progress-item-wrapper .progress-item + .progress-item {
            margin-left: -20px;
        }

        .progress-item-wrapper .progress-item .progress-title {
            font-family: Inter;
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            color: #fff;
            margin: 4px 0 12px 0;
            background: var(--progress-clr);
            width: 100%;
            text-align: center;
            padding: 20px;
            clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
        }

        .progress-item-wrapper .progress-item .progress-range {
            font-family: Inter;
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            color: #626477;
            width: 100%;
            height: auto;
            border: 0;
            padding: 0;
        }
/*Vendor Tab*/
.e-tab.vendor-tabs .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #AEAEB0;
}

.modal-tab-section .e-tab.vendor-tabs .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .modal-tab-section .e-tab.vendor-tabs .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text, .modal-tab-section .e-tab.vendor-tabs .e-tab-header .e-toolbar-item:hover .e-tab-text {
    color: #000 !important;
}

.modal-tab-section .e-tab.vendor-tabs .e-tab-header .e-toolbar-item.e-active:hover, .modal-tab-section .e-tab.vendor-tabs .e-tab-header .e-toolbar-item:hover, .modal-tab-section .e-tab.vendor-tabs .e-tab-header .e-toolbar-item.e-active {
    background: transparent !important;
}

.vendor-tabs .e-toolbar .e-toolbar-items {
    width: 100%;
    justify-content: space-between;
    min-height: unset;
    /* padding: 0px 0 20px 0; */
}

.e-tab.vendor-tabs .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: auto;
    padding: 0;
}

.e-tab.vendor-tabs .e-tab-header .e-toolbar-item {
    height: auto !important;
    min-height: auto;
}

    .e-tab.vendor-tabs .e-tab-header .e-toolbar-item .e-text-wrap {
        height: auto !important;
        padding: 12px 0 24px 0 !important;
    }

.e-tab.vendor-tabs .e-tab-header {
    height: auto;
    min-height: auto;
    border-bottom: unset !important;
    position: relative;
}

    .e-tab.vendor-tabs .e-tab-header:before {
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #959595 !important;
    }

    .e-tab.vendor-tabs .e-tab-header .e-toolbar-item .e-text-wrap::before {
    }

.modal-tab-section .e-tab.vendor-tabs .e-content {
    padding: 24px 20px !important;
    margin-top: 24px;
    background: #fff;
    border-radius: 30px;
}

.vendor-tabs .tab-content-title, .tab-section-title {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.2px;
    text-align: left;
    color: #000;
    margin: 0 0 20px 0;
}

.vendor-tabs .custom-form .form-group {
    margin-bottom: 24px;
}

.vendor-tabs .e-content .form-group label {
    color: #030712 !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
}

.form-group p.label-value {
    color: #666666;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin: 0;
}

.form-group .label-status {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    display: block;
    max-width: max-content;
    margin: 0;
    padding: 6px 14px;
    min-width: 80px;
    border-radius: 60px;
    /*  background: var(--status-bg);
    color: var(--status-color);*/
}

.vendor-tabs .tab-acc-title {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.2px;
    text-align: left;
    color: #000;
    margin: 0;
}

.vendor-tabs .e-accordion {
    border: unset !important;
    background: #F8F8FC;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 16px;
}

    .vendor-tabs .e-accordion .e-acrdn-item {
        border: unset !important;
    }

        .vendor-tabs .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
            border-width: 0 !important;
        }

        .vendor-tabs .e-accordion .e-acrdn-item .e-acrdn-header {
            background: transparent;
        }

            .vendor-tabs .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
                min-height: 40px !important;
                height: 40px !important;
                font-size: 32px;
            }
/*Risk Summary*/
table.risk-summary-table td {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: #000;
    padding: 6px 10px;
}

    table.risk-summary-table td:first-child {
        padding-left: 0;
    }

    table.risk-summary-table td .riskrating-heatmap-td {
        font-family: Inter;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        letter-spacing: -0.019em;
        text-align: center;
        min-width: 66px;
        height: 66px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        background-color: #F1F3F4;
    }

ul.risksummary-ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
    margin: 0 0 20px 0;
}

    ul.risksummary-ul li {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 12px;
        border-bottom: 1px solid #7A7A7A;
    }

        ul.risksummary-ul li + li {
            /* border: 0; */
        }

        ul.risksummary-ul li .risksummary-li-left {
            display: flex;
            align-items: center;
            gap: 10px;
        }

.title-desc-p {
    color: #AEAEB0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    margin: 0;
}

.vendor-tabs button.btn.custom-button {
    min-width: 180px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px;
}

.riskgrid-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 24px 0;
    gap: 12px;
}

.vendor-tabs .riskgrid-table-head button.btn.custom-button {
    min-width: 125px;
}

.riskgrid-table-head .table-title {
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
    line-height: 29.05px;
    text-align: left;
    color: #626477;
}


.riskgrid-table {
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    border: 1px solid #E0E0E4 !important;
    border-radius: 8px !important;
}



.riskList .e-grid.riskgrid-table .e-table tr th {
}

    .riskList .e-grid.riskgrid-table .e-table tr th .e-headercelldiv {
        height: auto;
        margin: 0;
        color: #626477;
        font-family: Inter;
        font-size: 14px;
        font-weight: 500;
        line-height: 16.94px;
        text-align: left;
        padding: 0;
    }

.modal-tab-section .e-tab.vendor-tabs .riskgrid-table .e-content {
    margin: 0 !important;
    padding: 0 !important;
}

.riskList .e-grid.riskgrid-table .e-table tr td, .riskList .e-grid.riskgrid-table .e-table tr td div > * {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
}

.riskList .e-grid.riskgrid-table .e-table tr, .riskList .e-grid.riskgrid-table .e-table tr td {
    background: #fff !important;
}

.question-setting-row .template-filter-acc {
    background: #fff !important;
    border: 0;
    padding: 0;
}


.question-setting-row .e-accordion .e-acrdn-item .e-acrdn-header {
    border-color: #fff !important;
    padding: 0 12px;
    border-width: 0 !important;
    background: #fff !important;
}

.question-setting-row .e-accordion .e-acrdn-item .e-acrdn-content {
    padding: 0 12px;
}

.question-setting-row .e-accordion .e-acrdn-item.e-expand-state.e-select {
    border-color: #fff;
}

.question-setting-row .e-accordion .e-acrdn-item.e-select {
    border-color: #fff !important;
    border-width: 0 !important;
}

.custom-modal .e-dlg-content .form-content .e-input-group input {
    min-height: 26px;
}

.custom-modal .e-dlg-content .form-content .e-multi-select-wrapper {
    padding-top: 0;
    /* min-height: 30px; */
}

.custom-modal .e-dlg-content .form-content .e-multiselect.e-input-group {
    padding: 6px 10px !important;
}

.riskList .e-grid.riskgrid-table .e-table tr td button {
    min-width: 50px;
    color: #F8F8FC;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    padding: 7px;
}

    .riskList .e-grid.riskgrid-table .e-table tr td button.link-title-td {
        color: #626477;
    }

.custom-button.custom-edit-button {
    background: #626477 !important;
    border: 1px solid #626477 !important;
}

.status-tab-content h4 {
    color: #333333;
    font-family: Inter;
    font-size: 24px;
    font-weight: 500;
    line-height: 29.05px;
    text-align: left;
    margin: 0 0 24px 0;
}

.tab-content.status-tab-content {
    padding: 6px 8px;
}

.treatment-form-group {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: end;
}

h5.treatment-status-title {
    color: #626477;
    margin: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    text-align: left;
}

p.treatment-status {
    color: #666CFF;
    margin: 0;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    padding: 6px 12px;
    background: #666CFF33;
    border-radius: 100px;
}

.status-tab-content .form-group label.static-label {
    color: #333;
    font-weight: 700;
    margin: 0 0 12px 0;
}

.status-tab-content .form-group p.label-value {
    color: #7A7A7A;
}

.status-tab-content .form-group {
    margin-bottom: 18px;
}

.mitigation-plan-div h4 {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: left;
    color: #70AD47;
    margin: 0 0 0 0;
}

.mitigation-plan-div ul {
    list-style-type: disc;
    padding-left: 20px;
    color: #7A7A7A; /* Dark gray text */
    font-size: 14px;
}

    .mitigation-plan-div ul li {
        margin-top: 14px;
    }
/*Confirmation Modal*/
.confirmation-modal .modal-footer {
    border-top: 1px solid #ddd;
    padding: 15px 15px;
}

.custom-modal.confirmation-modal .e-dialog .e-dlg-content {
    font-family: "Inter", sans-serif !important;
    font-size: 16px;
}

.custom-modal.custom-small-modal.e-dialog {
    max-width: 25% !important;
    width: 100% !important;
}

.e-dialog .e-footer-content {
    border-top: 1px solid #ddd !important;
    padding: 15px !important;
}

.custom-modal.confirmation-modal .e-dialog .e-dlg-header-content {
    /*   border-radius: 6px 6px 0 0 !important; */
}
/* Apply styles to the parent container */
#card-element {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 44px;
}

    /* When the field is focused */
    #card-element.StripeElement--focus {
        border-color: #007bff;
    }

.btn-link {
    box-shadow: unset !important;
}

form-group-list .form-group .e-checkbox-wrapper:not(:last-child),
.form-group-list .form-group .e-radio-wrapper:not(:last-child) {
    margin-right: 25px;
}

.form-group-list .form-group .e-radio + label::before {
    top: -2px;
}

.check-my-request {
    display: flex;
    justify-content: center;
}

.assment-temple-listing.e-grid table tr td div:has(.datasubject-list) {
    white-space: normal !important;
    overflow: unset !important;
}

.assment-temple-listing.e-grid table tr td .datasubject-list {
    overflow: unset !important;
    gap: 5px;
    display: inline-flex;
}
/*.change-password-header .e-dlg-header-content {
    background-color: #625FF9 !important;
}*/
/*change password */
.custom-modal.change-password-model .e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 24px 24px 24px 24px;
    background: #625FF9;
    border-radius: 8px 8px 0 0 !important;
}

.custom-modal .e-dlg-header .modal-header span {
    color: #F8F8FC !important;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    */
}


/*Support ticket layout start*/

/*/*Support ticket layout end*/


/*Two Factor  Verify start*/
.phone {
    background-color: #ECEDFF;
    padding: 20px 26px 20px 26px;
    border-radius: 10px;
}

.phonerow {
    padding: 17px 14px 17px 14px;
    justify-content: space-between !important;
}

label.control-label.phn-label-verify {
    font-family: Inter;
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
    color: #626477 !important;
}

button.e-control.e-btn.e-lib.btn.custom-button {
    padding: 12px 24px 12px 24px;
}

.phnverifyrow {
    padding: 20px 14px 20px 14px;
    justify-content: space-between;
}

label.dispmsg {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    color: #70AD47 !important;
}

button.e-control.e-btn.e-lib.btn.custom-button-outline.ml-3.two-cancel {
    padding: 12px 24px 12px 24px;
}

.e-switch-wrapper.green-switch .e-switch-inner.e-switch-active {
    background-color: #70AD47 !important;
    border-color: #70AD47 !important;
}

.e-switch-wrapper.green-switch .e-switch-on {
    background-color: #70AD47 !important;
    border-color: #70AD47 !important;
}

.phn-rad-row {
    padding: 10px 14px;
}

.phn-border {
    padding: 24px 12px;
    border: 1px solid #C4C4C4 !important;
    margin: 0;
    border-radius: 8px;
}
/*Two Factor  Verify end*/


/*Two Factor mail start*/
label.col-md-12.two-mail-label {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.36px;
    letter-spacing: 0;
    color: #626477 !important;
}

span.form-control.two-mail-control.e-input-group.e-control-container.e-control-wrapper {
    padding: 12px 24px 12px 24px;
    border: 1px;
}
/*Two Factor mail end*/

/*Other setting*/
.custom-modal.other-setting-model .e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 24px 24px 24px 24px;
    background: #625FF9;
    border-radius: 8px 8px 0 0 !important;
}

.custom-modal.support-ticket-model .e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 24px 24px 24px 24px;
    background: #625FF9;
    border-radius: 8px 8px 0 0 !important;
}






label.control-label.col-md-6.two-other-label.mb-4 {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.36px;
    letter-spacing: 0;
    color: #626477 !important;
}


.noti-border {
    padding: 12px 12px;
    border: 1px solid #C4C4C4 !important;
    margin: 0;
    border-radius: 8px;
}

label.control-label.dis-msg.m-0 {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.36px;
    letter-spacing: 0;
    color: #626477 !important;
}

.row.profile-border {
    padding: 40px 80px 40px 80px;
    gap: 10px;
    color: #FFFFFF;
    radius: 8px !important;
}
/*Authentication Modal*/
.custom-modal.authentication-modal.e-dlg-container .e-dialog {
    box-shadow: unset;
}

.custom-modal.authentication-modal .e-dialog .e-btn.e-dlg-closeicon-btn {
    border: unset !important;
}

.custom-modal.authentication-modal.e-dlg-container .e-dialog {
    box-shadow: unset;
}

.custom-modal.authentication-modal .e-dialog .e-dlg-header-content + .e-dlg-content {
    padding: 24px 24px 48px 24px !important;
}

.authentication-modal .btn.custom-button,
.authentication-modal .e-btn.custom-button-outline {
    min-width: 134px;
}

.authentication-modal .e-btn.custom-button-outline {
    background: #ECEDFF !important;
    color: #7C7C7C !important;
    border: 1px solid #ECEDFF !important;
}

.e-switch-wrapper.e-wrapper.green-switch {
    width: 72px;
    height: 42px;
}

    .e-switch-wrapper.e-wrapper.green-switch span.e-switch-handle {
        height: 30px !important;
        width: 30px !important;
    }

.e-switch-wrapper.green-switch .e-switch-handle.e-switch-active {
    margin-left: -34px;
}

ul.datasubject-list {
    list-style-type: disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    /*    display: inline-block !important;*/
}

.p-6 {
    padding: 24px !important;
}

.assessment-review-sidebar-content-section.w-full {
    width: 100%;
    margin: 0;
}


.request-process-widget {
    border: 1px solid #666CFF4D;
    border-radius: 20px;
    padding: 20px 30px;
    background: #fff;
    margin-bottom: 24px;
}

.request-process-status-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 24px 0;
}

    .request-process-status-wrapper h4 {
        font-family: Inter;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 14px 0;
        color: #000;
    }

    .request-process-status-wrapper p {
        color: #4C4E64;
        font-family: Inter;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

.status.inprogress-status {
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    color: #D7A011;
    background: #FFE5CE;
}

.status.cancelled-status {
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    color: #DC3545;
    background: #F8D7DA;
}

.status.complete-status {
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    color: #28A745;
    background: #D4EDDA;
}

.status.hold-status {
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    color: #007BFF;
    background: #D1ECF1;
}

@media(max-width:991px) {
    .dsar-radiocard .radio-icon-btn .e-radio + label::after {
        left: -98px !important;
    }

    .dsar-radiocard .radio-icon-btn .e-radio + label::before {
        left: -100px;
    }

    .dsar-radiocard .radio-icon-btn {
        padding: 20px !important;
        gap: 12px;
    }

    .request-process-widget {
        padding: 20px;
    }
}

@media(max-width:767px) {
    footer.footer-main p {
        text-align: center;
        position: relative !important;
        right: 0 !important;
        margin: 10px auto 0 !important;
        width: 100%;
    }

    .progress-item-wrapper {
        flex-wrap: wrap;
    }

        .progress-item-wrapper .progress-item {
            margin: 0 !important;
            white-space: nowrap;
            max-width: max-content;
        }

            .progress-item-wrapper .progress-item .progress-title {
                padding: 15px;
                white-space: nowrap;
                clip-path: polygon(88% 0%, 100% 50%, 88% 100%, 0% 100%, 12% 50%, 0% 0%);
            }
}

.paypal-payment-form {
    background: #f8f9fa;
    padding: 10px 15px;
    border-radius: 5px;
    /* border: 1px solid #ccc; */
    margin-top: 10px;
}

.custom-form .paypal-payment-form .form-group .form-control {
    background: #f8f9fa !important;
    border-radius: 5px;
    border: 1px solid #ccc !important;
}

.validation-stepper-section.add-vendor-stepper {
    max-width: 150px;
    margin: 0 auto 24px auto;
}

.add-vendor-stepper .e-stepper .e-stepper-progressbar {
    top: 50% !important;
    transform: translateY(-50%);
    left: 0 !important;
}

.bira-intake-stepper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
    display:flex;
    max-width:100%;
    margin-left:20%
}
.bira-intake-stepper .e-stepper .e-stepper-progressbar {
    top: 35% !important;
    transform: translateY(-50%);
    left: 0 !important;
    width:95%;
    margin-left:2.5%;
    margin-right:2.5%;
}
   

.bira-intake-stepper .e-stepper .e-stepper-steps .e-step-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bira-intake-stepper .e-stepper .e-stepper-steps .e-step-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .bira-intake-stepper .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
    .bira-intake-stepper .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
        margin-top: 6px;
        font-size: 14px;
        text-align: center;
    }


.ai-assessmenttemplate-stepper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
    display: flex;
    max-width: 100%;
    margin-left:15%;
}

.ai-assessmenttemplate-stepper .e-stepper .e-stepper-progressbar {
    top: 35% !important;
    transform: translateY(-50%);
    left: 0 !important;
    width: 87%;
    margin-left: 6.5%;
    margin-right: 6.5%;
}
  /* .ai-assessmenttemplate-stepper .e-stepper .e-stepper-steps{
        margin-left:25%;
    }*/

    .ai-assessmenttemplate-stepper .e-stepper .e-stepper-steps .e-step-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }



    .ai-assessmenttemplate-stepper .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
    .ai-assessmenttemplate-stepper .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
        margin-top: 6px;
        font-size: 14px;
        text-align: center;
    }


    

.vendor-onboarding-request-form h4.vor-form-title {
    color: #030712;
}

.vendor-onboarding-request-form .custom-form {
}

    .vendor-onboarding-request-form .custom-form .form-group {
        padding: 16px 0;
    }

        .vendor-onboarding-request-form .custom-form .form-group + .form-group {
            border: 0;
            padding-top: 0;
        }

        .vendor-onboarding-request-form .custom-form .form-group label {
            margin-bottom: 4px;
            color: #030712 !important;
            font-family: Inter;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
        }

    .vendor-onboarding-request-form .custom-form .form-check {
        padding: 8px 0;
        margin: 0;
    }

    .vendor-onboarding-request-form .custom-form .form-group .form-check label {
        font-weight: 400;
        margin: 0;
    }

    .vendor-onboarding-request-form .custom-form .e-checkbox-wrapper .e-frame,
    .vendor-onboarding-request-form .custom-form .e-radio + label::before {
        border: 1px solid #666CFF !important;
        height: 16px !important;
        width: 16px !important;
        line-height: 14px !important;
        font-size: 12px !important;
    }

    .vendor-onboarding-request-form .custom-form .e-radio + label::after {
        left: 5px !important;
    }

.validation-stepper-section .e-stepper .e-stepper-progressbar > .e-progressbar-value {
    background-color: #666cff !important;
}

.validation-stepper-section.add-vendor-stepper ol.e-stepper-steps li.e-step-container.e-step-item.e-step-completed .e-step {
    background: #666cff !important;
}

.vendor-onboarding-request-form .e-upload .e-file-select-wrap {
    background: #ECEDFF !important;
    border-color: #ECEDFF;
    text-align: center;
}

.vendor-onboarding-request-form .btn.custom-button,
.vendor-onboarding-request-form .e-btn.custom-button-outline {
    min-width: 134px;
}

.vendor-onboarding-request-form .e-btn.custom-button-outline {
    background: #ECEDFF !important;
    color: #7C7C7C !important;
    border: 1px solid #ECEDFF !important;
}

.custom-modal .e-dlg-header .modal-header span {
    color: #626477 !important;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: left;
}


.no-chart-data {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-content: center;
    gap: 8px;
    opacity: 0.7;
}

    .no-chart-data i {
        line-height: 1;
    }

.consent-action {
    min-width: 210px;
    white-space: nowrap;
}

.ative-status {
    color: #28a745;
}

.reject-status {
    color: #dc3545;
}

.hold-status {
    color: #fd7e14;
}

.inprogree-status {
    color: #007bff;
}

.accept-status {
    color: #28a745;
}

.delete-status {
    color: #464a4c;
}

.information-not-found-status {
    color: #A9A9A9;
}

.new-status {
    color: #00BCD4;
}

.flex-end {
    justify-content: flex-end !important;
}


.dsar-request-step3-header h4 {
    color: #1F2940;
    font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 24px 0;
}

.dsar-data-store-selection {
}

    .dsar-data-store-selection .e-listview {
        border: unset !important;
    }

        .dsar-data-store-selection .e-listview .e-list-parent {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            max-width: 100%;
            gap: 15px;
        }

            .dsar-data-store-selection .e-listview .e-list-parent li {
                flex: 0 0 50%;
                max-width: calc(50% - 15px);
                height: auto;
                padding: 0;
            }

                .dsar-data-store-selection .e-listview .e-list-parent li .e-checkbox {
                    border: 1px solid #666CFF;
                    border-radius: 10px;
                    padding: 24px 18px;
                    background: #fff;
                    min-height: 107px;
                }

                    .dsar-data-store-selection .e-listview .e-list-parent li .e-checkbox span.e-list-text {
                        width: 100%;
                        display: flex;
                        align-items: start;
                        flex-wrap: wrap;
                        flex-direction: column;
                        gap: 14px;
                    }

                        .dsar-data-store-selection .e-listview .e-list-parent li .e-checkbox span.e-list-text p {
                            color: #626477;
                            margin: 0;
                        }

                    .dsar-data-store-selection .e-listview .e-list-parent li .e-checkbox .e-checkbox-wrapper.e-css {
                        display: none;
                    }

                    .dsar-data-store-selection .e-listview .e-list-parent li .e-checkbox span.e-list-text .headerContainer {
                        display: flex;
                        align-items: start;
                        gap: 6px;
                        color: #1F2940;
                        font-family: Inter;
                        font-weight: 400;
                        font-size: 20px;
                        line-height: 100%;
                    }

                .dsar-data-store-selection .e-listview .e-list-parent li[aria-selected="true"] .e-checkbox {
                    background: #ECEDFF;
                    border-color: #ECEDFF;
                }

.action-btn-list button.e-control.e-btn {
    border-radius: 8px;
    box-shadow: unset;
    font-size: 16px;
    line-height: 20px;
}

    .action-btn-list button.e-control.e-btn:hover {
        box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    }

.action-btn-list .e-btn.btn-back {
    background: #ECEDFF;
}

.action-btn-list .e-btn.btn-cancel {
    background: #ff000c;
}

.action-btn-list .e-btn.btn-hold {
}

.action-btn-list .e-btn.btn-success {
    background: #70AD47;
}

.alert.dsar-alert {
    background: #ECEDFF;
    border-color: #ECEDFF;
    color: #636578;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    padding: 16px;
}

.file-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0px;
    border-radius: 5px;
}

.file-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4a4a4a;
    font-size: 16px;
}

    .file-item i {
        font-size: 20px;
    }

.download {
    margin-left: auto;
    color: #007bff;
    cursor: pointer;
    text-decoration: none;
}
/*responder and reviewer pdf view start*/
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}

.p-6 {
    padding: 1.5rem;
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity));
}

.rounded-lg {
    border-radius: var(--radius);
}

.p-6 {
    padding: 1.5rem;
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
}

.gap-4 {
    gap: 1rem;
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr));
}

.grid {
    display: grid;
}

.rounded-full {
    border-radius: 9999px;
}

.w-full {
    width: 100%;
}

.h-2 {
    height: .5rem;
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity));
}

.bg-verylow-600 {
    --tw-bg-opacity: 1;
    background-color: #00b0f0;
}

.bg-low-600 {
    --tw-bg-opacity: 1;
    background-color: #789440;
}

.bg-medium-600 {
    --tw-bg-opacity: 1;
    background-color: #FFD965;
}

.bg-high-600 {
    --tw-bg-opacity: 1;
    background-color: #FF0000;
}

.bg-critical-600 {
    --tw-bg-opacity: 1;
    background-color: #C00000;
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
/*responder and reviewer pdf view end*/

.riskList .e-grid .e-table tr.e-emptyrow td {
    font-size: 18px !important;
    font-weight: 600;
    opacity: 0.75;
    padding: 20px !important;
    background: #f5f5f5;
    border-radius: 0 !important;
    text-align: center;
}

.data-visulization-row .risk-heatmap, .data-visulization-row .risk-heatmap .card {
    height: 100%;
}

.no-data-container {
    text-align: center;
    padding: 10px;
    font-family: Arial, sans-serif;
}

.no-data-image {
    width: 150px;
    opacity: 0.7;
}

.no-data-text {
    font-size: 20px;
    color: #666;
    margin-top: 10px;
}

.custom-modal.dsar-view-attachment .e-dialog {
    max-width: 600px !important;
}

.completed-request {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 100%;
}

    .completed-request h2 {
        color: #4CAF50;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .completed-request p {
        color: #555;
        font-size: 16px;
    }

.checkmark {
    font-size: 40px;
    color: #4CAF50;
    margin-bottom: 10px;
}

.canceled-request {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 100%;
}

    .canceled-request h2 {
        color: #D32F2F;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .canceled-request p {
        color: #555;
        font-size: 16px;
    }

.crossmark {
    font-size: 40px;
    color: #D32F2F;
    margin-bottom: 10px;
}

.hold-request {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 100%;
}

    .hold-request h2 {
        color: #FFA500;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .hold-request p {
        color: #555;
        font-size: 16px;
    }

.pause-icon {
    font-size: 40px;
    color: #FFA500;
    margin-bottom: 10px;
}

.form-group-list-card + .form-group-list-card {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
}

.form-group-list-card h5 {
    font-weight: 600;
    margin-bottom: 24px;
}

.form-group {
}

.custom-form .assessment-review-risklist .form-group-list-card .form-group label {
    color: #000 !important;
    margin: 0 !important;
}

.custom-form .assessment-review-risklist .form-group-list-card .form-group {
    padding: 0 0 24px 0;
    gap: 6px;
    display: flex;
    flex-direction: column;
}

.form-group-list-card {
    padding-top: 24px;
}

    .form-group-list-card
    .e-accordion .e-acrdn-item.e-select {
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        margin: 0;
    }

    .form-group-list-card .e-accordion .e-acrdn-item + .e-acrdn-item {
        margin-top: 24px;
    }

    .form-group-list-card .e-accordion {
        border: 0;
    }

        .form-group-list-card .e-accordion .e-acrdn-item .e-acrdn-header {
            line-height: 32px;
        }

    .form-group-list-card:last-child {
        padding-bottom: 24px !important;
    }

    .form-group-list-card .e-accordion .e-acrdn-item .e-acrdn-content .form-group {
        padding: 0;
    }

    .form-group-list-card .e-accordion .e-acrdn-item .e-acrdn-content .row + .row {
        margin-top: 20px;
    }

.ass-score-level {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 14px 0 0 0;
}

.ass-score-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 10px 0 0 0;
}

.ass-score-progressbar {
    color: #666666;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

    .ass-score-progressbar .bg-gray-200.h-2 {
        background: #e5e7eb;
    }

span.percent-count-tag {
    background: red;
    padding: 4px 6px;
    color: #fff;
    border-radius: 16px;
    line-height: 1;
    font-size: 14px;
}

.vendor-onboarding-request-form .custom-form .form-group .e-radio-wrapper .e-label {
    padding-left: 24px !important;
}

.vendor-onboarding-request-form .custom-form .form-group .e-radio-wrapper + .e-radio-wrapper {
    margin-left: 12px;
}

.vendor-onboarding-request-form .custom-form .form-checklist-wrapper {
    max-height: 155px;
    overflow-y: auto;
}

.vendor-logo-content .product-content label {
    font-size: 16px;
    color: #4C4E64;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin-bottom: 5px;
}

.vendor-logo-content .product-content p {
    font-size: 14px;
}

.edit-vendor-top-card .top-card-item {
    padding: 12px 16px;
    font-family: "Inter", sans-serif;
}

    .edit-vendor-top-card .top-card-item .top-card-title {
        font-size: 16px;
    }

    .edit-vendor-top-card .top-card-item .top-card-status {
        font-weight: 500;
        font-family: "Inter", sans-serif;
        padding: 9px 14px;
    }

    .edit-vendor-top-card .top-card-item .agg-risk-div {
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .edit-vendor-top-card .top-card-item .agg-risk-div label {
            color: #00000099;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0.25px;
        }

        .edit-vendor-top-card .top-card-item .agg-risk-div > div {
            font-family: "Inter", sans-serif;
            font-weight: 700;
            font-size: 14px !important;
            line-height: 20px;
            text-align: center;
        }

.skeletonCircleMedium + .skeletonCircleMedium {
    margin-top: 15px !important;
}

.custom-slider-desc.launch-btn-col {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px;
}

.data-visulization-row .risk-heatmap h3 {
    color: #4C4E64DE;
    font-size: 24px;
    font-weight: 700;
}

.data-visulization-row .percentage-contnet h5 {
    color: #626477;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 4px;
}

.data-visulization-row .percentage-contnet span {
    color: #4C4E6461;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
/*.app-launcher-slider .custom-slider-items .custom-slider-item {
    width:20%;
}*/
.app-launcher-slider .custom-slider-items .nav-icon-img {
    background: #ECEDFF;
    border-radius: 10px;
    height: 48px;
    width: 48px;
    margin-bottom: 10px;
}

    .app-launcher-slider .custom-slider-items .nav-icon-img img {
        margin: 0;
    }

.app-launcher-slider .custom-slider-desc button {
    padding: 7px 10px !important;
    line-height: 18px !important;
}

.platform-feature-main .custom-slider-items .nav-icon-img,
.settings-main .custom-slider-items .nav-icon-img {
    margin-bottom: 10px;
}

.app-launcher-slider .custom-slider-items .custom-slider-item .custom-slider-desc {
    font-size: 16px;
    min-height: 70px;
    margin-bottom: 10px;
    line-height: 20px;
}

@media(min-width:1366px) {
    .app-launcher-slider .custom-slider-items .custom-slider-item {
        /*   max-width: 160px;
            width: 100%;*/
        padding: 22px 12px;
    }

    .custom-modal.platform-feature-main .custom-slider-items .custom-slider-item,
    .custom-modal.settings-main .custom-slider-items .custom-slider-item {
        /* max-width: 160px;
            width: 100%;*/
        padding: 22px 12px;
    }
}

.custom-modal.settings-main .e-dialog .e-dlg-header-content,
.custom-modal.settings-main .e-dialog .e-dlg-header-content + .e-dlg-content,
.custom-modal.platform-feature-main .e-dialog .e-dlg-header-content,
.custom-modal.platform-feature-main .e-dialog .e-dlg-header-content + .e-dlg-content {
    background: #f7f6fb;
}

.custom-radio-group .e-radio {
    -webkit-appearance: none;
    height: 20px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 1;
    cursor: pointer;
}

.custom-radio-group {
    margin-top: 8px;
}

.rp-content {
    display: flex;
    gap: 30px;
    flex: 1;
    margin-bottom: 10px;
}

    .rp-content > div {
        flex: 1;
    }

/* footer */
footer.footer-main {
    background: #fff;
    padding: 9px 18px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    width: 100%;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    vertical-align: middle;
    margin-top: auto;
    position: absolute;
    bottom: 0;
    left: 0;
}

    footer.footer-main ul {
        margin: 0 auto;
        display: flex;
        align-items: center;
        /* gap: 10px; */
    }

        footer.footer-main ul li {
            padding: 0 10px;
        }

            footer.footer-main ul li + li {
                border-left: 1px solid #C8C8C8;
            }

    footer.footer-main p {
        margin: 0;
        color: #636578;
        position: absolute;
        right: 20px;
    }

    footer.footer-main ul li a {
        color: #666CFF;
    }

    footer.footer-main .tenant-info {
        position: absolute;
        left: 96px;
        color: #636578;
    }

.dataclassification-center-chartlabel p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #626477;
}

    .dataclassification-center-chartlabel p.chartlabel {
        font-size: 14px;
        color: #4C4E6499;
    }

.vendor-info .vendor-action {
    width: 110px;
}

.question-view-section .form-group .cls-options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

td .progress-item-wrapper .progress-item .progress-title {
    padding: 10px 14px !important;
}

td .progress-item-wrapper .progress-item + .progress-item {
    margin: 0;
}

.custom-radio-group {
    margin-top: 8px;
}


.syncfusion-acc .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
    background-color: transparent !important;
    font-family: "Inter", sans-serif !important;
    padding: 14px 24px !important;
}

.syncfusion-acc .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    color: #626477 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Inter", sans-serif !important;
}

.syncfusion-acc .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    font-size: 18px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    margin-right: 10px;
    transition: 0.3s;
}

.syncfusion-acc .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    padding: 14px 24px !important;
}

.syncfusion-acc .e-accordion .e-tgl-collapse-icon::before {
    content: "";
}

.syncfusion-acc .e-accordion .e-acrdn-item.e-active .e-acrdn-header .e-toggle-icon {
    transform: rotate(-180deg);
}

.e-checkbox-wrapper.e-wrapper.automatically-generate-vendor-task {
    line-height: 35px;
}

.vendor-list-dsar .e-listview {
    border: unset;
}

    .vendor-list-dsar .e-listview ul li {
        height: auto !important;
        padding-left: 0 !important;
    }


.syncfusion-acc .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
    background-color: transparent !important;
    font-family: "Inter", sans-serif !important;
    padding: 14px 24px !important;
}

.syncfusion-acc .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    color: #626477 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Inter", sans-serif !important;
}

.syncfusion-acc .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    font-size: 18px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    margin-right: 10px;
    transition: 0.3s;
}

.syncfusion-acc .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    padding: 14px 24px !important;
}

.syncfusion-acc .e-accordion .e-tgl-collapse-icon::before {
    content: "";
}

.syncfusion-acc .e-accordion .e-acrdn-item.e-active .e-acrdn-header .e-toggle-icon {
    transform: rotate(-180deg);
}


.manage-assessment-card-risklist {
    max-width: calc(100% - 20px);
    margin-left: 10px;
}

.manage-assessment-table-wrapper {
    padding: 12px !important;
}

    .manage-assessment-table-wrapper .e-toolbar-items {
        background: #fff !important;
        padding-top: 16px;
        margin-bottom: 20px;
    }

        .manage-assessment-table-wrapper .e-toolbar-items .e-toolbar-item div:has(.e-input-group) {
            width: 250px !important;
        }

        .manage-assessment-table-wrapper .e-toolbar-items span.e-input-group.e-control-wrapper {
            width: 250px;
            background: #fff;
            box-shadow: 0px 0px 34px rgb(196 196 206 / 64%);
            border-radius: 8px !important;
            font-size: 14px;
        }

    .manage-assessment-table-wrapper .e-grid .e-search-icon::before {
        content: "";
        background: url("/images/icon-search.svg");
        position: absolute;
        top: 0;
        right: 3px;
        background-size: contain;
        z-index: 1;
        height: 100%;
        width: 18px;
        background-position: center;
        background-repeat: no-repeat;
    }

.td-action-btn img {
    height: 20px;
    width: 20px;
}


/*Header Notification*/
.header-notification-wrapper .search-icon-input.sf-search-input, .header-notification-wrapper .search-icon-input.sf-search-input .search-input {
    box-shadow: unset !important;
    background: #F7F7F9 !important;
    border-radius: 8px;
    width: 100%;
}

.userdropdown-wrapper.header-notification-wrapper .user {
    border: unset;
    margin: 0;
    width: 100%;
}

.header-notification-wrapper .filter-search-section {
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #F1F1F1;
}

.userdropdown-wrapper.header-notification-wrapper {
    height: calc(100vh - 150px);
    /*flex-direction: row;*/
    overflow: auto;
}

..userdropdown-wrapper.header-notification-wrapper.notification-row {
    flex-direction: row;
}


.header-notification-wrapper ul {
    overflow-y: auto;
    /*height: calc(100vh - 420px);*/
    height: auto;
    width: 100%;
    margin-bottom: 15px;
}

    .header-notification-wrapper ul li {
        font-family: Inter;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.15px;
        color: #636364;
    }

        .header-notification-wrapper ul li b {
            color: #000;
        }

        .header-notification-wrapper ul li + li {
            margin-top: 16px;
        }

.header-notification-wrapper .notification-footer p {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin: 12px;
}

.notification-footer {
    margin-top: auto;
    text-align: center;
    padding-bottom: 20px;
}



.inherent-score-select {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .inherent-score-select .riskrating-dropdown-btn {
        background: #141413;
        border-color: #141413 !important;
        width: 60px !important;
        height: 60px !important;
        font-family: Inter;
        font-weight: 500;
        line-height: 100%;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 6px;
        border-radius: 8px !important;
    }

        .inherent-score-select .riskrating-dropdown-btn::after {
            display: none;
        }

    .inherent-score-select .inherent-score-content p {
        margin: 0;
        font-family: Inter;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #7A7A7A;
    }

        .inherent-score-select .inherent-score-content p + p {
            margin-top: 12px;
        }

        .inherent-score-select .inherent-score-content p span {
            /*color: #FFC000;*/
        }

.custom-modal.add-rule-modal.e-dlg-container .e-dialog {
    width: calc(100% - 24px) !important;
    max-width: 780px !important;
}

color: #FFC000;
}

ul.alert-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    height: auto;
}

    ul.alert-list li {
        border: 1px solid #E0E0E4;
        padding: 16px 10px;
        width: 100%;
        border-radius: 4px;
        font-family: Inter;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.15px;
    }

        ul.alert-list li + li {
            margin-top: 8px;
        }

        ul.alert-list li .alert-top {
            display: flex;
            justify-content: space-between;
            width: 100%;
            color: #4C4E64;
            font-weight: 600;
        }

            ul.alert-list li .alert-top span.alert-date {
                font-weight: 400;
            }

        ul.alert-list li p {
            margin: 8px 0;
            font-family: Inter;
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            letter-spacing: 0.15px;
        }

        ul.alert-list li a {
            font-weight: 600;
            color: #7075FF;
        }

p.comming-soon-text {
    text-align: center;
    font-weight: 600;
    margin: 20px 0;
    color: #7075FF;
}

.e-upload .e-upload-actions .e-file-clear-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-clear-btn {
    display: none;
}

.e-upload .e-upload-actions .e-file-upload-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-upload-btn {
    display: none;
}

.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
    display: none !important;
}

.custom-modal.dsar-upload-attachment .e-dialog {
    max-width: 600px !important;
}

.text-ellipsis-logic-action {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 430px;
    display: block;
}

.microsoft-signin-btn {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #777777;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: #ECEDFF;
    margin: 24px 0;
    padding: 15px;
}

.or-seprator {
    color: #626477 !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.forgot-text a.link-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #626477 !important;
    width: 100%;
    display: block;
    padding-bottom: 24px;
    border-bottom: 1px solid #626477;
}

    .forgot-text a.link-text:hover {
        color: #666CFF !important
    }

.custom-button.login-btn-md {
    padding: 14px !important;
    line-height: 18px !important;
}

.text-626477 {
    color: #626477 !important
}

.top-button-list .button-list-right .btn-item-icon svg, .top-button-list .button-list-right .btn-item-icon img {
    height: 18px;
    width: 18px;
    object-fit: contain;
}

.modal-tab-section .e-tab.vendor-tabs .e-gridcontent .e-content:has( table) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0;
}

.response-setting .custom-setting-switch {
    max-width: 320px;
}

.chat-top-option ul li {
    margin-bottom: 4px;
}

.table-with-filter td.e-filterbarcell {
    background: #f8f9fa !important;
}

    .table-with-filter td.e-filterbarcell span.e-input-group {
        border: 1px solid #dee2e6 !important;
        background: #fff;
        border-radius: 4px;
        padding-left: 5px;
    }

.sidebar {
    z-index: 1;
}

.table-with-filter .e-toolbar-items {
    background: transparent !important;
    margin-bottom: 10px !important;
    padding-top: 10px !important;
}

    .table-with-filter .e-toolbar-items .e-toolbar-item .e-input-group.e-control-wrapper {
        box-shadow: 0px 0px 34px rgb(196 196 206 / 64%);
        border-radius: 8px !important;
        padding-left: 12px;
        padding-right: 12px;
    }

    .table-with-filter .e-toolbar-items .e-toolbar-item .e-input-group .e-search-icon {
        background: url("../images/icon-search.svg");
        background-repeat: no-repeat;
        background-position: center;
    }

        .table-with-filter .e-toolbar-items .e-toolbar-item .e-input-group .e-search-icon::before {
            content: "" !important;
        }

.respondent-select-row {
    display: flex;
    align-items: end;
    width: 100%;
    gap: 24px;
}

    .respondent-select-row .respondent-select-col {
        width: 100%;
    }
/*Responsive media*/
@media(max-width:1440px) {
    footer .footer-main ul {
        margin-right: 20px;
    }

    footer.footer-main p {
        text-align: right;
        position: relative;
        right: unset;
    }
}

@media(max-width:1365px) {
    .dataclassification-center-chartlabel p.chartlabel {
        font-size: 11px;
    }

    .dataclassification-center-chartlabel p {
        font-size: 18px;
    }
}

@media(max-width:1024px) {
    footer.footer-main {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

        footer.footer-main ul {
            margin: 0 auto 10px;
        }
}
/*
app launcher */
.app-launcher-slider-wrapper .e-carousel-navigators {
    /*    display: none !important;*/
}

.app-launcher-slider-wrapper .custom-slider-items {
    /* flex-wrap: wrap;*/
}

    .app-launcher-slider-wrapper .custom-slider-items .custom-slider-item {
        width: calc(25% - 20px);
    }

@media(max-width:1366px) {
    .app-launcher-slider-wrapper .custom-slider-items .custom-slider-item {
        width: calc(33.33% - 20px);
    }
}

@media(max-width:1200px) {
    .app-launcher-slider-wrapper .custom-slider-items .custom-slider-item {
        width: calc(50% - 20px);
    }
}

@media(max-width:768px) {
    .app-launcher-slider-wrapper .custom-slider-items .custom-slider-item {
        width: 100%;
    }
}

.custom-modal.view-dsar-subject-consent .e-dialog {
    width: 1500px !important;
}

/*Toggle*/
.assessment-review-sidebar-content-section {
    transition: 0.15s ease-in-out;
}


.toggle-active .assessment-review-sidebar-content-section {
    width: 100%;
}



button.assessment-review-toggle-btn {
    position: absolute;
    top: 14px;
    background: #fff;
    z-index: 1;
    padding: 6px;
    border-radius: 4px;
    left: 275px;
    transition: 0.15s ease-in-out;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    transform: rotate(180deg);
}

.toggle-active button.assessment-review-toggle-btn {
    left: 0;
    transform: rotate(0deg);
}

.assessment-review-sidebar-section {
    transition: 0.15s ease-in-out;
}

.toggle-active .assessment-review-sidebar-section {
    width: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
}

.userdropdown-wrapper.header-notification-wrapper.notification-row {
    flex-direction: row;
    height: auto;
    max-height: calc(100vh - 150px);
}

.userdropdown-wrapper.header-notification-wrapper.header-help-center-wrapper {
    flex-direction: row;
    height: auto;
}

.header-notification-wrapper.header-help-center-wrapper ul {
    overflow-y: auto;
    min-height: calc(100vh - 440px);
    height: auto;
    width: 100%;
    margin-bottom: 15px;
}

.syncfusion-acc .e-control {
    padding: 0;
}

.task-detail-content-wrapper p {
    color: #030712a6 !important;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.task-detail-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    gap: 12px;
}

    .task-detail-content-wrapper > div {
        width: 100%;
    }

    .task-detail-content-wrapper h4 {
        margin-bottom: 4px;
        color: #030712 !important;
        font-family: Inter;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }

    .task-detail-content-wrapper .e-multi-line-input.form-control {
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        margin-bottom: 16px;
    }

    .task-detail-content-wrapper .task-active {
        background-color: Lightgreen;
        border-radius: 50px;
        text-align: center;
        padding: 5px 12px;
        display: inline-block;
    }

    .task-detail-content-wrapper .task-complete {
        background-color: green;
        color: #fff !important;
        border-radius: 50px;
        text-align: center;
        padding: 5px 12px;
        display: inline-block;
    }

.custom-modal.tenant-selection .e-dialog {
    width: 500px !important;
}

.notification-row {
    position: relative;
}

    .notification-row .header-notification-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .notification-row .notification-close-btn {
        position: absolute;
        right: 30px;
        top: 14px;
    }

    .notification-row .header-notification-title span {
        padding-right: 25px;
        font-size: 12px;
        color: #666cff;
    }

    .notification-row .header-notification-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .notification-row .notification-close-btn {
        position: absolute;
        right: 16px;
        top: 14px;
    }

.header-notification-title {
}

.notification-row .header-notification-title span {
    padding-right: 25px;
    font-size: 12px;
    color: #666cff;
}

.notification-row
ul.alert-list li .alert-top {
    cursor: pointer;
}

.notification-row ul.alert-list li {
    padding-left: 16px;
}

    .notification-row ul.alert-list li .alert-top svg {
        position: absolute;
        left: 4px;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
    }

ul.header-top-notification-list li {
    position: relative;
}

    ul.header-top-notification-list li span.notification-count {
        position: absolute;
        font-size: 9px;
        background: #666cff;
        color: #fff;
        border-radius: 50%;
        padding: 3px;
        top: -7px;
        right: -7px;
        min-width: 18px;
        text-align: center;
        line-height: 12px;
    }

.item-count-design {
    position: absolute;
    font-size: 9px;
    background: #666cff;
    color: #fff;
    border-radius: 50%;
    padding: 3px;
    top: -7px;
    right: -7px;
    min-width: 18px;
    text-align: center;
    line-height: 12px;
}

.bg-critical {
    background-color: #b00020;
    color: white;
}

/*EASA CSS*/
.easa-main .badge {
    padding: 4px !important;
    vertical-align: middle !important;
    line-height: normal;
}

.easa-main .e-acrdn-content .card-body p {
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .easa-main .e-acrdn-content .card-body p + p {
        margin-top: 6px !important;
    }

.easa-main .e-acrdn-content .card-body .card {
    padding: 0;
    background: transparent;
    box-shadow: unset !important;
}

    .easa-main .e-acrdn-content .card-body .card .card-title {
        font-size: 16px;
    }

    .easa-main .e-acrdn-content .card-body .card .card-body {
        padding: 0;
    }

.accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: #f4f3fd !important;
    border-radius: 8px;
    border-left: 5px solid #666CFF;
}

.e-accordion.template-filter-acc .e-acrdn-item.e-expand-state.e-select {
    border: unset !important;
}

.e-treeview .e-ul {
    transition: height 0.3s ease;
    overflow: hidden;
}

.e-treeview .e-node-collapsed > .e-ul {
    height: 0 !important;
}
/*SOC CARD*/
.soc-card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    background: #F8F8FC;
    gap: 24px;
}

    .soc-card + .soc-card {
        border-top: 1px solid #C4C4C4;
        border-radius: 0 0 4px 4px;
    }

    .soc-card > * {
        width: 100%;
    }

    .soc-card .soc-card-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 18px 0;
    }

        .soc-card .soc-card-head .soc-info {
            display: flex;
            gap: 5px;
        }

            .soc-card .soc-card-head .soc-info h4 {
                font-family: Inter;
                font-weight: 500;
                font-size: 16px;
                line-height: 100%;
                color: #010101;
                margin: 0;
            }

            .soc-card .soc-card-head .soc-info .soc-title p {
                color: #AEAEB0;
                font-family: Inter;
                font-weight: 400;
                font-size: 12px;
                line-height: 100%;
                margin: 4px 0 0 0;
            }

        .soc-card .soc-card-head .soc-status {
            font-family: Inter;
            font-weight: 500;
            font-size: 14px;
            line-height: 100%;
            padding: 11px 15px;
            border-radius: 40px;
            min-width: 82px;
            text-align: center;
        }

.soc-status.expired-soc {
    background: #FF000033;
    color: #FF0000;
}

.soc-status.valid-soc, .soc-tag.present-tag {
    background: #62BB4633;
    color: #62BB46;
}

.soc-tag.not-present-tag {
    background: #F3F4F6;
    color: #AEAEB0;
}

.soc-tag {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    padding: 4px 10px;
    border-radius: 40px;
    min-width: 82px;
    text-align: center;
}

.soc-card-body {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .soc-card-body ul {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        width: 100%;
    }

        .soc-card-body ul.iconlist-ul {
            gap: 48px;
            margin-bottom: 24px;
        }

        .soc-card-body ul li {
            color: #AEAEB0;
            font-family: Inter;
            font-weight: 400;
            font-size: 12px;
            line-height: 100%;
        }

            .soc-card-body ul li p {
                margin: 0;
                font-family: Inter;
                font-weight: 400;
                font-size: 12px;
                line-height: 100%;
            }

            .soc-card-body ul li.icon-list {
                display: flex;
                align-items: center;
                gap: 8px;
            }

                .soc-card-body ul li.icon-list p {
                    display: flex;
                    flex-wrap: wrap;
                    flex-direction: column;
                    gap: 4px;
                    color: #AEAEB0;
                }

            .soc-card-body ul li b {
                color: #010101;
                font-size: 14px;
                font-weight: 500;
            }

            .soc-card-body ul li p span.date {
                font-size: 14px;
                color: #444444;
            }

.soc-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .soc-card-footer ul {
        display: inline-flex;
        gap: 8px;
        align-items: center;
    }

        .soc-card-footer ul li {
            font-family: Inter;
            font-weight: 500;
            font-size: 14px;
            line-height: 100%;
            margin: 0;
        }

            .soc-card-footer ul li p {
                margin: 0;
                font-family: Inter;
                font-weight: 400;
                font-size: 12px;
                line-height: 100%;
            }

.soc-btn-list {
    margin: 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

    .soc-btn-list .soc-btn {
        color: #444444;
        font-family: Inter;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        padding: 10px 12px;
        box-shadow: unset !important;
    }

.soc-btn.soc-bridge-letter {
    background: #E3F2FD;
    border: 1px solid #2196F3
}

.soc-btn.soc-finding {
    background: #E8F5E9;
    border: 1px solid #8BCB8E
}

.soc-btn.soc-cuec {
    background: #FFF3E0;
    border: 1px solid #FF9800
}

.soc-btn.soc-download-report {
    background: #E0F7FA;
    border: 1px solid #00BCD4
}
/* .soc-card-footer .btn-download-report:hover {
            color: #fff;
            background: #7075FF;
        }*/
/*soc accordion*/
.soc-acc .soc-acc-title {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.2px;
    text-align: left;
    color: #000;
    margin: 0;
}

.soc-acc .e-accordion {
    border: unset !important;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 16px;
}

    .soc-acc .e-accordion .e-acrdn-item {
        border: unset !important;
    }

        .soc-acc .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
            border-width: 0 !important;
        }

        .soc-acc .e-accordion .e-acrdn-item .e-acrdn-header {
            background: transparent !important;
        }

            .soc-acc .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
                min-height: 40px !important;
                height: 40px !important;
                font-size: 32px;
            }

        .soc-acc .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
            padding-bottom: 0 !important;
        }
/*view Findings*/
.custom-modal .e-dlg-header .modal-header span.header-title-tag {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    padding: 7px 10px;
    background: #666CFF1A;
    color: #666CFF !important;
}

.soc-finding-card {
    background: #EFF1F3;
    padding: 20px;
    border-radius: 10px;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #626477;
    margin-bottom: 24px;
}

    .soc-finding-card ul {
        display: inline-flex;
        align-items: center;
        gap: 12px 10px;
        margin: 0 0 30px 0;
        flex-wrap: wrap;
    }

        .soc-finding-card ul li {
            padding-right: 10px;
            /*border-right: 3px solid #626477;*/
            line-height: 1.5;
        }

            .soc-finding-card ul li:last-child {
                padding-right: 10px;
                border-right: unset;
            }

    .soc-finding-card p {
        margin: 0;
    }

.table-action-btn-list {
    display: inline-flex;
    gap: 4px;
}

    .table-action-btn-list button.btn-link {
        padding: 0 4px !important;
    }

/*Manage Data Subjects*/
.user-datasubject-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 16px;
}

    .user-datasubject-head h4 {
        font-family: Inter;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        color: #000;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .user-datasubject-head .status.status-inactive {
        background: #FF0000;
    }

    .user-datasubject-head .status.status-active {
        background: #70AD47;
    }

    .user-datasubject-head .status.status-pending {
        background: #FFC000;
    }

    .user-datasubject-head .status {
        font-family: Inter;
        font-weight: 600;
        font-size: 10px;
        line-height: 100%;
        padding: 7px 10px;
        color: #fff;
        border-radius: 100px;
        min-width: 60px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

ul.user-datasubject-info {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

    ul.user-datasubject-info li {
        color: #667085;
        font-family: Inter;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.15px;
        /* border-right: 1px solid #667085; */
        /* padding-right: 10px; */
    }

        ul.user-datasubject-info li + li {
            border-left: 1px solid #667085;
            padding-left: 10px;
        }

.demographics-card {
    background: #F5F7FF;
    padding: 32px;
    border-radius: 10px;
    height: 100%;
}

    .demographics-card h4 {
        color: #010101;
        font-family: Inter;
        font-weight: 500;
        font-size: 24px;
        line-height: 100%;
        margin: 0;
    }

    .demographics-card ul li {
        margin-top: 20px;
        font-family: Inter;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #636364;
        display: flex;
        align-items: center;
        /* justify-content: space-between;*/
        gap: 10px;
    }

.sf-edit-btn {
    font-size: 12px !important;
    padding: 7px 16px !important;
}

.demographics-card ul li .e-switch-wrapper.e-wrapper.green-switch {
    width: 40px;
    height: 24px;
    margin-left: auto;
}

    .demographics-card ul li .e-switch-wrapper.e-wrapper.green-switch span.e-switch-handle {
        height: 17px !important;
        width: 17px !important;
    }

.demographics-card ul li .e-switch-wrapper.green-switch .e-switch-handle.e-switch-active {
    margin-left: -22px;
}

.dsar-sf-tabs .e-tab .e-tab-header .e-toolbar-items {
    width: 100%;
    margin: 24px 0 12px 0;
    /* padding: 0 0 12px 0; */
    border-bottom: 1px solid #959595;
}

    .dsar-sf-tabs .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item {
        flex: 1;
        /* text-align: center; */
        padding: 0 0 12px 0 !important;
    }

.dsar-sf-tabs .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
    bottom: -10px;
    border: 4px solid #666CFF;
    border-radius: 10px !important;
}

.demographics-card ul li label {
    white-space: nowrap;
    margin: 0;
    min-width: 120px;
}

.dsar-edit-form .demographics-card ul li + li.form-group {
    margin-top: 16px;
}

.demographics-card ul li.form-group:has( .input-group .validation-message) label {
    margin-bottom: 20px;
}

.custom-form .dsar-edit-form .form-group .form-control.e-disabled {
    border: unset !important;
    background: transparent !important;
    color: #1c1b1f !important;
    opacity: 1 !important;
}

    .custom-form .dsar-edit-form .form-group .form-control.e-disabled input {
        color: #1c1b1f !important;
        opacity: 1 !important;
    }

.comming-soon {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
/*quick-action-list*/
ul.quick-action-list li {
    border-top: 1px solid #f3f3f3;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 16px;
    color: #4C4E64DE;
}

    ul.quick-action-list li .custom-button {
        white-space: nowrap;
        gap: 10px;
        display: flex;
        align-items: center;
        min-width: 100px;
        font-size: 14px;
        padding: 10px;
    }

.dsar-manage-consent .card-content {
    width: 100%;
}

.dsar-manage-consent .card {
    padding: 38px 24px;
}

.dsar-manage-consent .card-content h4 {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #00000099;
    margin: 0;
}

.dsar-manage-consent .card-content p {
    font-family: Inter;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #000;
    margin: 0;
    min-width: 130px;
    text-align: center;
}

}
/*decision-details*/
.decision-details-wrapper .decision-details-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #626477;
}

.decision-details-wrapper .decision-details-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #626477;
}

.decision-details-wrapper .tab-content-title {
    color: #636578;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 16px;
}

.decision-details-wrapper .decision-details-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #626477;
}

.decision-details-wrapper .tab-content-title {
    color: #636578;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 16px;
}

.decision-details-wrapper table {
    background: #F8F8FC;
    padding: 8px;
    border-radius: 10px;
    width: 100%;
}

    .decision-details-wrapper table td {
        padding: 8px 16px;
    }

    .decision-details-wrapper table tr:first-child td {
        padding-top: 16px;
    }

    .decision-details-wrapper table tr:last-child td {
        padding-bottom: 16px;
    }

.decision-details-wrapper .decision-details-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #626477;
}

.decision-details-wrapper .tab-content-title {
    color: #636578;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 16px;
}

.decision-details-wrapper table {
    background: #F8F8FC;
    padding: 8px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 24px;
}

    .decision-details-wrapper table td {
        padding: 8px 16px;
    }

    .decision-details-wrapper table tr:first-child td {
        padding-top: 16px;
    }

    .decision-details-wrapper table tr:last-child td {
        padding-bottom: 16px;
    }

.decision-details-wrapper .form-group-list-card .e-accordion,
.decision-details-wrapper .decision-details-acc .e-accordion {
    background: #F8F8FC;
    padding: 8px 16px;
    border: unset !important;
}

    .decision-details-wrapper .form-group-list-card .e-accordion .e-acrdn-item.e-select,
    .decision-details-wrapper .decision-details-acc .e-accordion .e-acrdn-item.e-select {
        border: unset !important;
    }

.decision-details-wrapper .e-accordion .e-acrdn-item .e-acrdn-header {
    padding-left: 0;
    padding-right: 0;
    background: transparent !important;
}

.custom-form .assessment-review-risklist .form-group-list-card .decision-details-acc .e-acrdn-content label,
.decision-details-wrapper table td label {
    font-weight: 500 !important;
    color: #636578 !important;
    min-width: 110px;
}

    .form-group-list-card .decision-details-acc .e-accordion .e-acrdn-item .e-acrdn-content .form-group > *,
    .decision-details-wrapper table td, .decision-details-wrapper table td label.label-value {
        font-family: Inter;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
    }

.decision-details-acc .e-accordion .e-acrdn-item .e-acrdn-content .form-group {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.form-group-list-card .decision-details-acc .e-accordion .e-acrdn-item .e-acrdn-content .row + .row {
    margin-top: 16px;
}

.decision-score-card {
    padding: 12px 16px;
    background: #ECEDFF;
    border: 1px solid #BFC0D3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 14px;
}

    .decision-score-card .score-col {
        flex: 1;
        max-width: 395px;
        background: #fff;
        padding: 10px 12px;
        border-radius: 6px;
    }

        .decision-score-card .score-col .tab-content-title {
            font-family: Inter;
            font-weight: 400;
            font-size: 12px;
            line-height: 100%;
            color: #000000b3;
            margin: 0 0 12px 0;
        }

    .decision-score-card .btn-list-col {
        gap: 12px;
        display: flex;
    }

        .decision-score-card .btn-list-col button.e-control.e-btn {
            color: #FFFFFF;
            font-weight: 400;
            font-size: 12px;
            line-height: 100%;
            border-radius: 4px;
            box-shadow: unset;
            padding: 14px 14px;
        }

            .decision-score-card .btn-list-col button.e-control.e-btn:hover {
                box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
            }

        .decision-score-card .btn-list-col .reopen-ass-btn {
            background: #BABBC5;
        }

        .decision-score-card .btn-list-col .finalize-ass-btn {
            background: #28CA41;
        }

        .decision-score-card .btn-list-col .cancel-ass-btn {
            background: #FF6059;
        }

        .decision-score-card .btn-list-col .autoscore-ass-btn {
            background: #FFC000;
        }



.tab-acc-title.acc-title-lg {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #626477;
}


    .tab-acc-title.acc-title-lg span {
        font-family: Inter;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #D7A011;
    }

.overall-ass-score-wrapper h5 {
    color: #626477;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    margin: 12px 0 24px 0;
}

.overall-score-summary {
    padding: 12px 24px;
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    background: #fff;
    border-radius: 16px;
}

    .overall-score-summary h4 {
        color: #626477;
        font-family: Inter;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: 0px;
        margin: 0;
    }

    .overall-score-summary p {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: #626477;
        margin: 6px 0 0 0;
    }

.decision-details-wrapper .decision-details-acc .control-cat-ass-wrapper .e-accordion {
    background: #fff !important;
}

.control-cat-ass-wrapper .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    right: unset;
    left: 0;
}

.decision-details-wrapper .decision-details-acc .control-cat-ass-wrapper .e-accordion .e-acrdn-header {
    padding-left: 34px;
}

.consent-withdrawal-detail .section-title {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #010101;
}

.consent-withdrawal-detail p {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    margin: 10px 0 0 0;
    color: #636364;
}

.custom-modal.consent-withdrawal-detail .e-dialog {
    width: 700px !important;
}

.e-accordion.template-filter-acc .e-acrdn-item.e-expand-state.e-select {
    border: unset !important;
}

.status-class {
    border-radius: 50px;
    text-align: center;
    padding: 5px 10px;
    display: inline-block;
    width: max-content;
}
/*company-sidebar-tabs*/
.company-sidebar-tabs {
    height: 100%;
    border: 1px solid #C4C4C4;
    min-width: 310px;
    width: 310px;
    margin-right: 16px;
    padding-right: 10px;
}

    .company-sidebar-tabs .list-group {
        border-radius: 0;
        border: unset;
    }

        .company-sidebar-tabs .list-group button.list-group-item {
            padding: 10px 14px 10px 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-left: 6px solid transparent !important;
            color: #626477;
            border: 0;
            border-bottom: 1px solid #C4C4C4;
            font-family: "Inter", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            text-transform: capitalize;
        }

            .company-sidebar-tabs .list-group button.list-group-item.active {
                background: #ECEDFF;
                border-color: #C4C4C4 !important;
            }

            .company-sidebar-tabs .list-group button.list-group-item span {
                font-family: "Inter", sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                text-transform: capitalize;
                color: #fff;
                padding: 4px 12px;
                border-radius: 2px;
                min-width: 84px;
                text-align: center;
            }

.sidebar-tab-content-header h5 {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-transform: capitalize;
    color: #626477;
    margin: 0 0 20px 0;
}

.sidebar-tab-content-header {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-transform: capitalize;
    color: #626477;
    margin: 0 0 16px 0;
}

    .sidebar-tab-content-header span.badge {
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 24px;
        padding: 4px 12px;
        color: #F8F8FC;
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
    }

.company-sidebar-tabs-content p.text-muted {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #626477 !important;
}

.grade-desc p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #626477;
    vertical-align: middle;
}

.grade-desc .risk-level-tag {
    text-align: center;
    color: #fff;
    padding: 6px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.company-sidebar-tabs-content button {
    flex: 1;
    gap: 4px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    display: flex !important;
}

    .company-sidebar-tabs-content button.custom-button-outline:hover {
        background: #fff !important;
        color: #666CFF !important;
    }

/*progressbar CSS*/
.progress-item-wrapper .progress-item .progress-title {
    padding: 4px 20px;
    line-height: 20px;
    clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
}

.progress-item-wrapper .progress-item:first-child .progress-title {
    border-radius: 50px;
    clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 50%, 0% 0%);
}

.progress-item-wrapper .progress-item:last-child .progress-title {
    border-radius: 0 40px 40px 0;
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
}

td .progress-item-wrapper .progress-item .progress-title {
    border-radius: unset !important;
    clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%) !important;
}

td .progress-item-wrapper .progress-item + .progress-item {
    margin: 0 !important;
}

/*@media(min-width:1356px) {
    .progress-item-wrapper .progress-item + .progress-item {
        margin-left: -30px;
    }
}*/

@media(max-width:1199px) {
    .progress-item-wrapper .progress-item + .progress-item {
        margin-left: -16px;
    }
}

.modal-tab-section .e-tab.vendor-tabs .company-sidebar-tabs-content .e-content {
    margin-top: 0;
}

.company-sidebar-tabs-content {
    max-width: calc(100% - 326px) !important;
}

.top-button-list .status-indicator {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #666CFF;
    border: 1px solid #666CFF;
    padding: 12px 16px;
    border-radius: 100px;
}


.custom-sidebar-modal.assessment-level-sidebar-modal {
    background: unset;
    height: auto;
    overflow: unset;
    z-index: 1;
}

.modal-popup-open .custom-sidebar-modal.assessment-level-sidebar-modal {
    width: 768px;
}

.custom-sidebar-modal.assessment-level-sidebar-modal .sidebar-modal-content {
    bottom: unset;
    top: 80px;
    max-width: 750px !important;
    z-index: 10000;
    box-shadow: 0px 0px 30px #c4c4ce;
    padding: 24px;
    opacity: 0;
}

.modal-popup-open .custom-sidebar-modal.assessment-level-sidebar-modal .sidebar-modal-content {
    opacity: 1;
}

.assessment-level-sidebar-modal .modal-header span {
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #000000;
}

h4.notes-title {
    color: #030712;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    margin: 12px 0;
}

.question-btn-list {
    display: inline-flex;
    gap: 12px;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    padding: 12px 6px;
    margin-bottom: 12px;
}

    .question-btn-list button {
        box-shadow: 0px 1px 2px 0px #0000000D !important;
        background: #ECEDFF;
        border: 1px solid #ECEDFF;
        color: #636578;
        font-family: Inter !important;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        text-align: center;
        vertical-align: middle;
        padding: 8px;
        border-radius: 4px;
    }

        .question-btn-list button:hover,
        .question-btn-list button.active {
            background: #666CFF;
            color: #F8F8FC;
        }

p.no-qa-available {
    font-family: Inter;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    margin: 24px 0;
    vertical-align: middle;
    color: #03071299;
}

.assessment-level-sidebar-modal .textarea-wrapper .e-multi-line-input {
    padding: 0;
}

    .assessment-level-sidebar-modal .textarea-wrapper .e-multi-line-input textarea {
        border: 1px solid #C4C4C4 !important;
        padding: 12px !important;
        border-radius: 8px !important;
    }
/* Notes Modal*/
.assessment-level-sidebar-modal .custom-modal-body .custom-form .sidebar-scrollable-div {
    max-height: calc(100vh - 265px);
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-modal-scrollable-data {
    padding-bottom: 6px;
}

    .sidebar-modal-scrollable-data ul {
        counter-reset: section;
    }

        .sidebar-modal-scrollable-data ul li {
            position: relative;
            z-index: 0;
            padding-left: 34px;
            /* list-style:decimal; */
            color: #626477;
            font-family: Inter;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            border-bottom: 1px solid #63657833;
            padding-bottom: 12px;
            margin-bottom: 18px;
        }

            .sidebar-modal-scrollable-data ul li::before {
                counter-increment: section;
                content: counter(section) ". ";
                position: absolute;
                top: 0;
                z-index: -1;
                left: 0px;
                font-family: Inter;
                font-weight: 700;
                font-size: 24px;
                line-height: 100%;
                letter-spacing: 0%;
                text-transform: capitalize;
                color: #666CFF;
            }

        .sidebar-modal-scrollable-data ul.attachment-list-ul li::before {
            position: absolute;
            top: 50%;
            z-index: -1;
            left: 0px;
            transform: translateY(-50%);
            color: #666CFF;
            margin-top: -6px;
        }

        .sidebar-modal-scrollable-data ul.findings-list-ul li::before {
            position: absolute;
            top: 50%;
            z-index: -1;
            left: 0px;
            transform: translateY(-50%);
            color: #666CFF;
            margin-top: -6px;
        }

ul.attachment-list-ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px !important;
}

    ul.attachment-list-ul li div {
        width: 100%;
    }

    ul.attachment-list-ul li p.attachment-file-name {
        color: #626477;
        font-family: Inter;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        margin: 8px 0 0 0;
    }

    ul.attachment-list-ul li p {
        margin: 0;
        color: #000;
        font-family: Inter;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        text-transform: capitalize;
    }

        ul.attachment-list-ul li p .attachment-date {
            font-weight: 400;
            margin-left: 16px;
            color: #636578;
            font-size: 12px;
        }

.assessment-level-sidebar-modal .sidebar-modal-content .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #030712;
    vertical-align: middle;
}

.assessment-level-sidebar-modal .sidebar-modal-content .e-accordion .e-acrdn-item .e-acrdn-header {
    min-height: 38px;
    /* border: 1px solid red !important; */
}

.assessment-level-sidebar-modal .sidebar-modal-content .e-accordion {
    border-color: #CCC6C6;
    margin-bottom: 20px;
}

    .assessment-level-sidebar-modal .sidebar-modal-content .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
        min-height: 38px !important;
        height: 38px !important;
        color: #030712;
    }

.assessment-level-sidebar-modal .sidebar-modal-content .e-acrdn-content .e-control-wrapper.form-control {
    border: 1px solid #C4C4C4 !important;
    border-radius: 4px;
    padding: 3px 10px;
}

.assessment-level-sidebar-modal .sidebar-modal-content .custom-button {
    padding: 9px 15px !important;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 18px;
}

ul.findings-list-ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px !important;
    gap: 32px;
}

.findings-list-ul li p {
    margin: 0;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #626477;
    width: 100%;
    display: inline-flex;
    align-items: center;
}

    .findings-list-ul li p span.finding-number {
        margin-left: auto;
        display: inline-block;
        text-align: center;
        border: 1px solid #DADBE2;
        padding: 5px 2px;
        min-width: 28px;
        border-radius: 4px;
    }

.findings-list-ul .finding-status {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 8px;
    border-radius: 4px;
    min-width: 72px;
    text-align: center;
}

    .findings-list-ul .finding-status.critical {
        color: #FF0000;
        background: #FFE2E2;
    }

    .findings-list-ul .finding-status.high {
        color: #FF0000;
        background: #FFE2E2;
    }

    .findings-list-ul .finding-status.low {
        color: #70AD47;
        background: #DEF9D3;
    }

    .findings-list-ul .finding-status.pending {
        color: #FFC000;
        background: #FFC0001A;
    }

.assment-temple-listing.e-grid table tr td div.progress-item-wrapper {
    max-width: max-content;
}

h6.customer-datastore-title {
    color: #000;
    font-family: Inter;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin: 24px 0;
    padding-top: 6px;
}

.table-entity-structure-wrapper {
    padding: 16px;
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    background: #fff;
    border-radius: 16px;
}

    .table-entity-structure-wrapper h4 {
        font-family: Inter;
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        color: #000;
        margin: 0;
    }

    .table-entity-structure-wrapper ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #E0E0E4;
    }

        .table-entity-structure-wrapper ul li > * {
            margin: 0;
            font-family: Inter;
            font-weight: 500;
            font-size: 14px;
            line-height: 100%;
            color: #000;
            text-align: center;
        }

        .table-entity-structure-wrapper ul li p span {
            display: block;
            font-weight: 300;
            font-size: 12px;
        }

        .table-entity-structure-wrapper ul li:last-child {
            border: unset;
        }

h6.customer-datastore-title {
    color: #000;
    font-family: Inter;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    margin: 24px 0;
    padding-top: 6px;
}

.table-entity-structure-wrapper {
    padding: 16px;
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    background: #fff;
    border-radius: 16px;
}

    .table-entity-structure-wrapper h4 {
        font-family: Inter;
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        color: #000;
        margin: 0;
    }

    .table-entity-structure-wrapper ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #E0E0E4;
    }

        .table-entity-structure-wrapper ul li > * {
            margin: 0;
            font-family: Inter;
            font-weight: 500;
            font-size: 14px;
            line-height: 100%;
            color: #000;
            text-align: center;
        }

        .table-entity-structure-wrapper ul li p span {
            display: block;
            font-weight: 300;
            font-size: 12px;
        }

        .table-entity-structure-wrapper ul li:last-child {
            border: unset;
        }

.data-classification-summary-wrapper {
    padding: 22px 16px;
    box-shadow: 0px 0px 30px 0px #C4C4CE26;
    background: #fff;
    border-radius: 16px;
}

    .data-classification-summary-wrapper ul li {
        display: flex;
        align-items: start;
        gap: 16px;
    }

        .data-classification-summary-wrapper ul li p {
            margin: 0;
            color: #636578;
            font-family: Inter;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            max-width: 100%;
        }

            .data-classification-summary-wrapper ul li p ul { /* list-style: disc; */
                display: list-item;
                margin-left: 15px;
            }

                .data-classification-summary-wrapper ul li p ul li {
                    list-style: disc;
                    display: list-item;
                }

        .data-classification-summary-wrapper ul li h4 {
            color: #000000;
            font-family: Inter;
            font-weight: 600;
            font-size: 20px;
            line-height: 100%;
            margin: 0 0 6px 0;
        }

.top-button-list .button-list-right {
    display: flex !important;
    align-items: center;
    width: 100%;
}

    .top-button-list .button-list-right .btn-item {
        font-size: 12px;
        line-height: 20px;
    }

}

.top-card-status.top-card-status-sm {
    text-align: center;
    padding: 5px 15px !important;
    display: inline-block;
    color: #000;
}

.no-data-found {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px; /* or any desired height */
    width: 300px; /* or any desired width */
}

    .no-data-found img {
        width: 200px; /* your specific width */
        height: 150px; /* your specific height */
        object-fit: cover; /* Optional: covers the container without distortion */
    }

.fs-18 {
    font-size: 18px !important;
}

.data-structure-acc .e-accordion .e-acrdn-item .e-acrdn-header {
    background: transparent !important;
}

.trademark-icon {
    font-size: 0.6em;
    /*    vertical-align: super;*/
}

.trademark .e-tab-text::after {
    content: "TM";
    font-size: 8px;
    vertical-align: super;
    margin-left: 2px;
    margin-top: -3px;
}


.trademark-icon {
    position: relative;
}

    .trademark-icon::after {
        content: "TM";
        font-size: 8px;
        vertical-align: super;
        margin-left: 2px;
    }

.top-card-item .progress-item-wrapper .progress-item .progress-title {
    min-height: 32px;
    vertical-align: middle;
}

.task-detail-content-wrapper table th, .task-detail-content-wrapper table td {
    padding: 6px 10px 6px 0px;
}

.soc-radio-list .e-radio:checked + label::after {
    top: 7px !important;
}

.soc-radio-list .e-radio + label .e-label {
    line-height: 20px;
}

.e-acrdn-header-content:has( .control-categories-acc) {
    width: 100%;
}

.control-categories-acc {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
}

    .control-categories-acc h4 {
        margin-bottom: 0;
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        color: #626477;
        flex: 0 0 65%;
    }

    .control-categories-acc p.control-cat-risk-score {
        margin-left: unset;
        margin-bottom: 0;
    }

.control-cat-risk-score {
    font-weight: 400;
    font-size: 12px !important;
    line-height: 15px;
    color: #fff !important;
    border-radius: 12px;
    padding: 4px;
    min-width: 40px;
    text-align: center;
    background: #D30303;
}

.control-categories-acc p {
    margin-left: auto;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #646161;
}

.control-cat-ass-wrapper .e-accordion + .e-accordion {
    margin-top: 20px;
}

.trademark .e-tab-text::before {
    content: "CTI";
    font-size: 14px;
    vertical-align: middle;
    margin-left: 2px;
    margin-top: 0;
    position: absolute;
    right: -30px;
}


.e-tab.vendor-tabs .e-tab-header .e-toolbar-item .e-tab-text {
    position: relative;
}

.min-w-unset {
    min-width: unset !important;
}

.rich-text-sm .e-toolbar .e-toolbar-items {
    padding: 0 !important;
}

.e-richtexteditor.rich-text-sm .e-rte-content .e-content {
    min-height: 84px !important;
}

table.risk-summary-table td .heatmap-cell.aggregate-heatmap-td {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 22px;
    min-width: 32px;
    text-align: center;
    padding: 5px;
    display: inline-block;
    border-radius: 5px;
}

.heatmap-cell.riskrating-heatmap-td.riskranking-heatmap-td {
    font-weight: 500;
    font-family: "Inter", sans-serif;
    padding: 9px 14px;
    min-width: unset;
    height: auto;
    font-size: 14px;
    border-radius: 20px;
    line-height: 18px;
}

.heatmap-cell.vendortire-heatmap-td {
    border-radius: 20px;
}

    .heatmap-cell.vendortire-heatmap-td .form-control {
        padding-top: 3px;
        padding-bottom: 3px;
    }

.form-group-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.custom-form .form-group .form-group-col .e-radio-wrapper label span {
    line-height: 20px !important;
}

.form-group-col ul.e-list-parent.e-ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.question-view-section .form-group .cls-options.form-group-col {
    align-items: start;
}

.assessment-decision-wrapper .assessment-decision-wrapper-header {
    background: #ECEDFF;
    padding: 12px 24px;
    border-radius: 12px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #626477;
}

    .assessment-decision-wrapper .assessment-decision-wrapper-header h5 {
        color: #626477;
        margin: 0 0 10px 0;
        font-weight: 700;
        font-size: 24px;
        line-height: 100%;
    }

    .assessment-decision-wrapper .assessment-decision-wrapper-header p.text-sm {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        margin: 0;
    }

    .assessment-decision-wrapper .assessment-decision-wrapper-header .text-sm {
        font-size: 18px;
        font-weight: 500;
    }

.assessment-decision-wrapper .chart-box {
    background: #F8F8FC;
    padding: 24px;
    border-radius: 16px;
}

    .assessment-decision-wrapper .chart-box h5.chart-title {
        color: #4C4E64DE;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0.15px;
        margin: 0 0 8px 0;
    }

.critical-gap-list > div {
    background: #fff;
    border-radius: 10px !important;
    padding: 10px;
    color: #636578;
    margin-top: 12px;
}

/*.critical-gap-list div ~ div {
    margin-top: 12px;
}*/

.critical-gap-list div p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
}

    .critical-gap-list div p + p {
        font-size: 12px;
        margin-top: 10px;
    }

.form-group-list:has( .assessment-decision-wrapper) {
    background: transparent !important;
    padding: 0;
}

.form-group-list-card:has( .assessment-decision-wrapper) {
    padding-top: 0px !important;
}

.assessment-decision-wrapper {
    background: #fff !important;
    padding: 30px 24px;
    border-radius: 16px;
}

.decision-details-wrapper .form-group-list-card .assessment-decision-wrapper-acc .e-accordion {
    padding: 10px 0 0 0;
}

.assessment-decision-wrapper-acc .e-accordion .e-acrdn-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.assessment-report-header h6, .assessment-report-header-h6 {
    font-size: 20px;
    line-height: 100%;
    color: #626477;
}

.assessment-report-header .badge {
    border-radius: 16px;
    padding: 9px 16px;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.badge.badge-under-review {
    color: #D7A011;
    background: #FFE5CE;
}

.assessment-report-header .badge {
    border-radius: 16px;
    padding: 9px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.assessment-report-info {
    border-radius: 12px;
    padding: 16px 18px;
    background: #ECEDFF;
}

    .assessment-report-info h5 {
        font-weight: 500;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #626477;
        margin: 0;
    }

    .assessment-report-info small.text-muted {
        margin: 16px 0;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #626477;
        display: block;
    }

.report-generated-tag {
    padding: 10px;
    border-radius: 12px;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #626477;
    background: #fff;
    max-width: max-content;
}

.assessment-decision-wrapper-acc .decision-score-card .btn-list-col button {
    min-width: 148px;
}

.assessment-report-header {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

    .assessment-report-header:before {
        content: "";
        position: absolute;
        left: -16px;
        bottom: 0;
        height: 1px;
        width: calc(100% + 32px);
        background: #D0D2E2;
    }

.edited-assessment-decision {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 0 0;
}

    .edited-assessment-decision h6, .edited-assessment-card .card-title {
        margin: 0;
        color: #636578;
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
    }

    .edited-assessment-decision button {
        margin-left: auto;
    }

.edited-assessment-card {
    background: #F8F8FC;
    border-radius: 12px;
    padding: 18px;
}

    .edited-assessment-card p {
        color: #636578;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: justify;
    }

.title-sm-h6 {
    color: #626477;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.overall-risk-card {
    padding: 16px 24px;
    border-radius: 16px;
    width: 100%;
    color: #626477;
    background: #fff;
}

    .overall-risk-card h4 {
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: 0px;
        margin: 0 0 6px 0;
    }

    .overall-risk-card p {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.25px;
        margin: 0;
    }

.edited-assessment-card ul li {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    color: #636578;
}

.edited-assessment-card ul {
    list-style: disc;
    margin-left: 18px;
}

.edited-assessment-card .card-title {
    margin-bottom: 18px;
}

form .edited-assessment-card {
    border: 1px dashed #666CFF;
    background: #666CFF26;
}

    form .edited-assessment-card .col-md-6:has( ul) {
        border: 1px dashed #666CFF;
        padding: 10px !important;
        margin: 0 10px;
        max-width: calc(50% - 40px) !important;
        border-radius: 4px;
    }

    form .edited-assessment-card .col-md-6 + .col-md-6:has( ul) {
        margin-left: auto;
    }

.critical-gap-edit {
    border: 1px dashed #666CFF;
    padding: 10px !important;
    border-radius: 4px;
}

    .critical-gap-edit p, .vcardedit p {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .critical-gap-edit p .form-control, .vcardedit p .form-control {
            padding: 0 !important;
        }

        .vcardedit p strong {
            white-space: nowrap
        }

        .vcardedit p .e-numeric.form-control, .vcardedit p .e-numeric.form-control input {
            max-width: max-content;
        }

            .vcardedit p .e-numeric.form-control input {
                width: 60px;
            }

.notes-list-li {
    display: flex;
    gap: 12px;
}

    .notes-list-li > * {
        margin: 0
    }

    .notes-list-li a {
        color: #000;
    }

.likelyhood-assessment {
    height: 129px;
    width: 30%;
    border: 2px solid black;
    border-radius: 6px;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left:1.5%;
    margin-right:1.5%;
}

  .likelyhood-assessment p {
        margin: 3px;
        align-items: center;
        text-align: center;
  }

  .likelyhood-assessment h5 {
        margin: 3px;
        align-items: center;
        text-align: center;
  }

.bira-intake-outcome-highrisk {
    border-radius: 12px;
    padding: 24px;
    background: linear-gradient(to right, #677BE6, #764CA4);
    height: 401px;
    color: white;
    align-items: center;
    justify-content: center;
    
}
    .bira-intake-outcome-highrisk .high-incident {
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 1%;
        margin-bottom: 1%;
        background-color: #A9A0DA;
        border-radius: 8px;
        width:179px;
        height:33px;
        text-align:center;
        align-items:center;
    }
    .bira-intake-outcome-highrisk .high-incident-list {
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 1%;
        margin-bottom: 1%;
        background-color: #A9A0DA;
        border-radius: 8px;
        height: 211px;
       
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
.bira-intake-outcome-highrisk h2{
    text-align:center;
    margin:6px;
}
    .bira-intake-outcome-highrisk p {
        text-align: center;
        margin: 6px;
    }
.intake-summary {
    border-radius: 8px;
    border: 0.6px solid #636578;
    height: 197px;
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 19px;
    padding-bottom: 19px;
    background-color: #EEF4FE;
}
.time-info {
    border-radius: 8px;
    border: 0.6px solid #636578;
    height: 197px;
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 19px;
    padding-bottom: 19px;
    background-color: #FBF2C3;
}
.notes-list-li a{
    color:#000;
}
.ellipsis-cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
    display: inline-block;
    vertical-align: middle;
}

.ellipsis-cell[title] {
    cursor: pointer;
 }
}

/* Enterprise Risk Register page */

.err-dashboard-tab-group .tab-btn {
    background-color: #f3f4f6;
    color: #6b7280;
    border: none;
    border-radius: 6px;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    width: 412px;
    height: 31px;
    gap: 8px
}

    .err-dashboard-tab-group .tab-btn:hover {
        background-color: #e5e7eb;
        cursor: pointer;
    }

    .err-dashboard-tab-group .tab-btn.active {
        background-color: #6366f1;
        color: #ffffff;
    }

.err-dashboard-stats .stat-box {
    flex: 1;
    text-align: center;
    padding: 16px;
    border-radius: 12px;
    border: 2px solid transparent;
    background-color: #f9f9ff;
    font-weight: 500;
}

.err-dashboard-stats .stat-value {
    font-size: 1.5rem;
    font-weight: bold;
}

.err-dashboard-stats .stat-label {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 4px;
}

.stat-box.overdue {
    border-color: #d8b4fe;
    color: #a855f7;
}

.stat-box.ontime {
    border-color: #86efac;
    color: #22c55e;
}

.stat-box.pending {
    border-color: #93c5fd;
    color: #2563eb;
}

.err-lifecycle-steps .step-box {
    padding: 16px;
    border-radius: 16px;
    font-weight: 600;
    font-size: 0.95rem;
    border: 2px solid transparent;
    display: inline-block;
    gap: 16px;
    height: 70px;
    width: 200px;
    color: black;
    text-align: center;
}


.err-lifecycle-steps .arrow-icon {
    font-size: 1.2rem;
    color: #9ca3af;
}

.step-box.identified {
    border-color: #60a5fa;
    background-color: #e0f2fe;
}

.step-box.assessed {
    border-color: #38bdf8;
    background-color: #e0f7ff;
}

.step-box.planned {
    border-color: #86efac;
    background-color: #dcfce7;
}

.step-box.mitigation {
    border-color: #facc15;
    background-color: #fef3c7;
}

.step-box.closed {
    border-color: #d1d5db;
    background-color: #f9fafb;
}


.risk-register-interface {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 8px #ececec;
    padding: 28px 24px;
    margin: 32px auto;
}

.risk-register-interface__header {
    margin-bottom: 18px;
}

.risk-register-interface__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.risk-register-interface__meta {
    display: flex;
    gap: 32px;
    font-size: 0.97rem;
    color: #4c4c6f;
    margin-bottom: 2px;
}

.risk-register-interface__score-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 18px 0 12px 0;
    margin-top: 29px !important;
}

.risk-register-interface__score-label {
    color: #666CFF;
    font-weight: 600;
    font-size: 1.05rem;
}

.risk-register-interface__score-value {
    color: #666CFF;
}

.risk-register-interface__score-bar {
    flex: 1;
    height: 14px;
    background: #e0e0e0;
    border-radius: 7px;
    margin-left: 18px;
    overflow: hidden;
    min-width: 220px;
}

.risk-register-interface__score-bar-fill {
    height: 100%;
    background: #666CFF;
    border-radius: 7px;
    transition: width 0.4s;
}

.risk-register-interface__main {
    display: flex;
    gap: 24px;
}

.risk-register-interface__section {
    background: #ECEDFFA6;
    border-radius: 12px;
    padding: 24px 18px 18px 18px;
    flex: 1;
    min-width: 330px;
}

.risk-register-interface__section-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.risk-register-interface__review-row {
    display: flex;
    justify-content: space-between;
    margin: 18px 0 0 0;
    font-size: 1rem;
}

.risk-register-interface__control-block {
    background: #fff;
    border-radius: 10px;
    padding: 16px 14px;
    margin-bottom: 14px;
    box-shadow: 0 0 4px #e4e4f7;
}

.risk-register-interface__control-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 6px;
}

.risk-register-interface__control-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.risk-register-interface__control-value {
    font-weight: 600;
    color: #666CFF;
}

.risk-register-interface__control-bar {
    background: #e0e0e0;
    border-radius: 6px;
    height: 10px;
    margin-bottom: 8px;
    overflow: hidden;
}

.risk-register-interface__control-bar-fill {
    background: #666CFF;
    height: 100%;
    border-radius: 6px;
    transition: width 0.4s;
}

.risk-register-interface__control-tested {
    color: #888;
    font-size: 0.97rem;
}

.risk-register-interface__review-btn {
    width: 100%;
    background: #38c172;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 0;
    font-size: 1.08rem;
    font-weight: 600;
    margin-top: 16px;
    cursor: pointer;
    transition: background 0.2s;
}

    .risk-register-interface__review-btn:hover {
        background: #2fa360;
    }

.mitigation-container {
    display: flex;
    gap: 24px;
    padding: 20px;
}

.mitigation-card {
    flex: 1;
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.mitigation-card-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.risk-approval-note {
    color: red;
    font-size: 13px;
    margin-top: 10px;
}

.complete-review-btn {
    background-color: #3aaa35;
    border-color: #3aaa35;
    color: white;
}

/* Manage Projects page (ERR)*/

.manage-project-card {
    flex: 1;
    background-color: #EBEBEB80;
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.err-manage-projects .timeline-box {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 24px;
    position: relative;
}

.err-manage-projects .timeline-line {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ddd;
    z-index: 0;
}

.err-manage-projects .milestone {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 20%;
}

    .err-manage-projects .milestone .dot {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        display: inline-block;
        margin-bottom: 8px;
    }

    .err-manage-projects .milestone .label {
        font-weight: 600;
    }

    .err-manage-projects .milestone.today .today-label {
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        color: red;
        font-size: 12px;
        font-weight: 600;
    }



.err-risk-project-panel {
    background-color: #fff;
}

.err-risk-project-item {
    transition: all 0.3s ease;
}

.err-risk-project-impact-box {
    background-color: #f4f6ff;
}

.err-risk-project-item.border-primary {
    border: 2px solid #6a5ae0 !important;
}

.manage-project-btn {
    padding: 10px;
    border-radius: 16px;
    font-weight: 600;
    font-size: 0.95rem;
    border: 2px solid transparent;
    gap: 16px;
    height: 70px;
    width: 200px;
    color: #25CD25;
    text-align: center;
    border-color: #25CD25;
    background-color: #dcfce7;
}

.manage-project-btn-executing {
    border-color: #25CD25;
    background-color: #dcfce7;
    color: #25CD25;
}

.manage-project-btn-balanced {
    border-color: #F69301;
    background-color: #fef3c7;
    color: #F69301;
}