@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700;800;900&display=swap");



/*Gray is a neutral color and is the foundation of the color
system.Almost everything in UI design — text, form
fields, backgrounds, dividers — are usually gray.*/
/*The primary color is our "brand" color, and is used
across all interactive elements such as buttons, links,
inputs, etc. This color can define the overall feel and
emotion.*/
/*Success colors communicate a positive action, postive
trend, or a successful confirmation.*/
/*Warning colors can communicate that an action is
potentially destructive or "on-hold". These colors are
commonly used in confirmations to grab the users'
attention.*/
/*These colors convey an emotion of negativity.
 Generally used across error states.*/
/*==Typography==*/

:root{
    --polymer-black         : #101828;
    --polymer-blue          : #0073B6;
    --polymer-light-blue    : #7BD0F5;
    --polymer-sky-blue      : #E0F4FD;
    --polymer-green         : #12B76A;
    --polymer-dark-gray     : #475467;
    --polymer-gray          : #98A2B3;
    --polymer-light-gray    : #D0D5DD;
    --polymer-gray-text     : #667085;

}
.d-light01 {
    font-size: 70px;
    line-height: 80px;
    letter-spacing: -0.04em;
    font-weight: 300;
    text-align: left;
}

.d-regular01 {
    font-size: 72px;
    font-weight: 400;
    line-height: 80px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-medium01 {
    font-size: 72px;
    font-weight: 500;
    line-height: 80px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-bold01 {
    font-size: 72px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-extra-bold01 {
    font-size: 72px;
    font-weight: 800;
    line-height: 80px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-black01 {
    font-size: 72px;
    font-weight: 900;
    line-height: 80px;
    letter-spacing: -0.04em;
    text-align: left;
}

/**/
.d-light02 {
    font-size: 60px;
    font-weight: 300;
    line-height: 72px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-regular02 {
    font-size: 60px;
    font-weight: 400;
    line-height: 72px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-medium02 {
    font-size: 60px;
    font-weight: 500;
    line-height: 72px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-bold02 {
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-extra-bold02 {
    font-size: 60px;
    font-weight: 800;
    line-height: 72px;
    letter-spacing: -0.04em;
    text-align: left;
}

.d-black02 {
    font-size: 60px;
    font-weight: 900;
    line-height: 72px;
    letter-spacing: -0.04em;
    text-align: left;
}

/*3*/
.h-light01 {
    font-size: 48px;
    font-weight: 300;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-regular01 {
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-medium01 {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-bold01 {
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-extra-bold01 {
    font-size: 48px;
    font-weight: 800;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-black01 {
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*4*/
.hs-light01 {
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-regular01 {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-medium01 {
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-bold01 {
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-extra-bold01 {
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
    font-size: 34px;
}

.hs-black01 {
    font-size: 34px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*5*/
.h-light02 {
    font-size: 39px;
    font-weight: 300;
    line-height: 47px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-regular02 {
    font-size: 39px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-medium02 {
    font-size: 39px;
    font-weight: 500;
    line-height: 47px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-bold02 {
    font-size: 39px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-extra-bold02 {
    font-size: 39px;
    font-weight: 800;
    line-height: 47px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-black02 {
    font-size: 39px;
    font-weight: 900;
    line-height: 47px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*6*/
.hs-light02 {
    font-size: 33px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-regular02 {
    font-size: 33px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-medium02 {
    font-size: 33px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-bold02 {
    font-size: 33px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-extra-bold02 {
    font-size: 33px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-black02 {
    font-size: 39px;
    font-weight: 900;
    line-height: 47px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*7*/
.h-light03 {
    font-size: 33px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-regular03 {
    font-size: 33px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-medium03 {
    font-size: 33px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-bold03 {
    font-size: 33px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-extra-bold03 {
    font-size: 33px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-black03 {
    font-size: 33px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*8*/
.hs-light03 {
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-regular03 {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-medium03 {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-bold03 {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-extra-bold03 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-black03 {
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*9*/
.h-light04 {
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-regular04 {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-medium04 {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-bold04 {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-extra-bold04 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-black04 {
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*10*/
.hs-light04 {
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-regular04 {
    font-size: 23px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-medium04 {
    font-size: 23px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-bold04 {
    font-size: 23px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-extra-bold04 {
    font-size: 23px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-black04 {
    font-size: 23px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*11*/
.h-light05 {
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-regular05 {
    font-size: 23px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-medium05 {
    font-size: 23px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-bold05 {
    font-size: 23px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-extra-bold05 {
    font-size: 23px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-black05 {
    font-size: 23px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*12*/
.hs-light05 {
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-regular05 {
    font-size: 23px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-medium05 {
    font-size: 23px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-bold05 {
    font-size: 23px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-extra-bold05 {
    font-size: 23px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-black05 {
    font-size: 23px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*13*/
.h-light06 {
    font-size: 19px;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-regular06 {
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-medium06 {
    font-size: 19px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-bold06 {
    font-size: 19px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-extra-bold06 {
    font-size: 19px;
    font-weight: 800;
    line-height: 23px;
    letter-spacing: -0.02em;
    text-align: left;
}

.h-black06 {
    font-size: 19px;
    font-weight: 900;
    line-height: 23px;
    letter-spacing: -0.02em;
    text-align: left;
}

/*14*/
.hs-light06 {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-regular06 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-medium06 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-bold06 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-extra-bold06 {
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
}

.hs-black06 {
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
}

.sh-light {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.sh-regular {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.sh-medium {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.sh-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.sh-extra-bold {
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

.sh-black {
    font-size: 20px;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

/*15*/
.p1-light {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.p1-regular {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.p1-medium {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.p1-bold {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.p1-extra-bold {
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.p1-black {
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

/*16*/
.p2-light {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.p2-regular {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.p2-medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.p2-bold {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.p2-extra-bold {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.p2-black {
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

/*17*/
.p3-light {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.p3-regular {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.p3-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.p3-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.p3-extra-bold {
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.p3-black {
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

/*18*/
.c-light {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.c-regular {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.c-medium {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.c-bold {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.c-extra-bold {
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.c-black {
    font-size: 12px;
    font-weight: 900;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

/*---define value prameter---*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    box-shadow: none;
}

.btn-check:focus + .btn,
.btn:focus {
    box-shadow: none !important;
}

body {
    background-color: #fcfcfd !important;
    font-family: "Inter", "Red Hat Display", sans-serif !important;
}

.bg-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    z-index: 1;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.26);
    opacity: 0;
    display: none;
    transition: 0.3s ease-in-out;
}

.bg-overlay.show {
    opacity: 1;
    display: block;
    transition: 0.3s ease-in-out;
}

/*---card-header--*/
.card_header {
    display: flex;
    padding: 0rem 1.5rem 0rem 1.5rem;
    width: 100%;
    height: 67px;
    justify-content: space-between;
    background-color: #ffffff;
}

.card_header .content-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card_header .content-right {
    display: flex;
    align-items: center;
    gap: 12px;
}
/*---card-sub-header--*/
.card_sub_header {
    display: flex;
    padding: 0rem 1.5rem 0rem 1.5rem;
    width: 100%;
    height: 67px;
    justify-content: space-between;
    background-color: #ffffff;
}
.card_sub_header .content-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.card_sub_header .content-right {
    display: flex;
    align-items: center;
    gap: 12px;
}
/*-----tabel cell-----*/
.card-wraper {
    background-color: #ffffff;
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.0588235294);
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019607843);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EAECF0;
}

.table {
    margin-bottom: 0rem !important;
}

.table .avatar-label-group:hover {
    background-color: #F9FAFB;
}

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

.table tr:last-child {
    border-bottom: none;
}

.stop-stretching {
    width: 1px !important;
    white-space: nowrap;
}

.table thead tr {
    height: 44px;
    border-top: 1px solid #EAECF0;
    border-bottom: 1px solid #EAECF0 !important;
    background: #F9FAFB;
}

.table thead tr th {
    border: none;
}

body .table .tb-data {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #101828;
    vertical-align: middle;
    padding-left: 1.5rem !important;
    padding-top: 1.625rem !important;
    padding-bottom: 1.625rem !important;
    font-family: Inter;
}

body .table .tb-data:has(img) {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.hc-icon {
    height: 16px;
    width: 16px;
    display: block;
    margin-top: -4px;
}

.hc-icon img {
    height: 100%;
    width: 100%;
}

.error-chart {
    vertical-align: middle;
    margin-right: 1.25rem;
}

.error-chart img {
    max-width: 120px;
    height: 50px;
    margin-left: auto;
    display: block;
}

.num-light, .number {
    font-style: normal;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 34px;
    display: block;
    text-align: center;
}

.table tbody tr {
    min-height: 70px;
}

.table tbody td {
    padding-top: 0.438rem !important;
    padding-bottom: 0.438rem !important;
}

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

.table tr td [class^=p] {
    color: #667085;
    margin: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    min-height: 70px;
    display: flex;
}

.table tr td .toogle-wraper {
    white-space: nowrap;
}

.table tr td button {
    white-space: nowrap;
}

.table tr th,
.table tr td {
    padding: 0rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 0px;
    vertical-align: middle;
}

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

.cell-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    padding-left: 24px;
    margin: 0px;
}

.cell-num {
    text-align: center;
    padding-top: 0.438rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    margin: auto;
    width: fit-content;
    position: relative;
    top: -8px;
}

.table-header-cell {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    height: 44px;
    border-radius: 0px;
    padding: 0.75rem 1.5rem 0.75rem 1.5rem;
    text-transform: capitalize;
    display: flex;
    -moz-column-gap: 4px;
    column-gap: 4px;
    align-items: center;
    color: var(--color-grey-600);
    font-family: Inter;
}

.table-header-cell input {
    margin-right: 0.75rem;
}
.table-header-cell input.entities-cbk {
    margin-right: 28px;
}

.card_header .cr-title,
#create-hs-modal .cr-title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 28px;
    margin-bottom: 0px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: #101828;
}
.w-48-percent {
    width: 48% !important;
}

.card_header .content-left [class^=p] {
    color: #101828;
    margin-bottom: 0px;
}

.more-drop {
    color: #98A2B3;
    background-color: transparent;
    outline: none;
    border: none;
}

.more-drop img {
    filter: invert(78%) sepia(16%) saturate(298%) hue-rotate(179deg) brightness(81%) contrast(85%);
}

.info-tooltip {
    color: #98A2B3;
    background-color: transparent;
    outline: none;
    border: none;
}

.info-tooltip svg,
.info-tooltip img {
  filter: invert(69%) sepia(10%) saturate(484%) hue-rotate(179deg) brightness(93%) contrast(84%);
  width: 100%;
}

.connection-tooltip-outer.show {
    opacity: 1;
}
.connection-tooltip-outer.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff;
}
.connection-tooltip-outer .tooltip-inner {
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    max-width: none;
    border-radius: 8px;
    background-color: #fff;
    min-width: 160px;
    padding: 8px 6px;
}
.connection-tooltip-outer .tooltip-inner .avatar-label-group {
    gap: 8px;
    min-height: auto;
}
.connection-tooltip-outer .tooltip-inner .avatar-lg {
    width: 24px;
    height: 24px;
    background-color: transparent;
    border-radius: 0;
}
.connection-tooltip-outer .avatar-label {
    font-size: 12px;
    color: #344054;
    font-weight: 700;
    line-height: 16px;
    font-family: "Inter", "Red Hat Display", sans-serif !important;
}
.connection-tooltip-outer .avatar-label-md {
    font-weight: 400;
}

/*=====card-footer======*/
.card_footer .footer-content-left {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    display: flex;
}

.card_footer {
    display: flex;
    padding: 0.813rem 1.5rem 1rem 1.5rem;
    min-height: 63px;
    background-color: #ffffff;
    border-top: 1px solid #EAECF0;
}

#violation-details-container .audit-details.has-pagination .card_footer {
    border-top: none;
}

.card_footer .footer-content-center {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    align-self: center;
}

.card_footer .footer-content-right {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    display: flex;
    gap: 12px;
    align-items: center;
}

.link_sm {
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: -0.02em;
}

.link_sm .icon {
    height: 20px;
    width: 20px;
}

.link_md {
    font-size: 0.875rem;
    line-height: 20px;
    letter-spacing: -0.02em;
}

.link_md .btn-icon {
    height: 20px;
    width: 20px;
}

.link_lg {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: 0em;
}

.link_xl {
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: 0em;
}

.link_xl .icon {
    height: 20px;
    width: 20px;
}

.link_2xl {
    font-size: 1rem;
    line-height: 28px;
    letter-spacing: 0em;
}

.link_2xl .icon {
    height: 24px;
    width: 24px;
}

.btn_link {
    font-weight: 500;
    text-decoration: none;
    outline: none;
    border: none;
    background-color: transparent;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    gap: 10px;
    text-decoration: none;
    align-items: center;
    font-size: 16px;
}

.btn_link .btn-icon {
    display: flex;
}

.btn_link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.link_secondary {
    color: #667085 !important;
}

.link_secondary:hover {
    color: #475467;
}

.link_secondary:focus {
    color: #667085;
}

.link_secondary:disabled {
    color: #D0D5DD;
}

.link_primary {
    color: #0083CA !important;
}

.link_primary:hover {
    color: #0073B6;
}

.link_primary:focus {
    color: #0083CA;
}

.link_primary:disabled {
    color: #D0D5DD;
}

.link_primary svg,
.link_primary img {
    filter: invert(46%) sepia(45%) saturate(6423%) hue-rotate(178deg) brightness(88%) contrast(102%);
}

.link_error {
    color: #D92D20;
}

.link_error:hover {
    color: #B42318;
}

.link_error:focus {
    color: #D92D20;
}

.link_error:disabled {
    color: #FDA29B;
    opacity: 1;
}

.link_error svg,
.link_error img {
    filter: invert(18%) sepia(99%) saturate(3311%) hue-rotate(355deg) brightness(91%) contrast(85%);
}

/*-*/
.btn_primary {
    background-color: #0073B6 !important;
    color: #ffffff !important;
}

.btn_primary:hover {
    color: #ffffff;
    background-color: #005494 !important;
}

.btn_primary:focus {
    box-shadow: 0px 0px 0px 4px #E0F4FD !important;
}

.btn_primary.active {
    background: #F4FBFF;
    border: 1px solid #F4FBFF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.btn_primary:disabled {
    background-color: #7BD0F5 !important;
    opacity: 1;
}
.btn_primary svg,
.btn_primary img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(104%) contrast(102%);
}

.btn_primary2 {
    background-color: transparent !important;
    color: #0083CA !important;
}

.btn_primary2:hover {
    color: #0083CA;
    background-color: #E0F4FD !important;
}

.btn_primary2:focus {
    color: #0083CA;
}

.btn_primary2:disabled {
    color: #D0D5DD;
    opacity: 1;
}

.btn_primary2 svg,
.btn_primary2 img {
    filter: invert(31%) sepia(86%) saturate(2159%) hue-rotate(180deg) brightness(93%) contrast(102%);
}

.btn_secondary {
    background: #ffffff !important;
    border: 1px solid #D0D5DD !important;
    color: #344054;
}

.btn_secondary:hover {
    background-color: #F9FAFB !important;
}

.btn_secondary:focus,
.dropdown-toggle.show {
    border: 1px solid var(--color-primary-700) !important;
    box-shadow: 0px 0px 0px 4px #E0F4FD !important;
}

.dropdown-toggle.show img {
    filter: invert(39%) sepia(94%) saturate(3589%) hue-rotate(180deg) brightness(92%) contrast(101%);
}

.btn_secondary.active {
    background: #ffffff !important;
    border: 1px solid #EAECF0 !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
}

.btn_secondary:disabled {
    background-color: #ffffff;
    border-color: #EAECF0;
    color: #D0D5DD;
    opacity: 1;
}

.btn_secondary2 {
    background: #F4FBFF !important;
    color: #0073B6 !important;
}

.btn_secondary2:hover {
    color: #0073B6;
    background-color: #E0F4FD !important;
}

.btn_secondary2:focus {
    background: #F4FBFF !important;
    box-shadow: 0px 0px 0px 4px #E0F4FD !important;
}

.btn_secondary2.active {
    background: #ffffff !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
}

.btn_secondary2:disabled {
    background-color: #F4FBFF;
    color: #44BFF0;
    opacity: 1;
}

.btn_secondary2:disabled svg,
.btn_secondary2:disabled img {
    filter: invert(60%) sepia(83%) saturate(529%) hue-rotate(166deg) brightness(100%) contrast(89%);
}

.btn_secondary2 svg,
.btn_secondary2 img {
    filter: invert(17%) sepia(66%) saturate(3396%) hue-rotate(191deg) brightness(96%) contrast(101%);
}

.btn_secondary3 {
    background: transparent;
    color: #667085 !important;
    box-shadow: none !important;
}

.btn_secondary3:hover {
    color: #475467 !important;
    background-color: #F9FAFB !important;
}

.btn_secondary3:focus {
    background: #F4FBFF !important;
    color: #667085 !important;
}

.btn_secondary3.active {
    background: #ffffff !important;
}

.btn_secondary3:disabled {
    color: #D0D5DD;
    opacity: 1;
}

.btn_error {
    border: 1px solid #FDA29B !important;
    color: #D92D20;
}

.btn_error:hover {
    color: #B42318;
    background-color: #FEF3F2 !important;
}

.btn_error:focus {
    color: #D92D20;
    background: #fff !important;
    box-shadow: 0px 0px 0px 4px #FEE4E2 !important;
}

.btn_error.active {
    background: #FFFFFF !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
}

.btn_error:disabled {
    background-color: transparent;
    color: #FDA29B;
    opacity: 1;
    border-color: #FECDCA;
}

.btn_error svg,
.btn_error img {
    filter: invert(24%) sepia(94%) saturate(1551%) hue-rotate(340deg) brightness(101%) contrast(101%);
}

.btn {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0em;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
    padding: 0;
    text-align: left;
    text-decoration: none;
    outline: none;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    box-shadow: none;
    gap: 8px;
}

.btn .pagi-icon,
.btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
}

.btn .pagi-icon img,
.btn .icon img {
    width: 100%;
    height: 100%;
}

.btn_sm {
    min-height: 36px !important;
    padding: 0.5rem 0.875rem 0.5rem 0.875rem !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.btn_md {
    font-size: 0.875rem !important;
    line-height: 20px !important;
    padding: 0.625rem 1rem !important;
}

.btn_lg {
    font-size: 1rem !important;
    line-height: 24px !important;
    padding: 0.625rem 1.125rem !important;
}

.btn_xl {
    font-size: 1rem !important;
    line-height: 24px !important;
    padding: 0.75rem 1.25rem !important;
}

.btn_2xl {
    font-size: 1.125rem !important;
    line-height: 28px !important;
    padding: 1rem 1.75rem !important;
    gap: 12px;
}

.btn_2xl .icon {
    width: 24px;
    height: 24px;
}

.btn_primary_bordered{
    color : var(--polymer-blue);
    background-color: transparent !important;
    font-family: Inter;
    border: 1px solid var(--polymer-blue) !important;
}

.btn_primary_bordered:hover{
    color : var(--polymer-blue);
}

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

.policy_v2_btn,
.create_entity_btn {
    float: right;
    text-transform: none !important;
    font-size: 0.875rem !important;
    line-height: 20px !important;
    padding: 0.725rem 1rem !important;
}

.policy_v2_link {
    padding: 0.725rem 0 !important;
}

    /*-btn-icon-*/
.btn_icon {
    border: none;
    border-radius: 100px;
    text-align: center;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    outline: none;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.btn_icon img,
.btn_icon svg {
    width: 20px;
    height: 20px;
}

.icon_sm {
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.icon_md {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.icon_lg {
    width: 44px;
    height: 44px;
    line-height: 44px;
}

.icon_xl {
    width: 48px;
    height: 48px;
    line-height: 48px;
}

.icon_2xl {
    width: 56px;
    height: 56px;
    line-height: 56px;
}

/*=======featured icon========*/
.feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.feature-icon.circle {
    border-style: solid;
}

.f-primary {
    background-color: #F4FBFF;
}

.f-primary img {
    filter: invert(38%) sepia(52%) saturate(4666%) hue-rotate(179deg) brightness(92%) contrast(101%);
}

.f-primary.circle {
    border-color: #F4FBFF;
    background-color: #E0F4FD !important;
}

.f-secondary {
    background-color: #F2F4F7;
}

.f-secondary.circle {
    border-color: #F9FAFB;
}

.f-secondary img {
  filter: invert(30%) sepia(36%) saturate(346%) hue-rotate(176deg) brightness(91%) contrast(87%);
}

.f-error {
    background-color: #FEE4E2;
}

.f-error.circle {
    border-color: #FEF3F2;
}

.f-warn {
    background-color: #FEF0C7;
}

.f-warn.circle {
    border-color: #FFFAEB;
}

.f-warn img {
  filter: invert(44%) sepia(66%) saturate(2996%) hue-rotate(9deg) brightness(95%) contrast(98%);
}

.f-error img {
    filter: invert(18%) sepia(53%) saturate(7099%) hue-rotate(357deg) brightness(93%) contrast(82%);
    display: block;
    margin: 0 !important;
}

.f-success {
    background-color: #D1FADF;
}

.f-success img {
    filter: invert(36%) sepia(46%) saturate(5933%) hue-rotate(140deg) brightness(95%) contrast(98%);
}

.f-success.circle {
    border-color: #ECFDF3;
}

.f-xs {
    height: 24px;
    width: 24px;
}

.f-xs.circle {
    border-width: 2px;
}

.f-xs img {
    height: 12px;
    width: 12px;
}

.f-sm {
    height: 32px;
    width: 32px;
}

.f-sm.circle {
    border-width: 4px;
}

.f-sm img {
    height: 16px;
    width: 16px;
}

.f-md {
    height: 40px;
    width: 40px;
}

.f-md.circle {
    border-width: 6px;
}

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

.f-lg {
    height: 48px;
    width: 48px;
}

.f-lg.circle {
    border-width: 8px;
}

.f-lg img {
    height: 24px;
    width: 24px;
}

.f-xl {
    height: 56px;
    width: 56px;
}

.f-xl.circle {
    border-width: 10px;
}

.f-xl svg,
.f-xl img {
    height: 28px;
    width: 28px;
}

/*=======labels========*/
.label {
    font-style: normal;
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    align-self: center;
    display: flex;
    gap: 4px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
}

.label .label-icon {
    width: 12px;
    margin-top: -1px;
}

.label .label-icon img {
    width: 100%;
    height: 100%;
}

.label.circle {
    padding: 0rem !important;
    text-align: center;
    display: flex;
}

.label.circle .label-icon {
    margin: auto;
}

.label-sm {
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    line-height: 33px;
}

.label-sm.circle {
    width: 20px;
    height: 20px;
}

.label-md {
    font-size: 0.875rem;
    padding: 0.125rem 0.625rem;
    line-height: 20px;
}

.label-md.circle {
    width: 24px;
    height: 24px;
}

.label-lg {
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
    line-height: 20px;
}

.label-lg.circle {
    width: 28px;
    height: 28px;
}

.error1-bg {
    background: #FEF3F2;
}

.error1 {
    color: #B42318;
}

.error2-bg {
    background: #FEF3F2;
}

.error2 {
    color: #F04438;
}

.warning1-bg {
    background: #FFFAEB;
}

.warning1 {
    color: #B54708;
}

.warning2-bg {
    background: #FFFAEB;
}

.warning2 {
    color: #FDB022;
}

.success-bg {
    background-color: #ECFDF3;
}

.success {
    color: #039855;
}

.primary-bg {
    background-color: #F4FBFF;
}

.primary {
    color: #0073B6;
}

.secondary-bg {
    background-color: #F2F4F7;
}

.secondary {
    color: #344054;
}

.anuval-pagination {
    display: flex;
    margin: 0rem;
    padding: 0rem;
}

.pagination {
    margin: 0px;
}

.page-item:first-child .page-link {
    border-radius: 20px 0px 0px 20px;
}

.page-item:last-child .page-link {
    border-radius: 0px 20px 20px 0px;
}

.pagi-dark .pagi-seprater {
    border: none !important;
}

.pagi-dark .page-item.active .page-link {
    background-color: #0097DD !important;
    color: #ffffff !important;
}

.pagi-dark .page-link:hover {
    background-color: #0097DD !important;
    color: #ffffff !important;
}

.pagi-dark .page-link:focus {
    box-shadow: 0px 0px 0px 4px #E0F4FD !important;
    background-color: #0097DD !important;
    color: #ffffff !important;
}

.pagi-seprater {
    height: 40px;
    width: 40px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #667085;
    line-height: 40px;
    border-color: #D0D5DD !important;
    border: 1px solid;
    margin-left: -1px;
    padding: 0rem 0.75rem
}

.pagi-light .pagi-seprater {
    border: none !important;
}

.pagi-light .page-item:first-child .page-link {
    border-radius: 100px;
}

.pagi-light .page-item:last-child .page-link {
    border-radius: 100px;
}

.pagi-light .page-item.active .page-link {
    color: #0097DD !important;
    background-color: #F4FBFF !important;
}

.pagi-light .page-link:hover {
    background-color: #F4FBFF !important;
    color: #0097DD !important;
}

.pagi-light .page-link:focus {
    box-shadow: 0px 0px 0px 4px #E0F4FD !important;
    background-color: #F4FBFF !important;
    color: #0097DD !important;
}

.pagi-square .page-item:first-child .page-link {
    border-radius: 8px;
}

.pagi-square .page-item:last-child .page-link {
    border-radius: 8px;
}

.pagi-square .page-link {
    border: none;
    border-radius: 8px;
    background-color: transparent;
    color: #667085;
}

.pagi-rounded .page-item:first-child .page-link {
    border-radius: 100px;
}

.pagi-rounded .page-item:last-child .page-link {
    border-radius: 100px;
}

.pagi-rounded .page-link {
    border: none;
    border-radius: 100px;
    background-color: transparent;
    color: #667085;
}

.page-item .pagi-icon {
    height: 20px;
    width: 20px;
    display: flex;
}

.page-item .pagi-icon img {
    width: 100%;
    height: 100%;
}

.page-item.active .page-link {
    background-color: #F9FAFB;
    color: #475467;
    border-color: #D0D5DD;
    z-index: 0;
}

.page-item .page-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: var(--color-grey-500) !important;
    border-color: #D0D5DD !important;
    gap: 8px;
}

.page-item .page-link:focus {
    background-color: #F9FAFB;
    color: #475467;
    border-color: #D0D5DD;
    box-shadow: none;
}

.page-item .page-link:hover {
    background-color: #F9FAFB;
    color: #475467;
    border-color: #D0D5DD;
}

.check-with-label {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.check-with-label:checked + .label-for-check {
    color: #0073B6;
    background: #F2F4F7;
    border-color: #b0e3f9;
    z-index: 1;
}

.pagi-circle {
    border-radius: 20px 20px 20px 20px;
}

.pagi-left {
    border-radius: 20px 0px 0px 20px;
}

.pagi-right {
    border-radius: 0px 20px 20px 0px;
}

.check-with-label {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.check-with-label:checked + .label-for-check {
    color: #0073B6;
    background: #F2F4F7;
    border-color: #b0e3f9;
    z-index: 1;
}

.check-with-label:checked + .label-for-check:hover {
    background-color: #F4FBFF;
    color: #005494;
}

.pagi-primary {
    border-color: #B0E3F9;
    color: #0083CA;
    background-color: #ffffff;
}

.pagi-primary:hover {
    background-color: #E0F4FD;
    color: #005494;
}

.pagi-primary:focus {
    border-color: #44BFF0;
    color: #0073B6;
}

.pagi-secondary {
    border-color: #D0D5DD;
    color: #344054;
    background-color: #ffffff;
}

.pagi-secondary.active:hover {
    background-color: #F4FBFF;
    color: #005494;
}

.pagi-secondary:hover {
    background-color: #F9FAFB;
    color: #101828;
}

.pagi-secondary:focus {
    background-color: #F9FAFB;
    color: #344054;
}

.anpagi, .pagi-circle, .pagi-left, .pagi-center, .pagi-right {
    cursor: pointer;
    display: flex;
    gap: 8px;
    text-align: center;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 20px;
    text-decoration: none;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    padding: 0.563rem 1rem;
    margin: 0rem -0.063rem;
    outline: none;
}
.nav-pills-style2 .pagi-btn {
    border: none;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    height: auto;
    color: #667085 !important;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 20px;
    text-decoration: none;
    outline: none;
    margin-right: 8px !important;
    border-radius: 8px !important;

}
.nav-pills-style2 .active.pagi-btn {
    color: #0083CA !important;
    background-color: #E0F4FD;
}
.nav-pills-style2 .nav-item {
    margin-bottom: 0;
}

.anpagi.active, .active.pagi-circle, .active.pagi-left, .active.pagi-center, .active.pagi-right {
    color: #0073B6;
    background: #F4FBFF;
    border-color: #b0e3f9;
    z-index: 1;
}

.anpagi.active img, .active.pagi-circle img, .active.pagi-left img, .active.pagi-center img, .active.pagi-right img {
    filter: invert(36%) sepia(22%) saturate(3885%) hue-rotate(174deg) brightness(91%) contrast(104%);
}

.anpagi .pagi-icon, .pagi-circle .pagi-icon, .pagi-left .pagi-icon, .pagi-center .pagi-icon, .pagi-right .pagi-icon {
    height: 20px;
    width: 20px;
    display: flex;
}

.anpagi .pagi-icon img, .pagi-circle .pagi-icon img, .pagi-left .pagi-icon img, .pagi-center .pagi-icon img, .pagi-right .pagi-icon img {
    width: 100%;
    height: 100%;
}

/*------number-padination------*/
.page-pagi-count {
    display: flex;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    align-self: center;
    color: #344054;
}

.page-pagi-count span,
.page-pagi-count #num-start {
    display: block;
    margin: 0rem 0.188rem;
}

/*========avatar=======*/
.avatar-right-col {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    align-self: center;
}
.avatar-right-col.with-account-badge {
    flex-direction: row;
    align-items: center;
}
.avatar-right-col.with-account-badge .account-name-left {
    flex-direction: column;
    display: flex;
}
.avatar-right-col.with-account-badge .badge-group {
    height: 22px !important;
    font-size: 12px;
    width: 61px !important;
    min-height: 22px !important;
    margin-left: 12px !important;
}

.avatar-label-group {
    padding: 0.75rem 1.5rem;
    display: flex;
    gap: 12px;
    max-width: 418px;
    width: 100%;
    min-height: 72px;
}

.avatar-label {
    color: #101828;
    font-style: normal;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 20px;
    text-decoration: none;
}

.avatar-group {
    display: flex;
}

.avatar-group .avatar-xs {
    margin-right: -8px;
}

.avatar-group .avatar-sm {
    margin-right: -0.625rem;
}

.avatar-group .avatar-md {
    margin-right: -12px;
}

.avatar-group .avatar-lg {
    margin-right: -14px;
}

.avatar-group .group-item {
    border: 1.5px solid #ffffff;
}

.avatar-para {
    color: #667085;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 20px;
    margin-bottom: 0px;
    text-decoration: none;
}

.avatar-para:hover {
    color: #667085;
}

.avatar-img, .avatar-2xl, .avatar-xl, .avatar-lg, .avatar-md, .avatar-sm, .avatar-xs {
    border-radius: 200px;
    overflow: hidden;
    background-color: #F4FBFF;
    color: #0083CA;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    justify-content: center;
}
.avatar-org{
    background: transparent !important;
}

.avatar-img:focus, .avatar-2xl:focus, .avatar-xl:focus, .avatar-lg:focus, .avatar-md:focus, .avatar-sm:focus, .avatar-xs:focus {
    border: 4px solid #F4FBFF;
}

.avatar-img img, .avatar-2xl img, .avatar-xl img, .avatar-lg img, .avatar-md img, .avatar-sm img, .avatar-xs img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.avatar-xs {
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
    line-height: 18px;
}

.avatar-sm {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
    line-height: 20px;
}

.avatar-md {
    width: 40px;
    height: 40px;
    font-size: 1rem;
    line-height: 24px;
}

.avatar-lg {
    width: 48px;
    height: 48px;
    font-size: 1.125rem;
    line-height: 28px;
}

.avatar-xl {
    width: 56px;
    height: 56px;
    font-size: 1.438rem;
    line-height: 28px;
}

.avatar-2xl {
    width: 64px;
    height: 64px;
    font-size: 2.125rem;
    line-height: 38px;
}

/*--*/
/*===shadows===*/
.shadow_xs {
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.shadow_sm {
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
}

.shadow_md {
    box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.1), 0px 4px 8px rgba(16, 24, 40, 0.1);
}

.shadow_lg {
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

.shadow_xl {
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}

.shadow_2xl {
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}

.shadow_3xl {
    box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}

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

/*====focus====*/
.focus_pri:focus {
    box-shadow: 0px 0px 0px 4px #e0f4fd !important;
}

.focus_sec:focus {
    box-shadow: 0px 0px 0px 4px #f2f4f7;
}

.focus_error:focus {
    box-shadow: 0px 0px 0px 4px #fee4e2;
}

/*=====dashboard-wraper=====*/
.dashboard-wraper {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.main-content {
    padding: 1.8rem 2rem 0rem 2rem;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100vh;
}

.page-header {
    margin-bottom: 2rem;
}

.page-header .header-nav {
    margin-bottom: 20px;
}

.page-header .page-header-wraper {
    display: flex;
    justify-content: space-between;
}

.page-header .page-header-wraper .header-nav {
    margin-bottom: 0px;
}

.page-header .pg-head-left {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    flex-direction: column;
}

.page-header .pg-head-left .head-left-upper {
    display: flex;
}

.page-header .pg-head-left .arrow {
    width: 16px;
    height: 16px;
    display: flex;
}

.page-header .pg-head-left .arrow img,
.page-header .pg-head-left .arrow svg {
    width: 100%;
    height: 100%;
    filter: invert(88%) sepia(7%) saturate(223%) hue-rotate(178deg) brightness(100%) contrast(86%);
}

.page-header .pg-head-right {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
}

.page-header .header-nav {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
}

.page-header .header-nav .page-divider {
    color: #667085;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.page-header .header-nav .icon {
    width: 20px;
    height: 20px;
    display: flex;
}

.page-header .header-nav .icon img,
.page-header .header-nav .icon svg {
    width: 100%;
    height: 100%;
}

.page-header .header-nav .breadcrumb-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    color: var(--color-grey-700);
}

.page-header .header-nav .breadcrumb-link.pri-link {
    color: var(--color-grey-500);
}

.page-header .header-nav .breadcrumb-link.pri-link:hover {
    color: #344054;
}

.page-header .header-nav .breadcrumb-link.pri-link:focus {
    color: #667085;
}

.page-header .header-nav .breadcrumb-link.sec-link {
    color: var(--color-primary-700);
}

.page-header .header-nav .breadcrumb-link.sec-link:hover {
    color: #005494;
}

.page-header .header-nav .breadcrumb-link.sec-link:focus {
    color: #0073B6;
}

.page-header .pg-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #101828;
    margin-bottom: 0rem;
    margin-right: 22px;
}
.page-title .pg-title {
    margin-top: 1.5rem !important;
}

.page-header .para {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin-top: 4px;
    margin-bottom: 0rem;
}

.rick-score-wraper {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.rick-score-wraper .card-wraper {
    margin-bottom: 0rem !important;
}

.overview-wraper .card-wraper {
    margin-bottom: 1.5rem;
}

#violations-wrapper .card-wraper {
    margin-bottom: 50px;
}

.rick-score-box {
    background-color: #ffffff;
    border-radius: 8px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.5rem;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1019);
    border: 1px solid #EAECF0;
}

.daily-rick-score {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
    border-radius: 8px;
    margin-bottom: 24px;
    overflow: hidden;
}

.daily-rick-score .daily-rick-wraper {
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.daily-rick-score .daily-rick-wraper .h-bold02 {
    color: #101828;
    margin-bottom: 1rem;
}

.daily-rick-score .daily-rick-wraper .chart-line {
    height: 64.3653106689px;
    width: 128.0675811768px;
    margin-top: auto;
}

.daily-rick-score .daily-rick-wraper .chart-line img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.change-text {
    display: flex;
}

.change-text .text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    margin-left: 8px;
}

.change-lg {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: none;
    display: flex;
}

.change-lg.error {
    color: #D92D20;
}

.change-lg.error img {
    filter: invert(25%) sepia(35%) saturate(6085%) hue-rotate(350deg) brightness(88%) contrast(92%);
}

.change-lg.success {
    color: #027A48;
}

.change-lg.success img {
    filter: invert(30%) sepia(97%) saturate(847%) hue-rotate(120deg) brightness(88%) contrast(98%);
}

.change-lg .icon {
    height: 20px;
    width: 20px;
    margin-right: 0.25rem;
    display: flex;
}

.change-lg .icon img {
    width: 100%;
}

.change-lg .icon svg {
    width: 100%;
}

.change-sm {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    display: flex;
}

.change-sm.success {
    color: #027A48;
}

.change-sm.success img {
    filter: invert(30%) sepia(97%) saturate(847%) hue-rotate(120deg) brightness(88%) contrast(98%);
}

.change-sm.error {
    color: #D92D20;
}

.change-sm.error img {
    filter: invert(25%) sepia(35%) saturate(6085%) hue-rotate(350deg) brightness(88%) contrast(92%);
}

.change-sm .icon {
    height: 12px;
    width: 12px;
    margin-right: 0.25rem;
}

.change-sm .icon img {
    width: 100%;
}

.change-sm .icon svg {
    width: 100%;
    color: #027A48;
}

.sidebar {
    position: relative;
    top: 0;
    left: 0;
    height: 100vh !important;
    min-width: 312px;
    background-color: #ffffff;
    padding: 2rem 1rem 0rem 1rem;
    border-right: 1px solid #EAECF0;
}

.sidebar .sidebar-inner {
    overflow: hidden;
    height: 100%;
}

.sidebar.close {
    min-width: 80px;
    max-width: 80px;
}
.sidebar.animateOpen {
      -webkit-animation: sideopen 0.2s ease-in-out;
      animation: sideopen 0.2s ease-in-out;
    -webkit-animation: sideopen 0.2s ease-in-out;
    animation: sideopen 0.2s ease-in-out;
}
.sidebar.animateClose {
    -webkit-animation: sideclose 0.2s ease-in-out;
    animation: sideclose 0.2s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


@keyframes sideopen {
    from {
        min-width: 80px;
        max-width: 80px;
    }
    to {
        min-width: 312px;
        max-width: 312px;
    }
}

@-webkit-keyframes sideclose {
    from {
        min-width: 312px;
        max-width: 312px;
    }
    to {
        min-width: 80px;
        max-width: 80px;
    }
}

.sidebar .logo {
    margin-left: 0.875rem;
}

.sidebar .nav-links {
    height: 100%;
    padding: 2.738rem 0 9.375rem 0;
    overflow: auto;
}

.sidebar.close .nav-links {
    overflow: visible;
}

.sidebar .nav-links::-webkit-scrollbar {
    display: none;
}

.nav-item {
    align-items: center;
    justify-content: space-between;
    list-style: none;
    position: relative;
    margin-bottom: 0.25rem;
    transition: 0.3s ease-in-out;
}

.sidebar .nav-item {
    min-width: 280px;
}

.sidebar.close .sub-num {
    display: none;
}

.sidebar.close .nav-item {
    min-width: unset;
}
.sub-links {
    list-style: none;
    max-width: 279px;
    text-transform: capitalize;
    margin-bottom: 0.25rem;
}

.empty-item {
    padding: 0.5rem 0.7rem 0.5rem 3rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    height: 40px;
}

.nav-item .sub-num {
    height: 24px;
    width: 29px;
    border-radius: 16px;
    color: #344054;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    margin-left: auto;
    letter-spacing: 0em;
    text-align: center;
    margin-right: 0.813rem;
    display: flex;
    align-items: center;
    margin-top: auto;
    justify-content: center;
    margin-bottom: auto;
    background-color: #F2F4F7;
}

.nav-item .sub-menu a {
    white-space: nowrap;
    transition: all 0.3s ease;
}

.nav-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.nav-item a .link_name {
    color: #344054;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    white-space: nowrap;
}

.nav-item .link-data {
    margin-left: auto;
    display: flex;
}

.nav-item .arrow {
    cursor: pointer;
    height: 20px;
    width: 20px;
    display: flex;
    position: relative;
    top: 3px;
}

.nav-item .arrow svg,
.nav-item .arrow img {
    filter: invert(69%) sepia(10%) saturate(484%) hue-rotate(179deg) brightness(93%) contrast(84%);
}

.nav-item.showMenu .sub-menu {
    display: block;
}

.nav-item.showMenu .arrow {
    transform: rotate(-180deg);
}

.nav-item:hover .sub-menu {
    top: -14px;
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: 0.3s ease-in-out;
}

.nav-item .icon {
    min-width: 52px;
    text-align: center;
    max-width: 52px;
    display: block;
}

.nav-item.active .icon-link a .link_name {
    color: #0073b6;
    font-weight: 700;
}

.nav-item .icon-link {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 100px;
    padding: 0.5rem 0.75rem 0.5rem 0rem;
}

.nav-item .icon-link:hover {
    background-color: #F2F4F7;
    transition: 0.3s ease-in-out;
}

.nav-item .mob-sub-title {
    height: 40px;
    border-radius: 100px;
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
}

.nav-item .mob-sub-title img,
.nav-item .mob-sub-title i {
    margin-right: 0.875rem;
}

.sidebar li {
    list-style: none;
}

.sub-menu {
    padding: 0.375rem 0rem 0rem 0rem;
    margin-top: 0px;
    display: none;
    overflow: auto;
    max-height: 528px;
}

.mob-sub-title img,
.mob-sub-title svg {
    filter: none !important;
}

.sub-menu::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
}

.sub-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d0d5dd;
    width: 8px;
}

.sub-links a {
    text-transform: capitalize;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    height: 40px;
    display: flex;
    width: 100%;
    border-radius: 100px;
    padding: 0.5rem 0.7rem 0.5rem 3rem;
    background-color: #fff;
    color: #475467;
    text-decoration: none;
}

.sub-links a:hover {
    background-color: #F2F4F7;
    transition: 0.3s ease-in-out;
}

.mob-sub-title,
.mob-sub-first-link,
.mob-sub-first-no-link {
    display: none;
}

.sub-menu a:hover {
    opacity: 1;
}
.sidebar-inner .sub-menu a:hover,
.sidebar-inner .nav-item .icon-link:hover {
    background-color: #E0F4FD;
}
.sidebar-inner .nav-item .icon-link,
.sidebar-inner .sub-menu a {
    border-radius: 8px;
}

.sub-link-icon {
    margin-right: 0.875rem;
    height: 24px;
}

.sub-link-icon:not(.no-svg-filter) svg,
.sub-link-icon:not(.no-svg-filter) img {
    filter: invert(44%) sepia(10%) saturate(807%) hue-rotate(183deg) brightness(95%) contrast(89%);
}

.mob-sub-title a {
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: left;
    color: #344054;
    margin: auto 0rem;
}

.sidebar .toogle-menu {
    display: block;
    top: 25px;
    position: absolute;
    right: -19px;
    cursor: pointer;
}

.sidebar .toogle-menu:focus {
    box-shadow: none !important;
}

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

.sidebar .profile-details {
    position: absolute;
    bottom: 0;
    padding-top: 1.5rem;
    background-color: #ffffff;
    width: 100%;
    max-width: 276px;
}
.sidebar .profile-details .dropdown-toggle.show {
    border: none !important;
    box-shadow: none !important;
}
.sidebar .profile-details .dropdown-toggle.show img {
    filter: none;
}

.sidebar .profile-details .avatar-label-group {
    padding-left: 0rem;
    padding-right: 0rem;
    background-color: #ffffff;
}

.sidebar.close {
    padding: 1.875rem 1rem 2rem 1rem;
}

.sidebar.close .logo {
    width: 20px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0.938rem;
}

.sidebar.close .sidebar-inner {
    overflow: visible;
}

.sidebar.close .dropdown-menu .avatar-right-col {
    display: flex !important;
}

.sidebar.close .profile-details {
    width: 47px;
    right: 19px;
}

.sidebar.close .profile-details .avatar-right-col {
    display: none;
}

.sidebar.close .profile-details img {
    padding: 0rem;
}

.sidebar.close .profile-details .dropdown {
    margin-left: auto;
}

.sidebar.close .icon-link img {
    margin: auto;
}

.sidebar.close .nav-item .link-data {
    opacity: 0;
    transition: 0.3s ease-in-out;
    display: none;
}

.sidebar.close .nav-item .icon-link {
    padding-right: 0rem;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.sidebar.close .nav-item .icon {
    margin-left: auto;
}

.sidebar.close .nav-item .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 0.625rem 1.25rem;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
    width: 300px;
    border-radius: 8px;
    box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    background-color: #ffffff;
    overflow: auto;
    z-index: 999;
}

.sidebar.close .nav-item a .link_name {
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    display: none;
}

.sidebar.close .avatar-label-group {
    padding-left: 0rem;
    padding-right: 0rem;
}

.sidebar.close .sub-menu::-webkit-scrollbar {
    width: 0px;
}

.sidebar.close .mob-sub-title,
.sidebar.close .mob-sub-first-link,
.sidebar.close .mob-sub-first-no-link {
    display: flex;
}
.sidebar.close .mob-sub-first-link a,
.sidebar.close .mob-sub-first-no-link a {
    padding-left: 0.75rem !important;
}
.sidebar.close .mob-sub-first-link img,
.sidebar.close .mob-sub-first-no-link img {
    margin-right: 0.875rem;
    height: 24px;
}
.sidebar.close .mob-sub-first-no-link a:hover {
    background-color: transparent;
    cursor: default;
}

.sidebar.close .nav-links .nav-item:hover .submenu-wraper::before {
    position: absolute;
    content: "";
    left: -55px;
    width: 62px;
    top: -20px;
    z-index: 1;
    right: 100%;
    opacity: 1;
    height: 100px;
    min-height: 100%;
    display: block;

}

.sidebar.close .nav-links .nav-item:hover .submenu-wraper::after {
    position: absolute;
    content: "";
    left: -7px;
    width: 24px;
    transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);
    height: 24px;
    top: 24px;
    z-index: 1;
    background-color: #ffffff;
}

.sidebar.close .sub-links a {
    padding: 0.5rem 0.75rem 0.5rem 1.875rem;
}

.sidebar.close .submenu-wraper {
    position: relative;
    display: block;
    top: -53px;
    margin-left: 5.438rem;
}

.sidebar.close .arrow {
    display: none;
}

/*===dropdown==*/
.list-item {
    height: 40px;
    max-width: auto;
    border-radius: 0px;
    list-style: none;
    background-color: #ffffff;
    display: flex;
}

.list-item input {
    margin-right: 0.75rem;
}

.list-item:hover {
    background-color: #F2F4F7;
}

.list-item:focus {
    background-color: #F4FBFF;
}

.list-item .list-icon {
    display: block;
    min-width: 16px;
    max-width: 16px;
    margin-right: 0.875rem;
    height: 16px;
    margin-top: 1px;
    margin-bottom: auto;
}

.list-item .list-icon img {
    height: 100%;
    width: 100%;
}

.list-item .list-icon svg {
    height: 100%;
    width: 100%;
}

.list-item .list-icon .feather {
    height: 100%;
    width: 100%;
    vertical-align: baseline;
}

.list-item a {
    display: flex;
    text-decoration: none;
    color: #344054;
    padding: 0.625rem 1rem 0.625rem 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}

.list-item a:focus {
    background-color: #F4FBFF !important;
}

.list-item a:hover {
    color: #344054;
    background-color: #F2F4F7;
}

.list-item .list-text {
    color: #344054;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.dropdown_menu {
    display: block;
    padding: 0rem;
    margin: 0rem;
}

.list-divider {
    display: block;
    max-width: 240px;
    height: 1px;
    width: 100%;
    background-color: #F2F4F7;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 0.563rem 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-toggle {
    border: none;
    outline: none;
    background: transparent;
}

.dropdown-toggle::after {
    content: none !important;
}

.dropdown-menu {
    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 !important;
    border: 1px solid #F2F4F7 !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-bottom: 1.25rem !important;
    min-width: 240px;
}

.dropdown-menu .list-divider {
    max-width: 100%;
}

.dropdown-menu .avatar-label-group {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/*===check boxes===*/
input.cbk {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

input.cbk:disabled:checked::after {
    border-color: #D0D5DD;
    background-color: #F2F4F7;
}

input.cbk:disabled:checked::before {
    border-color: #D0D5DD;
    background-color: #F2F4F7;
}

input.cbk::after {
    background: #ffffff;
    border: 1px solid #D0D5DD;
    transition: 0.3s ease-in-out;
    top: 0px;
    left: 0px;
    content: "";
    position: absolute;
}

input.cbk:checked:after {
    border-color: #0073B6;
    background: #F4FBFF;
}

input.cbk:hover::after {
    background: #F4FBFF;
    border-color: #0073B6;
}

input.cbk:focus::after {
    border-color: #44BFF0;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.cb-sm {
    width: 16px;
    height: 16px;
    top: 4px;
}

.cb-sm:disabled::after {
    background-color: #F2F4F7;
}

.cb-sm:disabled:hover::after {
    border-color: #D0D5DD;
}

.cb-sm:checked::before {
    transition: 0.3s ease-in-out;
    left: 4px;
    top: 4px;
    height: 5.5px;
    width: 8px;
    border-top: 2px solid #0073B6;
    content: "";
    position: absolute;
    z-index: 9;
    border-right: 2px solid #0073B6;
    transform: rotate(130deg);
}

.cb-sm::after {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.cb-md {
    width: 20px;
    height: 20px;
    border-radius: 6px;
}

.cb-md:disabled::after {
    background-color: #F2F4F7;
}

.cb-md:disabled:hover::after {
    border-color: #D0D5DD;
}

.cb-md:checked::before {
    height: 6.4166660309px;
    width: 9.3333320618px;
    left: 5px;
    top: 5px;
    border-top: 2px solid #0073B6;
    content: "";
    position: absolute;
    z-index: 9;
    border-right: 2px solid #0073B6;
    transform: rotate(130deg);
}
.cb-md:checked#checkAll::before {
    border-right: none;
    transform: rotate(0deg);
    top: 9px;
}

.cb-md::after {
    width: 20px;
    height: 20px;
    border-radius: 6px;
}

/*--radio box--*/
.intermidiate::after {
    border-color: #0073B6 !important;
    background-color: #F2F4F7 !important;
}

.intermidiate:disabled::before {
    border-color: #D0D5DD;
}

.intermidiate:disabled:hover::after {
    border-color: #D0D5DD;
    background-color: #F2F4F7 !important;
}

.intermidiate:disabled::after {
    border-color: #D0D5DD !important;
    background-color: #F2F4F7 !important;
}

.intermidiate::before {
    height: 0;
    width: 9.3333320618px;
    left: 5px;
    top: 9px;
    border-top: 2px solid #0073B6;
    content: "";
    position: absolute;
    z-index: 9;
    border-right: 2px solid #0073B6;
    transform: rotate(180deg);
}

input.rd {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

input.rd:disabled::after {
    border-color: #D0D5DD;
    background-color: #F2F4F7;
}

input.rd:disabled:hover::after {
    border-color: #D0D5DD;
    background-color: #F2F4F7;
}

input.rd:hover::after {
    background: #F4FBFF;
    border-color: #0073B6;
}

input.rd:focus::after {
    border-color: #44BFF0;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

input.rd::after {
    background: #ffffff;
    border: 1px solid #D0D5DD;
    transition: 0.3s ease-in-out;
    top: 0px;
    left: 0px;
    content: "";
    position: absolute;
}

input.rd:checked:after {
    border-color: #0073B6;
    background: #F4FBFF;
}

input.rd:disabled:checked:after {
    border-color: #D0D5DD;
    background-color: #F2F4F7;
}

input.rd:disabled:checked:before {
    background-color: #D0D5DD;
}

.rd-sm {
    width: 16px;
    height: 16px;
    top: 4px;
}

.rd-sm::after {
    width: 16px;
    height: 16px;
    border-radius: 100px;
}

.rd-sm:checked::before {
    border-radius: 100px;
    height: 6px;
    min-width: 6px;
    background-color: #005494;
    content: "";
    z-index: 9;
    position: absolute;
    top: 5px;
    left: 5px;
}

.rd-md {
    width: 20px;
    height: 20px;
}

.rd-md::after {
    width: 20px;
    height: 20px;
    border-radius: 100px;
}

.rd-md:checked::before {
    border-radius: 100px;
    height: 8px;
    min-width: 8px;
    background-color: #005494;
    content: "";
    z-index: 9;
    position: absolute;
    top: 6px;
    left: 6px;
}

.box-input {
    display: flex;
    gap: 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.box-input.disabled .in-label {
    color: #D0D5DD;
}

.label-wraper {
    display: block;
}

.label-wraper label{
    cursor: pointer;
}

.label-wraper .in-label-sm {
    color: #344054;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.label-wraper .in-label-md {
    color: #344054;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.label-wraper .lb-text-sm {
    color: #667085;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    display: block;
}

.label-wraper .lb-text-md {
    color: #667085;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    display: block;
}

/*=====filter-form=====*/
.selet-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.filter-title {
    font-size: 1.438rem;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #344054;
    margin-bottom: 1rem;
    transition: 0.3s;
}

.canvas-form {
    position: fixed;
    right: -100%;
    top: 0px;
    z-index: 9;
    height: 100%;
    overflow: auto;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    background-color: var(--color-grey-25);
}


.canvas-form .filter-title {
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
    z-index: 9;
}
.filter-title.with-archive-btn,
.filter-title.with-archive-btn .archive-btns,
.user-title.with-archive-btn,
.user-title.with-archive-btn .archive-btns {
    display: flex;
    align-items: center;
    gap: 12px;
}
.with-archive-btn .archive-label {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    color: #667085;
}
.canvas-form .filter-form-buttons {
    margin-top: 0;
}

.canvas-form .close-btn {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 25px !important;
    margin-left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.canvas-form.open {
    -webkit-animation-name: fadetoRight;
    animation-name: fadetoRight;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.canvas-form.close {
    -webkit-animation: fadeInRight 1s ease-in-out;
    animation: fadeInRight 1s ease-in-out;
}

@-webkit-keyframes fadetoRight {
    from {
        right: -100%;
    }
    to {
        right: 0%;
    }
}

@keyframes fadetoRight {
    from {
        right: -100%;
    }
    to {
        right: 0%;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        right: 0%;
    }
    to {
        right: -100%;
    }
}

@keyframes fadeInRight {
    from {
        right: 0%;
    }
    to {
        right: -100%;
    }
}

.canvas-form::-webkit-scrollbar {
    width: 0px;
}

.filter-form-buttons {
    display: flex;
    gap: 28px;
    margin-top: auto;
    padding-bottom: 24px;
}

.filter-form-buttons .btn {
    width: 100% !important;
}

.input-dropdown {
    margin-bottom: 1.5rem;
}

.filter-form {
    padding: 1.5rem 1.5rem 1.375rem 1.5rem;
    background-color: var(--color-grey-25);
    height: 100vh;
    width: 450px;
    border-radius: 0px;
    display: flex;
    min-height: 915px;
    flex-direction: column;
    position: relative;
}

.filter-form .close-btn {
    background: transparent;
    outline: none;
    position: absolute;
    right: 12px;
    top: 12px;
    border: none;
    border-radius: 8px;
    background-color: #FFFFFF;
}

.date-picker {
    position: relative;
    display: block;
}

.date-picker .date-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 8px;
    right: 18px;
    pointer-events: none;
}
#manage-scan-modal .date-picker .date-icon {
    top: 10px;
}

.date-picker img {
    width: 100%;
    height: 100%;
}

.date-picker input {
    height: 44px;
    width: 100%;
    border-radius: 100px;
    padding: 10px 14px 10px 14px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 100px;
    outline: none;
    cursor: pointer;
    caret-color: transparent;
}
.date-picker.show-cursor input,
.date-picker input[type="number"] {
    caret-color: #212529;
}
.date-picker input::placeholder,
#remote-users input.select2-search__field::placeholder{
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #101828 !important;
    font-family: "Inter", "Red Hat Display", sans-serif !important;
}
.date-picker input[type="number"] {
    caret-color: black;
}
.date-picker input:focus {
    border: 1px solid #44BFF0 !important;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}
.dropdown-label {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    display: block;
    margin-bottom: 6px;
    color: #344054;
}

.dropdown-icon {
    position: absolute;
    top: 8px;
    left: 14px;
    height: 20px;
    z-index: 1;
    width: 20px;
}

.dropdown-icon img {
    width: 100%;
    height: 100%;
}

.d-inner-wraper {
    display: block;
    position: relative;
}

/*=====select2======*/
.select2-search__field {
    background: #FCFCFD;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 100px;
    outline: none;
    padding-left: 2.625rem !important;
    height: 44px;
    background-image: url(../icons/search.svg);
    background-size: 20px 20px;
    background-position: 14px 50%;
    background-repeat: no-repeat;
}

.select2-search__field::-moz-placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    text-transform: capitalize;
}

.select2-search__field:-ms-input-placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    text-transform: capitalize;
}

.select2-search__field::placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    text-transform: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
}

.select2-container--default .select2-selection--single b {
    background-color: transparent;
    border-color: transparent !important;
}

.select2-container--open .select2-selection__arrow,
.filter-custom-reports-form#canvas-form .select2-hidden-accessible~.select2-container--default.select2-container--open .select2-selection--multiple:before,
.filter-entities-form#canvas-form .select2-hidden-accessible~.select2-container--default.select2-container--open .select2-selection--multiple:before,
.filter-files-form#canvas-form .select2-hidden-accessible~.select2-container--default.select2-container--open .select2-selection--multiple:before,
.events-filter-form#canvas-form .select2-hidden-accessible~.select2-container--default.select2-container--open .select2-selection--multiple:before,
.account-filters-form#canvas-form .select2-hidden-accessible~.select2-container--default.select2-container--open .select2-selection--multiple:before,
#manage-scan-modal .policy-builder .select2-hidden-accessible~.select2-container--default.select2-container--open .select2-selection--multiple:before,
.policy-builder .search-box.wo-search-icon .select2-container.select2-container--open:before{
    transform: rotate(-180deg);
}

.select2-selection__arrow,
#manage-scan-modal .policy-builder .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.filter-custom-reports-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before ,
.filter-files-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before ,
.events-filter-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before ,
.domains-select-wrap .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before ,
.account-filters-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before ,
.filter-entities-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.policy-builder .search-box.wo-search-icon .select2-container:before {
    background-image: url("../icons/chevron-down.svg");
    height: 20px !important;
    position: absolute !important;
    top: 14px !important;
    background-size: contain;
    right: 19px !important;
    width: 19px !important;
    background-position: center;
}
.filter-custom-reports-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before ,
.filter-entities-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.filter-files-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.events-filter-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.domains-select-wrap .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.account-filters-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.filter-files-form#canvas-form .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before,
.policy-builder .search-box.wo-search-icon .select2-container:before {
    content: '';
    z-index: 1;
}
.filter-custom-reports-form#canvas-form select ~ .select2-container--default.select2-container--open ,
.filter-entities-form#canvas-form select ~ .select2-container--default.select2-container--open ,
.filter-files-form#canvas-form select ~ .select2-container--default.select2-container--open,
.domains-select-wrap select ~ .select2-container--default.select2-container--open,
.account-filters-form#canvas-form select ~ .select2-container--default.select2-container--open,
.events-filter-form#canvas-form select ~ .select2-container--default.select2-container--open {
    border: 1px solid #44BFF0 !important;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}
.select2-search--dropdown {
    padding: 0.75rem 0.75rem 0rem 0.75rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
}

.events-filter-form#canvas-form .select2-selection--clearable .show-clear-btn,
.account-filters-form#canvas-form .input-dropdown.show-clear-btn .select2-selection--clearable .select2-selection__clear {
    display: block !important;
    background-image: url("../icons/x.svg");
    height: 20px !important;
    position: absolute !important;
    top: 14px !important;
    background-size: contain;
    right: 19px !important;
    width: 19px !important;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    margin: 0;
    z-index: 10;
}
.events-filter-form#canvas-form .select2-hidden-accessible~.select2-container--default:has(.show-clear-btn) .select2-selection--multiple:before,
.account-filters-form#canvas-form .input-dropdown.show-clear-btn .select2-selection--multiple:before {
    display: none;
}

.select2-results__option--selectable {
    color: #101828;
    background-color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    padding: 0.625rem 0.875rem 0.625rem 0.875rem;
    gap: 8px;
    height: auto;
    text-transform: capitalize;
}
.with-all-btn.select2-results__options[aria-multiselectable="true"] .select2-results__option.select2-results__option--selectable:has(.select2-all-btn) {
    padding-left: 15px;
}
.select2-results__option--selectable > span{
    margin-left: 25px;
}
#remote-users .select2-results__option--selectable .remote-user-name,
.select2-results__option--selectable > span {
    margin-left: 6px;
}
.select2-results__option--selectable .remote-user-name {
    display: block;
    font-weight: 400;
    color: var(--color-grey-500);
    font-size: 14px;
}

.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #F9FAFB !important;
    color: #101828;
}

.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
    color: #101828;
}
.with-all-btn.select2-results__options[aria-multiselectable="true"] .select2-results__option.select2-results__option--selectable:has(.select2-all-btn) {
    padding-left: 15px;
}
.select2-container--default .select2-results__option--selectable {
    position: relative;
}
.select2-results__options[aria-multiselectable="true"]:has(.select2-all-btn) .select2-results__option.select2-results__option--selectable:first-child::after {
    display: none;
}
.select2-container--default .select2-results__option--selected {
    background-color: #FFFFFF !important;
    position: relative;
}
.select2-results__options[aria-multiselectable="true"]:not(.all-selected) .select2-all-btn {
    background-color: #F4FBFF !important;
    color: #0073B6 !important;
}
.select2-results__options[aria-multiselectable="true"]:not(.all-selected) .select2-all-btn img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(7%) saturate(2457%) hue-rotate(168deg) brightness(99%) contrast(98%);
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option.select2-results__option--selectable{
    padding: 0.625rem 0.875rem 0.625rem 42px;
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option.select2-results__option--selectable::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 14px;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../icons/check-grey.svg");
    background-repeat: no-repeat;
}

.select2-container--default .select2-results__option--selected::after,
.select2-container--default .all-selected .select2-results__option--selectable::after {
    background-image: url("../icons/check1.svg") !important;
}

.select2-container--default .select2-results__option--selected.select2-results__option--highlighted,
.select2-container--default .all-selected .select2-results__option--selectable.select2-results__option--highlighted {
    background-color: #E0F4FD !important;
}

.select2-container--default .select2-selection--single {
    background: #ffffff;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 10px 14px 10px 42px;
}

.select2-container--default .select2-selection--single:focus {
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.select2-container--open .select2-selection--single {
    box-shadow: 0px 0px 0px 4px #E0F4FD;
    border-radius: 100px !important;
    border-color: #B0E3F9;
}

.select2-container--open .select2-dropdown--below {
    background: #FFFFFF;
    border: 1px solid #F2F4F7;
    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;
    overflow-y: auto;
}

.select2-container--open .select2-dropdown--below::-webkit-scrollbar {
    width: 12px;
    border-radius: 100px;
}

.select2-container--open .select2-dropdown--below::-webkit-scrollbar-thumb {
    background: #EAECF0;
    border-radius: 100px;
    width: 12px;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 320px;
    overflow: visible;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 100px;
}

.js-basic-single {
    width: 100% !important;
    max-width: 407px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
    height: 44px;
    min-height: 42px;
    width: 100%;
    border-radius: 100px;
    background: #ffffff;
    border-left: 20px solid transparent !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 100px;
    outline: none;
    padding-right: 12px;
    overflow: hidden;
    border-right: 20px solid transparent !important;
    border-top: none !important;
    border-bottom: none !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 100%;
    padding: 0px;
    margin: 0px;
    padding-top: 15px;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    top: -4px;
    display: flex;
    border: none !important;
    padding-left: 5px !important;
    padding-right: 3.625rem;
    min-width: 120px;
    white-space: nowrap;
    cursor:pointer;
}

.select2-selection--multiple .select2-selection__rendered {
    margin-left: 0px !important;
}

select~.select2-container--default {
    border: 1px solid #D0D5DD;
    border-radius: 100px;
    max-width: 400px !important;
}

.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
    margin-top: -10px;
    color: red;
}

.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
    margin-top: -10px;
    color: red;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    margin-top: -10px;
    color: red;
}

.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #101828;
}

.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #101828;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #101828;
}

.select2-selection__clear {
    display: none !important;
}

.select2-selection__choice {
    background-color: #F2F4F7 !important;
    border: none !important;
    font-style: normal;
    font-weight: 500;
    border-radius: 16px !important;
    text-align: center;
    font-size: 0.875rem;
    padding: 4px 8px !important;
    line-height: 20px;
    text-transform: capitalize;
    display: flex !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 35px !important;
    overflow: visible !important;
    margin-top: 0px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0px;
    margin-left: 10px;
    padding-bottom: 2px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
    height: 6px;
    border-radius: 10px;
    background-color: #EAECF0;
}

.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
    height: 6px;
    border-radius: 10px;
    background-color: #98A2B3;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding: 0px !important;
    order: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent !important;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #667085;
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    order: 2;
    margin-left: auto;
    padding-left: 5px;
    position: absolute;
    top: 3px;
    right: 12px;
    padding: 0px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.select2-selection--multiple {
    display: flex !important;
    overflow-x: auto !important;
}

.select2-selection--multiple::-webkit-scrollbar-thumb {
    height: 4px;
    border-radius: 10px;
    background-color: #98A2B3;
    cursor: pointer;
}

.select2-selection--multiple::-webkit-scrollbar {
    height: 4px;
    border-radius: 10px;
    background-color: #EAECF0;
}

.select2-container--default .select2-results__option--disabled {
    color: #999;
    display: none;
}

/*====datepiker====*/
.ui-datepicker {
    width: 328px;
    background: #ffffff;
    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;
    padding: 1.25rem;
    flex-direction: column;
    display: flex;
    position: absolute;
    top: 0px;
    display: none;
    z-index: 9999 !important;
}

.ui-datepicker .ui-datepicker-title select {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    padding: 0.625rem 2rem 0.625rem 0.875rem;
    gap: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../icons/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 20px 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    outline: none;
    text-align: left;
    color: #101828;
    height: 44px;
    width: 90px;
}

.ui-datepicker .ui-datepicker-title select option {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.ui-datepicker .ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    width: 40px;
    border-radius: 100px;
    height: 40px;
    text-decoration: none;
    color: #101828;
    margin: 0px;
    font-size: 0.875rem;
    display: block;
    outline: none;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default:hover {
    background-color: #F2F4F7;
}

.ui-datepicker .ui-datepicker-today a,
.ui-datepicker  a.ui-state-highlight.ui-priority-secondary {
    background-color: #0073B6;
    color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-today a:hover {
    background-color: #0073B6 !important;
    color: #ffffff !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    opacity: 0.3;
    cursor: default;
}

.ui-datepicker .ui-datepicker-other-month a {
    color: #667085 !important;
}

.ui-datepicker .ui-datepicker-title {
    gap: 12px;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    text-align: center;
    display: flex;
    align-items: center;
}

.ui-datepicker .ui-datepicker-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 34px;
    align-items: center;
}

.ui-datepicker .ui-datepicker-next {
    order: 1;
}

.ui-datepicker .ui-datepicker-current {
    display: none;
}

.ui-datepicker .ui-datepicker-close {
    display: block;
    border-radius: 8px;
    width: auto;
    padding: 10px 18px;
    outline: none;
    height: 44px;
    background: #F4FBFF;
    border: 1px solid #F4FBFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    border: none;
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
    margin-top: auto;
    color: #0073B6;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url("../icons/chevron-right.svg") !important;
    transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-next span {
    background-image: url("../icons/chevron-right.svg") !important;
}

.ui-datepicker .ui-icon {
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: auto;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev.ui-corner-all,
.ui-datepicker .ui-datepicker-next.ui-corner-all {
    background: #ffffff;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    display: flex;
    height: 36px;
    width: 36px;
    text-decoration: none;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar thead tr th span {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 20px;
    color: #101828;
    letter-spacing: 0em;
    text-align: center;
    display: block;
    margin-bottom: 0.75rem;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin-top: auto;
}

.ui-datepicker .tag-selected {
    list-style: none;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 0.313rem;
    margin-top: 0.313rem;
    padding: 0 0.313rem;
}

.ui-datepicker .destroy-tag-selected {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 0.125rem;
}

.ui-datepicker .destroy-tag-selected:hover {
    text-decoration: none;
}

/*===========toggle===========*/
.switch {
    position: relative;
    display: inline-block;
}

.switch.success input:checked + .slider {
    background-color: #12B76A;
}

.switch.success input:checked:hover + .slider {
    background-color: #12B76A;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch input:checked + .slider {
    background-color: #0097DD;
}

.switch input:checked:hover + .slider {
    background-color: #0083CA;
}

.switch input:focus + .slider {
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F2F4F7;
    transition: 0.4s;
    border-radius: 34px;
}

.switch .slider:before {
    position: absolute;
    content: "";
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
    border-radius: 50%;
}

.switch:hover .slider {
    background-color: #EAECF0;
}

.toogle-wraper {
    display: flex;
}

.toogle-wraper .empty {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    margin-right: 18px;
}

.toogle-wraper input:checked ~ .empty {
    color: #101828 !important;
}

.toogle-wraper .lb-sm {
    margin-left: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #344054;
    cursor: pointer;
}

.toogle-wraper .lb-md {
    margin-left: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    cursor: pointer;
}

.switch.toggle-sm {
    height: 20px;
    width: 36px;
}

.switch.toggle-sm input:checked + .slider:before {
    transform: translateX(16px);
}

.switch.toggle-sm .slider.round:before {
    height: 16px;
    width: 16px;
}

.switch.toggle-md {
    height: 24px;
    width: 44px;
}

.switch.toggle-md input:checked + .slider:before {
    transform: translateX(21px);
}

.switch.toggle-md .slider.round:before {
    height: 20px;
    width: 20px;
}

.dxg-tracker {
    -webkit-clip-path: url("../images/error-chart.svg");
    clip-path: url("../images/error-chart.svg");
}

.gauge-wrapper {
    display: block;
    max-width: 240px;
    width: 240px;
}

.gauge-wrapper .test {
    z-index: 12;
    width: 100%;
    display: flex;
    height: 17px;
    padding-right: 3px;
    padding-left: 8px;
    justify-content: space-between;
}

.gauge-wrapper #percentage {
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -0.04em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.gauge-wrapper .score-value {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    justify-content: center;
    gap: 8px;
}

.gauge-wrapper .score-value .label {
    font-weight: 700;
}

.gauge-wrapper .score-value h5 {
    margin: 0px;
    font-size: 23px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #475467;
}

.gauge-wrapper .score-situation {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.slice-colors {
    height: 136.000084px;
    max-width: 240px;
    background-image: url("../images/Line.png");
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.align-btm {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #667085;
}

.gauge {
    width: 100%;
    max-width: 240px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.needle {
    width: 49%;
    height: 5px;
    position: absolute;
    bottom: 10px;
    left: 0px;
    transform-origin: 100% 0px;
    transform: rotate(0deg);
    display: block;
    z-index: 1;
}

.needle::after {
    content: "";
    background-image: url("../images/pin.png");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -52px;
    transform: rotate(-157deg);
    height: 100px;
    width: 100px;
    background-size: contain;
    left: 23px;
}

.speed {
    display: block;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: -27px;
}

.legend-item {
    display: flex;
    gap: 8px;
    color: #667085;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    align-items: center;
}

.legend-item .circle {
    min-width: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 8px;
    border-radius: 50px;
}

.legend-item .pri600 {
    background-color: #0097DD;
}

.legend-item .pri900 {
    background-color: #005494;
}

.legend-item .success400 {
    background-color: #32D583;
}

.legend-item .success500 {
    background-color: #12B76A;
}

.legend-item .success600 {
    background-color: #039855;
}

.legend-item .success900 {
    background-color: #054F31;
}

.legend-item .warn500 {
    background-color: #F79009;
}

.legend-item .warn800 {
    background-color: #93370D;
}

.legend-item .error400 {
    background-color: #F97066;
}

.legend-item .error600 {
    background-color: #D92D20;
}

.legend-item .teal500 {
    background-color: #00AE88;
}

.legend-item .teal800 {
    background-color: var(--color-teal-800);
}

.legend-item .indigo400 {
    background-color: #714CFE;
}

.legend-item .indigo600 {
    background-color: #3722F6;
}

.legend-item .pink500 {
    background-color: #F21791;
}

.legend-item .pink900 {
    background-color: #8A1372;
}

.label-row {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    row-gap: 10px;
    min-height: 72px;
    max-width: 600px;
    flex-wrap: wrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.remove-edit {
    display: flex;
    align-items: center;
}

.remove-edit button {
    outline: none;
    border: none !important;
    box-shadow: none;
}

.security_policies-wraper .page-header {
    margin-bottom: 34px;
}

.policy-tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}

.policy-tabs .pagi-circle {
    margin-left: 24px;
}

.nav.nav-tabs {
    border-bottom: none;
}

.input-field {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    align-items: center;
}

.input-field.text-group input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 2.625rem;
}

.input-wraper {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 44px;
    display: flex;
}

.input-wraper .group-name {
    background-color: #F2F4F7;
    color: #101828;
    border-radius: 0px 100px 100px 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #101828;
    display: flex;
    align-items: center;
    padding: 0.625rem 0.75rem 0.625rem 0.75rem;
}

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

.input-wraper input::-moz-placeholder {
    color: #667085;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    -moz-user-select: none;
    user-select: none;
}

.input-wraper input:-ms-input-placeholder {
    color: #667085;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    -ms-user-select: none;
    user-select: none;
}

.input-wraper input::placeholder {
    color: #667085;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-wraper input:focus {
    box-shadow: 0px 0px 0px 4px #E0F4FD;
    border-color: #44BFF0;
}

.input-wraper input:focus + .group-name {
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.input-wraper .input-icon {
    position: absolute;
    left: 14px;
    top: 9px;
    outline: none;
    background-color: transparent;
    box-shadow: none;
    border: none;
    height: 20px;
    width: 20px;
}

.input-wraper .input-icon img {
    width: 100%;
    height: 100%;
    filter: invert(73%) sepia(18%) saturate(250%) hue-rotate(179deg) brightness(85%) contrast(92%);
}

.input-wraper .search-btn,
.input-wraper .clear-btn {
    position: absolute;
    left: 14px;
    top: 9px;
    outline: none;
    background-color: transparent;
    box-shadow: none;
    border: none;
    height: 20px;
    width: 20px;
}
.input-wraper .clear-btn {
    top: 50%;
    transform: translateY(-10px);
    right: 14px;
    left: auto;
    display: none;
    align-items: center;
}
.has-search .clear-btn {
    display: flex;
}
.input-wraper .clear-btn img {
    width: 20px;
}
.violation-rules-info-table .input-wraper .search-btn {
    top: 11px;
}

.input-wraper .search-btn img,
.input-wraper .search-btn svg {
    width: 100%;
    height: 100%;
    filter: invert(44%) sepia(10%) saturate(807%) hue-rotate(183deg) brightness(95%) contrast(89%);
}

.policy-tabs .content-right {
    display: flex;
    gap: 12px;
}

.modal.m-policy {
    transform: translatey(60vh);
    -webkit-animation: policyclose 0.5s ease-in-out;
    animation: policyclose 0.5s ease-in-out;
}

.modal.m-policy.show {
    transform: translatey(0vh);
    -webkit-animation: policyopen 0.3s ease-in-out;
    animation: policyopen 0.3s ease-in-out;
}

.modal-content {
    background-color: transparent !important;
    border: none;
}

.modal-body {
    padding: 0px !important;
}

.policy-model {
    position: unset;
    z-index: 9;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    min-height: 328px;
    width: 400px;
    border-radius: 12px;
    padding: 1.5rem;
    background-color: #ffffff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

@-webkit-keyframes policyopen {
    from {
        transform: translateY(60vh);
    }
    to {
        transform: translateY(0vh);
    }
}

@keyframes policyopen {
    from {
        transform: translateY(60vh);
    }
    to {
        transform: translateY(0vh);
    }
}

@-webkit-keyframes policyclose {
    from {
        transform: translateY(0vh);
    }
    to {
        transform: translateY(60vh);
    }
}

@keyframes policyclose {
    from {
        transform: translateY(0vh);
    }
    to {
        transform: translateY(60vh);
    }
}

.input-group input {
    padding-left: 2.625rem;
}

.input-group input[type=search] {
    padding-right: 1.625rem;
}

.group-content {
    position: relative;
}

.group-content .feature-icon {
    margin-bottom: 1.25rem;
}

.group-content .input-wraper {
    width: 100%;
    margin-bottom: 2rem;
}

.group-content .input-wraper input {
    width: 100%;
}

.group-content .box-input {
    margin-bottom: 16px;
}

.group-content .content-title {
    margin-bottom: 1.875rem;
}

.group-content .content-title h6 {
    font-size: 23px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-grey-700);
    margin-bottom: 0.5rem;
}
.group-content .content-title h6.response-title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.group-content .content-title h6.response-title span {
    margin-bottom: 0;
}

.group-content .content-title p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085;
    margin-bottom: 0px;
}

.group-content .btn {
    width: 100% !important;
}
#custom-report-modal .group-content .btn,
#manage-scan-modal .group-content .btn {
    width: auto !important;
    outline: none !important;
    box-shadow: none !important;
}

.group-content .close {
    position: absolute;
    top: -16px;
    right: -16px;
    cursor: pointer;
}

.policy-tabs .rules-btns {
    display: none !important;
}

.policy-tabs .rules-btns.show {
    display: flex !important;
    gap: 12px;
}

.policy-tabs .rules-btns.hide-in .toogle-canvas {
    display: none !important;
}

.main-content #policy-group .card-wraper {
    margin-bottom: 1rem;
}

.main-content .policy-tabs .hide {
    display: none !important;
}

/*---tab btn---*/
.tab-sm {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 162px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    outline: none;
    border: none !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.3s ease-in-out;
    background-color: transparent;
    height: 36px;
    border-radius: 50px !important;
    padding: 8px 12px 8px 12px;
}

.tab-md {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 162px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    outline: none;
    border: none !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.3s ease-in-out;
    background-color: transparent;
    height: 44px;
    border-radius: 8px !important;
    padding: 10px 14px 10px 14px;
}

.tab-btn-primary {
    color: #344054;
}

.tab-btn-primary:hover {
    background: #F2F4F7;
    color: #1D2939;
}

.tab-btn-primary:focus {
    box-shadow: 0px 0px 0px 4px rgb(224, 244, 253);
    background: #F9FAFB;
}

.tab-btn-primary.active {
    background: #F4FBFF !important;
    color: #0073B6 !important;
}

.tab-btn-primary.active:hover {
    background: #E0F4FD;
    color: #005494;
}

.tab-btn-primary.active:focus {
    box-shadow: 0px 0px 0px 4px rgb(224, 244, 253);
    background: #FCFCFD;
}

.tab-btn-secondary {
    color: #344054;
}

.tab-btn-secondary:hover {
    background: #FCFCFD;
    color: #1D2939;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.tab-btn-secondary:focus {
    background: transparent;
    box-shadow: none;
}

.tab-btn-secondary.active {
    background: #ffffff;
    color: #344054;
}

.tab-btn-secondary.active:hover {
    background: #FCFCFD;
    color: #1D2939;
}

.tab-btn-secondary.active:focus {
    box-shadow: 0px 0px 0px 4px rgb(242, 244, 247);
    color: #344054;
    background: #F9FAFB;
}

.tab-btn-white {
    color: #0073B6;
}

.tab-btn-white:hover {
    background: #ffffff;
    color: #005494;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}

.tab-btn-white:focus {
    box-shadow: 0px 0px 0px 4px rgb(224, 244, 253);
    background: #ffffff;
    color: #0073B6;
}

.tab-btn-white.active {
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    background: #ffffff;
    color: #0073B6;
}

.tab-btn-white.active:hover {
    background: #ffffff;
    color: #005494;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}

.tab-btn-white.active:focus {
    box-shadow: 0px 0px 0px 4px rgb(224, 244, 253);
    color: #0073B6;
    background: #ffffff;
}

.integration-row {
    margin-top: 1rem;
}

.margin-negative-top {
    margin-top: -2em;
}

.vertical-categories {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.vertical-categories .content-divider {
    margin-bottom: 0.875rem;
}

.vertical-categories .p2-bold {
    height: 69px;
    padding: 1.25rem 0rem 0rem 0.875rem;
    margin: 0rem;
    color: #667085;
}

.vertical-categories .vertical-tabs {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

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

.content-divider {
    position: relative;
    display: flex;
    align-items: center;
}

.content-divider:after, .content-divider:before {
    content: "";
    background: #EAECF0;
    flex: 1;
    height: 1px;
}

.content-divider * {
    margin: 0px 8px;
}

.integration-card {
    border: 1px solid #EAECF0;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.integration-card .app-icon-row {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 2rem;
}

.integration-card .app-box {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.3s ease-in-out;
    position: relative;
    cursor: pointer;
}

.integration-card .app-box:hover .c-medium {
    color: #101828;
}

.integration-card .app-box.selected:after {
    height: 28px;
    width: 28px;
    background-color: #ECFDF3;
    padding: 8px;
    background-image: url("../icons/check.svg");
    content: "";
    position: absolute;
    top: -14px;
    right: -11px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    border-radius: 16px;
    background-position: center;
}

.integration-card .app-box .c-medium {
    color: #667085;
}

.integration-card .app-box .app-icon {
    height: 81px;
    width: 81px;
    border-radius: 8px;
    padding: 8px;
    display: block;
    cursor: pointer;
}

.integration-card .app-box .app-icon img {
    width: 100%;
    height: 100%;
}

.integration-card .app-box:hover .app-icon {
    box-shadow: 0px 4px 8px 0px rgba(16, 24, 40, 0.1);
}

.integration-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 1rem;
}

.integration-card-header .text {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    align-items: center;
}

.integration-card-header .text .btn {
    min-width: 153px;
}

.integration-card-header .text p {
    margin: 0px;
    color: #667085;
}

/*--section-header--*/
.section-header {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.section-header .content-right {
    display: flex;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.section-header .header-title-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-header .content-left {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    align-self: center;
}

.section-header .content-left .head-left-upper {
    display: flex;
    align-items: center;
    -moz-column-gap: 42px;
    column-gap: 42px;
}

.section-header .content-left .head-left-upper .single-select2 {
    width: 320px;
}

.section-header .content-left .title {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.section-header .content-left * {
    margin: 0px;
}

.section-header .content-left [class^=p] * {
    color: #0073B6;
    text-decoration: none;
}

.section-header .content-left .p3-medium {
    color: #667085;
}

.section-header .content-left .h-bold06 {
    color: #101828;
}

/*---selected-app-model---*/
.app-model-wraper {
    min-height: 265px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 450px;
    border-radius: 12px;
    padding: 24px;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
    display: flex;
}

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

.app-model-wraper .app-model-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.app-model-wraper .app-model-content .selected-icon {
    margin-bottom: 1.25rem;
    height: 65px;
}

.app-model-wraper .app-model-content .selected-icon img {
    height: 100%;
}

.app-model-wraper .app-model-content .btn {
    margin-top: auto;
    width: 100% !important;
}

.app-model-wraper .app-model-content .title {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
}

.app-model-wraper .app-model-content .title * {
    margin: 0;
}

.app-model-wraper .app-model-content .title .p1-bold {
    color: #101828;
}

.app-model-wraper .app-model-content .title .p3-medium {
    color: #667085;
}

/*--badges-group--*/
.badge-group {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    height: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 4px;
    padding: 0.50rem 0.80rem 0.50rem 0.50rem;
    align-items: center;
}

.badge-group p {
    margin: 0px;
}

.badge-group.light.primary {
    background-color: #E0F4FD;
    color: #0083CA;
}

.badge-group.light.success {
    background-color: #ECFDF3;
    color: #027A48;
}

.badge-group.light.error {
    background-color: #FEF3F2;
    color: #B42318;
}

.badge-group.light.error .label {
    background-color: #ffffff;
}

.badge-group.light.warn {
    background-color: #FFFAEB;
    color: #B54708;
}

.badge-group.light.warn .label {
    background-color: #ffffff;
}

.badge-group.medium.primary {
    background-color: #B0E3F9;
    color: #005494;
}

.badge-group.medium.success {
    background-color: #D1FADF;
}

.badge-group.medium.error {
    background-color: #FEE4E2;
    color: #B42318;
}

.badge-group.medium.error .label {
    background-color: #ffffff;
}

.badge-group.medium.warn {
    background-color: #FEF0C7;
    color: #B54708;
}

.badge-group.medium.warn .label {
    background-color: #ffffff;
}

.badge-group.dark.primary {
    background-color: #E0F4FD;
    color: #0083CA;
}

.badge-group.dark.primary .label {
    background-color: #0097DD;
    color: #ffffff;
}

.badge-group.dark.success {
    background-color: #ECFDF3;
}

.badge-group.dark.success .label {
    background-color: #039855;
    color: #ffffff;
}

.badge-group.dark.error {
    background-color: #FEF3F2;
    color: #B42318;
}

.badge-group.dark.error .label {
    background-color: #D92D20;
    color: #ffffff;
}

.badge-group.dark.warn {
    background-color: #FEF0C7;
    color: #B54708;
}

.badge-group.darker.warn {
    background-color: #FEDF89;
    color: #B54708;
}

.badge-group.dark.warn .label {
    background-color: #DC6803;
    color: #ffffff;
}

/*--alert--*/
.alert {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    height: 64px;
    width: 100%;
    border-radius: 8px;
    justify-content: space-between;
    border: 1px solid;
}

.alert .btn-base {
    display: flex;
    gap: 8px;
    align-items: center;
}

.alert .btn-base .svg,
.alert .btn-base img {
    height: 20px;
    width: 20px;
}

.alert .content-right {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.alert .content-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.alert .content-left * {
    margin: 0;
}

.alert.alert-success {
    background-color: #F6FEF9;
    border-color: #6CE9A6;
    color: #027A48;
}

.alert.alert-success .content-left * {
    color: #027A48;
}

.alert.alert-success .label,
.alert.alert-primary .label,
.alert.alert-danger .label,
.alert.alert-warning .label,
.alert.alert-info .label{
    height: 24px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}


.alert.alert-success p,
.alert.alert-primary p,
.alert.alert-danger p,
.alert.alert-warning p,
.alert.alert-info p{
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;

}

.alert.alert-success .content-right * {
    color: #039855;
}

.alert.alert-success svg,
.alert.alert-success img {
    filter: invert(37%) sepia(72%) saturate(926%) hue-rotate(114deg) brightness(96%) contrast(98%);
}

.alert.alert-primary {
    background-color: #F4FBFF;
    border-color: #44BFF0;
    color: #0083CA;
}

.alert.alert-primary .content-left * {
    color: #0083CA;
}

.alert.alert-primary .content-right * {
    color: #0097DD;
}

.alert.alert-primary svg,
.alert.alert-primary img {
    filter: invert(39%) sepia(79%) saturate(842%) hue-rotate(162deg) brightness(101%) contrast(109%);
}

.alert.alert-danger {
    background-color: #FFFBFA;
    border-color: #FDA29B;
    color: #B42318;
}

.alert.alert-danger .content-left * {
    color: #B42318;
}

.alert.alert-danger .content-right * {
    color: #D92D20;
}

.alert.alert-danger svg,
.alert.alert-danger img {
    filter: invert(22%) sepia(99%) saturate(3110%) hue-rotate(352deg) brightness(89%) contrast(90%);
}

.alert.alert-warning {
    background-color: #FFFCF5;
    border-color: #FEC84B;
    color: #B54708;
}

.alert.alert-warning .content-left * {
    color: #B54708;
}

.alert.alert-warning .content-right * {
    color: #DC6803;
}

.alert.alert-warning svg,
.alert.alert-warning img {
    filter: invert(43%) sepia(36%) saturate(4231%) hue-rotate(11deg) brightness(97%) contrast(98%);
}

.alert.alert-dismissible .btn-close {
    position: relative;
    top: 0;
    right: 0rem;
    bottom: 0px;
    z-index: 2;
    margin: 0;
    padding: 0rem;
    background-image: unset;
    background-image: unset;
    opacity: 1;
}

.integration-item {
    display: flex;
    gap: 20px;
    align-items: center;
}

.integration-item .avtar-label-group {
    display: flex;
    align-items: center;
}

.integration-item .avtar-label-group .lg {
    margin-right: 1.5rem;
    border-radius: 7px;
    height: 59.9999961853px;
    width: 59.9999961853px;
    padding: 6px;
}

.integration-item .avtar-label-group img,
.integration-item .avtar-label-group svg {
    width: 100%;
    border-radius: 7px;
}

.integration-item .avtar-label-group .sm {
    height: 29.6296291351px;
    width: 29.6296291351px;
    border-radius: 10.3703699112px;
    margin-right: 0.875rem;
}

.integration-item .content-left {
    display: flex;
    align-items: center;
    width: -webkit-fill-available;
}

.integration-item .content-left .title .p2-bold {
    color: #344054;
    margin-bottom: 0px;
}

.integration-item .content-right {
    display: flex;
    align-items: center;
    -moz-column-gap: 40px;
    column-gap: 40px;
    width: -webkit-fill-available;
    justify-content: end;
}

.integration-item .content-right .btn {
    min-width: 105px;
}

.integration-content .integration-item {
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 1.125rem;
}

.intgration-item-wraper {
    margin-top: -9px;
}

.intgration-item-wraper .integration-item {
    margin-bottom: 0.875rem;
}

.intgration-item-wraper .integration-item:last-child {
    border-bottom: none;
}

.app-star-wraper {
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    margin-top: 4px;
}

.app-star-wraper .app-star-item {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.app-star-wraper .app-star-item * {
    margin: 0;
    color: #667085;
}


.svg-blue {
    filter: invert(25%) sepia(87%) saturate(3580%) hue-rotate(186deg) brightness(91%) contrast(101%) !important;
}

.svg-bg-grey {
    filter: invert(65%) sepia(22%) saturate(212%) hue-rotate(179deg) brightness(95%) contrast(89%);
}

.svg-bg-grey-300 {
    filter: invert(96%) sepia(3%) saturate(1010%) hue-rotate(186deg) brightness(89%) contrast(94%);
}

.svg-bg-grey-400{
    filter: invert(88%) sepia(4%) saturate(1502%) hue-rotate(186deg) brightness(74%) contrast(83%);
}

.svg-bg-grey-500{
    filter: invert(48%) sepia(9%) saturate(973%) hue-rotate(183deg) brightness(87%) contrast(82%);
}

.svg-bg-grey-800{
    filter: invert(13%) sepia(4%) saturate(5062%) hue-rotate(176deg) brightness(100%) contrast(94%);
}

.svg-bg-dark-grey {
    filter: invert(40%) sepia(52%) saturate(161%) hue-rotate(182deg) brightness(97%) contrast(90%);
}

.svg-bg-orange-500{
    filter: invert(38%) sepia(71%) saturate(3326%) hue-rotate(2deg) brightness(103%) contrast(88%);
}

.svg-bg-primary-700{
    filter: brightness(0) saturate(100%) invert(30%) sepia(87%) saturate(3606%) hue-rotate(183deg) brightness(99%) contrast(101%);
}

.svg-bg-red{
    filter: invert(26%) sepia(100%) saturate(1756%) hue-rotate(352deg) brightness(91%) contrast(86%);
}

.svg-bg-green{
    filter: invert(39%) sepia(66%) saturate(5676%) hue-rotate(141deg) brightness(96%) contrast(98%);
}

.bg-grey-100 {
    background-color: #F2F4F7 !important;
}

.appbox-input {
    position: absolute;
    width: 0px;
}

.appbox-input:checked + .appbox-label {
    position: relative;
}

.appbox-input:checked + .appbox-label:after {
    position: absolute;
    top: -14px;
    left: 66px;
    height: 28px;
    width: 28px;
    background-image: url("../icons/check.svg");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    content: "";
    border-radius: 50px;
    background-color: #ECFDF3;
}

.tabmodel .modal-dialog {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.tabs-model {
    border: none;
    background-color: #fff;
    padding: 2.188rem 1.563rem 0rem;
    min-width: 500px;
    box-sizing: border-box;
    border-radius: 12px;
}

.tabs-model .input-label {
    color: #344054;
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
    margin-bottom: 0.625rem;
}

.tabs-model p[class^=p] {
    max-width: 500px;
    color: #667085;
}

.tabs-model .nav-tabs {
    display: flex;
    -moz-column-gap: 0rem;
    column-gap: 0rem;
    justify-content: center;
    flex-wrap: nowrap;
    margin-bottom: 1rem;
}

.tabs-model .tab-footer {
    border-top: 1px solid #D0D5DD;
    display: flex;
    margin-top: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    justify-content: end;
}

.tabs-model .tab-footer .btn {
    min-width: 120px;
}

.tabs-model .tab-content {
    height: 100%;
}

.tabs-model .tab-content .tab-pane {
    min-height: 300px;
}

.tabs-model .tab-content > .active {
    display: flex;
    flex-direction: column;
}

.tabs-model .nav-tabs .nav-item .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #344054;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    white-space: nowrap;
}

.tabs-model .nav-tabs .nav-link.active {
    border-color: #14AFED;
    color: #344054;
}

.tabs-model .input-wraper {
    width: 100%;
    margin-bottom: 1rem;
}

.tabs-model .input-wraper:last-child {
    margin: 0px;
}

.tabs-model .input-wraper .input-field {
    width: 100%;
}

.tabs-model .input-wraper .input-field input {
    width: 100%;
}

.tabs-model .add-service > .btn {
    margin-left: auto;
    margin-bottom: 1rem;
}

.tabs-model .add-service .tab-footer .btn {
    margin: 0px auto;
}

.tabs-model .app-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-bottom: 1rem;
}

.tabs-model .app-content.one-row {
    flex-direction: row !important;
}

.tabs-model .app-content.one-row .title{
    margin-left: 1rem !important;
    margin-top: -1rem !important;
}

.tabs-model .app-content p {
    margin: 0;
}

.tabs-model .app-content .model-icon {
    background-color: #EAECF0;
    text-align: center;
    padding: 0.25rem 0;
}

.tabs-model .app-content .selected-icon {
    margin-bottom: 0.625rem;
    height: 60px;
    display: block;
}

.tabs-model .app-content .selected-icon img,
.tabs-model .app-content .selected-icon svg {
    height: 100%;
}

.m-policy .select2-container {
    position: relative !important;
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;
}

.m-policy .select2-dropdown {
    position: relative !important;
}

.m-policy .select2-dropdown--below {
    max-width: 100%;
    border: none;
    outline: none;
}

.m-policy .select2-selection--single {
    padding-left: 12px;
}

.custom-select-wrapper ul {
    padding: 0px;
    max-width: 320px;
    list-style: none;
    background-color: #fff;
    border-radius: 8px;
    text-align: left;
    margin: 0;
    height: 0;
    transition: 0.1s ease-out;
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    top: 50px;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
    overflow: hidden;
    border: 0px solid transparent;
}

.custom-select-wrapper ul::-webkit-scrollbar {
    border-radius: 8px;
    background: #f2f2f2;
}

.custom-select-wrapper ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: rgba(215, 228, 249, 0.5);
    width: 12px;
}

.custom-select-wrapper {
    position: relative;
    cursor: pointer;
}

.custom-select-wrapper ul li {
    padding: 0.625rem 0.875rem 0.625rem 0.875rem;
    text-overflow: ellipsis;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.custom-select-wrapper.open-dropdown ul {
    padding: 15px 0px;
    height: auto;
    margin: 0px 0;
    transition: 0.1s ease-in;
    z-index: 9;
    max-height: 320px;
    border-color: #F2F4F7;
    border-width: 1px;
}

.custom-select-wrapper.open-dropdown .custom-select {
    pointer-events: none;
    cursor: pointer;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
    border-color: #B0E3F9;
}

.custom-select-wrapper.open-dropdown .custom-select:before {
    transform: rotate(180deg);
}

.custom-select {
    width: 100%;
    height: 44px;
    max-width: 320px;
    display: flex;
    background: #fff;
    padding: 0.625rem 0.875rem 0.625rem 0.875rem;
    border-radius: 50px;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
    border: 1px solid #D0D5DD;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #101828;
    min-width: 180px;
}

.custom-select.custom-select::before {
    position: absolute;
    background-image: url("../icons/chevron-down.svg");
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    background-position: center;
    right: 14px;
    left: auto;
    top: 13px;
    background-repeat: no-repeat;
    transition: 0.5s;
    filter: invert(46%) sepia(8%) saturate(920%) hue-rotate(183deg) brightness(92%) contrast(94%);
}

.btn-frame {
    margin-top: 2rem;
    border-top: 1px solid #EAECF0;
    padding-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.btn-frame .content-left {
    display: flex;
    flex-grow: 12px;
}

.btn-frame .content-left .btn_secondary {
    min-width: 187px;
}

.btn-frame .content-right {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    align-items: center;
}

.conections-vertical-tabs {
    background-color: #ffffff;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
    border-radius: 8px;
    padding: 1.5rem;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 190px;
    min-height: 300px;
}

.conections-vertical-tabs .nav-link {
    min-width: 128px;
}

.vs-mode-level-rate{
    position: relative;
}

.vs-mode-level-rate ul {
    padding: 0px;
    margin: 0px;
}

.cs-input {
    display: none;
    margin-top: 8px;
}

.conections-content {
    padding-left: 1.875rem;
}

.conections-content .vs-mode-level-rate {
    display: flex;
    -moz-column-gap: 66px;
    column-gap: 66px;
    flex-wrap: wrap;
}

.conections-content .suporting-text {
    max-width: 300px;
    margin-bottom: 1.563rem;
}

.conections-content .suporting-text .p2-bold {
    color: #101828;
    margin-bottom: 0.125rem;
}

.conections-content .suporting-text .p2-regular {
    color: #667085;
    margin: 0;
}

.conections-content .suporting-text .p3-regular {
    color: #667085;
    margin: 0;
}

.conections-content .suporting-text .token-name span {
    color: #C81484;
    margin-right: 0.25rem;
}

.conections-content .suporting-text .token-name .btn_link {
    font-weight: 500 !important;
    display: -webkit-inline-box;
}

.conections-content .security-scanner-text {
    display: flex;
    -moz-column-gap: 66px;
    column-gap: 66px;
}

.vs-mode-level-rate ul li {
    display: flex;
    list-style-type: none;
    align-items: center;
    margin-bottom: 0.5rem;
}

.vs-mode-level-rate ul li .toogle-wraper {
    min-width: 144px;
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.input-tb {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
}
.input-tb.entities-input-tab {
    column-gap: 30px;
}

.th-icon {
    width: 16px;
    height: 16px;
    display: flex;
}

.th-icon.rotate img {
    transform: rotate(180deg);
}

.th-icon img {
    width: 100%;
    height: 100%;
    transition: 0.3s;
    cursor: pointer;
}

.selection-bar-wraper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.seletion-bar {
    display: flex;
    align-items: center;
}

.seletion-bar .p2-bold {
    color: #344054;
    margin-right: 0.25rem;
    margin-bottom: 0;
}

.seletion-bar .p2-medium {
    color: #667085;
    margin-bottom: 0;
    margin-right: 0.5rem;
}

.seletion-bar ul {
    display: flex;
    margin: 0;
    -moz-column-gap: 12px;
    column-gap: 12px;
}

.seletion-bar ul li {
    list-style: none;
    margin-bottom: 0.5rem;
}

#remediations-tab-pane .suporting-text,
#repositories-tab-pane .suporting-text {
    max-width: 100%;
}

.remediations-list {
    display: block;
    padding: 0px;
}

.remediations-list .box-input {
    margin-bottom: 0.75rem;
}

.advance-token-row {
    display: flex;
    width: 100%;
    -moz-column-gap: 64px;
    column-gap: 64px;
}

.advance-token-row .move-tranistion .btn {
    padding-right: 1.688rem !important;
    padding-left: 1.688rem !important;
}

.auto-expire-shares {
    display: flex;
    padding-right: 4.688rem;
    justify-content: space-between;
    -moz-column-gap: 60px;
    column-gap: 60px;
    margin-top: 2.625rem;
}

.auto-expire-shares .auto-expire-list {
    display: flex;
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
    margin-bottom: 1.5rem;
}

.auto-expire-shares .auto-expire-list p {
    margin: 0;
    color: #344054;
}

.vs-mode-display {
    display: flex;
    align-items: center;
}

.vs-mode-display .p2-medium {
    margin: 0;
    color: #667085;
    padding-right: 0.75rem;
}

.vs-mode-display .dot {
    display: flex;
    align-items: center;
}

.vs-mode-display .dot .p2-bold {
    color: #344054;
    margin: 0;
}

.vs-mode-display .animated-dot {
    height: 12px;
    width: 12px;
    border-radius: 50px;
    margin-right: 0.25rem;
}

.vs-mode-display .animated-dot.success {
    background-color: #32D583;
    filter: blur(2px);
}

.vs-mode-display .animated-dot.warn {
    background-color: #FDB022;
    filter: blur(2px);
}

.vs-mode-display .animated-dot.error {
    background-color: #F97066;
    filter: blur(2px);
}

.levels-list-items li {
    min-height: 40px;
}

.levels-list-items .hide .level-hide {
    -webkit-animation: hidelevel 2s ease-in-out;
    animation: hidelevel 2s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.levels-list-items .show .level-hide {
    -webkit-animation: showlevel 0.8s ease-in-out;
    animation: showlevel 0.8s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: flex;
    align-items: center;
    opacity: 1;
}

.level-hide {
    display: none;
    opacity: 0;
}

@-webkit-keyframes hidelevel {
    from {
        opacity: 1;
        display: flex;
    }
    to {
        opacity: 0;
        display: none;
    }
}

@keyframes hidelevel {
    from {
        opacity: 1;
        display: flex;
    }
    to {
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes showlevel {
    from {
        opacity: 0;
        display: none;
    }
    to {
        opacity: 1;
        display: flex;
    }
}

@keyframes showlevel {
    from {
        opacity: 0;
        display: none;
    }
    to {
        opacity: 1;
        display: flex;
    }
}

.conection-dropdown .select2-container {
    padding-right: 0px !important;
}

.conection-dropdown .select2-container--default {
    border: none !important;
}

.conection-dropdown .select2-selection__arrow {
    height: 24px !important;
    top: 50% !important;
    right: 14px !important;
    width: 24px !important;
    transform: translateY(-12px);
    filter: invert(49%) sepia(10%) saturate(807%) hue-rotate(182deg) brightness(85%) contrast(86%);
}
.conection-dropdown .select2-container--open .select2-selection__arrow {
    transform: translateY(-12px) rotate(180deg);
}

.conection-dropdown .select2-dropdown {
    margin-top: 5px;
}

.conection-dropdown .select2-container {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-right: 44px;
}

.conection-dropdown .select2-selection--single {
    padding: 8px 14px;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    height: auto !important;
}

.conection-dropdown .select2-selection--single img {
    margin-right: 0.625rem;
}

.conection-dropdown .select2-selection--single .select2-selection__rendered {
    font-weight: 700;
    font-size: 16px;
    padding-left: 0;
}

.conection-dropdown .select2-results__option--selectable {
    height: 60px;
    font-weight: 700;
    font-size: 16px;
}

.conection-dropdown .select2-results__option--selectable img {
    height: 36px;
    width: 36px;
}

.conection-dropdown .select2-results__option--selected::after {
    top: 20px;
}
.conection-dropdown .opt-wrap {
    display: flex;
    align-items: center;
}
.conection-dropdown .opt-wrap small {
    display: block;
    font-weight: normal;
    color: var(--color-grey-500);
    line-height: 20px;
}
.conection-dropdown select~.select2-container--default,
#entity-user select~.select2-container--default {
    border-radius: 8px !important;
    border: 1px solid #D0D5DD !important;
}
.conection-dropdown select~.select2-container--default.select2-container--open,
#entity-user select~.select2-container--default.select2-container--open {
    border: 1px solid #44BFF0 !important;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.offcanvas {
    background: #FCFCFD;
    box-shadow: 0px 8px 8px rgba(16, 24, 40, 0.03), 0px 20px 24px rgba(16, 24, 40, 0.08);
    width: 450px;
}

.offcanvas-header h5 {
    color: #344054;
}

.offcanvas-body {
    padding: 0.125rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
}

.offcanvas-header {
    padding: 1.5rem 1.5rem;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.26);
}

.offcanvas-header .btn-close {
    margin-top: -2.5rem;
    margin-right: -1.5rem;
}

.offcanvas-header .close-right {
    position: absolute;
    left: -19px;
    top: 21px;
}

.add-path {
    display: flex;
    -moz-column-gap: 13px;
    column-gap: 13px;
    align-items: center;
    margin-bottom: 1rem;
}

.ignore-path-wraper {
    padding: 0px;
    margin: 0px;
    display: block;
}

.ignore-path-wraper .ignore-path-items {
    display: flex;
    width: 100%;
    list-style: none;
    align-items: center;
    padding-bottom: 0.375rem;
    border-bottom: 1px solid #EAECF0;
    margin-bottom: 0.375rem;
}

.ignore-path-wraper .ignore-path-items:last-child {
    border-bottom: none;
}

.ignore-path-wraper .ignore-path-items p {
    margin: 0;
    color: #101828;
}

.ignore-path-wraper .ignore-path-items .img {
    height: 20px;
    width: 20px;
    filter: invert(73%) sepia(18%) saturate(250%) hue-rotate(179deg) brightness(85%) contrast(92%);
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 0.875rem;
}

.ignore-path-wraper .ignore-path-items .btn_icon {
    margin-left: auto;
}

.input-tags-field-wraper {
    display: flex;
    width: 330px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    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;
    overflow: hidden;
    padding-left: 2.625rem;
    position: relative;
}

.input-tags-field-wraper .input-icon {
    position: absolute;
    left: 14px;
    top: 8px;
    outline: none;
    background-color: transparent;
    box-shadow: none;
    border: none;
    height: 20px;
    width: 20px;
}

.input-tags-field-wraper .selected-tags {
    display: flex;
    direction: ltr;
    align-items: center;
}

.input-tags-field-wraper .input-tags-field {
    overflow: auto;
    display: flex;
    direction: rtl;
    max-width: 98%;
}

.input-tags-field-wraper .input-tags-field::-webkit-scrollbar {
    height: 4px;
    border-radius: 10px;
    background-color: #EAECF0;
}

.input-tags-field-wraper .input-tags-field::-webkit-scrollbar-thumb {
    height: 4px;
    border-radius: 10px;
    background-color: #98A2B3;
    cursor: pointer;
}

.input-tags-field-wraper .tag {
    background-color: #F2F4F7 !important;
    border: none !important;
    font-style: normal;
    font-weight: 500;
    border-radius: 16px !important;
    text-align: center;
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem !important;
    line-height: 20px;
    display: flex !important;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding-right: 28px !important;
    overflow: visible !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 0.625rem;
    position: relative;
}

.input-tags-field-wraper .tag .close {
    color: #667085;
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    order: 2;
    margin-left: auto;
    padding-left: 5px;
    position: absolute;
    top: 3px;
    right: 10px;
}

.input-tags-field-wraper .select-field {
    outline: none;
    border: none;
    direction: ltr;
    width: 300px;
    font-size: 16px;
    font-weight: 400;
}

.input-tags-field-wraper .select-field::-moz-placeholder {
    color: #667085;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    color: #101828;
}

.input-tags-field-wraper .select-field:-ms-input-placeholder {
    color: #667085;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    color: #101828;
}

.input-tags-field-wraper .select-field::placeholder {
    color: #667085;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    color: #101828;
}

.input-tags-field-wraper .input-icon img {
    width: 100%;
    height: 100%;
    filter: invert(73%) sepia(18%) saturate(250%) hue-rotate(179deg) brightness(85%) contrast(92%);
}

.integration-row .col {
    width: calc(100% - 215px);
}

.pre-commithook.hr-top{
    position: relative;
}

.pre-commithook .hook-row-main {
    display: flex;
    -moz-column-gap: 64px;
    column-gap: 64px;
}

.pre-commithook .radio-toggle-frame {
    display: none;
    margin-top: 1.5rem;
}

.pre-commithook .radio-toggle-frame .radio-row {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.pre-commithook .hook-row {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 64px;
    column-gap: 64px;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #EAECF0;
}

.pre-commithook .hook-row .suporting-text {
    min-width: 300px;
}

.pre-commithook .hook-row:last-child {
    border: none;
}

.pre-commithook .hook-row.hook-disabled {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.14;
    pointer-events: none;
}

.pre-commithook .hook-row.main-pre-hook {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    opacity: initial;
    pointer-events: initial;
}

.enable-rules-model {
    display: flex;
    height: 428px;
    width: 100%;
    left: 0px;
    top: 159px;
    border-radius: 8px;
    padding: 2rem 2rem 0rem 2rem;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
}

.enable-rules-model .rule-input-head {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 9;
    background-color: #fff;
}

.enable-rules-model .input-wraper {
    margin-bottom: 0.5rem;
}

.enable-rules-model .input-wraper input {
    width: 350px;
}

.enable-rules-model .select-label {
    display: block;
    margin-bottom: 12px;
    color: #101828;
}

.enable-rules-model .selected-rules-tag-list-wraper {
    width: 100%;
    border-left: 1px solid #EAECF0;
    margin-left: 1rem;
    padding-left: 1.625rem;
}

.enable-rules-model .selected-rules-tag-list::-webkit-scrollbar {
    width: 8px;
    border-radius: 50px;
    background-color: transparent;
}

.enable-rules-model .selected-rules-tag-list::-webkit-scrollbar-thumb {
    width: 8px;
    border-radius: 50px;
    background-color: #D0D5DD;
}

.enable-rules-model .selected-rules-tag-list {
    height: 337px;
    width: 100%;
    border-radius: 8px;
    border: 3px dashed #D0D5DD;
    background-color: #F2F4F7;
    padding: 3.125rem 0 3rem;
    overflow: auto;
    margin-top: 1.5rem;
}

.enable-rules-model .selected-rules-tag-list ul {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.enable-rules-model .selected-rules-tag-list ul .tag {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #344054;
    -moz-column-gap: 17px;
    column-gap: 17px;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 40px;
    align-items: center;
    padding: 0.625rem 0.875rem;
}

.enable-rules-model .selected-rules-tag-list ul .tag .close {
    height: 20px;
    width: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.enable-rules-model .selected-rules-tag-list ul .tag .close * {
    height: 100%;
    width: 100%;
    filter: invert(73%) sepia(19%) saturate(234%) hue-rotate(179deg) brightness(84%) contrast(93%);
}

.enable-rules-model .rules-list-wraper {
    width: 386px;
    min-width: 386px;
    overflow: auto;
    padding-right: 1.75rem;
}

.enable-rules-model .rules-list-wraper::-webkit-scrollbar {
    width: 8px;
    border-radius: 50px;
    background-color: transparent;
}

.enable-rules-model .rules-list-wraper::-webkit-scrollbar-thumb {
    width: 8px;
    border-radius: 50px;
    background-color: #EAECF0;
}

.enable-rules-model .rules-subitem {
    padding: 0;
    margin: 0;
    padding-bottom: 0.75rem;
}

.enable-rules-model .accordion-body {
    padding: 0;
}

.enable-rules-model .accordion-item {
    border: none;
}

.enable-rules-model .accordion-button {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    box-shadow: none !important;
    border-radius: 8px 8px 0px 0px;
    background: #ffffff;
    height: 42px;
    padding: 8px 10px 9px 0.875rem;
    color: #344054;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px !important;
}

.enable-rules-model .accordion-button:hover {
    background-color: #F2F4F7;
}

.enable-rules-model .accordion-button.collapsed {
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
}

.enable-rules-model .accordion-button[aria-expanded=false]::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../icons/chevron-down.svg");
    position: absolute;
    top: 13px;
    right: 15px;
    filter: invert(73%) sepia(19%) saturate(234%) hue-rotate(179deg) brightness(84%) contrast(93%);
    transform: rotate(0deg);
}

.enable-rules-model .accordion-button[aria-expanded=true]::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../icons/chevron-down.svg");
    position: absolute;
    top: 13px;
    right: 15px;
    filter: invert(73%) sepia(19%) saturate(234%) hue-rotate(179deg) brightness(84%) contrast(93%);
    transform: rotate(180deg);
}

.enable-rules-model .rules-item {
    list-style: none;
    padding: 0.625rem 0.875rem 0.625rem 42px;
    gap: 12px;
    min-width: 326px;
    width: 100%;
    height: 40px;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    color: #344054;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
}

.enable-rules-model .rules-item .icon {
    height: 18px;
    width: 18px;
}

.enable-rules-model .rules-item .icon img {
    width: 100%;
    height: 100%;
    margin-top: -3px;
}

.enable-rules-model .rules-item:after {
    background-image: url(../icons/check-grey.svg);
    position: absolute;
    left: 14px;
    top: 10px;
    width: 20px;
    height: 20px;
    content: "";
    opacity: 1;
}

.enable-rules-model .rules-item:hover {
    background-color: #F2F4F7;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.enable-rules-model .rules-item:hover:after {
    opacity: 1;
}

.enable-rules-model .rules-item.selected {
    background-color: #E0F4FD;
}

.enable-rules-model .rules-item.selected img {
    filter: invert(56%) sepia(86%) saturate(2022%) hue-rotate(162deg) brightness(98%) contrast(90%);
}

.enable-rules-model .rules-item.selected:after {
    opacity: 1;
    filter: invert(56%) sepia(86%) saturate(2022%) hue-rotate(162deg) brightness(98%) contrast(90%);
}

.requires-approval-select-wraper {
    display: flex;
    margin-top: 1.5rem;
}

.requires-approval-select-wraper .rules-select-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin-left: 1.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.rules-select-dropdown .select2-selection__clear {
    display: block !important;
    position: absolute;
    font-size: 22px;
    font-size: 23px !important;
    height: 30px !important;
    right: 24px;
}

.rules-select-dropdown .select2-results__option > span {
    display: flex;
    flex-direction: column-reverse;
}

.rules-select-dropdown .select2-results__option .member {
    font-size: 14px;
    font-weight: 400;
    color: #344054;
}

.rules-select-dropdown .select2-results__option--selected .member {
    color: #0083CA;
}

.rules-select-dropdown .select2-selection__rendered .member {
    display: none;
}

.rules-select-dropdown .select2-results__option--selectable {
    /*padding-left: 24px !important;*/
    height: 60px !important;
    padding-top: 0.625rem !important;
}

.rules-select-dropdown .select2-results__option--group:after {
    content: none !important;
}

.rules-select-dropdown .select2-container--default .select2-results__group {
    color: #344054;
    font-size: 12px;
    padding-left: 24px !important;
    padding: 0;
    margin-bottom: 1.25rem;
    margin-top: 1.375rem;
}

.rules-select-dropdown .select2-dropdown--above {
    width: 350px !important;
    max-height: 466px !important;
    overflow: auto !important;
}

.rules-select-dropdown .select2-dropdown {
    border: none !important;
}

.rules-select-dropdown .select2-selection--single {
    padding: 0.625rem 0.875rem 0.625rem 0.875rem;
    width: 350px !important;
}

.multi-false {
    width: 320px !important;
}

.with-search-icon .select2-selection::after {
    background: #FCFCFD;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 100px;
    outline: none;
    padding-left: 2.625rem !important;
    height: 44px;
    background-image: url(../icons/search.svg);
    background-size: 20px 20px;
    background-position: 14px 50%;
    background-repeat: no-repeat;
}

.enable-rules-model-wraper {
    display: none;
    width: 100%;
    overflow: hidden;
}

.select2-dropdown--above::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
    border-radius: 12px;
}

.input-dropdown:has(.with-search-icon) .select2-selection--multiple {
  padding-left: 1.25rem;
}

.input-dropdown:has(.with-search-icon) .selection::after,
.input-dropdown:has(.with-search-icon) .select2-selection--single::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 15px;
    background: transparent url("../icons/search.svg") no-repeat center;
    background-size: contain;
    height: 20px;
    width: 20px;
}

.select2-container--focus {
  box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.select2-container--open .select2-dropdown--above {
    overflow: auto;
    border: 1px solid #F2F4F7;
    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;
    overflow-y: auto;
}

.input-dropdown:has(.with-search-icon) .select2-selection__arrow {
    display: none;
}

.select2-dropdown--above::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #EAECF0;
    border-radius: 12px;
}

.icon-type-arrow .select2-results__option {
    position: relative;
    /* &::after {
    background-image: url("../icons/chevron-down.svg");
    top: 0;
    bottom: 0;
    margin: auto;
    right: 23px;
    content: "";
    width: 17px;
    height: 17px;
    background-size: contain;
    position: absolute;
  }*/
}

.icon-type-arrow .select2-results__option::after {
    top: 0;
    bottom: 0;
    margin: auto;
}

.monitoring-row {
    display: flex;
    width: 100%;
    gap: 64px;
    border-bottom: 1px solid #EAECF0;
    margin-bottom: 1.5rem;
}

.monitoring-row .select2-container--default {
    width: 350px !important;
    border: none !important;
}

.monitoring-row:last-child {
    border: 0px;
    margin: 0px;
}

.monitoring-row .content-left {
    max-width: 364px;
    width: 100%;
}

.monitoring-row .content-right {
    width: 100%;
}

.monitoring-row .multipal-select-dropdowns-wraper .p2-medium {
    margin-bottom: 0.5rem;
    color: #344054;
}

.monitoring-row .multipal-select-dropdowns-wraper .select-dropdown {
    margin-bottom: 1.5rem;
}

.without-conection .select2-results__option img {
    margin-right: 12px;
    width: 20px;
}

.without-conection .select2-container--default {
    width: 350px !important;
}

.without-conection .select2-container--default .select2-selection--single {
    padding-left: 10px;
}

.without-conection .select2-container--default .select2-selection--single img {
    margin-right: 12px;
    width: 20px;
}

.security-policies-filer-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.select2-selection--multiple {
  border-radius: 30px !important;
}

.user-filter-volume {
    display: flex;
    width: 100%;
    height: 399px;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
    border-radius: 8px;
    overflow: hidden;
    gap: 8px;
    margin-bottom: 1.5rem;
}

.user-filter-volume .user-item-head {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 2;
    padding-top: 0.75rem;
}

.user-filter-volume .user-selected-tag {
    width: 100%;
    border-left: 1px solid #EAECF0;
    padding-left: 0.25rem;
}

.user-filter-volume .user-selected-tag ul {
    padding: 1.125rem 0 0 1.5rem;
    margin: 0px;
    display: flex;
    overflow: auto;
    flex-wrap: wrap;
    gap: 12px;
    height: 100%;
}

.user-filter-volume .user-selected-tag ul::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
    border-radius: 50px;
}

.user-filter-volume .user-selected-tag ul::-webkit-scrollbar-thumb {
    background-color: #EAECF0;
    border-radius: 50px;
}

.user-filter-volume .user-selected-tag .selected-users-item {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 50px;
    height: 36px;
    background-color: #F4FBFF;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #0097DD;
    cursor: pointer;
}

.user-filter-volume .user-selected-tag .selected-users-item [class^=a] {
    background-color: #E0F4FD;
}

.user-filter-volume .user-selected-tag .selected-users-item p {
    margin: 0;
}

.user-filter-volume .user-selected-tag .selected-users-item .close {
    width: 18px;
    display: flex;
    height: 18px;
    margin-right: 0.563rem;
}

.user-filter-volume .user-selected-tag .selected-users-item .close img {
    width: 100%;
    height: 100%;
    filter: invert(59%) sepia(38%) saturate(7147%) hue-rotate(167deg) brightness(98%) contrast(101%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-filter-volume .user-items-wraper {
    min-width: 320px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 330px;
}

.user-filter-volume .user-items-wraper ul {
    padding: 0;
    margin: 0;
}

.user-filter-volume .user-items-wraper ul .user-item {
    height: 52px;
    width: 308px;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    padding: 0 0.875rem 0 42px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    gap: 8px;
}

.user-filter-volume .user-items-wraper ul .user-item.selected {
    background-color: #F4FBFF !important;
}

.user-filter-volume .user-items-wraper ul .user-item.selected [class^=avatar] {
    background-color: #E0F4FD;
}

.user-filter-volume .user-items-wraper ul .user-item.selected:after {
    filter: invert(65%) sepia(55%) saturate(7021%) hue-rotate(170deg) brightness(93%) contrast(102%);
    opacity: 1;
}

.user-filter-volume .user-items-wraper ul .user-item:hover {
    background-color: #F9FAFB;
}

.user-filter-volume .user-items-wraper ul .user-item [class^=p] {
    margin: 0px;
    color: #101828;
}

.user-filter-volume .user-items-wraper ul .user-item:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    margin: auto;
    background: transparent url("../icons/check-grey.svg") no-repeat center;
    height: 20px;
    width: 20px;
    content: "";
    filter: invert(43%) sepia(13%) saturate(626%) hue-rotate(183deg) brightness(97%) contrast(91%);
}

.user-filter-volume .user-items-wraper ul .user-item:hover:after {
    opacity: 1;
}

.user-filter-volume .user-items-wraper .input-wraper {
    margin: 0.75rem;
    margin-right: 1rem;
    margin-top: 0 !important;
}

.user-filter-volume .user-items-wraper .input-wraper input {
    width: 280px;
}

.user-filter-volume .user-items-wraper .user-items-list {
    overflow: auto;
    height: 100%;
}

.user-filter-volume .user-items-wraper .user-items-list::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

.user-filter-volume .user-items-wraper .user-items-list::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #EAECF0;
    border-radius: 50px;
}

.monitoring-scanner {
    display: none;
}

.monitoring-scanner .monitoring-scanner-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}

.monitoring-scanner .monitoring-scanner-row .warning-frame {
    display: flex;
    gap: 12px;
    align-items: center;
}

.monitoring-scanner .monitoring-scanner-row .warning-frame .text .p3-bold {
    color: #344054;
    margin: 0;
}

.monitoring-scanner .monitoring-scanner-row .warning-frame .text .p3-regular {
    color: #667085;
    margin: 0;
}

.app-setting > .page-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    background-color: #fcfcfd !important;
    z-index: 9;
}

.app-setting > .page-header:after {
    position: absolute;
    top: -33px;
    left: -3px;
    width: 102%;
    background-color: #fcfcfd !important;
    content: "";
    height: 100px;
    z-index: -9999;
}

.integration-row .conections-vertical-tabs {
    top: 142px;
    position: -webkit-sticky;
    position: sticky;
}

.integration-row #setting_form .conections-vertical-tabs {
    top: 230px;
    top: 240px;
}

.app-setting > .section-header {
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
    background-color: #fcfcfd !important;
    z-index: 9;
}

.app-setting .tab-content .tab-pane{
    position: relative;
}

.app-setting .tab-content .tab-pane .overlay-disable{
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    content: "";
    background: rgba(277,277,277, 0.5);
    display: block;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 8;
}



/*--well-header--*/
.well-header {
    display: flex;
    align-items: center;
    padding: 1.75rem 2.5rem;
    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-header .title {
    margin: 0px auto;
}

.well-header .title h5 {
    color: #0083CA;
    margin: 0;
}

.well-wargo-wraper {
    width: 100%;
}

@-webkit-keyframes alertshow {
    from {
        display: none;
    }
    to {
        display: block;
    }
}

@keyframes alertshow {
    from {
        display: none;
    }
    to {
        display: block;
    }
}

.well-uplode-btn {
    position: relative;
    cursor: pointer;
}

.well-uplode-btn input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    opacity: 0;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}

.seudo-wargo-header {
    padding: 0.75rem 1.5rem;
    background: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #EAECF0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.seudo-wargo-header .minimaze {
    height: 20px;
    width: 20px;
    display: flex;
    cursor: pointer;
}

.seudo-wargo-header .minimaze img {
    width: 100%;
}

.seudo-wargo-header .content-left p {
    margin: 0;
    color: #101828;
}

.well-wargo-content {
    padding: 1.188rem 2.5rem 0;
}

.well-wargo-card {
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
    border-radius: 8px;
    width: 100%;
}

.seudo-wargo-card-content {
    height: 420px;
    padding: 0.75rem;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0588235294);
}

.well-wargo-card-row {
    width: 100%;
    display: flex;
    gap: 75px;
}

.textarea-content {
    overflow-x: hidden;
    line-break: anywhere;
    overflow-y: auto;
    height: 100%;
}

.textarea-content::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

.textarea-content::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #EAECF0;
    border-radius: 8px;
}

.textarea-content textarea {
    background-color: transparent;
    width: 100%;
    height: 100%;
    overflow: hidden;
    resize: unset;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    padding: 1.5rem;
}

.seduo-footer {
    display: flex;
}

.seduo-footer .btn {
    margin: 1.5rem;
}

.scaning-model-animation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}

.scaning-model-animation.animated {
    -webkit-animation: showscaningmodel 2s normal;
    animation: showscaningmodel 2s normal;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.scaning-model-animation.animated .animation-indicator span {
    -webkit-animation: fading 1s normal;
    animation: fading 1s normal;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scaning-model-animation .animation-indicator {
    width: 100%;
    max-width: 445px;
    height: 6px;
    border-radius: 50px;
    background-color: #EDBA76;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
}

.scaning-model-animation .animation-indicator span {
    height: 6px;
    border-radius: 50px;
    width: 200px;
    background-color: #ea8c0e;
    display: block;
    -webkit-animation: fading 2s normal;
    animation: fading 2s normal;
    position: absolute;
}

.scaning-model-animation h4 {
    color: #101828;
}

.scaning-model-animation p {
    color: #667085;
    margin: 0;
}

.scaning-model-animation .feature-icon {
    margin-bottom: 2rem;
    position: relative;
}

.scaning-model-animation .feature-icon::after {
    background: transparent url("../icons/search.svg") no-repeat center;
    background-size: contain;
    height: 84px;
    width: 84px;
    position: absolute;
    top: -22px;
    left: -20px;
    content: "";
    filter: invert(81%) sepia(25%) saturate(134%) hue-rotate(161deg) brightness(112%) contrast(98%);
}

@-webkit-keyframes fading {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(225%);
    }
}

@keyframes fading {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(225%);
    }
}

@-webkit-keyframes showscaningmodel {
    from {
        opacity: 0;
        visibility: hidden;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes showscaningmodel {
    from {
        opacity: 0;
        visibility: hidden;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
}

.redactede-mail-content {
    display: none;
}

.card-num-data-table .table .tb-data {
    padding-left: 0px !important;
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

.toggle-card-data img {
    transition: 0.3s;
}

.toggle-card-data.rotate img {
    transform: rotate(180deg);
}

.toggle-card {
    margin-bottom: 12px;
}

.toggle-card .toogle-wraper {
    min-width: 140px;
    text-align: left;
    justify-content: left;
}

.toggle-card.hide .table-wraper {
    display: none;
    -webkit-animation: hidetable 0.8s;
    animation: hidetable 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: none;
}

.toggle-card.show .table-wraper {
    -webkit-animation: showtable 0.8s;
    animation: showtable 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block;
}

@-webkit-keyframes hidetable {
    from {
        opacity: 1;
        display: block;
    }
    to {
        opacity: 0;
        display: none;
    }
}

@keyframes hidetable {
    from {
        opacity: 1;
        display: block;
    }
    to {
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes showtable {
    from {
        opacity: 0;
        display: none;
    }
    to {
        opacity: 1;
        display: inline-table;
    }
}

@keyframes showtable {
    from {
        opacity: 0;
        display: none;
    }
    to {
        opacity: 1;
        display: inline-table;
    }
}

.freeze-current-input {
  margin-bottom: 1.25rem;
}

.user-freeze-premissions-content .user-filter-list {
  display: flex;
  gap: 26px;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.user-freeze-premissions-content .freeze-premissions-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #EAECF0;
  margin-bottom: 2rem;
}

.user-freeze-premissions-content .freeze-premissions-row .content-left {
  max-width: 324px;
  width: 100%;
}

.user-freeze-premissions-content .freeze-premissions-row:last-of-type {
  border-bottom: 0px;
}

.show-more-list {
  position: relative;
  margin-left: 3rem;
  cursor: pointer;
}

.show-more-list .view-less:after {
  transform: rotate(180deg);
}

.show-more-list p {
  display: none;
}

.show-more-list p {
  position: relative;
  margin-top: 0.75rem;
  color: #0083CA;
}

.show-more-list p span {
  padding: 0px 2px;
}

.show-more-list p::after {
  content: "";
  background: transparent url("../icons/chevron-down.svg") no-repeat center;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: -20px;
  filter: invert(32%) sepia(96%) saturate(1292%) hue-rotate(176deg) brightness(93%) contrast(101%);
}

.freeze-premissions-card .table-wraper::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.freeze-premissions-card .table-wraper::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: #EAECF0;
  border-radius: 8px;
}

.freeze-premissions-card .table-wraper {
  max-height: 300px;
  overflow: auto;
  margin-right: 1.625rem;
  padding-left: 1.625rem;
}

.freeze-premissions-card .table-wraper tr {
  border-top: 1px solid #EAECF0;
  border-bottom: 0px;
  display: none;
}

.freeze-premissions-card .table-wraper td {
  padding-left: 0 !important;
}

.freeze-premissions-card .table-wraper .d-revert {
  display: revert !important;
}

.folder-name-title-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.folder-name-title-header .card-user-name {
  color: #101828 !important;
}

.folder-name-title-header .total-frozen-folder {
  padding-left: 1rem;
  color: #B54708 !important;
  position: relative;
}

.folder-name-title-header .total-frozen-folder:after {
  position: absolute;
  top: 0px;
  left: 4px;
  bottom: 0px;
  height: 20px;
  width: 1px;
  background-color: #D0D5DD;
  content: "";
  margin: auto;
}

.freeze-footer-item-wraper {
  border-bottom: 1px solid #EAECF0;
}

.freeze-footer-item-wraper:last-of-type {
  border-bottom: 0px;
}

.freeze-footer-item-dropdown {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0ms 400ms, opacity 400ms 0ms;
  padding-left: 2.188rem;
}

.freeze-footer-item {
  padding: 0.375rem 0px;
  display: flex;
  gap: 13px;
}

.freeze-footer-item.show+.freeze-footer-item-dropdown {
  height: auto;
  opacity: 1;
  transition: height 0ms 0ms, opacity 600ms 0ms;
}

.freeze-footer-item.show .f-secondary img {
  filter: invert(32%) sepia(96%) saturate(1292%) hue-rotate(176deg) brightness(93%) contrast(101%);
}

.freeze-footer-item.show .suport-text .p3-medium {
  font-weight: 700 !important;
}

.freeze-footer-item .toogle-wraper {
  align-items: center;
  margin-left: auto;
}

.freeze-footer-item .title {
  gap: 12px;
  display: flex;
  align-items: center;
}

.freeze-footer-item .title .arrow-icon {
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
}

.freeze-footer-item .title .arrow-icon img {
  transition: 0.3s;
  cursor: pointer;
}

.freeze-footer-item .title .arrow-icon.rotate img {
  transform: rotate(90deg);
}

.freeze-footer-item .title .suport-text {
  display: flex;
  align-items: center;
  gap: 9.5px;
}

.freeze-footer-item .title .suport-text .p3-bold {
  color: #344054;
  margin: 0px;
  max-width: 169px;
}

.freeze-footer-item .title .suport-text .p3-medium {
  color: #344054;
  margin: 0px;
  max-width: 169px;
}

.froze-lock {
  display: flex;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

.froze-lock:has(.f-warn) p {
  color: #B54708 !important;
  min-height: 0px !important;
}

.table-wraper .folder-name {
  display: flex;
  gap: 12px;
  align-items: center;
}

.table-wraper .folder-name P {
  margin: 0px !important;
  color: #344054 !important;
  min-height: auto !important;
  max-width: 100% !important;
}

.input-dropdown:has(.freeze-premission-select) .select2-results__option--selectable {
  height: 68px;
  display: flex;
}

.input-dropdown:has(.freeze-premission-select) .select2-selection__choice .avatar-lg {
  display: none;
}

.input-dropdown:has(.freeze-premission-select) .select2-selection__choice .user-email-select {
  display: none;
}

.user-name-select {
  color: #101828;
  margin: 0px;
}

.user-email-select {
  color: #667085;
  margin: 0px;
}

.offcanvas.show {
  visibility: visible !important;
  display: flex !important;
}

.scan-header {
  background-color: #ffffff;
  padding: 2rem;
  display: flex;
  align-items: center;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

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

.scan-header p,
.scan-header h5 {
  margin: 0px;
}

.scan-header .date-report {
  display: flex;
  gap: 10.5px;
}

.scan-header p {
  color: #344054;
}

.scan-header .date-icon {
  width: 20px;
  height: 20px;
  display: flex;
}

.scan-header .date-icon img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.scan-header .content-right {
  margin-left: auto;
}

.scan-header .content-left {
  display: flex;
  gap: 12px;
  align-items: center;
}

.scan-header .content-left h5 {
  color: #0083CA;
  position: relative;
}

.scan-header .content-left h5::after {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 1px;
  background-color: #98A2B3;
  height: 30px;
  content: "";
}

.google-enterprice-wraper {
  width: 100%;
  overflow: auto;
  height: auto;
}

.google-enterprice-wraper .data-map-table .table-header-cell {
  text-align: center !important;
  padding-right: 0px !important;
}

.google-enterprice-wraper .data-map-table .tb-data {
  text-align: center !important;
  padding-right: 0px !important;
  padding-bottom: 26px !important;
  padding-top: 26px !important;
}

.google-enterprice-wraper .data-tables-chart {
  display: flex;
  gap: 26px;
  width: 100%;
  margin-bottom: 48px;
}

.google-enterprice-wraper .data-tables-chart tr td:first-of-type {
  text-align: left !important;
}

.google-enterprice-wraper .data-tables-chart .colum-lg-3 {
  max-width: 307px;
  width: 100%;
}

.google-enterprice-wraper .data-tables-chart .data-pie-chart {
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  border-radius: 8px;
  width: 100%;
  height: 400px;
  padding-top: 2rem;
}

.google-enterprice-wraper .data-tables-chart .data-pie-chart canvas {
  -o-object-fit: scale-down;
  object-fit: scale-down;
  width: 100% !important;
  height: 100% !important;
}

.google-enterprice-wraper .data-tables-chart .colum-lg-4 {
  max-width: 380px;
  width: 100%;
}

.google-enterprice-wraper .data-tables-chart .colum-lg-5 {
  max-width: 478px;
  width: 100%;
}

.google-enterprice-wraper .data-tables-chart .colum-lg-6 {
    max-width: 530px;
    width: 100%;
}

.google-enterprice-wraper table p {
  min-height: auto !important;
}

.google-enterprice-wraper .container {
  max-width: 1218px;
}

.google-enterprice-wraper::-webkit-scrollbar {
  width: 0px;
}

.google-enterprice-wraper .enterprice-bg {
  padding-top: 6.75rem;
  height: 455px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 60px;
}

.google-enterprice-wraper .enterprice-bg::after {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #0097DD;
  z-index: -1;
  content: "";
  top: 0px;
  left: 0px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 69%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 69%, 0% 100%);
}

.google-enterprice-wraper .enterprice-bg .custom-row {
  display: flex;
  /*gap: 375px;*/
}

.google-enterprice-wraper .enterprice-bg .gauge-wrapper {
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
  border-radius: 8px;
  height: 336px;
  max-width: 336px;
  margin-bottom: -2rem;
}

.enterprice-logo {
  height: 120px;
  width: 120px;
  border-radius: 8px;
  padding: 0.375rem;
  background-color: #ffffff;
  display: flex;
  margin-bottom: 0.5rem;
}

.enterprice-logo img {
  /*width: 100%;*/
}

.enterprice-sub-header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5rem;
    display: flex;
}

.enterprice-sub-header .content-divider {
  margin: 8px 0px;
}

.enterprice-sub-header .content-divider::before,
.enterprice-sub-header .content-divider:after {
  background-color: #7BD0F5;
}

.enterprice-sub-header .company-name {
  /*display: flex;*/
  /*gap: 4px;*/
    padding: 28px;
}

.enterprice-sub-header .company-name h6 {
    text-align: end;
    line-height: 50px;
  font-size: 23px;
}

.enterprice-sub-header h4,
.enterprice-sub-header h6 {
  color: #ffffff;
  margin: 0px;
}

.enterprice-sub-header h4 {
  font-size: 60px;
}

.enterprice-list-box {
  background-color: #ffffff;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  border-radius: 8px;
}

.enterprice-list-box .title-wraper {
  padding: 1.5rem 1.5rem 0.75rem 1.5rem;
  display: flex;
  gap: 12px;
  align-items: center;
}

.enterprice-list-box .title-wraper h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #101828;
  margin: 0;
}

.enterprice-list-box .text-center {
  display: flex;
  gap: 4px;
  align-items: center;
}

.enterprice-list-box .text-center .icon {
  width: 16px;
  height: 16px;
  display: flex;
}

.enterprice-list-box ul {
  padding: 0.75rem 1.5rem 1.5rem;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.enterprice-list-box ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}

.enterprice-list-box ul li .suport-text {
  display: flex;
  gap: 4px;
  margin-left: auto;
}

.enterprice-list-box ul li .text-left {
  display: flex;
  gap: 12px;
  align-items: center;
  max-width: 167px;
  width: 100%;
}

.enterprice-list-box ul li .text-right {
  display: flex;
  gap: 4px;
  margin-left: auto;
}

.enterprice-list-box ul li .text-right.item {
  max-width: 110px;
  width: 100%;
}

.enterprice-list-box ul li .text-right p {
  color: #B42318;
  margin: 0;
}

.enterprice-list-box p.p3-medium {
  margin: 0;
  color: #344054;
}

.enterprice-boxes {
  margin-top: 5.188rem;
  margin-bottom: 5.25rem;
}

.enterprice-boxes .colum-lg-6 {
  max-width: 460px;
  padding: 0px;
}

.enterprice-boxes .colum-lg-3 {
  max-width: 345px;
  padding: 0px;
}

.enterprice-boxes .row {
  gap: 32px;
}

.top-level-numbers {
  display: flex;
  gap: 12px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 2.5rem 1.25rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  min-height: 230px;
}

.top-level-numbers .box {
  width: 15.6666666667%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

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

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

.top-level-numbers .box .feature-icon {
  margin-bottom: 0.75rem;
}

.top-level-numbers .box h5 {
  margin-bottom: 0.25rem;
}

.top-level-numbers .box p {
  text-align: center;
  /*max-width: 134px;*/
}

.enter-price-chart-box {
  margin-bottom: 3rem;
}

.enter-price-chart-box .box {
  min-height: 288px;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 1.125rem 0.875rem;
}

.reduce-risk-box {
  background-color: #ffffff;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  border-radius: 8px;
  padding: 2.625rem 2rem;
  margin-bottom: -8.938rem;
  position: relative;
  display: flex;
  gap: 125px;
}

.reduce-risk-box .half-pie-chart-series {
  min-width: 290px;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
}

.reduce-risk-box .half-pie-chart-series .gauge-wrapper {
  margin: auto;
}

.reduce-risk-box .half-pie-chart-series .gauge-wrapper .gauge {
  height: auto;
}

.reduce-risk-box .half-pie-chart-series .gauge-wrapper .gauge #needle {
    transform: rotate(21deg);
}

.reduce-risk-box .avatar-md {
  font-weight: bolder;
}

.reduce-risk-box h4 {
  max-width: 552px;
  color: #101828;
  margin-bottom: 1.5rem;
    font-size: 23px;
}

.reduce-risk-box ul {
  padding: 0px;
  margin: 0px;
  gap: 18px;
  display: flex;
  flex-direction: column;
}

.reduce-risk-box ul li {
  display: flex;
  gap: 24px;
  align-items: center;
    height: 28px;
}

.reduce-risk-box ul li h6 {
  margin: 0;
  color: #344054;
}

.enterprice-footer {
  padding-top: 8.938rem;
  background-color: #0073B6;
  height: 330px;
  display: flex;
  flex-direction: column;
}

.enterprice-footer h2 {
  color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 50px 0 0px 0;
}

.enterprice-footer p {
  color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 25px auto;
}

.table-cell-feature {
  display: flex;
  gap: 12px;
  align-items: center;
}

.table-cell-feature p {
  color: #101828 !important;
}

.concentration-risk {
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  border-radius: 8px;
  min-height: 338px;
  width: 100%;
  margin-bottom: 3.063rem;
  padding: 2.313rem 0.75rem 0.75rem;
}

.sharing-activity-chart {
  padding: 2.188rem 1.25rem 0px;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
  /* height: 382px; */
  width: 100%;
  margin-bottom: 4.5rem;
}

.sharing-activity-chart .anuval-pagination {
  margin-left: auto;
}

#alert_success p:first-letter,
#alert_error p:first-letter{
    text-transform: uppercase;
}


#alert_success a,
#alert_warning a,
#alert_info a,
#alert_error a{
    font-weight: 800;
}

/*
-----------------------------------------------
        Policy Builder
-----------------------------------------------
 */

.policy-builder * {
    font-family: Inter;
    outline: none !important;
    outline-width: 0;
}

#add_label {
    font-size: 12px;
    text-decoration: none;
}

.policy-builder .editable .text-editable {

    font-family: Inter;
    color: var(--polymer-black);
    font-size: 28px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -0.02em;
    text-align: left;
    border: none;
    background-color: transparent !important;
    cursor: default;
    float: left;
    width: 250px;
}
.policy-builder .editable > img[alt="icon"]{
    cursor: pointer;
    margin-left: -15px;
    margin-right: 33px;

}
.policy-builder .editable > .toogle-wraper,
.policy-builder .editable > img[alt="icon"]{
    padding-top: 15px;
    float: left;
}

.policy-builder .editable .text-editable.edit{
    border: 1px solid var(--polymer-light-gray);
    border-radius: 8px;
    cursor: text;
    padding-left: 15px;
}
.policy-builder .editable .text-editable:hover,
.policy-builder .editable input.text-editable:focus{
    outline: none;
}

.policy-lable-list > *{
    margin-right: 10px;
}
.label-square{
    border-radius: 3px;
}

/*plicy builder start*/

/*    Policy Builder Accordian   */

.policy-builder .section-heading{
    margin: 0px;
    padding: 0px;
    padding-left: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.policy-builder #policy-details .section-heading{
    color: var(--color-grey-700, #344054);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.policy-builder .section-heading.second{
    padding-left: 5px;
}

.policy-builder .form-heading {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 28px;
    margin-bottom: -8px;
}

.policy-builder .form-heading-altered {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: -8px;
    display: inline-block;
}

.policy-builder .text-capital {
    text-transform: capitalize;
}

.policy-builder .policy-builder-title,
.policy-builder .policy-builder-title .editable,
.policy-builder .row-title{
    display: block;
    float: left;
    position: relative;
}
.policy-builder .policy-builder-title .multivalues-container,
.policy-builder .policy-builder-title .editable{
    padding-left: 0px !important;
}

.policy-builder .policy-builder-title button.save-policy{
    position: absolute;
    right: 16px;
    bottom: 13px;
}


.policy-builder .policy-builder-title span.label-square {
    color: #000000;
    padding: 5px 15px !important;
    float: left;
    line-height: 18px;
}
.policy-builder .policy-builder-title .policy-lable-list{
    float: left;
    margin-bottom: 15px;
    margin-top: 2px;
}

.policy-builder .accordion .accordion-item{
    position: relative;
    float: left;
    width: 100%;
    padding: 20px;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid var(--polymer-light-gray);
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    border-radius: 8px;
    box-sizing: border-box;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 36px;
}

.policy-builder .accordion .accordion-item:after{
   content: "";
    height: 36px;
    width: 2px;
    border-left: 2px solid var(--polymer-light-gray);
    position: absolute;
    left: 50%;
    bottom: -37px;
}

.policy.accordion-item:after {
    content: "" !important;
    height: 0px !important;
    bottom: 0 !important;
}

.policy-builder .accordion .accordion-item:last-child:after{
    border: none;
}
.policy-builder  .accordion-item-title{
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: -0.02em;
    cursor: default;
}
.policy-builder .accordion-header .accordion-sub-title{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color : var(--polymer-dark-gray);
    padding-top: 12px;
    letter-spacing: 0em;
    cursor: default;
}

.container-flex{
    display: flex;
    padding: 0rem;
    width: 100%;
    min-height: 20px;
    justify-content: space-between;
    background-color: transparent;
}

.container-flex .content-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.container-flex .content-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.policy-builder .accordion-body {
    padding: 0rem;
}

.policy-builder .btn_primary:hover{
    background-color: var(--polymer-light-blue) !important;
}

.policy-builder .selection-main{
    border-radius: 8px;
    position: relative;
    box-sizing: border-box;
    float: left;
}

.policy-builder .selection-form{
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    border: 1px solid var(--polymer-light-gray);
    border-radius: 8px;
    padding: 10px 0px;
}

.policy-builder .selection-main.summary .detector-single .selection-form:first-child{
    border-top: 1px solid var(--polymer-light-gray) !important;
}

.policy-builder .selection-main.summary .selection-form{
    padding: 5px 0px;
}

.policy-builder .selection-main.summary .or-container .title{
    padding: 0px;
    font-weight: 600;
}

.policy-builder .selection-main.summary .switch-placeholder{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.policy-builder .selection-main.summary .alerts-avatar-container{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.policy-builder .selection-form .form-section{
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
}

.policy-builder .selection-form input:not([type=radio]),
.policy-builder .selection-form select,
.policy-builder .selection-form button{
    box-sizing: border-box;
    height: 50px;
    background: #FFFFFF;
    color : #101828;
    border: 1px solid var(--polymer-light-gray);
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 10px;
    float: left;
}

.policy-builder  .selection-form .search-box .input-box{
    width: calc(100%) !important;
}
.policy-builder .selection-form .and{
    display: none;
}
.policy-builder .selection-form .and input{
    text-align: center;
}
.policy-builder .conditions-box{
    display: block;
    box-sizing: border-box;
    position: relative;
    float: left;
    padding-right: 45px  !important;
}
.policy-builder button{
    text-transform: none;
}

.policy-builder .input-box{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 160px;
}

.policy-builder .alerts .selection-main:not(.summary) .input-box:first-child,
.policy-builder .nudges .selection-main:not(.summary) .input-box:first-child{
    padding-left: 0px;
}

.policy-builder .input-box.input-large{
    width: 500px;
}

.policy-builder .input-box.input-medium{
    width: 300px;
}

.policy-builder .input-box.input-icon{
    padding-left: 0px !important;
    width: 50px;
}

.policy-builder .btn_link.link_primary.edit-view{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

.policy-builder .fix-column .input-box,
.policy-builder .fix-column .select2{
    width: 100% !important;
}

.policy-builder .input-box input:not([type=radio]),
.policy-builder .input-box select,
.policy-builder .input-box .select2{
    width: 100% !important;
}
.policy-builder .conditions-box .condition{
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    float: left;
}

.policy-builder .input-box.danger select~.select2-container--default,
.policy-builder .input-box.danger input{
    border: 1px solid var(--bs-red);
}

.policy-builder .innerWrap.danger{
    border: 1px solid var(--bs-red) !important;
    box-shadow: none !important;
}

.policy-builder .dropdown-menu{
    border-radius: 12px !important;
}

.policy-builder .dropdown-menu .list-item{
    background-color: transparent;
}

.policy-builder .dropdown-menu .list-item:first-child a{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.policy-builder .dropdown-menu .list-item:last-child a{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/*.policy-builder .conditions-box .input-box.input-number{*/
/*    width: 75px;*/
/*}*/
.policy-builder .input-box.input-small{
    width: 50px;
    padding-left: 10px !important;
}

.policy-builder .input-box.input-small input{
    padding: 0px;
}

.policy-builder .input-box.input-sm{
    width: 80px;
}
.policy-builder .input-box.input-md{
    width: 180px;
}
.policy-builder .input-box.input-md-s{
    width: 125px;
}
.policy-builder .input-box.input-md-m{
    width: 160px;
}
.policy-builder .input-box.input-md-l{
    width: 275px;
}

.policy-builder .input-box.input-lg {
    width: 230px;
}

.policy-builder .input-box.input-xl {
    width: 300px !important;
}

.policy-builder .input-box.input-xxl {
    width: 380px;
}

.policy-builder .input-box.input-xxxl {
    width: 450px;
}

.policy-builder .input-box.input-small:focus {
    border: none;
    box-shadow: none;
}

.policy-builder .input-box.input-small input,
.policy-builder .input-box.input-icon button:not(.dropdown-toggle){
    border: none !important;
    box-shadow: none;
}

.policy-builder .single-line-actions{
    width: 85px;
}
.policy-builder .single-line-actions .content-left,
.policy-builder .single-line-actions .content-right{
    gap: 15px;
}
.policy-builder .single-line-actions .content-left > *,
.policy-builder .single-line-actions .content-right > *{
    cursor : pointer;
}
.policy-builder .single-line-actions .content-left:first-child{
    margin-left: 10px;
    font-weight: bold;
}
.policy-builder .conditions-box .add-more-conditions{
    cursor: pointer;
    position: relative;
    padding-left: 9px;
}
.policy-builder .selection-bulk-action{
    width: 70px;
    height: calc(100% + 1px);
    border-left: 1px solid #ccc;
    position: absolute;
    top: 0px;
    right: 0px;
    display: table;
    text-align: center;
    vertical-align: center;
    overflow: hidden;
}

.policy-builder .selection-bulk-action > .cell{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.policy-builder .selection-bulk-action > .cell > * {
    margin-top: 8px;
    margin-bottom: 8px;
}

.policy-builder .selection-bulk-action > .cell > button {
    float: none;
    border: none;
    border-radius: 0px !important;
    box-shadow: none;

}

.policy-builder .accordion-footer .content-left {
    margin-top: 20px;
}

.policy-builder .accordion-footer .content-right {
    margin-top: 20px;
}


/*    Select 2 Customization    */


.policy-builder .select2-container--default .select2-selection--single,
#create-hs-modal .select2-container--default .select2-selection--single {
    padding: 10px 10px 10px 10px;
}

.policy-builder .search-box .select2-selection--multiple {
    padding-left: 40px;
    background: #FCFCFD;
    border-radius: 0.3rem !important;

}

.policy-builder .search-box .select2-selection__choice {
    background-color: var(--polymer-light-blue) !important;
    border-radius: 5px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin-right: 2px;
}

.select2-results__option--selectable.no-check {
    padding: 0.625rem 0.875rem 0.625rem 0.875rem;
}

.select2-results__option--selectable.no-check:after {
    content: "";
    display: none !important;
    background: none;
    background-image: none !important;
}

.policy-builder .select2-selection--multiple .select2-selection__choice {
    margin-top: 0px;
    margin-bottom: 7px;
}

.policy-builder .search-box:not(.wo-search-icon) .select2-selection__choice:first-child {
    margin-left: 40px !important;
}
.filter-custom-reports-form#canvas-form .select2-selection__choice:first-child ,
.filter-entities-formm#canvas-form .select2-selection__choice:first-child,
.filter-files-form#canvas-form .select2-selection__choice:first-child,
.account-filters-form#canvas-form .select2-selection__choice:first-child,
.events-filter-form#canvas-form .select2-selection__choice:first-child {
    margin-left: 6px !important;
}
.select2-all-btn img {
    max-width: 20px;
    max-height: 20px;
}
#manage-scan-modal .policy-builder .select2-selection__choice:first-child {
    margin-left: 6px !important;
}
.select2-all-btn img {
    max-width: 20px;
    max-height: 20px;
}

.policy-builder .select2-selection__choice .select2-selection__choice__remove {
    color: var(--polymer-blue);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    height: 10px !important;
}
.policy-builder .select2-selection__choice .select2-selection__choice__remove:hover{
    background-color: transparent !important;

}

.policy-builder .select2-hidden-accessible ~ .select2-container--default .select2-selection__rendered {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-grey-700);
}
#manage-scan-modal .policy-builder .select2-hidden-accessible ~ .select2-container--default .select2-selection__rendered {
    font-weight: 500;
}

.policy-builder .multiline-select .select2-hidden-accessible ~ .select2-container--default .select2-selection__rendered {
    padding-bottom: 13px;

}

.policy-builder .select2-selection--multiple .select2-selection__rendered {
    padding-top: 10px !important;

}

.policy-builder .condition .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0px;
}


.policy-builder select ~ .select2-container--default {
    border: 1px solid var(--polymer-light-gray);
    border-radius: 8px;
    width: 98% !important;
    max-width: 100% !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    min-height: 50px;
}
#manage-scan-modal .policy-builder select ~ .select2-container--default.select2-container--open,
#create-hs-modal select ~ .select2-container--default.select2-container--open {
    border: 1px solid #44BFF0 !important;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.policy-builder .select2-container--default .select2-selection--single,
.policy-builder .select2-container--default .select2-selection--multiple,
#create-hs-modal .select2-container--default .select2-selection--single  {
    border-radius: 8px !important;
    border : none !important;
    box-shadow: none !important;
    height: 48px;
}
.policy-builder .select2-search--inline{
    left: 36px !important;
}
/*.policy-builder .select2-container--focus .select2-search--inline,*/
/*.policy-builder .select2-container--open .select2-search--inline{*/
/*    display: block;*/
/*}*/


/*  Select 2 simple with single select */
.policy-builder .search-box:not(.wo-search-icon) .select2-container:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../icons/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
    position: absolute;
    top: 10px;
    left: 12px;
    filter: invert(44%) sepia(10%) saturate(807%) hue-rotate(183deg) brightness(95%) contrast(89%);
}
#manage-scan-modal .policy-builder .select2-container:before {
    display: none;
}

.policy-builder .search-box .select2-container--default .select2-selection--single{
    padding: 10px 10px 10px 38px;
}

.policy-builder .multivalues-container .select2-selection--multiple,
.policy-builder .search-box .select2-selection--multiple{
    padding-left: 5px;
    background: #FCFCFD;
}
.policy-builder .select2-hidden-accessible~.select2-container--default .selection{
     border-radius: 9px !important;
}

.policy-builder .select2-selection__choice{
    background-color: var(--polymer-light-blue) !important;
    border-radius: 5px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color : #000000;
    margin-top: 0px;
}
.policy-builder  .select2-selection__choice .select2-selection__choice__remove{
    color: var(--color-grey-800) !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    height: 10px !important;
}

.policy builder .select2-container--default .select2-selection--multiple span.select2-search--inline{
    width: calc(100% - 36px);
}

    /*Policy builder Scenarios*/

.policy-builder  .scenarios .condition:first-child{
    padding-left: 0px !important;
}
.policy-builder  .scenarios .condition input-box.search-label{
    width: 300px;
}
.policy-builder .scenarios .form-heading {
    padding-left: 22px;
    margin-bottom: 0px;
}

.policy-builder .scenarios .form-heading-altered {
    padding-left: 6px;
    margin-bottom: 0px;
}

.policy-builder .form-more{
    height: 40px !important;
    margin-top: 10px !important;
    margin-right: 20px !important;
}
.policy-builder .scenarios .selection-form{
    margin-bottom: 24px;
}

.policy-builder .scenario-single:last-child .selection-form {
    margin-bottom: 0 !important;
}

.policy-builder .scenarios .form-section .connection-container{
    width: 20%;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.policy-builder .scenarios .form-section .connection-container .input-box{
    width: 100%;
}

.policy-builder .scenarios .connections *:first-letter {
    text-transform: uppercase !important;
}

.policy-builder .scenarios .form-section .conditions-box{
    width: 80%;
    margin-bottom: 15px !important;

}

.policy-builder .scenarios .selection-main.summary .conditions-box{
    margin-bottom: 10px !important;
}

.policy-builder .selection-form .form-footer{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 0px 16px;
    gap: 14px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background: #F2F4F7;
    min-height: 72px;
    margin-top: 20px !important;
}

.policy-builder .selection-main.summary .form-footer{
    margin-top: 0px !important;
}

.policy-builder .scenarios .selection-form {
    padding-bottom: 0px !important;
}

.policy-builder .selection-form .form-footer .input-box {
    padding-top: 3px;
}

.policy-builder .selection-form .form-footer .input-box input[type="radio"] {
    margin-top: 4px;
    margin-left: 10px;
}

.policy-builder .selection-form .form-footer .input-box.radio:last-child {
    margin-right: 15px;
}

.policy-builder .selection-form .form-footer .input-box.input-md {
    width: 250px;
}

.policy-builder .selection-form .form-footer .input-box.label {
    width: auto;
    padding-top: 17px;
}

.policy-builder .form-footer .input-box.label {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.policy-builder .selection-form .form-footer .input-box.radio,
.policy-builder .selection-form .form-footer .input-box.checkbox {
    padding-top: 17px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.policy-builder .selection-main.summary .input-box.in-summary.checkbox{
    padding-left: 5px;
}

.policy-builder .selection-form .form-footer .input-box.radio label {
    font-style: normal;
    font-weight: 200;
    position: relative;
    top: -5px;
    left: 5px;
}

.policy-builder .selection-form .form-footer .input-box.checkbox label {
    font-style: normal;
    font-weight: 400;
    margin-top: 0px;
    color: var(--color-grey-700);
}

.policy-builder .selection-form .form-footer input.cbk{
    height: 5px !important;
    width: 5px !important;
    border: none;
    margin-right: 10px;
    font-weight: 200;
    margin-top: 2px;

}
/*policy builder detectors*/
.policy-builder .selection-main .input-box input[readonly]:focus{
   border: none !important;
}

.policy-builder .detectors .condition .input-box:first-child{
    /*padding-left: 20px;*/
}

.policy-builder .selection-main .input-box.entities{
    padding-left: 13px;
}

.policy-builder .selection-main.summary .input-box.entities{
    margin-left: -10px;
}

/*policy builder alert section*/
.policy-builder .alerts .selection-form,
.policy-builder .nudges .selection-form{
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid var(--polymer-light-gray);
}

.policy-builder .alerts .selection-main.summary .alert_form,
.policy-builder .nudges .selection-main.summary .nudge-form{
    margin-left: -10px;
}

.policy-builder .alerts .selection-main,
.policy-builder .nudges .selection-main{
    border-radius: 0px;
    border: none;
    border-top: 1px solid var(--polymer-light-gray);
}

.policy-builder  .alert-single:last-child .selection-form{
    border-bottom: 1px solid var(--polymer-light-gray) !important;
}

.policy-builder .selection-main.summary .alert-single:last-child .selection-form,
.policy-builder .selection-main.summary .nudge-single:last-child .selection-form{
    border-bottom: none !important;
    margin-bottom: -20px;
}

.policy-builder  .scenarios form{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.policy-builder .switch{
    display: block;
    position: relative;
    float: left;
}
.policy-builder [class^="lb-"] span{
    float:left;
    padding-left: 2px;
}
.policy-builder [class^="lb-"] > span.status-on,
.policy-builder [class^="lb-"] > span.status-off{
    display: none;
}
.policy-builder .switch:has(> input[type="checkbox"]:not(:checked)) + [class^="lb-"] > .status-off{
    display: block;
}
.policy-builder .switch:has(> input[type="checkbox"]:checked) + [class^="lb-"] > .status-on{
    display: block;
}

.policy-builder .selection-form .label-rb{
    padding-left: 10px;
}

.alerts .table-heading label.title:first-child{
    min-width: 313px;
    max-width: 313px;
}

/*policy details section */

.policy-builder .policy .selection-form{
    border: 0px;
}

.policy-builder .policy .selection-form .label-simple{
    padding-top: 20px;
    padding-bottom: 10px;
}

.policy-builder .policy .input-box{
    padding-right: 0px;
}

.policy-builder .policy .selection-form .input-box{
    padding-left: 0px;
}
.policy-builder .policy .accordion-item-title:not(:first-child){
    padding-top: 20px;
}

.policy-builder .accordion-item .accordion-sub-title{
    display: none;
}
.policy-builder .accordion-item .accordion-sub-title.show{
    display: block;
}

.policy-builder label.title{
    font-size: 16px;
    font-weight: 500;
    margin-left: 0px;
    line-height: 20px;
    padding: 10px 0px;
}

.policy-builder .selection-mail .select2-results__options {
    display: none !important;
}


/**
  Summary view start
 */

.policy-builder .selection-main.summary input,
.policy-builder .selection-main.summary .select2.select2-container,
.policy-builder .selection-main.summary .select2-container--default,
.policy-builder .selection-main.summary .label-rb.input-box,
.policy-builder .selection-main.summary select,
.policy-builder .selection-main.summary .label-selector {
    border: none !important;
    box-shadow: none !important;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 700;
}

.policy-builder .selection-main.summary input{
    margin-top: 1px;
}

.policy-builder .selection-main.summary .label-selector{
    padding-left: 0px;
}

.policy-builder .alerts .selection-main.summary .label-rb.input-box,
.policy-builder .detectors .selection-main.summary input,
.policy-builder .detectors .selection-main.summary and
{
    font-weight: 400;
}

.policy-builder .alerts .selection-main.summary input{
    font-weight: 400;
    color: #000;
}

.policy-builder .selection-main.summary .entities.in-summary .select2-search.select2-search--inline{
    display: none !important;
}

.policy-builder .selection-main.summary .input-box.in-summary .datepicker{
    font-weight: 500;
    cursor: default;
    padding-top: 5px;
}

.policy-builder .selection-main.summary .input-box.in-summary .date-icon{
    display: none;
}

.policy-builder .selection-main.summary .select2-container .select2-selection--multiple{
    background: none;
    cursor: default !important;
}

.policy-builder .selection-main.summary .select2-container .select2-search__field,
.policy-builder .selection-main.summary .select2-container .select2-selection__arrow,
.policy-builder .selection-main.summary .search-box .select2-container:before{
    display: none;
}

.policy-builder .selection-main.summary .input-box.in-summary .select2-container .select2-search__field {
    margin-top: 3px !important;
}

.policy-builder .selection-main.summary .input-box.in-summary .select2-container .select2-search__field[placeholder=""] {
    display: none !important;
}

.policy-builder .selection-main.summary .select2-selection{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.policy-builder #scenarios .selection-main.summary .connection-container .select2-selection{
    margin-top: -2.5px;
}

.policy-builder #scenarios .selection-main.summary .conditions-box .select2-selection{
    margin-top: 2px;
}

.policy-builder #scenarios .selection-main.summary .form-footer .select2-selection{
    margin-top: -0.5px;
}

.policy-builder .select2-container--disabled {
    background: transparent !important;
}

.policy-builder .select2-container--disabled .select2-selection--single {
    background: transparent !important;
}

.policy-builder .selection-main.summary .input-box{
    display: none;
}

.policy-builder .scenarios .selection-main.summary .input-box.multivalues-container{
    max-width: 85%;
}

.policy-builder .scenarios .selection-main.summary  .select2-selection--multiple .select2-selection__rendered{
    max-width: 100%;
}

.policy-builder .selection-main.summary .input-box.in-summary{
    display: block;
}

.policy-builder .selection-main.summary .input-box.in-summary .select2-selection__rendered{
    padding-right: 0px;
}

/*.policy-builder .selection-main .select2-results__option.select2-results__option--selected {*/
/*    display: none !important;*/
/*}*/

.policy-builder #policy-details .selection-form {
    padding-top: 0px;
}

.policy-builder .selection-main.summary .select2-selection--multiple .select2-selection__choice {
    padding-right: 8px !important;
}


.policy-builder .selection-main.summary .select2-hidden-accessible ~ .select2-container--default .select2-selection__rendered {
    transform: translateY(2px);
    padding-bottom: 0px;
    cursor: default;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.policy-builder .selection-main.summary .label {
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.policy-builder #policy-details .select2-selection__choice {
    padding-right: 35px;
}

.policy-builder #policy-details .select2-selection__choice .select2-selection__choice__remove {
    width: 28px;
    height: 25px !important;
    background: yellow;
    position: absolute;
    right: 3px;
    top: 3px;
    display: none;
}

.policy-builder .selection-main.summary .search-box .select2-selection__choice:first-child {
    margin-left: 5px !important;
}

.policy-builder .selection-main.summary .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: var(--color-grey-900);
}

.policy-builder .selection-main.summary .form-more, delete-record,
.policy-builder .selection-main.summary .selection-bulk-action {
    display: none;
}

/** summary view End */

.policy-builder #policy-details .select2-selection__choice:after {
    content: "...";
    display: block;
    width: 20px;
    color: #000000;
    background: wheat;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;

}

.policy-builder #policy-details .select2-selection__choice .select2-selection__choice__remove > span{
    visibility: hidden;
}

.label-action-dropdown-hidden{
    display: none;
}
.label-action-dropdown{
    width: 200px;
    border: 1px solid #F2F4F7;
    position: relative;
    display: block;
    float: left;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 12px 16px -4px #10182814;
    box-shadow: 0px 4px 6px -2px #10182808;

}

.label-action-dropdown .dropdown-close{
    width: 24px;
    height: 24px;
    display: block;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 18px;
    line-height: 14px;
    padding-top: 2px;
    padding-left: 6px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 999;
    cursor: pointer;
    box-shadow: 0px 12px 16px -4px #10182814;
}

/** Policy builder labels */

.policy-builder button.label-action{
    background: #FFFFFF;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 10px 20px;
    display: block;
    width: 100%;
    height: 50px;
    float: left;
    text-align: left;
}
button.label-action:hover{
    border-bottom: 1px solid #F2F4F7 !important;
}
button.label-action:last-child:hover{
    border-top: 1px solid #F2F4F7 !important;
}

button.label-action span.title{
    font-size: 14px;
    padding-left: 20px;
    font-weight: 400;

}
.label-action-container {
    position: absolute;
    bottom: -108px;
    left: -39px;
    z-index: 999;
}
.policy-builder .label-selector{
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    min-height: 20px;

    color: var(--polymer-gray-text);
    border: 1px solid transparent;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
    float: left;
    box-sizing: border-box;
}
.policy-builder .label-selector *{
    display: block;
    box-sizing: border-box;
    float: left;
}

.policy-builder .label-selector .label-main{
    background-color: #EAECF0;
    border-radius: 5px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #1D2939;
    margin-top: 0px;
    padding: 4px 10px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;

}
.policy-builder .label-selector .label-main .edit-label{
    height: 17px !important;
    margin-left: 5px;
    background: none;
    border: none;
    box-shadow: none;
    padding-right: 0px;

}

.policy-builder .label-selector button#add-label{
    border: none;
    font-size: 14px;
    color: var(--polymer-blue);
    box-shadow: none !important;
    margin-top: -4px;
    padding: 0px !important;
    padding-top: 4px !important;
    padding-left: 3px !important;
    height: 30px;
    background: transparent;
}

#label-edit-modal {
    background: rgba(0, 0, 0, 0.1);
}

#label-edit-modal .modal-header,
#label-edit-modal .modal-footer {
    border-bottom: none;
    border-top: none;
}

#label-edit-modal .modal-dialog {
    margin-top: 25vh;
    background: #ffffff;
}

#label-edit-modal .modal-dialog .close {
    font-size: 25px;
    border: none !important;
    background: none !important;
}
#label-edit-modal .modal-dialog .modal-body{
    padding-left: 17px !important;
    padding-right: 17px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
#label-edit-modal .modal-dialog .modal-body label,
#label-edit-modal .modal-dialog .modal-body input,
#label-edit-modal .modal-dialog .modal-body ul{
    width: 100%;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}
#label-edit-modal .modal-dialog .modal-body input{
    border : 1px solid var(--polymer-light-gray);
    border-radius: 8px;
    line-height: 30px;
    padding-left: 10px;
}
#label-edit-modal .modal-dialog .modal-body input:focus{
    border : 2px solid var(--polymer-gray);
}

#label-edit-modal .modal-dialog .modal-body ul{
    display: block;
    box-sizing: border-box;
    float: left;
    padding-left: 0px;
}
#label-edit-modal .modal-dialog .modal-body ul .color-single{
    text-decoration: none;
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    margin-left: 10px;
    border: 1px solid var(--polymer-gray);
    border-radius: 50%;
    cursor: pointer !important;
}
#label-edit-modal .modal-dialog .modal-body ul .color-single:first-child{
    margin-left: 0px !important;
}
#label-edit-modal .modal-dialog .modal-body ul .color-single.selected{
    border: 2px solid #14AFED;
}

/* End Policy Builder  */

/*--for-responsive*/
@media (max-width: 1600px) {
    .requires-approval-select-wraper {
        flex-wrap: wrap;
    }

    .label-row {
        max-width: 350px;
    }

    .table tr td [class^=p] {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
}

@media (max-width: 1400px) {
    .label-row {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
}

@media (max-width: 900px) {
    .vw-50 {
        width: 320px !important;
    }
}

.vw-50 {
    width: 50vw !important;
}

@media (max-width: 1200px) {
    .google-enterprice-wraper .data-tables-chart {
        flex-wrap: wrap;
    }
}

@media (max-width: 1000px) {
    .google-enterprice-wraper .container {
        padding: 0px 20px;
    }

    .google-enterprice-wraper .card-wraper {
        margin-bottom: 2rem;
    }

    .google-enterprice-wraper .enterprice-boxes .colum-lg-6,
    .google-enterprice-wraper .enterprice-boxes .colum-lg-3 {
        width: 50%;
        max-width: calc(50% - 18px);
    }

    .google-enterprice-wraper .enterprice-footer {
        padding-top: 54px;
        height: 214px;
    }

    .google-enterprice-wraper .top-level-numbers {
        justify-content: center;
    }

    .google-enterprice-wraper .top-level-numbers .box {
        width: 23.666667%;
    }

    .google-enterprice-wraper .reduce-risk-box {
        flex-direction: column;
        margin-bottom: -70px;
        gap: 90px;
    }
}

@media (max-width: 768px) {
    .enterprice-list-box .text-center {
        max-width: 132px;
        justify-content: left;
        text-align: left;
        width: 100%;
    }

    .enterprice-list-box ul {
        justify-content: space-between;
    }

    .enterprice-list-box .text-right {
        margin-left: 0 !important;
    }

    .scan-header {
        padding: 1.6rem;
    }

    .top-level-numbers .box {
        width: calc(33% - 10px) !important;
    }

    .google-enterprice-wraper .reduce-risk-box h4 {
        font-size: 23px;
        line-height: 28px;
    }

    .google-enterprice-wraper .section-header {
        margin-bottom: 23px;
    }

    .google-enterprice-wraper .card-wraper {
        margin-bottom: 4rem;
    }

    .google-enterprice-wraper .data-tables-chart {
        margin: 0px;
    }

    .google-enterprice-wraper .data-tables-chart .colum-lg-5,
    .google-enterprice-wraper .data-tables-chart .colum-lg-3,
    .google-enterprice-wraper .data-tables-chart .colum-lg-5,
    .google-enterprice-wraper .data-tables-chart .colum-lg-6{
        max-width: 100%;
        margin-bottom: 67px;
    }

    .google-enterprice-wraper .data-tables-chart {
        flex-direction: column;
    }

    .google-enterprice-wraper .data-tables-chart .colum-lg-3,
    .google-enterprice-wraper .data-tables-chart .colum-lg-4 {
        max-width: 100%;
    }

    .google-enterprice-wraper .container {
        padding: 0px 32px;
    }

    .google-enterprice-wraper .enterprice-boxes {
        margin-bottom: 4rem;
    }

    .google-enterprice-wraper .enterprice-boxes .colum-lg-6,
    .google-enterprice-wraper .enterprice-boxes .colum-lg-3 {
        max-width: -webkit-fill-available;
        width: 100%;
    }

    .google-enterprice-wraper .enterprice-sub-header {
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .google-enterprice-wraper .enterprice-sub-header .content-divider {
        width: 100%;
    }

    .google-enterprice-wraper .enterprice-sub-header h4 {
        font-size: 23px;
    }

    .google-enterprice-wraper .enterprice-sub-header h6 {
        font-size: 16px;
    }

    .google-enterprice-wraper .enterprice-bg::after {
        height: 440px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 82%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 82%, 0% 100%);
    }

    .google-enterprice-wraper .enterprice-bg {
        height: auto;
        padding-top: 76px;
        margin-bottom: 90px;
    }

    .google-enterprice-wraper .enterprice-bg .custom-row {
        flex-direction: column;
        justify-content: center;
        gap: 55px;
    }
}

@media (max-width: 490px) {
    .scan-header .logo img {
        max-width: 121px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .scan-header h5 {
        font-size: 18px;
    }

    .table tr td {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/*# sourceMappingURL=theme.css.map */

#sharing-chart-chart {
    margin: 35px auto;
}

.table-risk-scan > tbody > tr {
    background-color: #FFFFFF;
}

.table-risk-scan > tbody > tr > td {
    padding: 15px 5px !important;
}

.table-risk-scan > tbody > tr > td:first-child {
    padding-left: 20px !important;
}

.table-risk-scan > tbody > tr > td > span {
    display: inline !important;
    margin-right: 10px;
}

.table-risk-scan > tbody > tr > td > a {
    font-weight: 500;
    color: #101828;
    text-decoration: none;
}

.font-18 {
    font-size: 18px !important;
}

.filter-none img {
    filter: none;
}

.table.table-compact td {
    padding: 15px 0 11px 20px !important;
}

.table.table-triggers td {
    padding: 15px 0 18px 20px !important;
}

.bar-chart .apexcharts-legend {
    inset: auto 0px 15px !important;
}
.bar-chart .apexcharts-legend-series {
    margin: 10px !important;
}

.table-recent-apps tbody > tr > td > a {
    text-decoration: none;
    color: #667085;
}

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

.table-compact-filler {
    min-height: 340px;
}

.alert-toast{
    position: fixed;
    top: 20px;
    right: 20px;
    margin-right: 65px;
    min-width: 400px;
    max-width: 550px;
    width: auto;
    z-index: 1500;
    animation: slideUp 0.5s ease-in-out;
}

.alert-toast-stack{
    animation: slideUp 0.5s ease-in-out;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

.switch-placeholder{
    cursor: default;
    display: flex;
    align-items: center;
}

.switch-placeholder-status{
    display: inline-block;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #1D2939;
    margin-top: 0px;
    padding: 4px 10px;
    position: relative;
    margin-left: 5px;
    cursor: default;
}

.policy .switch-placeholder-status{
    margin-left: 0px !important;
}

.switch-placeholder-status.green{
    background: #6CE9A6;
}

.switch-placeholder-status.red{
    background: #F97066;
}

.policy-builder .accordion-item.policy{
    width: 50%;
    margin-left: 25%;
}

.policy-builder .policy input{
    color: var(--polymer-black) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.policy-builder .policy .selection-form{
    padding: 5px 0px !important;
}

.select2-prepend-icon {
    max-height: 12px;
    max-width: 12px;
    margin-top: -2px;
    margin-right: 1px;
}

#bot-invite-modal .para,
#delete-confirmation .para,
#manage-entities-modal .para,
#saml-config-modal .para,
#nudge-warning-modal .para,
#roles-modal .para {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-grey-700);
}

#alert-config-modal .para{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-grey-700);
}

#alert-config-modal small{
    color: var(--color-grey-600);
}

#bot-invite-modal .para-small,
#delete-confirmation .para-small {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #344054;
}

#bot-invite-modal .para-bold,
#alert-config-modal .para-bold,
#delete-confirmation .para-bold,
#manage-entities-modal .para-bold{
    font-weight: 500;
    font-size: 19px;
    line-height: 23px;
    color: #344054;
}

#roles-modal .para-bold{
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #344054;
}

#bot-invite-modal .feature-icon img,
#delete-confirmation .feature-icon img,
#alert-config-modal .feature-icon img,
#manage-entities-modal .feature-icon img,
#roles-modal .feature-icon img{
    margin-left: -7px;
    margin-top: 3px;
}

#bot-invite-modal .group-content .content-title h6,
#delete-confirmation .group-content .content-title h6{
    margin-bottom: 1.3rem !important;
}

#alert-config-modal .group-content .content-title h6,
#nudge-warning-modal .group-content .content-title h6,
#manage-entities-modal .group-content .content-title h6
{
    margin-bottom: 6px !important;
}

#bot-invite-modal .group-content .close {
    top: 8px !important;
    right: 0px !important;
}

#alert-config-modal .group-content .close,
#nudge-warning-modal .group-content .close,
#manage-entities-modal .group-content .close,
#create-hs-modal .group-content .close {
    top: -5px !important;
    right: -12px !important;
}


#roles-modal .group-content .close,
#saml-config-modal .group-content .close
{
    top: -6px !important;
    right: -6px !important;
}

#alert-config-modal .group-content .innerWrap{
    display: flex;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-grey-900);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    margin-top: 0.3rem;
    border: 1px solid var(--color-grey-300);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    overflow-y: hidden;
    min-height: 45px;
    align-items: center;
    flex-wrap: wrap;
}

#alert-config-modal .group-content .innerWrap:focus-within{
    border: 1px solid var(--color-primary-300);
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

#alert-config-modal .group-content .innerWrap #jira-alert-config-content,
#alert-config-modal .group-content .innerWrap #slack-nudge-config-message,
#alert-config-modal .group-content .innerWrap #slack-nudge-config-header {
    line-height: 32px;
    align-content: center;
}

#alert-config-modal .group-content .innerWrap .policy-label,
#tinymce .policy-label {
    margin: 3px;
}


#alert-config-modal .group-content .jira-token-list,
#alert-config-modal .group-content .nudge-token-list,
#create_new_agent .welcome-token-list {
    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--color-grey-100, #F2F4F7);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    position: absolute;
    width: 100%;
    z-index: 4;
}

#alert-config-modal .group-content .text-danger{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

#alert-config-modal .group-content #token-search-jira,
#alert-config-modal .group-content #token-search-slack-nudge-header,
#alert-config-modal .group-content #token-search-email-nudge-subject
{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-grey-900);
    flex-grow: 1;
    margin-left: 5px;
}

#alert-config-modal .group-content .jira-token-list li,
#alert-config-modal .group-content .nudge-token-list li,
#create_new_agent .welcome-token-list li
{
    display: flex;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    cursor: pointer;
}

#alert-config-modal .group-content .policy-label button,
#tinymce .policy-label button {
    color: var(--color-grey-700);
    border: none;
    background: transparent;
    padding-left: 5px;
    display: flex;
}

#alert-config-modal .group-content .policy-label button img,
#tinymce .policy-label button img {
    height: 15px !important;
    width: 15px !important;
}


#alert-config-modal .group-content .jira-token-list li:hover,
#alert-config-modal .group-content .nudge-token-list li:hover,
#create_new_agent .welcome-token-list li:hover
{
    background: var(--color-primary-50);
}

#alert-config-modal .group-content .btn-border-blue{
    margin-bottom: 1.5rem;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}


#bot-invite-modal .bot-modal-body,
#delete-confirmation .bot-modal-body,
#manage-entities-modal .bot-modal-body,
#nudge-warning-modal .bot-modal-body,
#alert-config-modal .bot-modal-body,
#saml-config-modal .bot-modal-body,
#add-domain-modal .bot-modal-body,
#roles-modal .bot-modal-body,
#manage-scan-modal .bot-modal-body,
#edit-policy-warning-modal .bot-modal-body,
#custom-report-modal .bot-modal-body,
#roles-modal .bot-modal-body,
#add-domain-modal .bot-modal-body,
#lookup-success-modal .bot-modal-body,
#select-agent-groups-modal .bot-modal-body,
#entities-error-modal .bot-modal-body,
#create-hs-modal .bot-modal-body {
    position: unset;
    z-index: 9;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    min-height: 328px;
    width: 600px;
    border-radius: 12px;
    padding: 30px;
    background-color: #ffffff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}


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

.input-group-copy .btn-settings-copy {
    margin-left: 0.625rem;
}

.copy-snippet {
    font-family: "IBM Plex Mono" !important;
    width: 470px !important;
    border-radius: 0.5rem !important;
    white-space: pre-line;
}

.btn-settings-copy img {
    margin: unset !important;
}

.input-field code {
    height: 160px;
    border: 1px solid var(--color-grey-200);
    border-radius: 0.5rem !important;
    padding: 0.5rem;
    color: #000000;
    background-color: #FFFFFF;
}

#bot-invite-modal .code-snippet,
#manage-entities-modal .code-snippet,
#alert-config-modal .code-snippet,
#roles-modal .code-snippet{
    border-radius: 4px;
}

#bot-invite-modal .btn-settings-copy img,
#manage-entities-modal .btn-settings-copy img,
#alert-config-modal .btn-settings-copy img,
#roles-modal .btn-settings-copy img {
    margin: 0px 5px !important;
    height: 20px !important;
}

#bot-invite-modal .btn-settings-copy,
#manage-entities-modal .btn-settings-copy,
#alert-config-modal .btn-settings-copy,
#roles-modal .btn-settings-copy{
    margin-top: -3px;
}

#manage-entities-modal .pagi-left {
    border-radius: 8px 0px 0px 8px;
}

#manage-entities-modal .pagi-right {
    border-radius: 0px 8px 8px 0px;
}

#manage-entities-modal .table thead tr {
    border: none !important;
}

#manage-entities-modal .card-wraper,
#alert-config-modal .card-wraper
{
    box-shadow: none !important;
}

.supporting-text-sub-title{
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    font-family: Inter;
    line-height: 24px;
    letter-spacing: 0em;
    color: var(--color-grey-900);
}

#saml-config-modal .supporting-text-sub-title {
    color: var(--color-grey-500);
}

.supporting-text-normal-grey p{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    margin-bottom: 6px;
    color: var(--color-grey-700);
}

.supporting-text-bold p{
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 6px;
    color: var(--color-grey-900);
}

.a-blue{
    color: var(--color-primary-700) !important;
    font-weight: 700;
}

.btn-border-blue{
    border: 1px solid #0083CA !important;
}

.flip-updown{
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.input-error{
    border: 1px solid var(--bs-red) !important;
}

.fs-12px{
    font-size: 12px;
}

.fs-14px{
    font-size: 14px;
}
.fs-18px{
    font-size: 18px;
}

.choice-blue .select2-selection__choice{
    background-color: var(--polymer-light-blue) !important;
    border-radius: 5px !important;
}

.choice-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
    background-color: unset !important;
}

.multiselect-with-arrow .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    background-image: url('../icons/chevron-down.svg');
    background-size: contain;
    height: 16px;
    top: 15px !important;
    right: 10px !important;
    width: 20px !important;
}

#sharing-filters .input-dropdown:has(.with-search-icon) .selection::after {
    z-index:2;
    cursor:pointer;
}

#sharing-filters .brand-form-field.with-search-icon ~ .select2-container .select2-selection--multiple {
    z-index: 1;
}

#sharing-filters .select2-container--default .select2-search--inline .select2-search__field {
    z-index: -1;
}

#violation-filters .select2-hidden-accessible ~ .select2-container--default .select2-search--inline .select2-search__field {
    z-index: -1;
}

#violation-filters .select2-container--default.select2-container .select2-selection--multiple {
    z-index: 0;
}

.policy-builder #detectors .select2-container--default .select2-search--inline .select2-search__field {
    min-width: 250px;
}

.policy-builder .select2-container .select2-selection--multiple .select2-selection__rendered {
    flex-wrap: nowrap;
}
.policy-builder .label-light {
    color: var(--Gray-700, #344054);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
}

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

.normal-table-data,
.normal-text {
    color: #101828;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.policy-label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--color-grey-900) !important;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 2px 8px;
    min-height: auto !important;
    border-radius: 4px;
    background-color: var(--color-grey-200);
    margin-right: 5px;
}
.policy-label-success {
    background-color: var(--color-success-300) !important;
}
.policy-label-primary {
    background-color: var(--color-primary-200) !important;
}
.policy-label-warning {
    background-color: var(--color-warning-200) !important;
}
.policy-label-danger {
    background-color: var(--color-error-200) !important;
}
.policy-label-error {
    background-color: #F97066 !important;
}
.policy-label-external {
    background-color: #F7AB8B !important;
}
.policy-label-error-300 {
    background-color: #FDA29B !important;
}
.policy-label-restricted {
    background-color: #7CB8FF !important;
}

.table-no-hover tbody tr:hover, tbody th:hover, tbody td:hover, tbody .avatar-label-group:hover {
     background-color: unset !important;
}
.radio-tabs {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
}
.radio-tabs .item {
    flex: 1 1 0;
    align-self: stretch;
    padding: 15px 5px 25px 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    border-radius: 8px;
    border: 1px solid var(--color-grey-300, #D0D5DD);
    background: var(--color-grey-50, #F9FAFB);
    cursor: pointer;
}
.radio-tabs .item.active{
    border: 1px solid var(--color-primary-300, #44BFF0);
    background: var(--color-primary-50, #E0F4FD);

}
.radio-tabs-icon {
    width: 16px;
    height: 16px;
    position: relative;
    background: #F4FBFF;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #0073B6;
}
.radio-tabs-basic-icon {
    background: #F4FBFF;
    border-color: #0073B6;
}
.radio-tabs-advanced-icon {
    background: white;
    border-color: #D0D5DD;
}
.radio-tabs-text-container {
    align-self: stretch;
    height: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: flex;
}
.radio-tabs-title {
    color: #344054;
    font-size: 14px;
    font-family: Inter;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word;
}
.radio-tabs-description {
    padding: 0rem 0.9rem;
    align-self: stretch;
    text-align: center;
    color: #344054;
    font-size: 12px;
    font-family: Inter;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word;
}
.button-container button:not(:first-child):not(:last-child) {
    display: none;
}
.button-container button:last-child {
    margin-left: auto;
}
.narrow-select .select2-container--default{
    min-height: 30px !important;
}
.narrow-select .select2-container--default .select2-selection--single{
    height: 30px !important;
    padding: 2px !important;
}
.narrow-select .select2-selection__arrow{
    top: 5px !important;
}
.narrow-select .select2-hidden-accessible ~ .select2-container--default .select2-selection__rendered{
    color: var(--color-grey-700) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}
.btn_pagination {
    color: #344054;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    padding: 0.5rem 0.875rem 0.5rem 0.875rem !important;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.btn_pagination:hover {
    background-color: #F9FAFB !important;
    color: var(--color-grey-500) !important;
}

.btn_pagination:disabled {
    background-color: transparent;
    color: var(--color-grey-300);
    opacity: 1;
}
.pagi-btn-with-border .btn_pagination {
    border: 1px solid #D0D5DD !important;
}

small{
    color: var(--color-grey-700, #475467);
    font-size: 14px;
    font-weight: 500;
}

input[type="search" i]::-webkit-search-cancel-button {
    margin-right: 10px;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 18px;
    width: 18px;
    background-color: var(--color-grey-500);
    -webkit-mask-image: url(../icons/x.svg);
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
}

#toastContain {
    position: fixed;
    top: 20px;
    right: 20px;
    margin-right: 65px;
    max-width: 450px;
    z-index: 1500;
    /*animation: slideUp 0.5s ease-in-out;*/
}

.error-highlight {
    box-shadow: 0px 0px 7px 0px #df3d2a !important;
    border-color: #D92D20 !important;
}

.mt-2-5 {
    margin-top: 0.8rem !important;
}
.mb-2-5 {
    margin-bottom: 0.8rem !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 small {
    font-weight: 500;
}


.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;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: #ffffff !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #212529 !important;
}
.repositories-stats {
    padding: 24px 40px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
    border: none;
    border-radius: 8px;
}
.repositories-stats.notion-repo-stats {
    justify-content: center;
}
.repositories-stats .stats-box {
    max-width: 200px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.repositories-stats.notion-repo-stats .stats-box {
    max-width: none;
    width: 50%;
}
.repositories-stats .stats-box span {
    margin: 0 auto 8px auto;
}
.repositories-stats .stats-box .progress {
    height: 8px !important;
    border-radius: 4px !important;
    margin-top: 24px;
    margin-bottom: 24px;
}
.repositories-stats .stats-box .progress-bar {
    border-radius: 4px;
}
#manage-scan-modal .input-wrap {
    margin-bottom: 24px;
}
#manage-scan-modal .input-wrap p {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 500;
    color : var(--polymer-dark-gray);
}
#manage-scan-modal .date-fields {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
}
#manage-scan-modal .dates-wrap,
#manage-scan-modal .additional-recipients-wrap {
    padding-left: 32px;
}
#manage-scan-modal .policy-builder select ~ .select2-container--default,
#create-hs-modal select ~ .select2-container--default {
    width: 100% !important;
}

#manage-scan-modal .select2-container--default .select2-search--inline .select2-search__field::placeholder,
#create-hs-modal .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    font-family: "Inter", "Red Hat Display", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #101828 !important;
    opacity: 1 !important;
}
#manage-scan-modal .select2-container .select2-selection--multiple .select2-selection__rendered:has(.select2-selection__choice) {
    padding-left: 8px;
}
#manage-scan-modal .select2-selection__arrow {
    top: 16px !important;
}
#manage-scan-modal .policy-builder .select2-hidden-accessible~.select2-container--default .selection {
    position: relative;
}
#manage-scan-modal .policy-builder .select2-hidden-accessible~.select2-container--default .select2-selection--multiple:before {
    content: '';
    z-index: 1;
}

.select2-results__option:has(.ajax-option-disabled){
    color: var(--color-grey-400, #98A2B3);
}

.select2-results__option.select2-results__option--highlighted:has(.ajax-option-disabled){
    background-color: unset !important;
    color: var(--color-grey-400, #98A2B3);
}

/*the option which is disabled but not selected before*/
.select2-results__option:not(.select2-results__option--selected):has(.ajax-option-disabled){
    display: none;
}

.select2-results__option:has(.ajax-option-disabled)::after{
    background-image: url(../icons/check-grey.svg) !important;
}

.select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice:has(.ajax-option-label-disabled){
    color: var(--color-grey-500, #667085) !important;
    background-color: var(--color-grey-200, #EAECF0) !important;
}

.groups-table .label-row {
    gap: 0;
}
.groups-table .group-platform .avatar-lg,
.groups-table .group-platform .avatar-lg img,
.scan-connections .group-platform .avatar-lg,
.scan-connections .group-platform .avatar-lg img {
    height: 36px;
    width: 36px;
}
.groups-table .group-platform .avatar-label-md,
.scan-connections .group-platform .avatar-label-md {
    color: var(--gray-500, #667085);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.groups-table .list-item a {
    align-items: center;
    gap: 12px;
}
.groups-table .list-item .list-icon {
    margin: 0;
}
.groups-table .list-item .list-icon img {
    display: block;
}
.groups-table .svg-bg-grey {
    filter: brightness(0) saturate(100%) invert(31%) sepia(39%) saturate(326%) hue-rotate(176deg) brightness(88%) contrast(85%);
}

.action-btn{
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.action-btn:hover{
    background-color: #F9FAFB;
}

.action-btn.success{
    border: 1px solid var(--color-success-400, #32D583);
    color: var(--color-success-600, #039855);

}

.action-btn.danger{
    border: 1px solid var(--color-error-500, #F04438);
    color: var(--color-error-700, #B42318);
}

.action-btn.info{
    border: 1px solid var(--color-grey-400, #98A2B3);
    color: var(--color-grey-700, #344054);
}
#custom-report-modal .input-wrap {
    margin-bottom: 24px;
}
#custom-report-modal .input-wrap p {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 500;
    color: var(--polymer-dark-gray);
}
#custom-report-modal .policy-builder select ~ .select2-container--default {
    width: 100% !important;
}
#custom-report-modal .policy-builder .select2-hidden-accessible~.select2-container--default .selection {
    position: relative;
}
#custom-report-modal .policy-builder .select2-hidden-accessible ~ .select2-container--default .select2-selection__rendered {
    font-weight: 500;
}
#custom-report-modal .dates-wrap, #manage-scan-modal .additional-recipients-wrap {
    padding-left: 32px;
}
#custom-report-modal .date-fields {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
}
#custom-report-modal .datepicker {
    font-size: 14px;
    font-weight: 500;
}
#custom-report-modal .policy-builder select ~ .select2-container--default.select2-container--open {
    border: 1px solid #44BFF0 !important;
    box-shadow: 0px 0px 0px 4px #E0F4FD;
}

.config-heading {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.38px;
    color: #344054;
    margin-bottom: 16px;
    line-height: 23px;
}
.config-note {
    color: #344054;
}
.lookup-constraint-wrapper .upload_field {
    border-radius: 0.5rem;
    border: 1px solid #D0D5DD;
    display: flex;
    height: 44px;
    align-items: center;
    padding: 0 !important;
    background-color: #fff;
    margin-top: 2px !important;
    margin-bottom: 0;
}
.lookup-constraint-wrapper .upload_field p {
    width: 70%;
    cursor: default;
    padding-left: 14px;
    color: var(--color-grey-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
}
.entity-create-error {
    font-size: 14px;
    font-weight: 500;
}
.entity-file-owner-error {
    font-size: 14px;
    font-weight: 500;
}
.entity-connection-error {
    font-size: 14px;
    font-weight: 500;
}
#invalid_basic_type {
    margin-top: -15px;
}
.lookup-constraint-wrapper .upload_field label {
    padding: 0px 14px !important;
    width: 102px !important;
    font-size: 12px !important;
    color: #344054;
    height: 32px !important;
    min-height: 32px !important;
}
.lookup-constraint-wrapper .overflow-ellipsis,
.lookup-constraint-wrapper .upload_field p:not(.text-danger) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.lookup-constraint-wrapper .browse_button {
    width: 30%;
    justify-content: end;
    padding-right: 14px;
}
.link-internal,
#manage-entities-custom .link-internal,
#activity-log .link-internal {
    color: #0083CA;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}
.link-external {
    color: #667085;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}
.link-internal:hover,
#manage-entities-custom .link-internal:hover,
#activity-log .link-internal,
.link-external:hover {
    color: #0073B6 !important;
}
.text-transform-auto {
    text-transform: math-auto;
}
.link-internal {
    color: #0083CA;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}
.link-external {
    color: #667085;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
}
.link-internal:hover,
.link-external:hover {
    color: #0073B6 !important;
}

.ordering-arrows .btn img {
    width: 16px;
    filter: invert(97%) sepia(2%) saturate(2633%) hue-rotate(182deg) brightness(89%) contrast(95%);
}
.ordering-arrows .btn.applied-order img {
    filter: invert(32%) sepia(22%) saturate(480%) hue-rotate(176deg) brightness(93%) contrast(95%);
}
.ordering-arrows .reverse-arrow img {
    transform: rotate(180deg);
}