.a-card[data-v-34b3b36a] {
     background        : #FFFFFF 0% 0% no-repeat padding-box;
     -webkit-transition: background .2s ease, height .2s ease, border .5s ease;
     -webkit-box-shadow        : 0px 1px 3px #00000033;
             box-shadow        : 0px 1px 3px #00000033;
     transition        : background .2s ease, height .2s ease, border .5s ease;
     border            : 1px solid transparent;
     position          : relative;
     z-index           : 1;
     border-radius     : 4px;
     text-align        : left;
     cursor            : pointer;
     height            : 419px;
     width             : 24%;
     max-width         : 320px;
}
.a-card[data-v-34b3b36a]:hover {
     background: #F5F5F5;
}
.a-card .a-card-header[data-v-34b3b36a] {
     position: relative;
     display : block;
     height  : 72px;
     padding : 16px 16px 16px 72px;
}
.a-card .a-card-header h5[data-v-34b3b36a] {
     font-weight   : 500;
     font-size     : 20px;
     letter-spacing: 0.26px;
     color         : #000000DE;
     width         : 100%;
     overflow      : hidden;
     white-space   : nowrap;
     text-overflow : ellipsis;
}
.a-card .a-card-header img[data-v-34b3b36a] {
     -webkit-transform: translateY(-50%);
     transform        : translateY(-50%);
     border-radius    : 4px;
     position         : absolute;
     height           : 40px;
     width            : 40px;
     left             : 16px;
     top              : 50%;
}
.a-card .a-card-header .card-title[data-v-34b3b36a] {
     font-weight  : 400 !important;
     color        : #000000DE;
     font-size    : 24px;
     float        : initial;
     width        : calc(100% - 42px);
     overflow     : hidden;
     white-space  : nowrap;
     text-overflow: ellipsis;
}
.a-card .card-status[data-v-34b3b36a] {
     letter-spacing: 0.4px;
     margin-bottom : 12px;
     font-weight   : 500;
     font-size     : 12px;
}
.a-card .card-text[data-v-34b3b36a] {
     letter-spacing: 0.25px;
     text-overflow : ellipsis;
     width         : calc(100% - 42px);
     white-space   : nowrap;
     color         : #000000;
     overflow      : hidden;
}
.a-card-smd[data-v-34b3b36a] {
     border    : 1px solid transparent;
     text-align: left;
     padding   : 16px;
     overflow: hidden;
     height: 146px;
}
.a-card-smd .a-card-header[data-v-34b3b36a] {
     color      : #000000DE;
     font-weight: 400;
     font-size  : 24px;
     padding    : 0;
}
.a-card-smd .card-lawfirm[data-v-34b3b36a] {
     text-transform: none;
     letter-spacing: 0.24px;
     color         : #00000099;
     font-weight   : 500;
     font-size     : 14px;
     min-height    : 15px;
     margin        : 0 0 2px;
     width         : 100%;
     overflow      : hidden;
     white-space   : nowrap;
     text-overflow : ellipsis;
}
.a-card-smd .card-text[data-v-34b3b36a] {
     letter-spacing: 0.25px;
     margin-top    : 10px;
     margin-bottom: 8px;
     color         : #515365;
     font-size     : 14px;
     overflow: initial;
     text-overflow: initial;
     white-space: normal;
}
.a-card-smd .card-another-text[data-v-34b3b36a] {
     -webkit-transition: 0.5s ease;
     transition: 0.5s ease;
     letter-spacing: 0.25px;
     color         : #515365;
     font-size     : 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: calc(100% - 20px);
     margin-top: 8px;
     margin-bottom: 25px;
}
.a-card-smd .a-card-header h5[data-v-34b3b36a] {
     font-size: 24px;
     width: 84%;
}
.a-card-smd .a-card-header img[data-v-34b3b36a] {
     -webkit-transform: none;
     transform        : none;
     left             : initial;
     right            : 0;
     top              : 0;
}
.a-card-smd .card-body[data-v-34b3b36a] {
     position: relative;
     padding: 0;
}
.a-card-smd .table-con[data-v-34b3b36a] {
     height: 182px;
     overflow-y: auto;
}
.a-card-smd table tr[data-v-34b3b36a] {
     border: 0;
}
.a-card-smd table tr .header-label[data-v-34b3b36a] {
     text-transform: uppercase;
     color         : #515365;
     font-weight   : 400;
}
.a-card-smd table tr td[data-v-34b3b36a] {
     font-weight: 500;
     color      : #141517;
     font-size  : 12px;
     padding    : 7px;
}
.a-card-smd .card-body img[data-v-34b3b36a] {
     position: relative;
     height: 12px;
     width: 12px;
     right: initial;
     top: -1px;
}
.a-card-smd .a-card-toggle[data-v-34b3b36a] {
     -webkit-transition: transform .2s ease;
     -webkit-transition        : -webkit-transform .2s ease;
     transition        : -webkit-transform .2s ease;
     transition        : transform .2s ease;
     transition        : transform .2s ease, -webkit-transform .2s ease;
     position          : absolute;
     color             : #515365;
     border            : 0;
     background        : transparent;
     font-size         : 16px;
     top               : 82px;
     right             : 0;
}
.a-card-smd .a-card-flag[data-v-34b3b36a] {
     -webkit-transition: transform .2s ease;
     -webkit-transition        : -webkit-transform .2s ease;
     transition        : -webkit-transform .2s ease;
     transition        : transform .2s ease;
     transition        : transform .2s ease, -webkit-transform .2s ease;
     position          : absolute;
     color             : #515365;
     border            : 0;
     background        : transparent;
     font-size         : 16px;
     top               : 3px;
     right             : 0;
}
.a-card-smd .a-card-toggle[data-v-34b3b36a]:active,
 .a-card-smd .a-card-toggle[data-v-34b3b36a]:focus {
     outline: none;
}
.a-card-smd .a-card-toggle[data-v-34b3b36a]:hover {
     opacity: 0.8;
}
.a-card-smd.toggled[data-v-34b3b36a] {
     background   : #EAF0FCFC 0% 0% no-repeat padding-box;
     border-color : #2D599E;
     height: 360px;
     z-index: 2;
}

 /* .a-card-smd::before {
     border: 1px solid transparent;
     -webkit-transition: .5s ease;
     transition: .5s ease;
     border-radius: 5px;
     position:absolute;
     content: "";
     height: 0px;
     width: 100%;
     z-index: 0;
     right: 0;
     left: 0;
     top: 0;
 }

 .a-card-smd.toggled::before {
     border-color : #2D599E;
     height: 100%;
 } */
.a-card-smd.toggled .card-body[data-v-34b3b36a] {
     background  : #EAF0FCFC 0% 0% no-repeat padding-box;
     display     : block;
}
.a-card-smd.toggled .a-card-toggle[data-v-34b3b36a] {
     -webkit-transform: rotate(180deg);
     transform        : rotate(180deg);
     color            : #2D599E;
}
.a-card-sm[data-v-34b3b36a] {
     border    : 1px solid transparent;
     text-align: left;
     padding   : 16px;
     overflow: hidden;
     height: 106px;
     /* height    : auto; */
}
.a-card-sm .a-card-header[data-v-34b3b36a] {
     color      : #000000DE;
     font-weight: 400;
     font-size  : 24px;
     padding    : 0;
}
.a-card-sm .card-lawfirm[data-v-34b3b36a] {
     text-transform: uppercase;
     letter-spacing: 0.24px;
     color         : #2D599E;
     font-weight   : 400;
     font-size     : 14px;
     min-height    : 15px;
     margin        : 0;
     width         : calc(100% - 42px);
     overflow      : hidden;
     white-space   : nowrap;
     text-overflow : ellipsis;
}
.a-card-sm .card-text[data-v-34b3b36a] {
     letter-spacing: 0.25px;
     margin-top    : 10px;
     color         : #515365;
     font-size     : 14px;
}
.a-card-sm .a-card-header img[data-v-34b3b36a] {
     -webkit-transform: none;
     transform        : none;
     left             : initial;
     right            : 0;
     top              : 0;
}
.a-card-sm .card-body[data-v-34b3b36a] {
     position: relative;
     z-index: -2;
     padding: 0;
}
.a-card-sm table tr[data-v-34b3b36a] {
     border: 0;
}
.a-card-sm table tr .header-label[data-v-34b3b36a] {
     text-transform: uppercase;
     color         : #515365;
     font-weight   : 400;
}
.a-card-sm table tr td[data-v-34b3b36a] {
     font-weight: 500;
     color      : #141517;
     font-size  : 12px;
     padding    : 7px;
}
.a-card-sm .a-card-toggle[data-v-34b3b36a] {
     -webkit-transition: transform .2s ease;
     -webkit-transition        : -webkit-transform .2s ease;
     transition        : -webkit-transform .2s ease;
     transition        : transform .2s ease;
     transition        : transform .2s ease, -webkit-transform .2s ease;
     position          : absolute;
     color             : #515365;
     border            : 0;
     background        : transparent;
     font-size         : 16px;
     top               : 48px;
     right             : 0;
}
.a-card-sm .a-card-toggle[data-v-34b3b36a]:active,
 .a-card-sm .a-card-toggle[data-v-34b3b36a]:focus {
     outline: none;
}
.a-card-sm .a-card-toggle[data-v-34b3b36a]:hover {
     opacity: 0.8;
}
.a-card-sm.toggled[data-v-34b3b36a] {
     background   : #EAF0FCFC 0% 0% no-repeat padding-box;
     height: 259px;
     z-index: 2;
}
.a-card-sm[data-v-34b3b36a]::before {
     border: 1px solid transparent;
     -webkit-transition: .5s ease;
     transition: .5s ease;
     border-radius: 5px;
     position:absolute;
     content: "";
     height: 0px;
     width: 0px;
     z-index: 0;
     left: 0;
     top: 0;
}
.a-card-sm.toggled[data-v-34b3b36a]::before {
     border-color : #2D599E;
     width: 100.15%;
     height: 100.19%;
}
.a-card-sm.toggled .card-body[data-v-34b3b36a] {
     background  : #EAF0FCFC 0% 0% no-repeat padding-box;
     display     : block;
}
.a-card-sm.toggled .a-card-toggle[data-v-34b3b36a] {
     -webkit-transform: rotate(180deg);
     transform        : rotate(180deg);
     color            : #2D599E;
}
.a-card .hovered-options[data-v-34b3b36a] {
     -webkit-transition: .5s ease;
     transition: .5s ease;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 4px;
     position: absolute;
     overflow: hidden;
     max-height: 0;
     width: 100%;
     opacity: 0;
     bottom: 0;
     right: 0;
     left: 0;
     top: 0;
}
.a-card .hovered-option-con[data-v-34b3b36a] {
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     position: absolute;
     text-align: center;
     width: 100%;
     left: 50%;
     top: 50%;
}
.a-card .hovered-option-con .actions[data-v-34b3b36a] {
     -webkit-transition: opacity .5s ease;
     transition: opacity .5s ease;
     display: inline-block;
     margin: 0 -1.7%;
     opacity: 1;
}
.a-card .hovered-option-con .actions[data-v-34b3b36a]:hover {
     opacity: 0.8;
}
.a-card .hovered-options.hovered[data-v-34b3b36a] {
     background-color: rgba(45, 88, 158, 0.171);
     border-color: #2D599E;
     max-height: 100%;
     opacity: 1;
}

 /*
 *   ADMIN VARIATIONS
 */
.gui-admin .a-card[data-v-34b3b36a] {
     width: 300px;
}

 /* .gui-admin .a-card-smd.toggled::before {
     border-color : #601848;
     height: 100%;
 } */
.gui-admin .a-card-smd.toggled[data-v-34b3b36a] {
     border-color : #601848;
}
.gui-admin .a-card-smd.toggled[data-v-34b3b36a] {
     background  : #f9f6f8 0% 0% no-repeat padding-box;
}
.gui-admin .a-card-smd.toggled .card-body[data-v-34b3b36a] {
     background  : #f9f6f8 0% 0% no-repeat padding-box;
     display     : block;
}
.gui-admin .a-card-smd.toggled .a-card-toggle[data-v-34b3b36a] {
     color: #601848;
}
.gui-admin .a-card-smd .card-text[data-v-34b3b36a] {
     color: #C04848;
}
.gui-admin .a-card-smd.toggled .card-another-text[data-v-34b3b36a] {
     color: #480048;
}
.gui-admin .a-card .hovered-options.hovered[data-v-34b3b36a] {
     border-color: #480048;
     background-color: #60184817;
}
.a-card-invalid[data-v-34b3b36a] {
     background: #F6D1D1 0% 0% no-repeat padding-box;
     border: 1px solid #DC1A1A;
     border-radius: 4px;
     opacity: 1;
}
.ellipsify[data-v-34b3b36a]{
     width        : 255px !important;
     overflow     : hidden !important;
     text-overflow: ellipsis !important;
}


.evidence-card[data-v-22ad3506] {
    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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 12px;
    height: 172px;
    width: 180px;
    -webkit-box-shadow: 0px 3px 6px #00000029;
            box-shadow: 0px 3px 6px #00000029;
    padding: 16px 14px;
    border: 2px solid transparent;
    row-gap: 14px;

    position: relative;
}
.evidence-card.full-merge[data-v-22ad3506] {
    border-color: #2D599E;
    background-color: #E7EFF6;
}
.evidence-card.isHovered[data-v-22ad3506] {
    background-color: #E7EFF6;
}
.btn-remove[data-v-22ad3506] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    width: 64px;
    height: 22px;
    border-radius: 4px;
    font-size: 10px;
    color: white;
    background-color: #F15642;
    opacity: 0.8;
    
    position: absolute;
    top: 10px;
    right: 8px;
}


/* global */
.button-style[data-v-636d4165] {
    padding: 2px 6px 1px;
    border: 1px solid #2D599E;
    display: inline-block;
    border-radius: 4px;

    font-size: 12px;
    /* color:#515365; */
}

/* list */
.ar-feature-list[data-v-636d4165] {
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;

    width: 100%;
    height: 100%;
    padding-left: 26px;
    margin-bottom: 10px;
    overflow: scroll;
}
/* list-item */
.ar-feature-list-item[data-v-636d4165] {
    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;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 14px;


    padding-right: 26px;
    padding-left: 17px;
    padding-top: 12px;
    padding-bottom: 12px;

    width: calc(100% - 77px);

    background: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px #00000029;
            box-shadow: 0px 1px 2px #00000029;

    margin-left: 60px;
    border: 1px solid transparent;
}
.ar-feature-list-item.dropdownClick[data-v-636d4165] {
    background: #FFFFFF29;
    border: 1px solid #C3ADBE;
    -webkit-transition: .1s;
    transition: .1s;
}
.ar-feature-list-item[data-v-636d4165]:hover {
    background: #60184829;
    border: 1px solid #4800481C;
    -webkit-transition: .1s;
    transition: .1s;
}
.ar-feature-list-item:hover .edit-button[data-v-636d4165] {
    visibility: unset;
    -webkit-transition: .5s;
    transition: .5s;
}
.ar-feature-list-item:hover .edit-button.hasSubFeature[data-v-636d4165] {
    display: block;
}
.ar-feature-list-item:hover .delete-button[data-v-636d4165] {
    visibility: unset;
    -webkit-transition: .5s;
    transition: .5s;
}
.ar-feature-list-item:hover .delete-button.hasSubFeature[data-v-636d4165] {
    display: block;
}
.ar-feature-list-item:hover .item-right-side.hasSubFeature[data-v-636d4165] {
    margin-right: 0px;
}

/* .ar-feature-list-item:hover .button-style {
    border: none;
    background: #2D599E;
    color: #FFFFFF;
} */
.ar-feature-list-item.admin[data-v-636d4165] {
    border-left: 4px solid #601848;
}
.ar-feature-list-item.ver[data-v-636d4165] {
    border-left: 4px solid #3E88DA;
}
.ar-feature-list-item.cmgmnt[data-v-636d4165] {
    border-left: 4px solid #3B5998;
}
.ar-feature-list-item.inactive[data-v-636d4165] {
    background: #F2C6C7;
    border-right: 1px solid #DC3C40;
    border-top: 1px solid #DC3C40;
    border-bottom: 1px solid #DC3C40;
}
/* item upper */
.item-upper[data-v-636d4165] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    
    padding-bottom: 14px;

    width: 100%;
    height: auto;
    min-height: 58px;
}
.item-upper.borderToggled[data-v-636d4165] {
    border-bottom: 1px solid #7070706E;
}

/* item lower  */
.item-lower[data-v-636d4165] {
    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;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px;

    max-height: 1000px;
    z-index: 1;

    width: 100%;
    -webkit-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.sub-feature[data-v-636d4165] {
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;

    position: relative;

    padding-left: 60px;
    
    width: calc(100% - 200px);
}
.sub-feature p[data-v-636d4165] {
    margin-bottom: 0;
}
.sub-feature-img[data-v-636d4165] {
    position: absolute;
    left: 0;
    padding-left: 40px;
    z-index: -1;
}
.sub-feature-title[data-v-636d4165] {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.21px;
    color: #601848;
}
.sub-feature-description[data-v-636d4165] {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.21px;
    color: #53606D;

    word-wrap: break-word;
}

/* left-side */
.item-left-side[data-v-636d4165] {
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
    width: 80%;
}
.item-left-side-title-group[data-v-636d4165] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 3px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.item-left-side-title[data-v-636d4165] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.24px;
    color: #515365;
    text-transform: capitalize;
}
.item-left-side-description[data-v-636d4165] {
    font-size: 12px;
    font-weight: 400;
    color: #53606D;
    width: 95%;
    word-wrap: break-word;
}
/* end left side */

/* right side */
.item-right-side[data-v-636d4165] {
    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;
    gap: 16px;
}
.item-right-side.hasSubFeature[data-v-636d4165] {
    margin-right: 40px;
}

/* gui button */
.gui-button[data-v-636d4165] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;
    min-width: 97px;
    height: 24px;

    padding: 4px 16px;

    border-radius: 12px;
    border: none;

    background: #601848;
}
.gui-button p[data-v-636d4165] {
    margin-bottom: 0;
    font-size: 12px;
    color: #FFFFFF;
}
.gui-button.admin[data-v-636d4165] {
    background: #601848;
}
.gui-button.ver[data-v-636d4165] {
    background: #3E88DA;
}
.gui-button.cmgmnt[data-v-636d4165] {
    background: #3B5998;
}
.gui-button-title[data-v-636d4165] {
    text-transform: capitalize;
    font-weight: 500;
}
/* dropdown-button */
.dropdown-button[data-v-636d4165] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    width: 24px;
    height: 24px;

    background: #C04848;
    border-radius: 100%;
    border: none;
    outline: none;

    color: #FFFFFF;
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}
.dropdown-button.isClicked[data-v-636d4165] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

/* edit button */
.edit-button[data-v-636d4165] {
    width: 24px;
    height: 24px;
    
    border-radius: 100%;
    border: 1px solid #480048;
    outline: none;

    visibility: hidden;
}
.edit-button.hasSubFeature[data-v-636d4165] {
    display: none;
}
.edit-button.dropdownClick[data-v-636d4165] {
    display: block;
    visibility: unset;
}

/* delete button */
.delete-button[data-v-636d4165] {
    width: 24px;
    height: 24px;
    z-index: 1;
    
    border-radius: 100%;
    border: 1px solid #480048;
    outline: none;

    visibility: hidden;
}
.delete-button img[data-v-636d4165] {
    width: 20px;
    height: 20px;
    z-index: -100;
}
.delete-button.hasSubFeature[data-v-636d4165] {
    display: none;
}
.delete-button.dropdownClick[data-v-636d4165] {
    display: block;
    visibility: unset;
}
/* end right side */

/* ========================================================== */

/* modal */
/* check availability */
.add-feature-check[data-v-636d4165] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  margin-bottom: 30px;
}
.add-feature-left[data-v-636d4165] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  gap: 17px;
}
.add-feature-left p[data-v-636d4165] {
  margin-bottom: 0;
}
.check-description[data-v-636d4165] {
  width: 276px;
  height: 70px;
}
/* changed-feature-btn */
.changed-feature-btn[data-v-636d4165] {
  position: absolute;
  left: 0;
}
/* Modal */
.edit-modal[data-v-636d4165] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.edit-modal-container[data-v-636d4165] {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;

  width: 650px;
  height: 600px;
  text-align: left;
}
/* edit left */
.edit-upper[data-v-636d4165] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 17px;

  width: 100%;
}
.edit-title[data-v-636d4165] {
  font-size: 24px;
  font-weight: 500;
  color: #515365;
  margin-bottom: 0;
}
.edit-textfield[data-v-636d4165] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 50px;
  width: 100%;
}
.edit-textfield-item[data-v-636d4165] {
  height: 80px;
  margin-bottom: 16px;
}
.edit-feature-desc[data-v-636d4165]{
  font-size: 14px;
  color: #383A3D;
  width: 100% !important;
  height: auto;
}
/* update button */
.flex-gap-five[data-v-636d4165] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
/*  */
/* name-container */
.name-container[data-v-636d4165] {
  gap: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;


  width: 100%;
}
/* sub feature button */
.edit-subFeature-button[data-v-636d4165] {
    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;
    width: 24px;
    height: 24px;
    
    border-radius: 100%;

    border: 1px solid #480048;
    outline: none;

    /* visibility: hidden; */

    position: absolute;
    left: 0;
    top: 0;
}
.fade-enter-active[data-v-636d4165], .fade-leave-active[data-v-636d4165] {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.fade-enter[data-v-636d4165], .fade-leave-to[data-v-636d4165] {
  opacity: 0;
}


.btn-research-status {
    color: #515365;
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.24px;
    font-weight: 400 !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height: 36px;
    line-height: 22px;
}
.btn-research-status:hover {
    color: #383A3D;
    font-weight: 700 !important;
    background-color: #D7DEEA;
    border-color: #D7DEEA;
}
.btn-research-status:not(:disabled):not(.disabled):active, .btn-research-status:not(:disabled):not(.disabled).active, .show > .btn-research-status.dropdown-toggle {
    color: #203154;
    font-weight: 500 !important;
    background-color: #D7DEEA;
    border-color: #D7DEEA;
}
.btn-research-status-icon {
    height: 16px;
    width: 16px;
    line-height: 18px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    font-weight: 500;
    position: relative;
    top: 1px;
}
.btn-research-status-icon.color-1 {
    background: #a6adbb;
    color: #636f87;
}
.btn-research-status-icon.color-2 {
    background: #99a9c9;
    color: #768bb7;
}
.btn-research-status-icon.color-3 {
    background: #b9bac1;
    color: #6e707f;
}
.btn-research-status-icon.color-4 {
    background: #b1d5f1;
    color: #5ba8e1;
}
.btn-research-status-icon.color-5 {
    background: #a9ddda;
    color: #4db9b1;
}
.btn-research-status-icon.color-6 {
    background: #f1b1b3;
    color: #e36164;
}
.btn-research-status-icon.color-7 {
    background: #ffbca7;
    color: #ff7145;
}
.btn-research-status-icon.color-8 {
    background: #9abbe3;
    color: #5c99dd;
}


/*
*   SIDEBAR
*/
.a-sidebar[data-v-9269fe02] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 2px 6px #00000017;
            box-shadow: 0px 2px 6px #00000017;
    height: 100vh;
    text-align: left;
    position: fixed;
    width:256px;
    opacity: 1;
}
.a-sidebar.with-weekly-quota[data-v-9269fe02] {
    top: 0;
    padding-top: 170px !important;
}
.a-sidebar .sidebar[data-v-9269fe02] {
    height: calc(100vh - 93px);
}
.a-sidebar .brand-text[data-v-9269fe02] {
    letter-spacing: 3.6px;
    color: #3E88DA;
}
.a-sidebar .brand-link .brand-image[data-v-9269fe02] {
    margin-left: initial;
}
.a-sidebar .sidebar[data-v-9269fe02] {
    padding:0;
    overflow-y: hidden;
}
.a-sidebar .nav-item .nav-link[data-v-9269fe02] {
    border-left: 5px solid transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.a-sidebar .nav-item:hover .nav-link[data-v-9269fe02] {
    background: #EAF0FCFC !important;
    color: #3E88DA !important;
    border-color: #0F9AEE;
}
.a-sidebar .nav-item .nav-icon[data-v-9269fe02] {
    margin-right: 13px;
}
.a-sidebar .nav-item:hover .nav-icon[data-v-9269fe02] {
    color: #0F9AEE;
}
.a-sidebar .nav-link[data-v-9269fe02] {
    padding-bottom: 13px;
    padding-top: 13px;
    color: #383A3D;
    border-radius: 0;
    font-weight: 500;
    font-size: 16px;
}
.a-sidebar .a-nav-sub .nav-link[data-v-9269fe02] {
    padding-left: 60px;
    font-weight: 400;
    font-size: 14px;
}
.a-sidebar-header[data-v-9269fe02] {
    color: #515365;
    font-weight: 500;
    font-size: 24px;
}
.a-sidebar-filter[data-v-9269fe02] {
    -webkit-transition: top .5s ease, margin .5s ease;
    transition: top .5s ease, margin .5s ease;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 323px;
    top: 57px;
    right: 0;
}


/*
*   SIDEBAR
*/
.a-sidebar[data-v-7329c694] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 2px 6px #00000017;
            box-shadow: 0px 2px 6px #00000017;
    height: 100vh;
    text-align: left;
    position: fixed;
    width:256px;
    opacity: 1;
}
.a-sidebar .brand-text[data-v-7329c694] {
    letter-spacing: 3.6px;
    color: #3E88DA;
}
.a-sidebar .brand-link .brand-image[data-v-7329c694] {
    margin-left: initial;
}
.a-sidebar .sidebar[data-v-7329c694] {
    padding:0;
    overflow-y: hidden;
}
.a-sidebar .nav-item .nav-link[data-v-7329c694] {
    border-left: 5px solid transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.a-sidebar .nav-item:hover .nav-link[data-v-7329c694] {
    background: #EAF0FCFC !important;
    color: #3E88DA !important;
    border-color: #0F9AEE;
}
.a-sidebar .nav-item .nav-icon[data-v-7329c694] {
    margin-right: 13px;
}
.a-sidebar .nav-item:hover .nav-icon[data-v-7329c694] {
    color: #0F9AEE;
}
.a-sidebar .nav-link[data-v-7329c694] {
    padding-bottom: 13px;
    padding-top: 13px;
    color: #383A3D;
    border-radius: 0;
    font-weight: 500;
    font-size: 16px;
}
.a-sidebar .a-nav-sub .nav-link[data-v-7329c694] {
    padding-left: 60px;
    font-weight: 400;
    font-size: 14px;
}
.a-sidebar-header[data-v-7329c694] {
    color: #515365;
    font-weight: 500;
    font-size: 24px;
}
.a-sidebar-filter[data-v-7329c694] {
    -webkit-transition: top .5s ease, margin .5s ease;
    transition: top .5s ease, margin .5s ease;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 323px;
    top: 57px;
    right: 0;
}

/* .a-sidebar.a-sidebar-filter {
    padding-bottom: 60px;
} */
.a-sidebar-filter-header[data-v-7329c694] {
    text-transform: uppercase;
    font-weight: 500;
    color: #515365;
    font-size: 12px;
}
.a-nav-filter-item[data-v-7329c694] {
    padding-bottom: 11px;
    padding-left: 39px;
    padding-top: 11px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}
.custom-control label.custom-control-label[data-v-7329c694] {
    color: #515365;
    font-weight: 400;
    font-size: 14px;
}
.cases-button[data-v-7329c694] {
    position: fixed;
    bottom: 40px;
    right: 100px;
}

/*
*   END OF SIDEBAR
*/