.avatar-profile{
    color: var(--bs-dark-text) !important;
    border-radius: 50% !important;
    border: 2px var(--bs-border-style) var(--bs-border-color) !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    background-color: #3add7b !important;
}
.pc-header .header-user-profile .pc-head-link:has(.avatar-profile) {
    width: auto !important;
}
.cursor-pointer{
    cursor: pointer;
}
[jsaction]:hover, [jsshared]:hover {
    background: #DBFFD5 !important;
    border-radius: var(--bs-card-border-radius);
    cursor: pointer;
} 
.uppy-Root .uppy-Dashboard-AddFiles {
    background-image: url('../images/application/files.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 40%;
    border: 5px dashed #dfdfdf !important;
}
.uppy-Dashboard-AddFiles-title{
    margin-top: 150px!important;
}
.uppy-Dashboard-AddFiles-title button{
    color: #3add7b!important;
}

.custom-select2-multiple .select2-results__options .select2-results__option[aria-selected="true"] {
    display: none!important;
}
.custom-select2-multiple .select2-selection__rendered .select2-selection__choice {
    display: none!important;
}
.pc-container{
    /* top: 148px !important; */
}

.offcanvas-side{
    position: fixed;
    right: 360px;
    top: 0;
    z-index: 1050;
    bottom: 0;
    width: calc(100% - 360px);
    padding: 10px;
    background: rgba(0, 0, 0, 0.45);
}

.offcanvas-side-header {
    padding: 5px 10px;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    color: white;
    justify-content: space-between;
}

.offcanvas-side-filename {
    display: flex;
    align-items: center;
}

.offcanvas-side-filename .offcanvas-fileicon {
    height: 18px;
    margin: 0px 10px;
}

.offcanvas-side-header i:hover {
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
}

.offcanvas-side-header i {
    padding: 8px;
    width: 40px;
    height: 40px;
}

.offcanvas-side-download {
    display: flex;
}

.offcanvas-side-body {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px 0px 10px;
    height: calc(100% - 50px);
}

.offcanvas-side-body iframe {
    width: 100%;
    height: 100%;
}

.offcanvas-loader {
    text-align: center;
    font-size: 32px;
}
.nav-custom .nav-link.active {
    color: #2ca87f !important;
    border-bottom: 3px solid #2ca87f !important;
    font-weight: 500;
}
.nav-custom .nav-link {
    font-size: 15px;
    border: none !important;
    color: #5f6368;
    font-weight: 500;
    text-transform: none !important;
    border-radius: 0px;
}
.nav-custom .nav-link:hover{
    background-color: #f7f8f8 !important;
}
.header-drive{
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 1;
}
.shadow-custom{
    box-shadow: 0 3px 2px 0 rgba(0,0,0,.18);
    display: block;
    height: 3px;
    margin-top: -4px;
}
.card-width{
    display: inline-block;
    margin-top: 5px;
    margin-right: 8px;
}

main.main-content{
    position: relative;
    top: 170px;
}
.file-card.drive{
    box-shadow: none;
    border-radius: 6px;
}
.file-card.drive:hover{
    background-color: #ffffff;
    cursor: pointer;
}
.file-card.drive .card-body{
    padding: 15px 12px;
}
.content-add{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: #eef8f5;
    padding: 12px 20px;
}
.content-add i{
    font-size: 25px;
    color: #2ca87f;
    margin-right: 15px;
}
.content-add button{
    border-radius: 8px;
}
.drive [jsaction]:hover {
    background: #F0F1F1 !important;
    border-radius: inherit !important;
    cursor: pointer;
}
.drive.active{
    border-color: #2ca87f !important;
    background-color: #2ca87f14 !important;
}
.drive.active:hover{
    background-color: #2ca87f14 !important;
}
.drive.active h6{
    color: #2ca87f !important;
}
.tooltip{
    font-size: 10px;
}
.w-90{
    width: 90%;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    box-shadow: unset !important;
}

.z-index-1072 {
    z-index: 1072 !important;
}