:root {
    --color-grey-25: #FCFCFD;
    --color-grey-50: #F9FAFB;
    --color-grey-100: #F2F4F7;
    --color-grey-200: #EAECF0;
    --color-grey-300: #D0D5DD;
    --color-grey-400: #98A2B3;
    --color-grey-500: #667085;
    --color-grey-600: #475467;
    --color-grey-700: #344054;
    --color-grey-800: #1D2939;
    --color-grey-900: #101828;
    --color-primary-50: #E0F4FD;
    --color-primary-200: #7BD0F5;
    --color-primary-300: #44BFF0;
    --color-primary-700: #0083CA;
    --color-success-300: #6CE9A6;
    --color-success-400: #32D583;
    --color-success-600: #039855;
    --color-warning-200: #FEDF89;
    --color-error-200: #FDA29B;
    --color-error-500: #F04438;
    --color-error-600: #D92D20;
    --color-error-700: #B42318;
    --polymer-dark-green: #32DB71;
    --polymer-molecule-blue: #1060D3;
    --color-teal-800: #007E5B;
}

.height-200 {
    height: 200px;
}

.height-150 {
    height: 150px !important;
}

.height-70 {
    height: 70px !important;
}

.col-gap-100 {
    column-gap: 100px;
}

.col-gap-20 {
    column-gap: 20px;
}

.row-gap-20 {
    row-gap: 20px;
}


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

.vertical-categories .vertical-tabs .tab-md {
    min-width: 215px;
}

.app-box-checked {
    position: absolute;
    top: -14px;
    left: 66px;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    content: "";
    text-align: center;
    border-radius: 50px;
    background-color: #ECFDF3;
}

.tabs-model .app-content .model-icon {
    background-color: #FFFFFF !important;
}

.app-model-wraper {
    width: 550px !important;
}

.modal-content-500 {
    width: 570px !important;
}

.policy-model {
    width: 500px !important;
}

.warning1 {
    color: #B54708;
}

.alert-app-icon {
    padding-left: 1rem;
}

.alert-app-icon li {
    min-height: 35px;
    min-width: 35px;
}

.alert-app-icon li img {
    width: 100%;
    height: 100%;
}


.select2-container--default .select2-results>.select2-results__options {
    overflow: auto !important;
}

.select2-container--default .select2-search--dropdown {
    padding-bottom: .75rem;
}

.select2-container--open *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 100px;
}

.select2-container--open *::-webkit-scrollbar-thumb {
    background: #98A2B3;
    border-radius: 100px;
    width: 4px;
    height: 4px;
    border-right: 4px solid #98A2B3;
    border-top: 4px solid #98A2B3;
    border-bottom: 4px solid #98A2B3;
}

.select2-container--default .select2-results .select2-results__option,
.select2-selection__choice {
    text-transform: inherit;
}

.color-inherit {
    color: inherit;
}

.dropdown-input {
    height: 44px;
    width: 100%;
    border-radius: 100px;
    padding: 10px 14px 10px 14px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    outline: none;
}

.dropdown-input::placeholder {
    color: inherit;
}

.select2-container--open .select2-dropdown--above {
    background: #FFFFFF;
    border: 1px solid #F2F4F7;
    box-shadow: 0px 4px 6px -2px rgb(16 24 40 / 3%), 0px 12px 16px -4px rgb(16 24 40 / 8%);
    border-radius: 8px;
    overflow-y: auto;
    max-width: unset;
}

.select2-container--open .select2-dropdown--below {
    max-width: unset;
}

.select2-container--open {
    border: none !important;
}

.select2-container--focus {
    border: 1px solid #D0D5DD !important;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 100px !important;
    border-right: 0px !important;
}

.platforms-plus {
    margin-left: -10px;
    margin-top: 5px;
    /*background: white;*/
    border-radius: 50%;
    height: 20px !important;
    width: 20px !important;
    line-height: 20px;
}

.platforms-plus small {
    color: #0083CA;
    margin: 0 auto;
    display: flex !important;
    justify-content: center !important;
}

.tabs-model .close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.table tr:hover {
    background-color: #F9FAFB;
}

.width-10ch {
    width: 10ch;
}

.width-500 {
    width: 500px !important;
}

.width-555 {
    width: 555px !important;
}

.width-600 {
    width: 600px !important;
}

.width-618 {
    width: 618px !important;
}

.width-15 {
    width: 15px !important;
}

.width-18 {
    width: 18px !important;
}

.width-200 {
    width: 200px !important;
}

.width-210 {
    width: 210px !important;
}

.width-100 {
    width: 100px !important;
}

.select2-width-200 span.select2-container {
    width: 200px !important;
}

.select2-width-200 span.select2-container--default {
    width: 200px !important;
}

.select2-width-200 span.select2-container--open {
    width: 200px !important;
}

.select2-width-250 span.select2-container {
    width: 250px !important;
}

.select2-width-250 span.select2-container--default {
    width: 250px !important;
}

.select2-width-250 span.select2-container--open {
    width: 250px !important;
}

.select2-selection--multiple {
    cursor: pointer !important;
}

.select2-selection__rendered img {
    height: 15px !important;
    width: 15px !important;
}
.conection-dropdown .select2-selection__rendered img {
    height: 36px !important;
    width: 36px !important;
}

[data-dynamic-href] {
    cursor: pointer;
}

.filter-none {
    filter: none !important;
}

.margin-b-5 {
    margin-bottom: 5px;
}

.margin-b-20 {
    margin-bottom: 20px !important;
}

.small-risk-score-chart {
    height: 50px !important;
    width: 120px;
    margin: 10px;
}

.canvas-form .filter-title::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 70px;
    position: absolute;
    top: -90%;
    left: 0;
    background: #fcfcfd;
    z-index: -1;
}

.canvas-form .close-btn {
    z-index: 10;
}

.integration-extended-item {
    padding: 15px 10px;
    border-radius: 10px;
    box-sizing: content-box;
    box-shadow: 0 0 2px 0 #1018281a;
}

.integration-extended-item .avatar-logo {
    box-shadow: 0 4px 8px 0 #1018281a;
}

.integration-extended-card {
    background: white;
    padding: 18px 0 0 0;
}

.integration-extended-card .integration-card-header {
    padding-left: 30px;
}

.integration-extended-card .app-icon-row {
    background: #f9fafb;
    padding: 20px 20px;
}

.min-height-255 {
    min-height: 255px !important;
}

.min-height-295 {
    min-height: 295px !important;
}

.min-height-300 {
    min-height: 300px !important;
}

.min-height-365 {
    min-height: 365px !important;
}

.min-height-380 {
    min-height: 380px !important;
}

.min-height-337 {
    min-height: 337px !important;
}

.min-height-400 {
    min-height: 400px !important;
}

.min-height-410 {
    min-height: 410px !important;
}

#no_data_violation_chart {
    height: 580px;
    width: 100%;
    margin: 20px 10px 20px 24px;
}

.flex-basis-50 {
    flex-basis: 50%;
}

.margin-b-30 {
    margin-bottom: 30px;
}

.margin-b-35 {
    margin-bottom: 35px !important;
}

.gap-30 {
    gap: 30px;
}

.main-avatar {
    max-width: 270px;
    box-shadow: 0 0 2px 0 #1018281a;
    border-radius: 50rem;
    padding: 10px 20px 10px 10px;
    min-height: auto;
    height: 64px;
    cursor: pointer;
}

.main-avatar .avatar-lg {
    box-shadow: 0 4px 8px 0 #1018281a;
}

.header-risk-score {
    border-radius: 7px;
    padding: 0 10px 0 20px;
    flex-direction: row;
    box-shadow: 0 0 2px 0 #1018281a;
    justify-content: end;
    align-items: center;
}

.header-risk-score .cell-num {
    padding-right: 20px;
}

.header-risk-score .header-risk-score-graph {
    border-left: 1px solid #EAECF0;
}

.max-width-100 {
    max-width: 100px;
}

.width-17 {
    width: 17px;
}

#remote-channels-multiselect .multiple-select-dropdown-item-width {
    max-width: calc(100% - 100px);
}

.select2-search__field::-moz-placeholder {
    color: #667085;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    opacity: 0.7;
}

.select2-search__field::-webkit-input-placeholder {
    color: #667085;
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    opacity: 0.7;
}

.rescan-custom-select-wraper .select2-container {
    width: 402px !important;
}


.select2-hidden-accessible~.select2-container--default .select2-selection--multiple {
    border-left-width: 1px !important;
    padding-bottom: 0 !important;
    align-items: center;
}

.select2-hidden-accessible~.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 18px !important;
}

.select2-hidden-accessible~.select2-container--default .select2-selection__rendered {
    transform: translateY(2px);
    padding-bottom: 4px;
}

.select2-hidden-accessible~.select2-container--default .selection {
    overflow: hidden;
    border-radius: 10rem !important;
    display: block;
}

.select2-hidden-accessible ~ .select2-container--default .select2-search--inline .select2-search__field {
    height: 24px !important;
    left: 12px;
    border-radius: 0;
}

.policy-builder .select2 .select2-selection--multiple .select2-search__field {
    left: 36px;
}
.policy-builder .search-box.wo-search-icon .select2 .select2-selection--multiple .select2-search__field {
    left: 4px;
}
#manage-scan-modal .policy-builder .select2 .select2-selection--multiple .select2-search__field {
    left: 14px;
}

.policy-builder .multivalues-container .select2 .select2-selection--multiple .select2-search__field {
    left: 6px;
    line-height: 21px;
    cursor: text;
}

.policy-builder .select2 {
    width: 100%;
    max-width: 100% !important;
}


.select-rescan span.select2-container

    /*for rescan offcanvas*/
{
    width: 350px !important;
}

.code-snippet {
    background: var(--color-grey-200);
    color: black;
    display: block;
    padding: 10px 15px;
    margin: 8px 0;
}

.break-all {
    word-break: break-all;
}

.margin-r-10 {
    margin-right: 10px;
}

.margin-l-10 {
    margin-left: 10px;
}

.margin-l-20 {
    margin-left: 20px;
}

.margin-l-30-neg {
    margin-left: -30px;
}

.ignore-path-wraper .ignore-path-items p {
    word-break: break-all;
    margin-right: 15px;
}

.ul-coming-soon {
    display: inline-flex !important;
    list-style-type: none !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 0px !important;
    margin-top: 25px !important;
}

.li-coming-soon {
    margin-right: 10px !important;
}

.min-height-50 {
    min-height: 50px !important;
}

.object-fit-none {
    object-fit: none !important;
}

.min-height-auto {
    min-height: auto;
}

.violation-info-table .tb-data {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.violation-info-table th {
    white-space: nowrap;
    vertical-align: top !important;
}

.mt-24 {
    margin-top: 24px;
}

.mt-35 {
    margin-top: 35px;
}

.margin-b-26 {
    margin-bottom: 26px;
}

.violations-side-pane-width {
    --wide-side-pane-width: 40vw;
    width: var(--wide-side-pane-width);
}

.violations-side-pane-width::-webkit-scrollbar {
    display: none;
}

/* Events Table */

.gray-link {
    color: #667085;
    text-decoration: none;
    text-align: center;
}
.gray-link:hover {
    color: #667085;
}

.simple-link {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0073B6 !important;
}

.inverse-link {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    text-decoration: none;
}
a.inverse-link:hover {
    text-decoration: underline;
    color: #0073B6;
}

.platform-icon img {
    height: 36px;
    width: 36px;
}
.platform-icon span {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 0 15px;
    color: #1D2939 !important;
}


.side-pane-navigator-button {
    position: absolute;
    top: 20px;
    left: -20px;
    z-index: 99;
}

.overflow-unset {
    overflow: unset;
}

.min-height-unset {
    min-height: unset !important;
}

.vertical-align-top {
    vertical-align: top !important;
}

.normal-input {
    width: 320px;
    height: 100%;
    min-height: 44px;
    outline: none;
    border: 1px solid #D0D5DD;
    border-radius: 100px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    background-color: #ffffff;
    padding-left: 0.875rem;
}

.hr-bottom {
    border-bottom: 1px solid #EAECF0;
}

.hr-top {
    border-top: 1px solid #EAECF0;
}

.whitelist-domains-field {
    padding-left: 1rem !important;
    width: 450px !important;
    height: 60px !important;
    border-radius: 8px !important;

}

.form_errors {
    margin-top: 10px;
    margin-left: 10px;
}

.app-setting>.page-header {
    margin-bottom: 35px;
}

.avatar-para {
    word-break: break-all !important;
}

.switch-disabled {
    opacity: 0.5 !important;
}

.policy-model .select2-container--default {
    max-width: 100% !important;
}

.tabs-model .p1-bold {
    color: #101828 !important;
}

.nmt-1 {
    margin-top: -5px !important;
}

.width-450 {
    width: 450px !important;
}

.width-550 {
    width: 550px !important;
}

.width-60p {
    width: 60% !important;
}

.width-65p {
    width: 65% !important;
}

.width-70p {
    width: 70% !important;
}

.fix-cross-right {
    position: absolute;
    right: -20px;
    top: 20px;
}

.min-height-150 {
    min-height: 150px !important;
}

.min-height-200 {
    min-height: 200px !important;
}

.p2-medium-grey {
    float: left;
    width: 100%;
    color: #667085;
}

.p2-medium-dark-grey {
    float: left;
    width: 100%;
    color: #475467;
}

.flexible-user-wrapper .d-inline-flex li {
    align-items: flex-start;
    margin-right: 1.5rem;
}

.user-filter-volume .user-selected-tag .selected-users-item .close {
    align-items: center;
}

.user-filter-volume .user-selected-tag ul {
    height: auto !important;
    max-height: 100% !important;
}

.badge-group {
    height: auto !important;
    min-height: 30px !important;
}

.alert-danger {
    height: auto;
    min-height: 64px;
}

.bb-none .input-dropdown>span.select2-container--default {
    border: none !important;
}

.input-dropdown .input-field input[type="text"] {
    padding: 10px 14px;
    width: 402px;
    height: 44px;
    background-color: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
}

.input-dropdown .input-field input.with-search-icon {
    padding: 10px 14px 10px 40px;
    background-image: url(../polymer-blues/icons/search.svg);
    background-size: 20px 20px;
    background-position: 14px 50%;
    background-repeat: no-repeat;
}


.users-page-accounts-filter .select2-results__option.select2-results__option--selectable {
    padding: 0.25rem 0.875rem 0.25rem 42px;
    height: unset;
}

/* Multi Range Slider */
.range-slider {
    position: relative;
    height: 35px;
    margin: 30px 20px 0;
    text-align: center;
}

.range-slider input {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 15px;
    width: 100%;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
}

.range-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
}

.range-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
}

.range-slider input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: rgba(0, 0, 0, 1);
    border: 0;
}

.range-slider input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}

.range-slider input[type="range"]::-moz-focus-outer {
    border: 0;
}

.range-slider .rangeValue {
    width: 30px;
}

.range-slider .output {
    position: absolute;
    border: 1px solid #b5d6e9;
    width: 40px;
    height: 30px;
    text-align: center;
    color: #0073b6;
    border-radius: 4px;
    display: inline-block;
    font: bold 15px/30px Helvetica, Arial;
    bottom: 75%;
    left: 50%;
    transform: translate(-50%, 0);
}

.range-slider .output.outputTwo {
    left: 100%;
}

.range-slider input[type="range"] {
    -webkit-appearance: none;
    background: none;
}

.range-slider input[type="range"]::-webkit-slider-runnable-track {
    height: 5px;
    border: none;
    border-radius: 3px;
    background: transparent;
}

.range-slider input[type="range"]::-ms-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

.range-slider input[type="range"]::-moz-range-track {
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

.range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0073b6;
    margin-top: -5px;
    position: relative;
    z-index: 999;
}

.range-slider input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0073b6;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

.range-slider input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0073b6;
    margin-top: -5px;
    position: relative;
    z-index: 10000;
}

.range-slider input[type="range"]:focus {
    outline: none;
}

.range-slider .full-range,
.range-slider .incl-range {
    width: 100%;
    height: 5px;
    left: 0;
    top: 21px;
    position: absolute;
    background: #ddd;
}

.range-slider .incl-range {
    background: #0073b6;
}

.requires-approval-select-wraper .select2-container--default {
    width: 350px !important;
    border: none !important;
}

.pre-commithook {
    padding-top: 2rem !important;
    margin-top: 2rem !important;
}

.ignore_path_tb_list span {
    text-transform: none !important;
}

.ignore-plus {
    font-weight: bold !important;
}


.sub-links.active a.link_name {
    color: #0073B6;
    font-weight: 700;
}

.sub-links.active a.link_name .sub-link-icon:not(.no-svg-filter) svg,
.sub-links.active a.link_name .sub-link-icon:not(.no-svg-filter) img {
    filter: invert(25%) sepia(87%) saturate(3580%) hue-rotate(186deg) brightness(91%) contrast(101%);
}

.btn-trash:hover,
.btn-edit:hover {
    background: #ede9e9;
}

.btn-edit svg:hover,
.btn-edit img:hover {
    filter: invert(25%) sepia(87%) saturate(3580%) hue-rotate(186deg) brightness(91%) contrast(101%);
}

.monitoring-scanner {
    display: block !important;
}

.syslog-section .input-field {
    flex-direction: column;
    margin-right: 0.5rem !important;
    margin-top: 10px;
}

.syslog-section .input-field p {
    margin-bottom: 5px;
    margin-left: 5px;
    width: 250px !important;
}

.syslog-section .input-field input {
    width: 250px !important;
    padding-left: 0.875rem !important;
    height: 44px !important;
}

.btn-trash svg:hover,
.btn-trash img:hover {
    filter: invert(16%) sepia(66%) saturate(6879%) hue-rotate(359deg) brightness(95%) contrast(78%);
}

.opacity-25 {
    opacity: .25 !important;
}

.opacity-50 {
    opacity: .50 !important;
}

.opacity-75 {
    opacity: .75 !important;
}

.hover-bg-dark-grey:hover {
    background: #ede9e9;
    border-radius: 100px;
}

.user-filter-volume .user-selected-tag {
    padding-bottom: 2rem;
}

.tab-content-disabled {
    pointer-events: none;
}

.checkbox-success-indicator~.round::after {
    position: absolute;
    content: "";
    display: inline-block;
    right: 8px;
    bottom: 6px;
    transition: 0.4s;
    border-bottom: 3px solid #13b76b;
    border-right: 3px solid #13b76b;
    width: 6px;
    height: 13px;
    background: transparent;
    transform: rotate(45deg);
}

.checkbox-loading-indicator~.round::after {
    position: absolute;
    content: "";
    display: inline-block;
    right: 3px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    bottom: 16px;
    border: 2px dotted #13b76b;
    background: transparent;
    animation: rotateLoader 3s ease-in both infinite;
}

@keyframes rotateLoader {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

.suporting-text .p2-regular {
    color: #667085;
}

.suporting-text.mw-auto {
    max-width: 300px !important;
    margin-bottom: 1.563rem;
}

.small-text {
    font-size: 0.875rem;
    color: #667085;
}

.line-height-15 {
    line-height: 15px;
}

.line-height-17 {
    line-height: 17px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-22 {
    line-height: 22px;
}

.acount-group-selection .user-selected-tag .selected-users-item {
    padding: 3px 0 3px 9px;
    height: auto;
}

:is(.custom-scrollbar, .custom-scrollbar *)::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
}

:is(.custom-scrollbar, .custom-scrollbar *)::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    background-color: #9aa1af;
    border-radius: 4px;
}

.w-20-percent {
    width: 20% !important;
}

.cursor-pointer {
    cursor: pointer;
}

.min-width-48 {
    min-width: 48px !important;
}

.image-filter-green {
    filter: contrast(0) sepia(38%) hue-rotate(111deg) brightness(1) saturate(12.08);
}

.image-filter-yellow {
    filter: contrast(0) sepia(49%) hue-rotate(335deg) brightness(1.4) saturate(14.68);
}

.image-filter-red {
    filter: contrast(0) sepia(49%) hue-rotate(335deg) brightness(1.4) saturate(114.68);
}

.mode_icon {
    width: 20px;
    margin-right: 3px;
}

.input-with-icon input {
    padding-left: 0.875rem;
    padding-right: 2.625rem;
}

.input-with-icon .input-field~input {
    padding-left: 2.625rem;
    padding-right: 0.875rem;
}

.input-with-icon input~.input-icon {
    right: 14px;
    left: unset;
}

.connection-modal-select .select2-dropdown--above {
    position: absolute !important;
    width: 100% !important;
    max-width: 100% !important;
    bottom: 60px !important;
    left: auto !important;
}

html body div.connection-modal-select span.select2-dropdown--below {
    position: absolute !important;
    width: 100% !important;
    max-width: 100% !important;
    top: -10px !important;
    left: auto !important;
    bottom: unset !important;
}

/*QUICK FIX: for jira project dropdown*/
.select2-jira-projects .select2-hidden-accessible~.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 0;
}


.enable-rules-model-policy {
    padding: 20px !important;
    min-height: 450px !important;
}

.enable-rules-model-policy .selected-rules-tag-list {
    min-height: 350px !important;
}

.policy-main-wrapper {
    background-color: #fff;
    border-radius: 20px;
    margin-top: 10px !important;
    padding-top: 10px !important;
}

.m-policy :is(.select2-dropdown--above, .select2-dropdown--below) {
    position: absolute !important;
    width: 100% !important;
    max-width: 100% !important;
    bottom: 48px !important;
    left: auto !important;
}

.m-policy .select2-container:has(.select2-dropdown--below, .select2-dropdown--above) {
    display: block;
}

.svg-bg-red {
    filter: invert(19%) sepia(71%) saturate(3622%) hue-rotate(355deg) brightness(82%) contrast(87%);
}

.svg-bg-white {
    filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);
}

.svg-bg-green {
    filter: invert(35%) sepia(66%) saturate(4911%) hue-rotate(142deg) brightness(97%) contrast(98%);
}

.svg-bg-blue {
    filter: invert(28%) sepia(92%) saturate(1533%) hue-rotate(177deg) brightness(102%) contrast(107%);
}

.svg-bg-brown {
    filter: invert(43%) sepia(35%) saturate(7362%) hue-rotate(18deg) brightness(104%) contrast(98%);
}
.svg-bg-warning {
    filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(3263%) hue-rotate(10deg) brightness(96%) contrast(98%);
}
.svg-bg-indigo {
    filter: brightness(0) saturate(100%) invert(49%) sepia(80%) saturate(7251%) hue-rotate(243deg) brightness(102%) contrast(99%);
}
.svg-bg-primary {
    filter: invert(38%) sepia(97%) saturate(4830%) hue-rotate(183deg) brightness(98%) contrast(102%);
}

.btn-back-rounded {
    border: 1px solid #d3cdcd;
    border-radius: 25px;
    padding: 8px;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.border-default {
    border: 1px solid #eaecf0;
}

.sidebar.close .nav-item>.icon-link>[data-menu-label] {
    position: absolute;
    font-size: 10px;
    line-height: 1;
    top: -2px;
    right: -23px;
    padding: 2px 5px !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-auto {
    cursor: auto !important;
}

.btn_secondary2:disabled {
    background-color: #F4FBFF !important;
    color: #44BFF0 !important;
}

.min-width-100x {
    min-width: 100% !important;
}

.location-filter-dropdown-search {
    background: none;
    padding: 4px 40px 4px 15px !important;
}

.connection-box-pill {
    background: white;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    width: 24px;
    right: -5px;
}

.max-width-600 {
    max-width: 600px;
}

#send-test-notification-container {
    margin-bottom: calc(24px - 2rem);
    border-top: 1px solid #EAECF0;
}

.min-width-100 {
    min-width: 100px;
}

.margin-t-5 {
    margin-top: 5px;
}

.list-style-disc {
    list-style: disc !important;
}

.bottom-right-negative-6 {
    bottom: -6px;
    right: -6px;
}

body .width-height-16 {
    width: 16px !important;
    height: 16px !important;
}

.padding-t-20 {
    padding-top: 20px;
}

.font-w-400 {
    font-weight: 400 !important;
}

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

.font-w-600 {
    font-weight: 600 !important;
}

.font-w-700 {
    font-weight: 700 !important;
}
.font-w-800 {
    font-weight: 800 !important;
}



.outline-none {
    outline: none;
}

.max-width-200 {
    max-width: 200px;
}

#violations-wrapper .violations-table .tb-data {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#violations-wrapper .violations-table .avatar-label-group {
    padding: 0px !important;
}

#rescanRepository~.select2-container .select2-selection--single {
    border: none;
}

.select-rescan:has(#rescanRepository)~.select2-container {
    border: none !important;
}

.direction-ltr {
    direction: ltr !important;
}

.security-scanner-text .selected-tags:has(.tag)~input::placeholder {
    color: transparent;
}

.max-width-unset {
    max-width: unset !important;
}

.advance-transtable .table tr :is(th, td, td [class^=p]) {
    width: unset !important;
}

.rounded-100{
    border-radius: 100px !important;
}

.teams-select-elm .select2-selection__rendered :is(.d-inline-block>img, .connection-box-pill img) {
    margin: 0;
}

.multiline-select.select2-hidden-accessible ~ .select2-container:has(.select2-selection__rendered .select2-selection__choice:nth-child(1)) {
    border-radius: 10px !important;
    max-height: 155px;
    overflow-y: auto;
}

.multiline-select.select2-hidden-accessible~.select2-container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
}

.multiline-select.select2-hidden-accessible~.select2-container::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    background-color: #9aa1af;
    border-radius: 4px;
}

.multiline-select.select2-hidden-accessible ~ .select2-container:has(.select2-selection__rendered .select2-selection__choice:nth-child(1)) :is(.selection, .selection .select2-selection) {
    border-radius: 10px !important;
}

.multiline-select.select2-hidden-accessible ~ .select2-container:has(.select2-selection__rendered .select2-selection__choice:nth-child(1)) .selection .select2-selection {

    height: unset;
}

.multiline-select.select2-hidden-accessible ~ .select2-container:has(.select2-selection__rendered .select2-selection__choice:nth-child(1)) .selection :is(.select2-selection, .select2-selection .select2-selection__rendered) {
    flex-wrap: wrap;
}

.multiline-select.select2-hidden-accessible ~ .select2-container:has(.select2-selection__rendered .select2-selection__choice:nth-child(2)) .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
    margin-top: 10px !important;
    margin-right: 2px !important;
}

.policy-builder .multiline-select.select2-hidden-accessible ~ .select2-container:has(.select2-selection__rendered .select2-selection__choice:nth-child(1)) .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
    margin-top: 0px !important;
    margin-bottom: 7px;
}


html body .cst-width-height-15 {
    width: 15px !important;
    height: 15px !important;
}

.bg-lightgray {
    background-color: lightgray !important;
}

.text-disable {
    color: gray !important;
}

.top-level-numbers.top-level-numbers-1box .box {
    width: 95.3333333334%;
}

.top-level-numbers.top-level-numbers-2box .box {
    width: 47.6666666667%;
}

.top-level-numbers.top-level-numbers-4box .box {
    width: 23.6666666667%;
}

.top-level-numbers.top-level-numbers-5box .box {
    width: 18.6666666667%;
}

.top-level-numbers.top-level-numbers-6box .box {
    width: 15%;
}

.margin-center {
    margin: 0 auto !important;
}

.enterprice-footer > h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.02em;
}

.enterprice-footer > h2 > a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.table .tb-data {
    line-height: 14px !important;
}

.apexcharts-align-right {
    justify-content: center !important;
}

.learn-risk {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #0083CA;
    margin: 16px 0;
    display: block;
}

.f-md svg {
    height: 20px;
    width: 20px;
}

.enterprice-sub-header h4 {
    text-align: end;
    line-height: 60px;
}

.enterprice-sub-header .company-name {
    padding: 10px 50px 0px 20px;
}

.enterprice-sub-header .company-name h6 {
    line-height: 25px !important;
}

.gap-0 {
    gap: 0;
}
.gap-12 {
    gap: 12px;
}
.width-48px {
    width: 48px;
}

.badge-success {
    background: #ECFDF3;
    border-radius: 4px;
    padding: 2px 8px;
    text-align: center;
    color: #027A48;
    font-weight: 500;
    font-size: 12px;
}

.badge-danger {
    background: #FEF3F2;
    border-radius: 4px;
    padding: 2px 8px;
    text-align: center;
    color: #B42318;
    font-weight: 500;
    font-size: 12px;
}

.section-header-auto .content-left {
    position: relative !important;
    margin-bottom: 1.3rem;
}

.section-header-auto .h-bold06 {
    width: 350px;
}

.field-box {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

.field-box .field-box__title {
    font-size: 10px;
    color: #9a9a9a;
}

.field-box .field-box__icon img {
    width: 20px;
}

.field-box .field-box__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    color: #475467;
}

.max-width-500 {
    max-width: 500px;
}

.step {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.step__item {
    position: relative;
}

.step__item:before {
    content: "";
    display: inline-block;
    height: 2px;
    width: calc(3 * 100%);
    position: absolute;
    background-color: #eaecf0;
    margin-left: 50%;
    margin-top: 20px;
}

.step__item:last-child:before {
    background-color: currentColor;
    color: #fcfcfd;
}

.step__item .step-handler-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.step__item .step-handler {
    position: absolute;
    visibility: hidden;
}

.step__item--icon {
    width: 40px;
    height: 40px;
    background: #f2f4f7;
    border-radius: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.step__item--icon::after {
    content: "\25CF";
    position: absolute;
    font-size: 12px;
    color: #d0d5dd;
}

.step__item--desc {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding-top: 20px;
}

.step__item .step-handler:checked ~ .step-handler-label .step__item--icon {
    background-color: #e0f4fd;
}

.step__item .step-handler:checked ~ .step-handler-label .step__item--icon::after {
    color: #0083ca;
}

.step__item .step-handler:checked ~ .step-handler-label .step__item--desc {
    color: #0083ca;
}

.step:has(.step__item .step-handler:checked)
.step__item:not(.step__item:has(.step-handler:checked), .step__item:has(.step-handler:checked)
    ~ .step__item)
.step__item--icon {
    background-color: #e0f4fd;
}

.step:has(.step__item .step-handler:checked)
.step__item:not(.step__item:has(.step-handler:checked), .step__item:has(.step-handler:checked)
    ~ .step__item)
.step__item--icon::after {
    content: url(/frontends/hub3/polymer-blues/icons/check1.svg);
}

.step:has(.step__item .step-handler:checked)
.step__item:not(.step__item:has(.step-handler:checked), .step__item:has(.step-handler:checked)
    ~ .step__item)::before {
    background-color: #0097dd;
}

[data-step-hide=true] {
    display: none;
}

.b-radius-15 {
    border-radius: 15px;
}

.margin-t-60 {
    margin-top: 60px;
}

.b-tr-radius-15 {
    border-top-right-radius: 15px;
}

.b-tl-radius-15 {
    border-top-left-radius: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-t-40 {
    padding: 40px !important;
}

.padding-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}


.table-header-cell {
    text-transform: initial !important;
    font-size: 12px !important;
}

.table-risk-scan > tbody > tr > td:last-child span {
    width: 75px !important;
    display: inline-block !important;
    text-align: center;
    margin: 0 !important;
    border-radius: 4px !important;
}

.table-risk-scan > tbody > tr > td > span:first-child {
    font-weight: 800 !important;
}

.apexcharts-pie-label {
    font-size: 13px;
    text-shadow: none !important;
}

.data-pie-chart:not(.right-legend-pie-donut) .apexcharts-legend {
    inset: auto 0px -15px !important;
}

body .table .tb-data {
    white-space: nowrap;
}

.scan-header .logo img {
    height: 32px;
}

/* Responsive Table */

.table-responsive {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    min-height: inherit;
}


/* For Singular Layout */

.well-wargo-wraper .content-left,
.well-wargo-wraper .content-right {
    margin: 10px;
    flex-grow: 1;
}

.well-wargo-wraper .logo > span.badge {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 10px;
}

.well-wargo-wraper span.badge-primary {
    color: #0073B6;
    font-weight: 700;
    font-size: 14px;
    background: #F4FBFF;
    border: 1px solid #F4FBFF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    padding: 10px;
    margin: 0 10px;
}

.well-wargo-wraper .header-risk-scan {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

.well-wargo-wraper .header-risk-scan .logo img {
    height: 36px;
}

.well-wargo-wraper .main-content {
    width: 960px;
    margin: 0 auto;
    padding: 2rem 2rem 2rem 2rem;
}

.header-risk-scan .logo p {
    display: inline-flex;
    margin: 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #101828;
}

.header-risk-scan .content-right img {
    display: inline-flex;
}

.body-risk-scan {
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.body-risk-scan .step-app {
    padding: 30px;
    min-height: 660px;
    position: relative;
}

.body-risk-scan ul.step-steps {
    display: inline-block;
    float: left;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.step-app > .step-steps > li {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    padding: 10px 72px;
    background-color: transparent !important;
    background-image: url("/frontends/hub3/icons/step-normal.svg");
    background-repeat: no-repeat;
    background-position: 11px 0px;
    position: relative;
    background-size: 40px;
}
.step-app > .step-steps > li .step-number {
    display: inline-block;
    min-width: 15px;
    text-align: right;
    margin-right: 2px;
}

.step-app > .step-steps > li:before {
    content: "";
    position: absolute;
    left: 30px;
    height: 25%;
    top: 40px;
    width: 2px;
    background: #EAECF0;
    border-radius: 2px;
}

.step-app > .step-steps > li:last-child:before {
    height: 0px;
}

.step-app > .step-steps > li.active {
    background-image: url("/frontends/hub3/icons/step-active.svg");
}

.step-app > .step-steps > li.done {
    background-image: url("/frontends/hub3/icons/step-done-new.svg");
}

.step-app > .step-steps > li.done:before {
    background: #0097DD !important;
}
.step-app > .step-steps > li.active,
.step-app > .step-steps > li.done,
.step-app > .step-steps > li.active  small,
.step-app > .step-steps > li.done small {
    color: #0083CA !important;
}
.step-app > .step-steps > li.active  small,
.step-app > .step-steps > li.done small {
    font-weight: 500;
}
.step-app > .step-content {
    border: none !important;
    float: left;
    width: 535px;
}
.step-app > .step-steps {
    display: block !important;
    padding-left: 0 !important;
}

.form-riskscan-onboarding {

}

.form-riskscan-onboarding label.form-label {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #344054;
}

.form-riskscan-onboarding .help-label,
.body-risk-scan .help-label {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #344054;
    margin: 0;
}

.form-riskscan-onboarding .important-note {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    margin: 1.5rem 0;
}

.form-riskscan-onboarding .important-note a,
.body-risk-scan .help-label a {
    text-decoration: none;
}

.form-riskscan-onboarding input[type=text],
.form-riskscan-onboarding input[type=email] {
    padding: 10px 14px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
}

.step-content h3,
.body-risk-scan h3 {
    font-weight: 700;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #101828;
}

.step-footer {
    position: absolute;
    bottom: 15px;
    width: 60%;
}

.step-footer .btn-next {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px !important;
    margin-right: 20px;
    gap: 8px;
    width: 200px;
    height: 40px;
    background-color: #0073B6 !important;
    border: 1px solid #0073B6 !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px !important;

    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF !important;
    float: right;
}

.step-footer .btn-back {
    border: none;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #344054;
}

.step-footer .btn-exit {
    padding: 10px 16px;
    background: #F97066;
    border: 1px solid #F97066;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    float: right;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #1D2939;
}

.step-footer .btn-finish {
    padding: 10px 16px;
    background: #38FF82;
    border: 1px solid #38FF82;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    float: right;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #1D2939;
}

.image-preview {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    padding: 20px;
}

.image-preview a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #0083CA;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.image-preview p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #344054;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fillerImage {
    max-height: 57px;
    max-width: 57px;
}

.well-header.onboarding-header {
    padding: 1rem 2.5rem;
}


/* Placeholder */

.multiple-emails {
    padding-left: 10px;
    border-radius: 8px;
    width: 100%;
    /*min-height: 120px;*/
}


.tags-input::placeholder {
    color: #667085 !important;
}

.color-none
{
    color: transparent !important;
}

.mt-n5{
    margin-top: -3rem !important;
}


.multiline-select-wi-container {
    display: flex;
    border: 1px solid #D0D5DD !important;
    border-radius: 50px;
    background: white;
}

.multiline-select-wi-container .multiline-select~.select2-container {
    border: 0 !important;
}

.multiline-select-wi-container .multiline-select-wi-icon {
    margin: 10px 0 10px 10px;
}

.multiline-select-wi-container:has(.multiline-select~.select2-container .select2-selection__rendered .select2-selection__choice:nth-child(3)) {
    border-radius: 10px !important;
}

.notification-email-select-container {
    min-width: 350px;
    max-width: 450px !important;
    flex-grow: 1;
}

.notification-email-select~.select2-container .select2-search__field {
    text-transform: unset;
}

.chk-label {
    margin-left: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    cursor: pointer;
    vertical-align: super;
}

.btn-factory-reset {
    border: 1px solid #FDA29B;
    color: #D92D20 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px !important;
    padding: 10px 18px !important;
}

.btn-factory-reset:hover {
    color: #D92D20;
}

.btn-factory-reset img {
    width: 15px;
}

.btn-settings-copy img {
    margin: 15px 10px 15px 10px;
    height: 18px;
}

.btn-factory-reset span.list-text {
    font-size: 16px;
}

.btn-settings-copy svg,
.btn-settings-copy img {
    filter: invert(39%) sepia(29%) saturate(6666%) hue-rotate(179deg) brightness(91%) contrast(101%);
}

.btn-outline-polymer {
    padding: 8px 14px;
    background-color: #FFFFFF !important;
    border: 1px solid #0083CA;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #0083CA !important;
    height: 36px;
    margin-top: 5px;
}

.btn-outline-polymer img {
    width: 18px;
}

.btn-outline-polymer svg,
.btn-outline-polymer img {
    filter: invert(39%) sepia(29%) saturate(6666%) hue-rotate(179deg) brightness(91%) contrast(101%);
}

.btn-danger-icon svg,
.btn-danger-icon img {
    filter: invert(18%) sepia(93%) saturate(2964%) hue-rotate(354deg) brightness(99%) contrast(84%);
}

.no-border {
    border: none !important;
}

.no-border-radius {
    border-radius: 0 !important;
}

.upload-link span {
    margin: -2px 7px;
}

.upload-link img {
    width: 16px;
}

.upload-link svg,
.upload-link img {
    filter: invert(39%) sepia(29%) saturate(6666%) hue-rotate(179deg) brightness(91%) contrast(101%);
}

.profile-image-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.border-radius-4 {
    border-radius: 4px !important;
}

.border-radius-8 {
    border-radius: 8px !important;
}

.border-radius-left-8 {
    border-radius: 8px 0 0 8px !important;
}

.border-radius-right-8 {
    border-radius: 0 8px 8px 0 !important;
}

.btn-long {
    padding: 10px 23px !important;
}

#violation-details-container .card-wraper {
    max-width: 450px;
}

#violation-details-container .table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

#violation-details-container .table tbody {
    background-color: #FFFFFF;
}

.ws-unset {
    white-space: unset !important;
}

.apexcharts-align-center.apx-legend-position-right {
    justify-content: center !important;
}

.w-140 {
    width: 140px !important;
}

.mx-h-28 {
    max-height: 28px !important;
}

.clear {
    clear: both;
}

/* @todo: It seems repetitive. We have text-truncate class in bootstrap for this purpose */
.text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 130px;
}

/* @todo: Need to check this repetitive class. We have d-none class in bootstrap */
.hidden {
    display: none !important;
}

.wrap-text{
    white-space: normal !important;
    height: fit-content !important;
}

.character-space-1 {
    letter-spacing: 1px;
}

.color-grey-500 {
    color: var(--color-grey-500) !important;
}

.color-grey-700 {
    color: var(--color-grey-700) !important;
}
.color-grey-800 {
    color: var(--color-grey-800) !important;
}

.color-grey-600 {
    color: var(--color-grey-600) !important;
}

.color-teal-800 {
    color: var(--color-teal-800) !important;
}

.color-grey-900 {
    color: var(--color-grey-900) !important;
}

a.color-grey-900:hover {
    color: #0a58ca !important;
}

a.color-grey-900:hover {
    color: #0a58ca !important;
}

.color-error-300 {
    color: #FDA29B;
}

/* New Design Audit Tables*/

.audit-table.table tbody tr .tb-data {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    line-height: 20px !important;
}

.audit-table.table tbody tr :is(.tb-data, a):not(.sharing-file-name) {
    text-decoration: none !important;
    color: var(--color-grey-500);
}

.audit-table.table tbody tr>:is(td, th):hover {
    background-color: #F9FAFB;
}

.audit-table.table tbody tr [data-hover-link]:hover a {
    color: var(--polymer-blue);
    text-decoration: none;
}

#sharing-filters {
    background-color: #FFFFFF;
}

#sharing-filters .filter-title::before {
    background-color: #FFFFFF;
}

#sharing-filters .brand-form-field.w-100 {
    width: 100% !important;
}

#sharing-filters .brand-form-field.with-search-icon ~ .select2-container .select2-selection--multiple {
    padding-left: 1.75rem;
}

input.brand-form-field, body:has(#sharing-filters) .select2-search--dropdown .select2-search__field {
    border-radius: 8px;
}

.brand-form-field::placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #101828;
}
#manage-scan-modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #667085;
}
#custom-report-modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #667085;
}

.brand-form-field~.select2-container--default .select2-search--inline .select2-search__field::placeholder{
    opacity: 1;
    text-transform: initial;
}

.brand-form-field~.select2-container--default, .brand-form-field~.select2-container--default :is(.select2-selection--multiple , .selection, .selection .select2-selection) {
    border-radius: 8px !important;
}

.brand-form-field~.select2-container--default .selection .select2-selection {
    border-width: 0;
}

.brand-form-field.multi-false~.select2-container--default .selection .select2-selection {
    padding-left: 14px;
}

.b-radius-8 {
    border-radius: 8px !important;
}

.w-42 {
    width: 42px !important;
}

.h-42 {
    height: 42px !important;
}

.sidebar.close .org_name,
.sidebar.animateClose .org_name {
    display: none;
}

.profile-details-container {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.profile-details-container .text-truncate {
    max-width: 215px;
}

.cell-detail-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    background: var(--color-grey-50);
    box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
    padding: 16px 24px;
    visibility: hidden;
    z-index: 9999;
}

[data-has-cell-dropdown]:hover~.cell-detail-dropdown, .cell-detail-dropdown:hover {
    visibility: visible;
}

.cell-detail-dropdown > div > a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #1060D3 !important;
    cursor: default;
}

.filter-buttons-border {
    position: absolute;
    left: -1.5rem;
    top: 0;
    height: 1px;
    right: -1.5rem;
    background: #eee;
}

.table-triggers > tbody > tr > td > span:first-child {
    font-weight: 800 !important;
    padding: 5px !important;
    border-radius: 50% !important;
    width: 35px !important;
    margin: 0 10px !important;
}

.table.table-triggers td {
    padding: 10px 0 12px 20px !important;
}

.concentration-risk,
.table-compact-filler {
    min-height: 345px !important;
}

.table-content-filler {
    min-height: 400px !important;
}

.google-enterprice-wraper .data-tables-chart .data-pie-chart {
    height: 400px !important;
}

.google-enterprice-wraper .data-tables-chart .data-pie-chart:not(.right-legend-pie-donut) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.right-legend-pie-donut {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
    padding-right: 20px;
    padding-left: 20px;
}

.apx-legend-position-right {
    top: 49% !important;
    right: 0px !important;
    transform: translateY(-50%) !important;
}

#domainViolationsChart {
    pointer-events: none;
}

/* @TODO: Need to check this class we have a class in bootstrap */
.nowrap {
    white-space: nowrap;
}

.apexcharts-canvas svg {
    overflow: visible;
}

/* @TODO: Need to check this class we have a class in bootstrap */
.capitalize {
    text-transform: capitalize !important;
}

.pt-32 {
    padding-top: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.p-32 {
    padding: 32px;
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.px-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.border-shadow {
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.integration-item .content-right {
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.primary-50-bg {
    background-color: #E0F4FD;
}

.label {
    border-radius: 4px;
}

.w-320 {
    width: 320px;
}

.max-width-300 {
    max-width: 300px !important;
}

.w-20 {
    width: 20px !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}


.color-grey-400 {
    color: #98A2B3;
}

#risk-scan-modal .app-model-wraper .app-model-content .btn{
    width: unset !important;
}

.mb-32 {
    margin-bottom: 32px;
}

.inactive-link {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #D0D5DD;
}

.text-transform-none {
    text-transform: none !important;
}

.width-20 {
    width: 20px;
}

#sharing-filters button.close-btn {
    top: 16px !important;
}

#remote-users .btn.w-100 {
    width: 100% !important;
}

[name='user-filters-checkbox']:checked ~ .btn {
    background: #0073B6 !important;
    color: white !important;
}

[name='user-filters-checkbox']:checked ~ .btn .icon img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(104%) contrast(102%) !important;
}

.top50px {
    top: 50px;
}

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

.molecule-blue {
    color: #1060D3;
}

.ellipsis-second-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.removeSelectedUsers,
.users-chevron {
    position: absolute;
    top: 10px;
    right: 10px;
}

.removeSelectedUsers img,
.users-chevron img {
    height: 18px;
}

#remote-users #select2-remote-users-multiselect-container {
    display: none;
}

#remote-users {
    position: relative;
}

#remote-users .totalUsers {
    position: absolute;
    top: 10px;
    left: 12px;
    cursor: pointer;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #101828;
}
.select2-search--dropdown .select2-search__field {
    border-radius: 8px;
}
#violation-filters li.select2-results__message {
    display: none !important;
}

#remote-users select.border-radius-8 ~ .select2-container--default {
    border-radius: 8px !important;
    height: 44px;
    flex-wrap: nowrap;
}

#remote-users select:not(.border-radius-8) ~ .select2-container--default {
    border-radius: 100px !important;
    height: 44px;
    flex-wrap: nowrap;
}

#remote-users .select2-container--default .select2-selection--multiple {
    /*border-bottom: 1px solid #D0D5DD !important;*/
    height: 42px;
}

#remote-users .select2-dropdown {
    top: 5px;
}

.dropdown-btns > label > span {
    text-transform: none;
}

.popover-icons-center {
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn_user_type {
    color: #14AFED !important;
}

.btn_user_type img {
    filter: brightness(0) saturate(100%) invert(88%) sepia(14%) saturate(1141%) hue-rotate(168deg) brightness(100%) contrast(96%) !important;
}

.text-justify {
    text-align: justify !important;
}

.aligned-radio {
    width: 1%;
    padding: 0;
}

.select2-search__field::placeholder {
    text-transform: none !important;
}

.action-switch
{
    min-width: 210px !important;
    cursor: default;
}

.policy-builder .selection-main.summary .input-box.in-summary.action-switch{
    min-width: 166px !important;
}

.policy-builder .alerts .selection-main.summary .input-box.folder-name-title-header{
    width: auto !important;
    margin-right: 20px;
}

.policy-builder .selection-main.summary .input-box.in-summary.action-switch .lb-state{
    margin-left: 5px !important;
    cursor: default;
}

.policy-builder .policy .selection-main.summary .input-box.in-summary.input {
    height: 35px;
}

.policy-builder .policy .selection-main.summary .input-box.in-summary.input .select2-container--default{
    padding-left: 0;
    margin: 0 !important;
}

.policy-builder .policy .selection-main.summary .input-box.in-summary.input .select2-container--default .select2-selection{
    height: 30px;
    padding: 0;
}

.action-switch .switch
{
    margin-top: 15px;
    margin-left: 5px;
}

.alerts .switch
{
    margin-top: 2px;
}

.alerts .lb-state {
    margin-left: 15px;
}

.action-switch .lb-state
{
    margin-top: 13px;
    margin-left: 15px;
}

.action-switch .switch-placeholder-status
{
    margin-top: 13px;
}

.hr-light-grey{
    height: 1px;
    margin: 5px -23px 20px -23px;
    background: var(--color-grey-200, #EAECF0);
    opacity: 1;
}

.sso_login_btn{
    background: var(--polymer-blue) !important;
}

.sso_login_btn .login-tiles__item--text{
    color: #FFFFFF !important;
}

.onboarding-download-preview {
    padding: 16px;
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    border: 1px solid var(--color-grey-200);
}

.onboarding-download-preview .preview-img{
    margin-right:7px;
    height: 120px;
}

.square-more-drop {
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-grey-300, #D0D5DD);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.square-more-drop img {
    filter: none;
}

.center-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gray-text {
    color: #667085;
}

.background-inherit {
    background: inherit;
}

th.policy-rank {
    width: 100px !important;
    white-space: nowrap;
}

.info-link {
    color: #0083CA;
    text-decoration: none;
}

.select2-custom-option p {
    color: var(--color-grey-500, #667085);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px 15px 8px 15px;
    border-top: 1px solid var(--color-grey-100, #F2F4F7);
}

.select2-custom-option a {
    color: var(--color-primary-700, #0083CA);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
    display: flex;
}

.select2-custom-option a img {
    height: 20px;
}

.align-text-top {
    vertical-align: text-top;
}

.ml-auto {
    margin-left: auto;
}

#repo-table > tbody > tr > th.fw-normal {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.progress-bar-title {
    color: #667085;
    font-family: Inter;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 20px;
}

.progress-success {
    height: 10px !important;
    background-color: #D1FADF !important;
    border-radius: 15px !important;
}

.progress-success .bg-success {
    background-color: #12B76A !important;
}


.sub-header-text {
    font-size: 1rem;
    font-weight: 500;
    font-family: Inter;
    line-height: 1.5rem;
}

 .audit-box{
     padding: 8px 12px !important;
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
     border-radius: 8px;
     background-color: #FFFFFF;
     word-break: break-all;
 }

.audit-box h4{
    color: var(--color-grey-900);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.policy-data-row{
    border-bottom: 1px var(--color-grey-200) solid;
    padding: 10px 1.5rem;
}
.policy-data-row > .col-md-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.policy-data-row:last-child{
    border-bottom: none;
}

.summary-label {
    color: #344054;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: var(--color-grey-700);
}

.summary-value {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-grey-700);
}

.violation-rules-info-table {
    border-collapse: separate;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}
.violation-rules-info-table tbody tr:not(.hidden-row) {
    height: 45px;
}
.violation-rules-info-table.static-access-table tbody tr,
.violation-rules-info-table.dynamic-access-table tbody tr {
    height: 56px;
}
.violation-rules-info-table tbody .pagination-row {
    height: 45px !important;
    vertical-align: middle;
}

.violation-rules-info-table thead tr th {
    color: #475467;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    border-bottom-color: #D0D5DD !important;
    border-bottom-width: 1px;
    border-bottom: 1px solid var(--color-grey-200) !important;
}

.violation-rules-info-table > tbody > tr:not(.hidden-row):not(.no-collapse) {
    background-image: url(../polymer-blues/icons/cap-down.svg);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 1.5rem 54%;
    cursor: pointer;
}
.a-molecule{
    color: var(--polymer-molecule-blue) !important;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
}


.ancher-link {
    text-decoration: none !important;
    color: var(--color-grey-500);
}

.ancher-link:hover {
    color: var(--polymer-molecule-blue);
}

.audit-details .table tr th, .table tr td{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.audit-details .table thead tr{
    background-color: var(--color-grey-100, #F2F4F7);
}

.hidden-row {
    display: none;
}

.audit-details .rule-row.row-open{
    border-bottom: none;
}

.violation-rules-info-table > tbody > tr.row-open {
    background-image: url('../polymer-blues/icons/cap-up.svg') !important;
}

.audit-details .rule-row:last-child{
    border-bottom: none !important;
}

.my-3-5
{
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important;
}

.ms-4-5
{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

#violation-details-container .audit-details.has-pagination .table
{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#violation-details-container .audit-details.has-pagination .card-wraper
{
    margin-bottom: 0px;
    max-width: 100%;
    border-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: none;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

.flex-vcenter {
    display: flex !important;
    justify-content: center;
}

.preview-wrapper {
    background-color: #F2F4F7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 2rem;
    pointer-events: none;
}

.preview-wrapper .preview-body {
    width: 90%;
    background-color: #FFF;
    margin: 0 auto;
    padding: 15px;
    word-break: break-all;
    font-size: 14px;
}

.preview-body ol,  .preview-body ul{
    padding-left: 1.5rem;
}

.preview-body ol {
    list-style-type: decimal; /* Default for first level */
}

.preview-body ol ol {
    list-style-type: lower-alpha; /* Second level */
}

.preview-body ol ol ol {
    list-style-type: lower-roman; /* Third level */
}

.preview-body ol ol ol ol {
    list-style-type: decimal; /* Fourth level */
}

.preview-body ol ol ol ol ol {
    list-style-type: lower-alpha; /* Fifth level */
}

.preview-wrapper .preview-title {
    color: #2371b4;
    font-weight: bold;
}

.preview-wrapper .preview-body .preview-message p {
    margin-bottom: 0;
}

.emoji-warning {
    font-family: 'Noto Color Emoji', 'Apple Color Emoji';
    font-size: 20px;
}

.violation-rules-info-table .rule-matched-line:nth-child(n+11) {
    display: none;
}
.violation-search-wrap {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 16px;
}

.audits-full-page .audit-details .table thead tr {
    background-color: #fff;
    border-top: 0;
    height: 56px;
}
.audits-full-page .audit-details .table .grey-row {
    background-color: #F2F4F7;
    font-size: 12px;
}
.audits-full-page .audit-details .table .grey-row td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.general-access-row {
    background-color: var(--color-grey-50) !important;
    height: 44px !important;
}
.audits-full-page .general-access-row {
    background-color: var(--color-grey-200) !important;
}

.modal.modal-static .modal-dialog {
    transform: scale(1) !important;
}

.tox .tox-edit-area::before,
.tox-tinymce {
    border: none !important;
}

body#tinymce {
    background-color: #fff !important;
    font-size: 14px !important;
    padding: 12px !important;
    color: #101828 !important;
    font-weight: 500 !important;
}
.mce-content-body [contentEditable=false][data-mce-selected] {
    cursor: default;
    border: none;
    outline: none;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-bottom: solid 1px #F2F4F7 !important;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
    transition: none !important;
    margin-bottom: 8px;
}
#alert-config-modal .group-content .innerWrap.nudge-innerwrap {
    padding: 0.5rem 0;
}
.tox .tox-tbtn svg {
    fill: none !important;
}
.tox-toolbar__primary button.tox-tbtn {
    border-radius: 8px;
    width: 36px !important;
    height: 36px;
    padding: 8px;
    margin: 0;
}
.tox-toolbar__primary button.tox-tbtn svg {
    filter: invert(44%) sepia(14%) saturate(568%) hue-rotate(183deg) brightness(95%) contrast(90%) !important;
    width: 20px;
    height: 20px;
}
.tox .tox-tbtn--active,
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:focus,
.tox .tox-tbtn--enabled:hover {
    background-color: #E0F4FD !important;
}
.tox button.tox-tbtn.tox-tbtn--active svg,
.tox button.tox-tbtn.tox-tbtn--enabled svg,
.tox button.tox-tbtn.tox-tbtn--enabled:focus svg,
.tox button.tox-tbtn.tox-tbtn--enabled:hover svg {
    filter: invert(37%) sepia(71%) saturate(3540%) hue-rotate(179deg) brightness(92%) contrast(101%) !important;
}
.tox .tox-toolbar__group {
    gap: 4px;
}
.token-remove-btn {
    cursor: pointer;
}

.mce-content-body ol, .mce-content-body ul{
    margin-left: 1rem;
}

.mce-content-body li{
    margin: 0.5rem;
}

.data-log-integration-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 32px;
}
.data-log-integration-wrap .integration-item {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
    padding: 24px;
    margin: 0;
    display: grid;
    gap: 24px;
}
.data-log-integration-wrap .app-star-wraper {
    display: block;
    margin: 0;
}
.data-log-integration-wrap .app-star-wraper li {
    font-size: 14px;
    color: #667085;
    font-weight: 500;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 12px;
}
.data-log-integration-wrap .app-star-wraper li:last-child {
    margin-bottom: 0;
}
.data-log-integration-wrap .app-star-wraper li p {
    font-weight: 700;
    letter-spacing: -0.28px;
    color: #000;
}
.data-log-integration-wrap .app-star-wraper li p span {
    color: #000;
    font-weight: 400;
}
.data-log-integration-wrap .avtar-label-group img,
.data-log-integration-wrap .avatar-lg {
    border-radius: 0;
    background-color: transparent;
}
.data-log-integration-wrap .avtar-label-group .avatar-label-md {
    color: #667085;
    font-weight: 500;
}
.data-log-integration-wrap .avtar-label-group .avatar-label-lg {
    font-size: 16px;
}
.data-log-integration-wrap .integration-item .avtar-label-group {
    gap: 12px;
}
.canvas-form.violations-details-side-pane .audit-info .policy-data-row .col-md-3 {
    width: 180px;
}
.canvas-form.violations-details-side-pane .audit-info .policy-data-row .col-md-9 {
    width: calc(100% - 180px);
}

#manage-entities-modal .conection-dropdown .select2-selection__rendered,
#manage-entities-modal #entity-user .select2-selection__rendered,
#manage-entities-modal #entity-user .select2-selection__placeholder,
#manage-entities-modal .conection-dropdown .select2-selection__placeholder {
    font-weight: 500 !important;
}
#manage-entities-modal .conection-dropdown .select2-selection__rendered {
    color: var(--color-grey-900) !important;
}
#manage-entities-modal .conection-dropdown .select2-selection__placeholder,
#manage-entities-modal #entity-user .select2-selection__placeholder,
#manage-entities-modal #lookup_file_url::placeholder {
    color: var(--color-grey-500) !important;
}
#manage-entities-modal #lookup_file_url::placeholder,
#manage-entities-modal #lookup_file_url,
#manage-entities-modal #entity-user .select2-selection__rendered,
#manage-entities-modal .conection-dropdown .select2-selection__rendered {
    font-size: 14px !important;
}

.w-36 {
    width: 36px;
}
.agent-settings-section {
    padding: 24px;
}
.agent-settings-section h3 {

}
.channels-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.channels-wrap .channel-item {
    padding: 16px;
    display: flex;
    align-items: center;
    width: 161px;
    flex-direction: column;
    gap: 8px;
    background-color: var(--color-grey-100);
    border-radius: 8px;
}
.channels-wrap .channel-item img {
    height: 36px;
}
.channels-wrap .channel-item:has(input[type="checkbox"]:checked) {
    background-color: #B0E3F9;
}
.securerag-processing-info {
    padding: 12px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
    display: flex;
    align-items: center;
    gap: 8px;
}
.securerag-processing-info .date {
    font-weight: 400;
}
.securerag-processing-info .date label {
    font-weight: 500;
}

.connections-list .avatar-sm {
    background-color: var(--color-grey-200);
    width: 24px;
    height: 24px;
    margin: 0 !important;
}
.connections-list .avatar-sm img {
    width: 16px;
    height: 16px;
}

.confirmation-modal .bot-modal-body {
    max-width: 450px;
    padding: 32px 24px 24px 24px !important;
}
.confirmation-modal#bot-invite-modal .group-content .content-title h6 {
    font-size: 18px;
}
.confirmation-modal#bot-invite-modal p {
    font-size: 14px;
    font-weight: 500;
    color: #667085;
}
.confirmation-modal#bot-invite-modal .group-content .content-title {
    margin-bottom: 24px;
}
.risk-score {
    display: flex;
    gap: 4px;
    align-items: center;
}
.risk-score .number {
    font-size: 23px;
    line-height: 28px;
    letter-spacing: -0.46px;
}

.canvas-form input[type="number"]::placeholder,
.canvas-form input[type="text"]::placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
}

#create-hs-modal .modal-dialog {
    max-width: none;
}
#create-hs-modal .bot-modal-body {
    padding: 56px;
}
#create-hs-modal .table-header-cell,
#create-hs-modal td {
    padding: 10px 16px !important;
}
#create-hs-modal input[type="checkbox"] {
    margin-right: 0;
}
#create-hs-modal .label-row {
    min-height: auto;
    max-width: 100%;
}
#create-hs-modal .sub-title {
    font-size: 19px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: -0.38px;
    margin-bottom: 6px;
}
#create-hs-modal input[name="searchPolicy"]::placeholder {
    font-size: 14px;
    color: #667085;
    font-weight: 500;
}


.rick-score-wraper .row .col1 {
    width: 436px;
}
.rick-score-wraper .row .col2 {
    width: calc(100% - 436px);
}
.overview-boxes {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
}

.overview-boxes h5 {
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -0.46px;
    color: var(--color-grey-900);
    margin-bottom: 0;
}
.overview-boxes p {
    color: #475467;
    font-weight: 500;
    font-size: 16px;
}
.org-score-wrap {
    display: flex;
    padding: 1.5rem;
    gap: 24px;
    justify-content: space-between;
    align-items: end;
}
.org-score-wrap .score-label {
    margin-bottom: 20px;
}
.org-score-wrap .score-label .policy-label  {
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 700;
}
.org-score-wrap .score-label .policy-label.policy-label-warning {
    color: #B42318 !important;
}

.org-score-wrap .score-label .policy-label.policy-label-danger {
    color: #B42318 !important;
}

#chartjs-tooltip {
    font-family: "Inter", "Red Hat Display", sans-serif !important;
    transition: opacity 0.3s ease, left 0.1s ease, top 0.1s ease;
}
#chartjs-tooltip .tooltip-body-custom {
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.10), 0px 4px 8px 0px rgba(16, 24, 40, 0.10);
    border-radius: 8px;
    background-color: #fff;
    min-width: 250px;
}
#chartjs-tooltip .tooltip-body-custom li.tooltip-line-item,
#chartjs-tooltip .tooltip-body-custom li.line-item-total {
    padding: 12px 16px 12px 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

#chartjs-tooltip .tooltip-body-custom li.tooltip-line-item:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #667085;
    border-radius: 8px;
    left: 16px;
    top: 50%;
    margin-top: -4px;
}

#chartjs-tooltip .cell-num {
    padding: 0;
    margin: 0;
}
#chartjs-tooltip .cell-num .number {
    font-size: 12px;
    font-weight: 500;
    color: #101828;
}
#chartjs-tooltip .cell-num .policy-label {
    padding: 0px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    margin: 0;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item,
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.line-item-total {
    padding: 0 16px 0 30px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.line-item-total {
    padding-left: 16px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:nth-child(2) {
    padding-top: 12px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:nth-child(2):before {
    margin-top: 0;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:last-child {
    padding-bottom: 12px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:last-child:before {
    margin-top: -10px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item span.number{
    line-height: 18px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:nth-child(2):before {
    background-color: #0097DD;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.line-item-total:before {
    display: none;
}
.policyChartLegends {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.policyChartLegends ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px;
}
.policyChartLegends ul li {
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    background-color: #EAECF0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.policyChartLegends ul li.inactive {
    background-color: #F9FAFB;
    opacity: .8;
}
.policyChartLegends ul li p {
    font-size: 12px;
    margin: 0;
    font-weight: 500;
    color: #667085;
}
.policyChartLegends ul li span {
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
.legend-label {
    font-size: 12px;
    font-weight: 700;
    color: #667085;
    margin-bottom: 8px;
    text-align: center;
}

.rick-score-wraper .row .col1 {
    width: 436px;
}
.rick-score-wraper .row .col2 {
    width: calc(100% - 436px);
}
.overview-boxes {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
}
.overview-boxes .overview-boxes {

}
.overview-boxes span {
    margin: 0 auto 12px;
    width: 56px;
    height: 56px;
}
.overview-boxes span img {
    filter: none;
    width: 28px;
    height: 28px;
}
.overview-boxes h5 {
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -0.46px;
    color: var(--color-grey-900);
    margin-bottom: 0;
}
.overview-boxes p {
    color: #475467;
    font-weight: 500;
    font-size: 16px;
}

.org-score-wrap {
    display: flex;
    padding: 1.5rem;
    gap: 24px;
    justify-content: space-between;
    align-items: end;
}
.org-score-wrap .score-label {
    margin-bottom: 20px;
}
.org-score-wrap .score-label .policy-label  {
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 700;
}
.org-score-wrap .score-label .number {
    font-size: 60px;
    line-height: 72px;
    letter-spacing: -2.4px;
}

#chartjs-tooltip {
    font-family: "Inter", "Red Hat Display", sans-serif !important;
    transition: opacity 0.3s ease, left 0.1s ease, top 0.1s ease;
}
#chartjs-tooltip .tooltip-body-custom {
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.10), 0px 4px 8px 0px rgba(16, 24, 40, 0.10);
    border-radius: 8px;
    background-color: #fff;
    min-width: 250px;
}

#chartjs-tooltip .tooltip-body-custom li.tooltip-line-item label,
#chartjs-tooltip .tooltip-body-custom li.line-item-total label {
    font-size: 12px;
    font-weight: 500;
    color: #667085;
    line-height: 18px;
}
#chartjs-tooltip .tooltip-body-custom li.line-item-total label {
    font-weight: 700;
}

#chartjs-tooltip .tooltip-body-custom li.tooltip-title {
    padding: 12px 16px 8px 16px;
    background-color: #F9FAFB;
    color: #101828;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    border-bottom: solid 1px #EAECF0;
    border-radius: 8px 8px 0 0px;
}

#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item,
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.line-item-total {
    padding: 0 16px 0 30px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.line-item-total {
    padding-left: 16px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:nth-child(2) {
    padding-top: 12px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:nth-child(2):before {
    margin-top: 0;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:last-child {
    padding-bottom: 12px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:last-child:before {
    margin-top: -10px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item span.number{
    line-height: 18px;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.tooltip-line-item:nth-child(2):before {
    background-color: #0097DD;
}
#chartjs-tooltip .tooltip-body-custom.policy-tooltip-body li.line-item-total:before {
    display: none;
}
.policyChartLegends {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.policyChartLegends ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px;
}
.policyChartLegends ul li {
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    background-color: #EAECF0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.policyChartLegends ul li.inactive {
    background-color: #F9FAFB;
    opacity: .8;
}
.policyChartLegends ul li p {
    font-size: 12px;
    margin: 0;
    font-weight: 500;
    color: #667085;
}
.policyChartLegends ul li span {
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
.legend-label {
    font-size: 12px;
    font-weight: 700;
    color: #667085;
    margin-bottom: 8px;
    text-align: center;
}


.policy-tooltip-outer.show {
    opacity: 1;
}
.policy-tooltip-outer .tooltip-arrow {
    display: none;
}
.policy-tooltip-outer .tooltip-inner {
    background-color: #fff;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    border-radius: 8px;
    border: solid 1px #F2F4F7;
    width: 256px;
    padding: 8px 12px;
    text-align: left;
}
.policy-tooltip-outer .tooltip-inner p {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: var(--color-grey-600);
    margin-bottom: 0;
}