.gap-0{gap:0}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-7{gap:1.75rem}
.gap-8{gap:2rem}
.gap-9{gap:2.25rem}
.gap-10{gap:2.5rem}
.gap-11{gap:2.75rem}
.gap-12{gap:3rem}
.gap-14{gap:3.5rem}
.gap-16{gap:4rem}
.gap-20{gap:5rem}
.gap-24{gap:6rem}
.gap-28{gap:7rem}
.gap-32{gap:8rem}
.gap-36{gap:9rem}
.gap-40{gap:10rem}
.gap-44{gap:11rem}
.gap-48{gap:12rem}
.gap-52{gap:13rem}
.gap-56{gap:14rem}
.gap-60{gap:15rem}
.gap-64{gap:16rem}
.gap-72{gap:18rem}
.gap-80{gap:20rem}
.gap-96{gap:24rem}
.gap-px{gap:1px}
.gap-0\.5{gap:.125rem}
.gap-1\.5{gap:.375rem}
.gap-2\.5{gap:.625rem}
.gap-3\.5{gap:.875rem}
.gap-x-0{-moz-column-gap:0;column-gap:0}
.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}
.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}
.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}
.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}
.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}
.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}
.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}
.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}
.gap-x-9{-moz-column-gap:2.25rem;column-gap:2.25rem}
.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}
.gap-x-11{-moz-column-gap:2.75rem;column-gap:2.75rem}
.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}
.gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}
.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}
.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}
.gap-x-24{-moz-column-gap:6rem;column-gap:6rem}
.gap-x-28{-moz-column-gap:7rem;column-gap:7rem}
.gap-x-32{-moz-column-gap:8rem;column-gap:8rem}
.gap-x-36{-moz-column-gap:9rem;column-gap:9rem}
.gap-x-40{-moz-column-gap:10rem;column-gap:10rem}
.gap-x-44{-moz-column-gap:11rem;column-gap:11rem}
.gap-x-48{-moz-column-gap:12rem;column-gap:12rem}
.gap-x-52{-moz-column-gap:13rem;column-gap:13rem}
.gap-x-56{-moz-column-gap:14rem;column-gap:14rem}
.gap-x-60{-moz-column-gap:15rem;column-gap:15rem}
.gap-x-64{-moz-column-gap:16rem;column-gap:16rem}
.gap-x-72{-moz-column-gap:18rem;column-gap:18rem}
.gap-x-80{-moz-column-gap:20rem;column-gap:20rem}
.gap-x-96{-moz-column-gap:24rem;column-gap:24rem}
.gap-x-px{-moz-column-gap:1px;column-gap:1px}
.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}
.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}
.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}
.gap-x-3\.5{-moz-column-gap:.875rem;column-gap:.875rem}
.gap-y-0{row-gap:0}
.gap-y-1{row-gap:.25rem}
.gap-y-2{row-gap:.5rem}
.gap-y-3{row-gap:.75rem}
.gap-y-4{row-gap:1rem}
.gap-y-5{row-gap:1.25rem}
.gap-y-6{row-gap:1.5rem}
.gap-y-7{row-gap:1.75rem}
.gap-y-8{row-gap:2rem}
.gap-y-9{row-gap:2.25rem}
.gap-y-10{row-gap:2.5rem}
.gap-y-11{row-gap:2.75rem}
.gap-y-12{row-gap:3rem}
.gap-y-14{row-gap:3.5rem}
.gap-y-16{row-gap:4rem}
.gap-y-20{row-gap:5rem}
.gap-y-24{row-gap:6rem}
.gap-y-28{row-gap:7rem}
.gap-y-32{row-gap:8rem}
.gap-y-36{row-gap:9rem}
.gap-y-40{row-gap:10rem}
.gap-y-44{row-gap:11rem}
.gap-y-48{row-gap:12rem}
.gap-y-52{row-gap:13rem}
.gap-y-56{row-gap:14rem}
.gap-y-60{row-gap:15rem}
.gap-y-64{row-gap:16rem}
.gap-y-72{row-gap:18rem}
.gap-y-80{row-gap:20rem}
.gap-y-96{row-gap:24rem}
.gap-y-px{row-gap:1px}
.gap-y-0\.5{row-gap:.125rem}
.gap-y-1\.5{row-gap:.375rem}
.gap-y-2\.5{row-gap:.625rem}
.gap-y-3\.5{row-gap:.875rem}

.objective-modal-details {
    position: fixed;
    /* padding: 3%; */
    padding: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
.label.label-xl {
    width: auto !important;
    padding: 0 5px;
}
.card-header{
    min-height : auto !important;
}

div#ObjectiveChangedkeyresultPopup {
    background-color: #00000026;
}

.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.overflow-y-scroll{
    overflow-y: auto;
}
.overflow-x-scroll{
    overflow-x: auto;
}
.w-210{
    width: 210;
}
.addEmoji.btn-sm{
    font-size: 1.350rem;
}
#emoji-block {  
    display: none; /* Hidden by default */  
}  
#emoji-block.show {  
    display: block; /* Show when class is added */  
} 
.overflow-scroll{
    overflow: auto !important;
}
.scrollbar-w-2::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
    }
    .scrollbar-track-blue-lighter::-webkit-scrollbar-track {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
    }
    .scrollbar-thumb-blue::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
    }
    .scrollbar-thumb-rounded::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    }
.top-5{
    top: 5px;
}
.right-5{
    right: 5px;
}
.top-8{
    top: 8px;
}
.right-3{
    right: 3px;
}
.hidden {
    display: none;
}

.label.label-lg.label-light-success11{
    background: #fff;
}

@media only screen and (max-width: 550px) {

    .objective-modal-details .modal-title, .objective-modal-details .modal-header{
        flex-direction: column;
    }
}