/*
*
* DO NOT USE PHP FORMATTER, CODE PRETTIER, OR ANYTHING THAT INTENDED TO MAKE A CODE HAVE BETTER LOOK
*
*/

/*
* rem padding
*/

/*all sides*/
.prm-0{padding: 0rem !important;} .prm-1{padding: 1rem !important;} 
.prm-2{padding: 2rem !important;} .prm-3{padding: 3rem !important;} 
.prm-4{padding: 4rem !important;} .prm-5{padding: 5rem !important;} 
.prm-6{padding: 6rem !important;} .prm-7{padding: 7rem !important;} 
.prm-8{padding: 8rem !important;} .prm-9{padding: 9rem !important;}

.prm-00{padding: .0rem !important;} .prm-01{padding: .1rem !important;} 
.prm-02{padding: .2rem !important;} .prm-03{padding: .3rem !important;} 
.prm-04{padding: .4rem !important;} .prm-05{padding: .5rem !important;} 
.prm-06{padding: .6rem !important;} .prm-07{padding: .7rem !important;} 
.prm-08{padding: .8rem !important;} .prm-09{padding: .9rem !important;}
/*all sides end*/

/*top*/
.ptrm-0{padding-top: 0rem !important;} .ptrm-1{padding-top: 1rem !important;} 
.ptrm-2{padding-top: 2rem !important;} .ptrm-3{padding-top: 3rem !important;} 
.ptrm-4{padding-top: 4rem !important;} .ptrm-5{padding-top: 5rem !important;} 
.ptrm-6{padding-top: 6rem !important;} .ptrm-7{padding-top: 7rem !important;} 
.ptrm-8{padding-top: 8rem !important;} .ptrm-9{padding-top: 9rem !important;}

.ptrm-00{padding-top: .0rem !important;} .ptrm-01{padding-top: .1rem !important;} 
.ptrm-02{padding-top: .2rem !important;} .ptrm-03{padding-top: .3rem !important;} 
.ptrm-04{padding-top: .4rem !important;} .ptrm-05{padding-top: .5rem !important;} 
.ptrm-06{padding-top: .6rem !important;} .ptrm-07{padding-top: .7rem !important;} 
.ptrm-08{padding-top: .8rem !important;} .ptrm-09{padding-top: .9rem !important;}
/*top end*/

/*bottom*/
.pbrm-0{padding-bottom: 0rem !important;} .pbrm-1{padding-bottom: 1rem !important;} 
.pbrm-2{padding-bottom: 2rem !important;} .pbrm-3{padding-bottom: 3rem !important;} 
.pbrm-4{padding-bottom: 4rem !important;} .pbrm-5{padding-bottom: 5rem !important;} 
.pbrm-6{padding-bottom: 6rem !important;} .pbrm-7{padding-bottom: 7rem !important;} 
.pbrm-8{padding-bottom: 8rem !important;} .pbrm-9{padding-bottom: 9rem !important;}

.pbrm-00{padding-bottom: .0rem !important;} .pbrm-01{padding-bottom: .1rem !important;} 
.pbrm-02{padding-bottom: .2rem !important;} .pbrm-03{padding-bottom: .3rem !important;} 
.pbrm-04{padding-bottom: .4rem !important;} .pbrm-05{padding-bottom: .5rem !important;} 
.pbrm-06{padding-bottom: .6rem !important;} .pbrm-07{padding-bottom: .7rem !important;} 
.pbrm-08{padding-bottom: .8rem !important;} .pbrm-09{padding-bottom: .9rem !important;}
/*bottom end*/

/*left*/
.plrm-0{padding-left: 0rem !important;} .plrm-1{padding-left: 1rem !important;} 
.plrm-2{padding-left: 2rem !important;} .plrm-3{padding-left: 3rem !important;} 
.plrm-4{padding-left: 4rem !important;} .plrm-5{padding-left: 5rem !important;} 
.plrm-6{padding-left: 6rem !important;} .plrm-7{padding-left: 7rem !important;} 
.plrm-8{padding-left: 8rem !important;} .plrm-9{padding-left: 9rem !important;}

.plrm-00{padding-left: .0rem !important;} .plrm-01{padding-left: .1rem !important;} 
.plrm-02{padding-left: .2rem !important;} .plrm-03{padding-left: .3rem !important;} 
.plrm-04{padding-left: .4rem !important;} .plrm-05{padding-left: .5rem !important;} 
.plrm-06{padding-left: .6rem !important;} .plrm-07{padding-left: .7rem !important;} 
.plrm-08{padding-left: .8rem !important;} .plrm-09{padding-left: .9rem !important;}
/*left end*/

/*right*/
.prrm-0{padding-right: 0rem !important;} .prrm-1{padding-right: 1rem !important;} 
.prrm-2{padding-right: 2rem !important;} .prrm-3{padding-right: 3rem !important;} 
.prrm-4{padding-right: 4rem !important;} .prrm-5{padding-right: 5rem !important;} 
.prrm-6{padding-right: 6rem !important;} .prrm-7{padding-right: 7rem !important;} 
.prrm-8{padding-right: 8rem !important;} .prrm-9{padding-right: 9rem !important;}

.prrm-00{padding-right: .0rem !important;} .prrm-01{padding-right: .1rem !important;} 
.prrm-02{padding-right: .2rem !important;} .prrm-03{padding-right: .3rem !important;} 
.prrm-04{padding-right: .4rem !important;} .prrm-05{padding-right: .5rem !important;} 
.prrm-06{padding-right: .6rem !important;} .prrm-07{padding-right: .7rem !important;} 
.prrm-08{padding-right: .8rem !important;} .prrm-09{padding-right: .9rem !important;}
/*right end*/

/*
* rem padding end
*/

/* rem margin */
/*all sides*/
.mrm-0{margin: 0rem !important;} .mrm-1{margin: 1rem !important;} 
.mrm-2{margin: 2rem !important;} .mrm-3{margin: 3rem !important;} 
.mrm-4{margin: 4rem !important;} .mrm-5{margin: 5rem !important;} 
.mrm-6{margin: 6rem !important;} .mrm-7{margin: 7rem !important;} 
.mrm-8{margin: 8rem !important;} .mrm-9{margin: 9rem !important;}

.mrm-00{margin: .0rem !important;} .mrm-01{margin: .1rem !important;} 
.mrm-02{margin: .2rem !important;} .mrm-03{margin: .3rem !important;} 
.mrm-04{margin: .4rem !important;} .mrm-05{margin: .5rem !important;} 
.mrm-06{margin: .6rem !important;} .mrm-07{margin: .7rem !important;} 
.mrm-08{margin: .8rem !important;} .mrm-09{margin: .9rem !important;}
/*all sides end*/

/*top*/
.mtrm-0{margin-top: 0rem !important;} .mtrm-1{margin-top: 1rem !important;} 
.mtrm-2{margin-top: 2rem !important;} .mtrm-3{margin-top: 3rem !important;} 
.mtrm-4{margin-top: 4rem !important;} .mtrm-5{margin-top: 5rem !important;} 
.mtrm-6{margin-top: 6rem !important;} .mtrm-7{margin-top: 7rem !important;} 
.mtrm-8{margin-top: 8rem !important;} .mtrm-9{margin-top: 9rem !important;}

.mtrm-00{margin-top: .0rem !important;} .mtrm-01{margin-top: .1rem !important;} 
.mtrm-02{margin-top: .2rem !important;} .mtrm-03{margin-top: .3rem !important;} 
.mtrm-04{margin-top: .4rem !important;} .mtrm-05{margin-top: .5rem !important;} 
.mtrm-06{margin-top: .6rem !important;} .mtrm-07{margin-top: .7rem !important;} 
.mtrm-08{margin-top: .8rem !important;} .mtrm-09{margin-top: .9rem !important;}
/*top end*/

/*bottom*/
.mbrm-0{margin-bottom: 0rem !important;} .mbrm-1{margin-bottom: 1rem !important;} 
.mbrm-2{margin-bottom: 2rem !important;} .mbrm-3{margin-bottom: 3rem !important;} 
.mbrm-4{margin-bottom: 4rem !important;} .mbrm-5{margin-bottom: 5rem !important;} 
.mbrm-6{margin-bottom: 6rem !important;} .mbrm-7{margin-bottom: 7rem !important;} 
.mbrm-8{margin-bottom: 8rem !important;} .mbrm-9{margin-bottom: 9rem !important;}

.mbrm-00{margin-bottom: .0rem !important;} .mbrm-01{margin-bottom: .1rem !important;} 
.mbrm-02{margin-bottom: .2rem !important;} .mbrm-03{margin-bottom: .3rem !important;} 
.mbrm-04{margin-bottom: .4rem !important;} .mbrm-05{margin-bottom: .5rem !important;} 
.mbrm-06{margin-bottom: .6rem !important;} .mbrm-07{margin-bottom: .7rem !important;} 
.mbrm-08{margin-bottom: .8rem !important;} .mbrm-09{margin-bottom: .9rem !important;}
/*bottom end*/

/*left*/
.mlrm-0{margin-left: 0rem !important;} .mlrm-1{margin-left: 1rem !important;} 
.mlrm-2{margin-left: 2rem !important;} .mlrm-3{margin-left: 3rem !important;} 
.mlrm-4{margin-left: 4rem !important;} .mlrm-5{margin-left: 5rem !important;} 
.mlrm-6{margin-left: 6rem !important;} .mlrm-7{margin-left: 7rem !important;} 
.mlrm-8{margin-left: 8rem !important;} .mlrm-9{margin-left: 9rem !important;}

.mlrm-00{margin-left: .0rem !important;} .mlrm-01{margin-left: .1rem !important;} 
.mlrm-02{margin-left: .2rem !important;} .mlrm-03{margin-left: .3rem !important;} 
.mlrm-04{margin-left: .4rem !important;} .mlrm-05{margin-left: .5rem !important;} 
.mlrm-06{margin-left: .6rem !important;} .mlrm-07{margin-left: .7rem !important;} 
.mlrm-08{margin-left: .8rem !important;} .mlrm-09{margin-left: .9rem !important;}
/*left end*/

/*right*/
.mrrm-0{margin-right: 0rem !important;} .mrrm-1{margin-right: 1rem !important;} 
.mrrm-2{margin-right: 2rem !important;} .mrrm-3{margin-right: 3rem !important;} 
.mrrm-4{margin-right: 4rem !important;} .mrrm-5{margin-right: 5rem !important;} 
.mrrm-6{margin-right: 6rem !important;} .mrrm-7{margin-right: 7rem !important;} 
.mrrm-8{margin-right: 8rem !important;} .mrrm-9{margin-right: 9rem !important;}

.mrrm-00{margin-right: .0rem !important;} .mrrm-01{margin-right: .1rem !important;} 
.mrrm-02{margin-right: .2rem !important;} .mrrm-03{margin-right: .3rem !important;} 
.mrrm-04{margin-right: .4rem !important;} .mrrm-05{margin-right: .5rem !important;} 
.mrrm-06{margin-right: .6rem !important;} .mrrm-07{margin-right: .7rem !important;} 
.mrrm-08{margin-right: .8rem !important;} .mrrm-09{margin-right: .9rem !important;}
/*right end*/
/* rem margin end */

/*view based*/
/*height*/
.vh-25{ height: 25vh; }
.vh-50{ height: 50vh; }
.vh-75{ height: 75vh; }
.vh-90{ height: 90vh; }
.vh-100{ height: 100vh; }
.mvh-25{ max-height: 25vh; }
.mvh-50{ max-height: 50vh; }
.mvh-75{ max-height: 75vh; }
.mvh-90{ max-height: 90vh; }
.mvh-100{ max-height: 100vh; }
/*height end*/
/*width*/
.vw-25{ width: 25vw; }
.vw-50{ width: 50vw; }
.vw-75{ width: 75vw; }
.vw-90{ width: 90vw; }
.vw-100{ width: 100vw; }
.mvw-25{ max-width: 25vw; }
.mvw-50{ max-width: 50vw; }
.mvw-75{ max-width: 75vw; }
.mvw-90{ max-width: 90vw; }
.mvw-100{ max-width: 100vw; }
/*width end*/
/*view based*/

/* scroll */
/* thin */
/* width */
.thinScroll::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/* Track */
.thinScroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px lightgrey;
    border-radius: 1px;
}

/* Handle */
.thinScroll::-webkit-scrollbar-thumb {
    background: green;
    border-radius: 1px;
}
/*thin end*/
/* scroll end */

img.disabled{
    filter: grayscale(75%);
}

/* font */
.text-outlined-1{
    /* offset-x | offset-y | blur-radius | color */
    text-shadow: 0px 0px 2px black, 0px 0px 4px white;
}
.text-outlined-2{
    text-shadow: 0px 0px 4px black, 0px 0px 4px white;
}
.text-outlined-3{
    text-shadow: 0px 0px 6px black, 0px 0px 4px white;
}
.text-outlined-4{
    text-shadow: 0px 0px 8px black, 0px 0px 4px white;
}
.clamp {
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.clamp-1 {
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.clamp-2 {
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.clamp-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3;
}