.sidebar-left__add-folder{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #7C4DFF;
}

.sidebar-left__add-folder .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
}

.sidebar-left{
    display: flex;
    flex-direction: column;
    width: var(--aside-size);
    flex: 0 0 var(--aside-size);
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    /* z-index: 200; */
    border-right: 1px solid #E0DFDF;
    /* transition: all 0.15s linear; */
}

.sidebar-left__container{
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    height: 100%;
}

.sidebar-left__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 8px 16px 8px 8px;
}

.sidebar-left__header-link-chat{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    color: #2A2831;
    /* height: 40px; */
}

.sidebar-left__link-icon{
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.sidebar-left__body{
    padding: 6px 12px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    overflow: auto;
    height: 100%;
}

.sidebar-left__footer{
    display: flex;
    flex-direction: column;
    margin-top: auto;
    gap: 12px;
    padding: 6px 12px 12px;
}

.sidebar-left__btn-toggle{
    display: flex;
    background-color: transparent;
}

.sidebar-left__upgrade-title{
    color: #8C49F7;
    font-weight: 600;
    font-size: 14px;
}

.sidebar-left__upgrade-text{
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #060C32;
}

.sidebar-left__upgrade-info{
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid #fff;
    box-shadow: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    background: linear-gradient(360deg, #fff 0%, #f3eeff 100%), radial-gradient(27.73% 50.42% at 54.22% 0%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
}

.sidebar-left__upgrade-info-block{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 8px 12px;
    margin-bottom: 10px;
}

.sidebar-left__footer-profile-btn{
    max-width: none;
}

.sidebar-left__footer-profile-btn .btn--sm-3{
    box-shadow: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    background-color: #fff;
    font-size: 13px;
    font-weight: 500;
    color: #060C32;
    position: relative;
}

.sidebar-left__footer-profile-btn .btn--sm-3{
    padding: 0;
}

.sidebar-left__footer-star{
    display: flex; 
}

.sidebar-left__footer-profile{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.sidebar-left__list-title{
    font-weight: 500;
    font-size: 10px;
    line-height: 24px;
    /* letter-spacing: 0.04px; */
    color: #060C32;
    text-transform: uppercase;
}

.sidebar-left__list-folders{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.folder-item__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 6px 5px 10px;
    gap: 10px;
}

.folder-item__btn{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #060C32;
    flex: auto;
}

.folder-item__btn-icon{
    display: flex;
}

.folder-item__btn-icon svg:last-child{
    display: none;
}

.folder-item.active-accordeon .folder-item__btn-icon svg:last-child{
    display: block;
}

.folder-item.active-accordeon .folder-item__btn-icon svg:first-child{
    display: none;
}

.folder-item__body{
    display: none;
}

.folder-item.active-accordeon .folder-item__btn{
    color: #7C4DFF;
}

.folder-item__open-list{
    padding-left: 28px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar-left__add-folder{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 6px 8px 10px;
    color: #7C4DFF;
    font-weight: 600;
    font-size: 13px;

}

.folder-item__chat-link{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #060C32;
    font-size: 13px;
    padding: 5px 6px 5px 10px;
    flex: auto;
}

.sidebar-left__list{
    display: flex;
    flex-direction: column;
}

.sidebar-left__new-document-drop .btn--multiple .info{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 24px;
}

.sidebar-left__new-document-drop .dropdown>.btn{
    border-radius: 10px;
}

.sidebar-left__new-document-drop .container-fluid{
    padding: 0;
}
.sidebar-left__new-document-drop .upload-form{
    padding: 6px 6px 7px 6px;
    border-radius: 16px;
    height: auto;
}

.sidebar-left__new-document-drop .upload-form .content{
    justify-content: flex-start;
}

.sidebar-left__new-document-drop .upload-form .purple{
    color: #7C4DFF;
    font-weight: 500;
    font-size: 13px;
}

.sidebar-left__upgrade-info .btn--primary{
    gap: 8px;
}

.upload-form-wrapper.sidebar-left__new-document-drop{
    position: static;
}

.sidebar-left-closed .sidebar-left{
    --aside-size: 48px;
}

.sidebar-left-closed .sidebar-left__upgrade-info{
    padding: 0 ;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: none;    
}

.sidebar-left-closed .sidebar-left__new-document-drop .upload-form{
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    backdrop-filter: none;
    border: none;
    pointer-events: auto;
}

.sidebar-left-closed .sidebar-left__header{
    flex-direction: row;
    justify-content: flex-end;
    padding: 8px 6px;
    gap: 0;
}

.sidebar-left-closed .sidebar-left__new-document-drop .btn--multiple .info{
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 10px;
}

.sidebar-left-closed .sidebar-left__header-link-chat{
    display: none;
}

.sidebar-left-closed .sidebar-left__body{
    padding: 0;
    gap: 0;
}

.sidebar-left-closed .sidebar-left__list-folders{
    align-items: center;
}

.sidebar-left-closed .folder-item__chat-link{
    padding: 0;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-left-closed .folder-item__head{
    padding: 0;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-left-closed .sidebar-left__link-icon{
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.sidebar-left-closed .sidebar-left__footer-profile{
    left: 50%;
    transform: translate(-50%, -50%);
}

.sidebar-left-closed .folder-item__btn{
    justify-content: center;
    height: 100%;
    width: 100%;
}

.sidebar-left-closed .sidebar-left__footer{
    padding: 6px;
    gap: 0;
}

.decor-separator{
    display: none;
}

.sidebar-left-closed .decor-separator{
    background-color: #E0DFDF;
    width: 20px;
    display: block;
    height: 1px;
    margin: 12px auto;
}


.sidebar-left-closed .sidebar-left__header > button{
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-profile__avatar{
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-profile{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
}

.dropdown-profile__user-info{
    display: flex;
    flex-direction: column;
}

.dropdown-profile__name{
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: #060C32;
}
.dropdown-profile__email{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #060C32;
}

.sidebar-left-closed .sidebar-left__list .select-custom.--bottom-right{
    display: none;
}

.sidebar-left-closed .sidebar-left__new-document-drop .btn-custom{
    width: 36px !important;
    height: 36px !important;
}

.sidebar-left-closed .sidebar-left__new-document-drop .dropdown-new-document__toggle{
    display: none !important;
}

.sidebar-left-closed .sidebar-left__new-document-drop .dropdown-new-document__upload{
    border-radius: 10px !important;
}

.sidebar-left-closed .dropdown-new-document{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-left-closed .sidebar-left__new-document-drop .btn-custom .arrow,
.sidebar-left-closed .sidebar-left__new-document-drop .btn-custom .info__text,
.sidebar-left-closed .sidebar-left__header-title,
.sidebar-left-closed .sidebar-left__upgrade-info .btn--primary .info,
.sidebar-left-closed .sidebar-left__footer-profile-btn .info,
.sidebar-left-closed .sidebar-left__upgrade-info-block,
.sidebar-left-closed .sidebar-left__list-title,
.sidebar-left-closed .sidebar-left__add-folder,
.sidebar-left-closed .sidebar-left__new-document-drop .upload-form::before,
.sidebar-left-closed .sidebar-left__new-document-drop .upload-form::after,
.sidebar-left-closed .sidebar-left__new-document-drop .upload-form .purple,
.sidebar-left-closed .btn--multiple .info__text,
.sidebar-left-closed .btn--multiple .arrow,
.sidebar-left-closed .folder-item__btn-text,
.sidebar-left-closed .folder-item__chat-link-text,
.sidebar-left-closed .folder-item__open-list,
.sidebar-left-closed .folder-item__chat-link-text,
.sidebar-left-closed .sidebar-left__nav .select-custom{
    display: none;
}

.sidebar-left__chat-item .btn--tool-2:hover{
    background-color: transparent;
}

.sidebar-left__chat-item:hover,
.folder-item__chat-item:hover,
.folder-item__head:hover{
    background-color: rgba(249, 249, 249, 1);
    border-radius: 10px;
}

.sidebar-left__chat-item .select-custom,
.folder-item__chat-item .select-custom,
.folder-item__head .select-custom{
    opacity: 0;
}

.sidebar-left__chat-item:hover .select-custom,
.folder-item__chat-item:hover .select-custom,
.folder-item__head:hover .select-custom{
    opacity: 1;
}


.sidebar-left__chat-item .btn-custom,
.folder-item__chat-item .btn-custom{
    padding-right: 6px;
}

.dropdown-body-profile{
    width: 256px;
    /* margin-left: 12px; */
    position: absolute;
    z-index: 300;
    margin-top: 20px;
}


.dropdown-body-profile .list{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dropdown-body-profile .lists{
    display: flex;
    flex-direction: column;
}

.dropdown-body-profile .lists .list + .list{
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid #EEEEEE;
}

.dropdown-body-profile{
    padding: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    border-radius: 10px;
}

.dropdown-body-profile .list-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 8px;
    width: 100%;
    font-size: 13px;
}

.sidebar-left__footer-profile-btn.btn--sm-3{
    color: rgba(6, 12, 50, 0.6);
}

.sidebar-left__footer-profile-btn.dropdown-open .btn--sm-3{
    color: #7C4DFF;
    background-color: #F7F4FF;
}

.folder-item__chat-item,
.sidebar-left__chat-item{
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.btn--sm-3{
    padding: 5px 11px;
    height: 36px;
    font-size: 13px;
}

.sidebar-left__new-document-drop .dropdown-new-document .dropdown-new-document__actions{
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(92.31deg, #8C49F7 0%, #6C53FF 100%);
    border: 1.5px solid #7C4DFF;
    border-radius: 10px;
}

.sidebar-left__new-document-drop .dropdown-new-document .btn-custom{
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 44px;
    width: auto;
    max-width: none;
    gap: 0;
    border: 0;
    border-radius: 0;
    flex: 0 0 auto;
    box-shadow: none;
}

.sidebar-left__new-document-drop .dropdown-new-document .dropdown-new-document__upload{
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 0;
}

.sidebar-left__new-document-drop .dropdown-new-document .dropdown-new-document__toggle{
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    padding: 0;
    justify-content: center;
    border-radius: 0;
}

.dropdown-new-document{
    max-width: none;
    width: 100%;
}

.upload-form .content .content-body.w-full{
    max-width: none;
}

.dropdown-new-document .dropdown-new-document__upload .info{
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    white-space: nowrap;
}

.dropdown-new-document .dropdown-new-document__toggle .arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.dropdown-new-document .dropdown-new-document__toggle .arrow svg{
    width: 20px;
    height: 20px;
}

.dropdown-new--body{
    max-width: 242px !important;
    min-width: 242px !important;
    top: 44px;
}

.dropdown-new--body .list-link{
    display: flex;
    align-items: center;
    width: 100%;
    width: 100%;
    padding: 6px;
    font-size: 16px;
    line-height: 24px;
}

.dropdown-new--body .lists .list:not(:last-child){
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DCDBDB;
}

.select-custom.dropdown-new-document.dropdown-open .dropdown-new-document__toggle .arrow svg{
    transform: rotate(180deg);
}

.select-custom.dropdown-new-document.dropdown-open .dropdown-new-document__toggle{
    background-color: rgba(98, 0, 255, 0.35);
}

.sidebar-left__list .select-custom.--bottom-right .select-custom--body{
    top: auto !important;
    margin-top: 0;
}

.dropdown-new--body .list-link:hover{
    background: #F2F2F2;
    border-radius: 8px;
}

.sidebar-left__chat-item.active-chat{
    background-color: rgba(247, 244, 255, 1);
}

.folder-item__chat-item.active-chat{
    background-color: rgba(247, 244, 255, 1);
}

.sidebar-left__chat-back{
    display: flex;
    align-items: center;
}

.sidebar-left__chat-back .folder-item__back-link{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2A2831;
    font-family: 500;
    font-size: 14px;
    line-height: 24px;
    flex: auto;
}

.folder-item__back-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.sidebar-left__chat-back .dropdown-open .btn--tool-2{
    background-color: transparent;
    color: rgba(6, 12, 50, 0.5);
}

.sidebar-left__nav{
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #E0DFDF;
    padding: 6px 18px 6px 12px;
}

.sidebar-left-closed  .sidebar-left__nav{
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-left-closed .aside-pl{
    margin-left: 48px;
}

/* =========pricing-new-plan=========== */

.pricing-new-plan .pricing-col{
    width: 22.5%;
    flex: 0 0 22.5%;
}


.pricing-new-plan .pricing-row .pricing-col:first-child{
    width: 32.5%;
    flex: 0 0 32.5%; 
}

.pricing-new-plan .pricing-col .pricing-col__title{
    font-size: 15px;
    font-weight: 600;
}

.pricing-new-plan .pricing-row .pricing-col.col-14{
    width: 14.17%;
    flex: 0 0 14.17%; 
}

.pricing-new-plan .pricing-row .pricing-col.col-18{
    width: 18.33%;
    flex: 0 0 18.33%; 
}

.pricing-new-plan .pricing-block{
    padding: 16px 24px;
    min-height: 60px;
}

.pricing-new-plan .pricing-block.max-60{
    max-height: 60px;
    padding: 4px 24px;
}

.pricing-new-plan .card-pricing{
    padding: 24px;
}

.pricing-new-plan .pricing-block.px-14{
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* ============/pricing-new-plan================ */

.export-modal .btn-20x20{
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}

.export-modal .btn--shadow .info{
    opacity: 1;
}

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


.input-custom.--active-input{
    border-color: #7C4DFF!important;
}

.share-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
}

.share-link-x{
    background-color: #000000;
}

.share-link-f{
    background-color: #1877F2;
}

.how-to-item__video{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}

.header-3 .header__nav .header__nav-link{
    font-size: 16px;
    color: #2A2831;
}

.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}

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

.color-primary{color: #8C49F7;}

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

.relative{position: relative;}

.radius-16{border-radius: 16px;}

.gap-6{gap: 6px;}
.gap-8{gap: 8px;}
.gap-12{gap: 12px;}

.pt-none{padding-top: 0;}