.dark .input-group .input-addon {
    background-color: rgb(21 21 21 / var(--tw-bg-opacity));
}
.overflow-y-hidden{
    overflow-y: hidden !important;
}
.w-40{
    width:10rem
}
.w-8{
    width: 2rem;
}
.h-8{
    height: 2rem;
}
.mt-12{
    margin-top: 3.00rem;
}
.text-black{
    --tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))
}
.text-black i{
    -webkit-text-stroke: 0.5px black;
}

.mr-2{
    margin-right:.5rem;
}

.ml-1{
    margin-left:.25rem
}

.mr-1{
    margin-right:.25rem
}

.pending-btn {
    background: rgba(112, 106, 97, 0.2);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #02271b;
    text-transform: capitalize;
    font-family: var(--inter);
    padding: 4px 14px;
}

.active-btn {
    background: rgba(36, 193, 143, 0.2);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #00ab75;
    text-transform: capitalize;
    font-family: var(--inter);
    padding: 4px 14px;
}

.draft-btn {
    background: #d9dff2;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #011553;
    text-transform: capitalize;
    font-family: var(--inter);
    padding: 4px 14px;
}

.export-btn {
    background-color: var(--primary-clr);
    border-radius: 7.63879px;
    justify-content: center;
    align-items: center;
}

/* For summernote override unordered and order list */
.note-editable ul{
    list-style: disc !important;
    list-style-position: inside !important;
}

.note-editable ol {
    list-style: decimal !important;
    list-style-position: inside !important;
}
.multiselect{
    padding: 0;
    border-width: 0;
}

.active-btn-sm {
    background: rgba(36, 193, 143, 0.2);
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #00ab75;
    text-transform: capitalize;
    font-family: var(--inter);
    padding: 2px 7px;
}

.draft-btn-sm {
    background: #d9dff2;
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #011553;
    text-transform: capitalize;
    font-family: var(--inter);
    padding: 2px 7px;
}

.clear-btn-sm {
    background: rgba(188, 193, 36, 0.2);
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #011553;
    text-transform: capitalize;
    font-family: var(--inter);
    padding: 2px 7px;
}

.clear-btn-sm:hover{
        --tw-text-opacity: 1;
        color: #236300;
}

.custom-select-icon{
    pointer-events: none;
}

.notification-menu{
    overflow-y: scroll;
    height:300px;
}

.unread {
    --tw-bg-opacity: 1;
    background-color: rgb(243 246 249 / var(--tw-bg-opacity));
}

.view-link{
    color: #6aa84f;
}

.download-link{
    color: #554fa8;
}


@media (min-width:640px){
    .sm\:justify-between{
        justify-content:space-between
    }
}
@media (min-width:1024px){
    .lg\:mt-12{
        margin-top: 3.00rem;
    }
}