/* modal scrolling is not working sometimes */
*[data-v-448a45b0] .modal {
        overflow-y:auto;
}
.main-con[data-v-448a45b0] {
        padding: 158px 334px 150px 84px;
}
.a-card[data-v-448a45b0] {
        margin: 0 0.7%;
}
.a-card.inactive[data-v-448a45b0] {
        opacity: 0.7;
}
.titlebar-con[data-v-448a45b0] {
        padding-right: 334px;
}
.pagination-footer[data-v-448a45b0] {
        background: #fff;
        position: fixed;
        padding: 10px 340px 0 80px;
        height: 60px;
        width: 100%;
        bottom: 0;
        left: 0;
}
.empty-listing-con[data-v-448a45b0] {
        position:relative;
        height: 28vh;
}
.empty-listing-con img[data-v-448a45b0] {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        width: 38%;
        left: 50%;
        top: 105%;
}
.userRestrictFeature[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        /* align-items: flex-end; */
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        row-gap: 30px;
        margin-bottom: -70px;
}

/* LEFT PART OF MODAL START */
.restricted-feature-management[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
}
.header1[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        margin-bottom: 42px;
}
.header2[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-bottom: 5px;
}
.user-restriction-header[data-v-448a45b0]{
        width: 280px;
        height: 437px;
        background: #AEACAD26 0% 0% no-repeat padding-box;
        border-radius: 0px 0px 0px 10px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.user-header-details[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
}
.user-details[data-v-448a45b0]{
        font: normal normal bold 16px/21px Roboto;
        letter-spacing: 0px;
        color: #515365;
        height: 6px;
}
.user-label[data-v-448a45b0]{
        font: normal normal normal 12px/16px Roboto;
        letter-spacing: 0px;
        color: #515365;
        height: 4px;
}
.features-to-restrict[data-v-448a45b0]{
        background: #F8F8F8 0% 0% no-repeat padding-box;
        border-radius: 6px;
        /* width: 380px; */
        width: 460px;
        height: 441px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        padding: 20px;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.selected-page-name[data-v-448a45b0]{
        letter-spacing: 0px;
        color: #515365;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.selected-page-header1[data-v-448a45b0]{
        font: normal normal bold 16px/21px Roboto;
}
.selected-page-header2[data-v-448a45b0]{
        margin-top: -10px;
        font: normal normal normal 12px/16px Roboto;
}
.restrict-user[data-v-448a45b0]{
        font: normal normal bold 12px/16px Roboto;
        color: #480048;
}
.restricted-feature-buttons[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
}
.gui-span[data-v-448a45b0]{
        display: none;
        height: 12px;
        width: 12px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 100%;
        margin-right: 5px;
}
.features-management-buttons[data-v-448a45b0]:hover{
        color: #FFFFFF !important;
        background-color: #601848 !important;
        text-transform: capitalize !important;
}
.features-management-buttons:hover .gui-span[data-v-448a45b0]{
        display: inline-block;
}
.features-management-buttons.isSelected[data-v-448a45b0] {
        color: #FFFFFF !important;
        background-color: #601848 !important;
        text-transform: capitalize !important;
}
.features-management-buttons.isSelected .gui-span[data-v-448a45b0]{
        display: inline-block;
}
/* LEFT PART OF MODAL END */

/* MIDDLE PART OF MODAL START */
.select-page[data-v-448a45b0]{
        height: 437px;
        width: 390px;
}
.feature-list[data-v-448a45b0]{
        overflow-y: scroll;
        height: 390px;
        text-align: left;
}
.list-of-features[data-v-448a45b0]{
        font: normal normal normal 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #515365;
        margin-bottom: 5px;
        padding: 10px;
        cursor: pointer;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px;
        /* width: 260px; */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.list-of-features[data-v-448a45b0]:hover{
        background: #60184826 0% 0% no-repeat padding-box;
        border-radius: 4px;
        font: normal normal bold 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #601848;
}
.list-of-features.isActive[data-v-448a45b0]{
        background: #60184826 0% 0% no-repeat padding-box;
        border-radius: 4px;
        font: normal normal bold 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #601848;
}
/* MIDDLE PART OF MODAL END */

/* RIGHT PART OF MODAL START */
.sub-feature-list[data-v-448a45b0]{
        height: 400px;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-transition-duration: .3s;
                transition-duration: .3s;
}
.feature-checkbox[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 340px;
        padding: 10px;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        margin-top: 5px;
        -webkit-transition-duration: .3s;
                transition-duration: .3s;
}
.feature-label[data-v-448a45b0]{
        /* width: 260px; */
        width: 380px;
        margin-bottom: 8px;
        padding-right: 20px;
}
.feature-checkbox[data-v-448a45b0]:hover{
        background: #60184826 0% 0% no-repeat padding-box;
        border-radius: 4px;
}
.feature-checkbox:hover .feature-feature[data-v-448a45b0]{
        font: normal normal bold 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #480048;
}
.feature-checkbox.selected[data-v-448a45b0]{
        background: #EEB0B2;
        border-radius: 4px;
        font-weight: bold;
}
.feature-feature[data-v-448a45b0]{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0;
        font: normal normal normal 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #515365;
}
.feature-feature[data-v-448a45b0]:hover{
        font-weight: bold;
        color: #480048;
}
.feature-dropdown[data-v-448a45b0]{
        cursor:pointer;
}
.check-box-feature[data-v-448a45b0]{
        -webkit-appearance: initial !important;
        -moz-appearance: initial !important;
             appearance: initial !important;
        will-change: initial !important;
        width: 24px;
        height: 24px;
        border: 1px solid #707070;
        border-radius: 4px;
        position: relative;
        margin-top: -4px;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
}
.check-box-feature[data-v-448a45b0]:checked{
        background: #DC3C40;
        border: 1px solid #DC3C40;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
}
.feature-checkbox.checked[data-v-448a45b0]{
        background: #EEB0B2;
        border-radius: 4px;
        font-weight: bold;
}
.check-box-feature[data-v-448a45b0]:checked:after{
        content: '✕';
        color: #fff;
        padding: 10px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
}
.subFeatures[data-v-448a45b0]{
        padding: 10px 35px;
        min-height: 50px;
        max-height: 200px;
        overflow-y: scroll;
        font: normal normal normal 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #515365;
        overflow-x: hidden;
        -webkit-transition-duration: .3s;
                transition-duration: .3s;
}
.subFeaturesList[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
}
.subFeaturesList[data-v-448a45b0]:hover{
        font: normal normal bold 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #480048;
}
.subFeatureItem[data-v-448a45b0]{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
/* RIGHT PART OF MODAL END */
/* CONFIRM RESTRICTION MODAL START */
.confirmRestrictionHeader[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.confirmRestrictSubHead[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        height: 40px;
        margin-bottom: 20px;
}
.selectionHeader[data-v-448a45b0]{
        font: normal normal bold 16px/21px Roboto;
        letter-spacing: 0px;
        color: #515365;
}
.confirmRestrictSelection[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: left;
}
.selectionSubHeader[data-v-448a45b0]{
        font: italic normal bold 12px/16px Roboto;
        letter-spacing: 0px;
        color: #000000;
        margin-top: -15px;
}
.selectionSpan[data-v-448a45b0]{
        font: normal normal bold 13px/16px Roboto;
        letter-spacing: 0px;
        color: #480048;
}
.restrictButton[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
        width: 400px;
        border: none;
        background-color: white;
        border: 1px solid #FFFFFF;
        margin-top: 10px;
}
.restrictButton.isChoosed[data-v-448a45b0]{
        background: #48004830 0% 0% no-repeat padding-box;
        border: 1px solid #480048;
        border-radius: 4px;
        outline: none;
        font-weight: bold;
}
.restrictButton[data-v-448a45b0]:hover{
        background: #48004838 0% 0% no-repeat padding-box;
        border: 1px solid #480048;
        border-radius: 4px;
}
.choiceOverwrite[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.restrictLogo[data-v-448a45b0]{
        width: 24px;
        height: 22px;
        margin-left: 10px;
}
.restrictHeader[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: left;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 12px;
}
.restrictHeaderTitle[data-v-448a45b0]{
        font: normal normal normal 14px/19px Roboto;
        letter-spacing: 0.24px;
        color: #141517;
}
.restrictDescription[data-v-448a45b0]{
        font: normal normal normal 12px/16px Roboto;
        letter-spacing: 0px;
        color: #515365;
        margin-top: -5px;
}
.confirmRestrictBtn[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 50px;
        margin-bottom: -55px;
}
.backToRoleInfo[data-v-448a45b0]{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #383A3D;
        border-radius: 20px;
        font: normal normal bold 14px/19px Roboto;
        letter-spacing: 1.25px;
        color: #383A3D;
        padding: 10px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
}
.confirmAction[data-v-448a45b0]{
        background: #480048 0% 0% no-repeat padding-box;
        border: #480048;
        border-radius: 20px;
        font: normal normal bold 14px/19px Roboto;
        letter-spacing: 1.25px;
        color: #FFFFFF;
        padding: 10px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
}
.selectAllFeatures[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 340px;
        padding: 10px;
        height: 38px;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
}
.selectAllFeatures[data-v-448a45b0]:hover{
        background: #60184826 0% 0% no-repeat padding-box;
        border-radius: 4px;
        font: normal normal bold 14px/19px Roboto;
}
.selectAllFeatures.checked[data-v-448a45b0]{
        background: #EEB0B2;
        border-radius: 4px;
}
.noFeatureData[data-v-448a45b0]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 35px;
}
/* CONFIRM RESTRICTION MODAL END */