.h-80-vh {height: 80vh !important;}
.h-100-vh {height: 100vh !important;}

.h-30-px {height: 30px !important;}
.h-40-px {height: 40px !important;}
.h-45-px {height: 45px !important;}
.h-50-px {height: 50px !important;}
.h-100-px {height: 100px !important;}

.w-10-0-0 {width: 10%;}
.w-13-0-0 {width: 13%;}
.w-23-0-0 {width: 23%;}
.w-33-0-0 {width: 33%;}
.w-48-0-0 {width: 48%;}
.w-50-0-0 {width: 50%;}
.w-55-0-0 {width: 55%;}
.w-60-0-0 {width: 60%;}
.w-65-0-0 {width: 65%;}
.w-70-0-0 {width: 70%;}
.w-75-0-0 {width: 75%;}
.w-80-0-0 {width: 80%;}
.w-81-0-0 {width: 81%;}
.w-82-0-0 {width: 82%;}
.w-83-0-0 {width: 83%;}
.w-84-0-0 {width: 84%;}
.w-85-0-0 {width: 85%;}
.w-86-0-0 {width: 86%;}
.w-90-0-0 {width: 90%;}
.w-91-0-0 {width: 91%;}
.w-92-0-0 {width: 92%;}
.w-93-0-0 {width: 93%;}
.w-94-0-0 {width: 94%;}
.w-95-0-0 {width: 95%;}
.w-96-0-0 {width: 96%;}
.w-97-0-0 {width: 97%;}
.w-98-0-0 {width: 98%;}
.w-99-0-0 {width: 99%;}
.w-all {width: 100%;}

.w-50 {width: 50px !important;}
.w-60 {width: 60px !important;}
.w-70 {width: 70px !important;}
.w-100 {width: 100px;}
.w-110 {width: 110px;}
.w-120 {width: 120px;}
.w-130 {width: 130px;}
.w-140 {width: 140px;}
.w-150 {width: 150px;}
.w-160 {width: 160px;}
.w-170 {width: 170px;}
.w-175 {width: 175px;}
.w-180 {width: 180px;}
.w-200 {width: 200px;}
.w-250 {width: 250px !important;}
.w-300 {width: 300px !important;}
.w-400 {width: 400px;}
.w-500 {width: 500px;}
.w-600 {width: 600px;}
.w-700 {width: 700px;}
.w-800 {width: 800px;}
.w-900 {width: 900px;}
.w-900 {width: 900px;}

.m-auto {margin: auto !important;}

.m-0 {margin: 0;}
.m-0-3 {margin: 3px;}
.m-0-4 {margin: 4px;}
.m-0-5 {margin: 5px;}
.m-1 {margin: 10px;}
.m-2 {margin: 20px;}
.m-3 {margin: 30px;}
.m-4 {margin: 40px;}
.m-5 {margin: 50px;}
.m-6 {margin: 60px;}
.m-7 {margin: 70px;}
.m-8 {margin: 80px;}
.m-9 {margin: 90px;}
.m-10 {margin: 100px;}

.m-tb-auto-1 {margin: auto 1%;}
.m-tb-auto-2 {margin: auto 2%;}
.m-tb-auto-3 {margin: auto 3%;}
.m-tb-auto-4 {margin: auto 4%;}
.m-tb-auto-5 {margin: auto 5%;}
.m-tb-auto-6 {margin: auto 6%;}
.m-tb-auto-7 {margin: auto 7%;}
.m-tb-auto-8 {margin: auto 8%;}
.m-tb-auto-9 {margin: auto 9%;}
.m-tb-auto-10 {margin: auto 10%;}

.m-lr-auto-1 {margin: 1% auto;}
.m-lr-auto-2 {margin: 2% auto;}
.m-lr-auto-3 {margin: 3% auto;}
.m-lr-auto-4 {margin: 4% auto;}
.m-lr-auto-5 {margin: 5% auto;}
.m-lr-auto-6 {margin: 6% auto;}
.m-lr-auto-7 {margin: 7% auto;}
.m-lr-auto-8 {margin: 8% auto;}
.m-lr-auto-9 {margin: 9% auto;}
.m-lr-auto-10 {margin: 10% auto;}

.m-r-0 {margin-right: 0 !important;}
.m-r-0-3 {margin-right: 3px;}
.m-r-0-5 {margin-right: 5px;}
.m-r-1 {margin-right: 10px;}
.m-r-2 {margin-right: 20px;}
.m-r-3 {margin-right: 30px;}
.m-r-4 {margin-right: 40px;}
.m-r-5 {margin-right: 50px;}
.m-r-6 {margin-right: 60px;}
.m-r-7 {margin-right: 70px;}
.m-r-8 {margin-right: 80px;}
.m-r-9 {margin-right: 90px;}
.m-r-10 {margin-right: 100px;}
.m-r-90 {margin-right: 90%;}
.m-r-100 {margin-right: 100%;}

.m-l-0-5 {margin-left: 5px !important;}
.m-l-1 {margin-left: 10px;}
.m-l-2 {margin-left: 20px;}
.m-l-3 {margin-left: 30px;}
.m-l-4 {margin-left: 40px;}
.m-l-5 {margin-left: 50px;}
.m-l-6 {margin-left: 60px;}
.m-l-7 {margin-left: 70px;}
.m-l-8 {margin-left: 80px;}
.m-l-9 {margin-left: 90px;}
.m-l-10 {margin-left: 100px;}


.m-t--1 {margin-top: -10px !important;}
.m-t-0 {margin-top: 0 !important;}
.m-t-0-5 {margin-top: 5px !important;}
.m-t-1 {margin-top: 10px; !important;}
.m-t-2 {margin-top: 20px !important;}
.m-t-3 {margin-top: 30px !important;}
.m-t-4 {margin-top: 40px !important;}
.m-t-5 {margin-top: 50px !important;}
.m-t-6 {margin-top: 60px !important;}
.m-t-7 {margin-top: 70px !important;}
.m-t-8 {margin-top: 80px !important;}
.m-t-9 {margin-top: 90px !important;}
.m-t-10 {margin-top: 100px !important;}
.m-t-20 {margin-top: 200px !important;}
.m-t-30 {margin-top: 300px !important;}

.m-b--2 {margin-bottom: 20px; !important;}
.m-b--1 {margin-bottom: 10px; !important;}
.m-b-0 {margin-bottom: 0; !important;}
.m-b-0-5 {margin-bottom: 5px; !important;}
.m-b-1 {margin-bottom: 10px; !important;}
.m-b-2 {margin-bottom: 20px;}
.m-b-3 {margin-bottom: 30px;}
.m-b-4 {margin-bottom: 40px;}
.m-b-5 {margin-bottom: 50px;}
.m-b-6 {margin-bottom: 60px;}
.m-b-7 {margin-bottom: 70px;}
.m-b-8 {margin-bottom: 80px;}
.m-b-9 {margin-bottom: 90px;}
.m-b-10 {margin-bottom: 100px;}

.p-0-5 {padding: 5px !important;}
.p-1 {padding: 10px !important;}
.p-2 {padding: 20px !important;}
.p-3 {padding: 30px !important;}

.p-b-0-5 {padding-bottom: 5px; !important;}
.p-b-1 {padding-bottom: 10px; !important;}
.p-b-2 {padding-bottom: 20px;}
.p-b-3 {padding-bottom: 30px;}
.p-b-4 {padding-bottom: 40px;}
.p-b-5 {padding-bottom: 50px;}
.p-b-6 {padding-bottom: 60px;}
.p-b-7 {padding-bottom: 70px;}
.p-b-8 {padding-bottom: 80px;}
.p-b-9 {padding-bottom: 90px;}
.p-b-10 {padding-bottom: 100px;}

.f-0-5 {font-size: .5rem;}
.f-0-6 {font-size: .6rem;}
.f-0-7 {font-size: .7rem;}
.f-0-8 {font-size: .8rem;}
.f-0-9 {font-size: .9rem;}
.f-1 {font-size: 1rem;}

.t--1 {top: 10px !important;}
.t-0 {top: 0 !important;}
.t-2 {top: 20px !important;}
.t-3 {top: 30px !important;}
.t-4 {top: 40px !important;}
.t-5 {top: 50px !important;}
.t-6 {top: 60px !important;}
.t-7 {top: 70px !important;}
.t-8 {top: 80px !important;}
.t-9 {top: 90px !important;}
.t-10 {top: 100px !important;}

.d-flex-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.d-flex-center-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.d-flex-start-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.d-flex-start-wrap-just-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.d-flex-just-end {
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
}

.d-flex-just-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.d-flex-just-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex-just-between {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
}

.d-flex-just-warp-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.d-flex-dir-column-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.d-flex-dir-column-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.txt-align-c {
    text-align: center !important;
}

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

.t-ltr {
    direction: ltr !important;
    text-align: left !important;
}

.list-style-none {
    list-style-type: none;
}

.d-none {
    display: none !important;
}