.grid{
    display: grid;
}
.inline-grid{
    display: inline-grid;
}

/* z-index */
.z-1{
    z-index: 1;
}
.z-full{
    z-index: 1021;
}
.z-xfull{
    z-index: 1022;
}
.z-2xfull{
    z-index: 1023;
}
.z-3xfull{
    z-index: 1024;
}

/* font sizes :start */
.fs-8 {
    font-size: 8px !important;
}
.fs-9 {
    font-size: 9px !important;
}
.fs-10 {
    font-size: 10px !important;
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-17 {
    font-size: 17px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-21 {
    font-size: 21px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.fs-23 {
    font-size: 23px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-26 {
    font-size: 26px !important;
}
.fs-27 {
    font-size: 27px !important;
}
.fs-28 {
    font-size: 28px !important;
}
.fs-29 {
    font-size: 29px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-50 {
    font-size: 50px !important;
}

/* Line height */
.lh-0{
    line-height: 0;
}

/* width */
.w-0{
    width: 0px;
}
.w-px{
    width: 1px;
}
.w-0\.5{
    width: 0.125rem;
}
.w-1{
    width: 0.25rem;
}
.w-1\.5{
    width: 0.375rem;
}
.w-2{
    width: 0.5rem;
}
.w-2\.5{
    width: 0.625rem;
}
.w-3\.5{
    width: 0.875rem;
}
.w-4{
    width: 1rem;
}
.w-5{
    width: 1.25rem;
}
.w-6{
    width: 1.5rem;
}
.w-7{
    width: 1.75rem;
}
.w-8{
    width: 2rem;
}
.w-9{
    width: 2.25rem;
}
.w-10{
    width: 2.5rem;
}
.w-11{
    width: 2.75rem;
}
.w-12{
    width: 3rem;
}
.w-14{
    width: 3.5rem;
}
.w-16{
    width: 4rem;
}
.w-18{
    width: 4.5rem;
}
.w-20{
    width: 5rem;
}
.w-52{
    width: 13rem !important;
}
.w-56{
    width: 17rem !important;
}
/* .w-194{
    width: 194px;
}
.w-171{
    width: 171px;
} */
.min-w-100{
    min-width: 100px;
}
.max-w-250{
    max-width: 250px;
}
.max-w-50{
    max-width: 50px;
}
.min-w-250{
    min-width: 250px;
}

.min-w-150{
    min-width: 150px;
}

.min-w-370{
    min-width: 370px;
}

.min-w-275{
    min-width: 275px;
}
.min-w-unset{
    min-width: unset;
}

/* opacity */
.hover\:opacity-80:hover{
    opacity: 0.8;
}

/* cursor */
.pointer{
    cursor: pointer;
}
.context-menu{
    cursor: context-menu;
}

/* overflow */
.overflow-x-auto{
    overflow-x: auto;
}

/* border-radius */
.rounded-xl{
    border-radius: 0.75rem;
}

/* opacity */
.opacity-0{
    opacity: 0;
}

/* position */
.right-0{
    right: 0;
}
.top-14{
    top: 14px;
}

@media screen and (min-width:1200px) {
    .position-xl-absolute{
        position: absolute;
    }
}

/* gap */
.gap-8{
    gap: 8px !important;
}

/* margin-top neg */
.default-margin{
    margin-top: -46px;
}

/* justify-content-evenly */
.justify-content-evenly{
    justify-content: space-evenly;
}

.text-underline{
    text-decoration: underline;
}