/*------------------------------------------------------Height------------------------------------------------------------*/


.h-5{height:5% !important;}
.h-10{height:10% !important;}
.h-15{height:15% !important;}
.h-20{height:20% !important;}
.h-25{height:25% !important;}
.h-30{height:30% !important;}
.h-33{height:33.33333333333333333% !important;}
.h-33{height:33% !important;}
.h-35{height:35% !important;}
.h-40{height:40% !important;}
.h-45{height:45% !important;}
.h-50{height:50% !important;}
.h-55{height:55% !important;}
.h-60{height:60% !important;}
.h-65{height:65% !important;}
.h-66{height:66% !important;}
.h-70{height:70% !important;}
.h-75{height:75% !important;}
.h-80{height:80% !important;}
.h-85{height:85% !important;}
.h-90{height:90% !important;}
.h-95{height:95% !important;}

/* Min-height */
.min-h-5 { min-height: 5%; }
.min-h-10 { min-height: 10%; }
.min-h-15 { min-height: 15%; }
.min-h-20 { min-height: 20%; }
.min-h-25 { min-height: 25%; }
.min-h-30 { min-height: 30%; }
.min-h-35 { min-height: 35%; }
.min-h-40 { min-height: 40%; }
.min-h-45 { min-height: 45%; }
.min-h-50 { min-height: 50%; }
.min-h-55 { min-height: 55%; }
.min-h-60 { min-height: 60%; }
.min-h-65 { min-height: 65%; }
.min-h-70 { min-height: 70%; }
.min-h-75 { min-height: 75%; }
.min-h-80 { min-height: 80%; }
.min-h-85 { min-height: 85%; }
.min-h-90 { min-height: 90%; }
.min-h-95 { min-height: 95%; }
.min-h-100 { min-height: 100%; }


/* Min-height in vh */
.min-h-5vh { min-height: 5vh; }
.min-h-10vh { min-height: 10vh; }
.min-h-15vh { min-height: 15vh; }
.min-h-20vh { min-height: 20vh; }
.min-h-25vh { min-height: 25vh; }
.min-h-30vh { min-height: 30vh; }
.min-h-35vh { min-height: 35vh; }
.min-h-40vh { min-height: 40vh; }
.min-h-45vh { min-height: 45vh; }
.min-h-50vh { min-height: 50vh; }
.min-h-55vh { min-height: 55vh; }
.min-h-60vh { min-height: 60vh; }
.min-h-65vh { min-height: 65vh; }
.min-h-70vh { min-height: 70vh; }
.min-h-75vh { min-height: 75vh; }
.min-h-80vh { min-height: 80vh; }
.min-h-85vh { min-height: 85vh; }
.min-h-90vh { min-height: 90vh; }
.min-h-95vh { min-height: 95vh; }
.min-h-100vh { min-height: 100vh; }


/* Max-height */
.max-h-5 { max-height: 5%; }
.max-h-10 { max-height: 10%; }
.max-h-15 { max-height: 15%; }
.max-h-20 { max-height: 20%; }
.max-h-25 { max-height: 25%; }
.max-h-30 { max-height: 30%; }
.max-h-35 { max-height: 35%; }
.max-h-40 { max-height: 40%; }
.max-h-45 { max-height: 45%; }
.max-h-50 { max-height: 50%; }
.max-h-55 { max-height: 55%; }
.max-h-60 { max-height: 60%; }
.max-h-65 { max-height: 65%; }
.max-h-70 { max-height: 70%; }
.max-h-75 { max-height: 75%; }
.max-h-80 { max-height: 80%; }
.max-h-85 { max-height: 85%; }
.max-h-90 { max-height: 90%; }
.max-h-95 { max-height: 95%; }
.max-h-100 { max-height: 100%; }




/*------------------------------------------------------Width------------------------------------------------------------*/


.w-5{width:5% !important;}
.w-10{width:10% !important;}
.w-15{width:15% !important;}
.w-20{width:20% !important;}
.w-25{width:25% !important;}
.w-30{width:30% !important;}
.w-33{width:33% !important;}
.w-35{width:35% !important;}
.w-40{width:40% !important;}
.w-45{width:45% !important;}
.w-50{width:50% !important;}
.w-55{width:55% !important;}
.w-60{width:60% !important;}
.w-65{width:65% !important;}
.w-66{width:66% !important;}
.w-70{width:70% !important;}
.w-75{width:75% !important;}
.w-80{width:80% !important;}
.w-85{width:85% !important;}
.w-90{width:90% !important;}
.w-95{width:95% !important;}

/* Min-width */
.min-w-5 { min-width: 5%; }
.min-w-10 { min-width: 10%; }
.min-w-15 { min-width: 15%; }
.min-w-20 { min-width: 20%; }
.min-w-25 { min-width: 25%; }
.min-w-30 { min-width: 30%; }
.min-w-35 { min-width: 35%; }
.min-w-40 { min-width: 40%; }
.min-w-45 { min-width: 45%; }
.min-w-50 { min-width: 50%; }
.min-w-55 { min-width: 55%; }
.min-w-60 { min-width: 60%; }
.min-w-65 { min-width: 65%; }
.min-w-70 { min-width: 70%; }
.min-w-75 { min-width: 75%; }
.min-w-80 { min-width: 80%; }
.min-w-85 { min-width: 85%; }
.min-w-90 { min-width: 90%; }
.min-w-95 { min-width: 95%; }
.min-w-100 { min-width: 100%; }



/*------------------------------------------------------Padding------------------------------------------------------------*/

.p-5{padding:5px !important;}
.p-10{padding:10px !important;}
.p-15{padding:15px !important;}
.p-20{padding:20px !important;}
.p-25{padding:25px !important;}
.p-30{padding:30px !important;}
.p-35{padding:35px !important;}
.p-40{padding:40px !important;}
.p-45{padding:45px !important;}
.p-50{padding:50px !important;}
.p-55{padding:55px !important;}
.p-60{padding:60px !important;}
.p-65{padding:65px !important;}
.p-70{padding:70px !important;}
.p-75{padding:75px !important;}
.p-80{padding:80px !important;}
.p-85{padding:85px !important;}
.p-90{padding:90px !important;}
.p-95{padding:95px !important;}
.p-100{padding:100px !important;}

/* Padding-top */
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-t-45 { padding-top: 45px !important; }
.p-t-50 { padding-top: 50px !important; }
.p-t-55 { padding-top: 55px !important; }
.p-t-60 { padding-top: 60px !important; }
.p-t-65 { padding-top: 65px !important; }
.p-t-70 { padding-top: 70px !important; }
.p-t-75 { padding-top: 75px !important; }
.p-t-80 { padding-top: 80px !important; }
.p-t-85 { padding-top: 85px !important; }
.p-t-90 { padding-top: 90px !important; }
.p-t-95 { padding-top: 95px !important; }
.p-t-100 { padding-top: 100px !important; }

/* Padding-bottom */
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-b-45 { padding-bottom: 45px !important; }
.p-b-50 { padding-bottom: 50px !important; }
.p-b-55 { padding-bottom: 55px !important; }
.p-b-60 { padding-bottom: 60px !important; }
.p-b-65 { padding-bottom: 65px !important; }
.p-b-70 { padding-bottom: 70px !important; }
.p-b-75 { padding-bottom: 75px !important; }
.p-b-80 { padding-bottom: 80px !important; }
.p-b-85 { padding-bottom: 85px !important; }
.p-b-90 { padding-bottom: 90px !important; }
.p-b-95 { padding-bottom: 95px !important; }
.p-b-100 { padding-bottom: 100px !important; }

/* Padding-left */
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-l-45 { padding-left: 45px !important; }
.p-l-50 { padding-left: 50px !important; }
.p-l-55 { padding-left: 55px !important; }
.p-l-60 { padding-left: 60px !important; }
.p-l-65 { padding-left: 65px !important; }
.p-l-70 { padding-left: 70px !important; }
.p-l-75 { padding-left: 75px !important; }
.p-l-80 { padding-left: 80px !important; }
.p-l-85 { padding-left: 85px !important; }
.p-l-90 { padding-left: 90px !important; }
.p-l-95 { padding-left: 95px !important; }
.p-l-100 { padding-left: 100px !important; }

/* Padding-right */
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-r-40 { padding-right: 40px !important; }
.p-r-45 { padding-right: 45px !important; }
.p-r-50 { padding-right: 50px !important; }
.p-r-55 { padding-right: 55px !important; }
.p-r-60 { padding-right: 60px !important; }
.p-r-65 { padding-right: 65px !important; }
.p-r-70 { padding-right: 70px !important; }
.p-r-75 { padding-right: 75px !important; }
.p-r-80 { padding-right: 80px !important; }
.p-r-85 { padding-right: 85px !important; }
.p-r-90 { padding-right: 90px !important; }
.p-r-95 { padding-right: 95px !important; }
.p-r-100 { padding-right: 100px !important; }



/*------------------------------------------------------Margin------------------------------------------------------------*/

.m-5{margin:5px !important;}
.m-10{margin:10px !important;}
.m-15{margin:15px !important;}
.m-20{margin:20px !important;}
.m-25{margin:25px !important;}
.m-30{margin:30px !important;}
.m-35{margin:35px !important;}
.m-40{margin:40px !important;}
.m-45{margin:45px !important;}
.m-50{margin:50px !important;}
.m-55{margin:55px !important;}
.m-60{margin:60px !important;}
.m-65{margin:65px !important;}
.m-70{margin:70px !important;}
.m-75{margin:75px !important;}
.m-80{margin:80px !important;}
.m-85{margin:85px !important;}
.m-90{margin:90px !important;}
.m-95{margin:95px !important;}
.m-100{margin:100px !important;}

/* Margin-top */
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-45 { margin-top: 45px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-55 { margin-top: 55px !important; }
.m-t-60 { margin-top: 60px !important; }
.m-t-65 { margin-top: 65px !important; }
.m-t-70 { margin-top: 70px !important; }
.m-t-75 { margin-top: 75px !important; }
.m-t-80 { margin-top: 80px !important; }
.m-t-85 { margin-top: 85px !important; }
.m-t-90 { margin-top: 90px !important; }
.m-t-95 { margin-top: 95px !important; }
.m-t-100 { margin-top: 100px !important; }

/* Margin-bottom */
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-b-45 { margin-bottom: 45px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-55 { margin-bottom: 55px !important; }
.m-b-60 { margin-bottom: 60px !important; }
.m-b-65 { margin-bottom: 65px !important; }
.m-b-70 { margin-bottom: 70px !important; }
.m-b-75 { margin-bottom: 75px !important; }
.m-b-80 { margin-bottom: 80px !important; }
.m-b-85 { margin-bottom: 85px !important; }
.m-b-90 { margin-bottom: 90px !important; }
.m-b-95 { margin-bottom: 95px !important; }
.m-b-100 { margin-bottom: 100px !important; }

/* Margin-left */
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-l-40 { margin-left: 40px !important; }
.m-l-45 { margin-left: 45px !important; }
.m-l-50 { margin-left: 50px !important; }
.m-l-55 { margin-left: 55px !important; }
.m-l-60 { margin-left: 60px !important; }
.m-l-65 { margin-left: 65px !important; }
.m-l-70 { margin-left: 70px !important; }
.m-l-75 { margin-left: 75px !important; }
.m-l-80 { margin-left: 80px !important; }
.m-l-85 { margin-left: 85px !important; }
.m-l-90 { margin-left: 90px !important; }
.m-l-95 { margin-left: 95px !important; }
.m-l-100 { margin-left: 100px !important; }

/* Margin-right */
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-35 { margin-right: 35px !important; }
.m-r-40 { margin-right: 40px !important; }
.m-r-45 { margin-right: 45px !important; }
.m-r-50 { margin-right: 50px !important; }
.m-r-55 { margin-right: 55px !important; }
.m-r-60 { margin-right: 60px !important; }
.m-r-65 { margin-right: 65px !important; }
.m-r-70 { margin-right: 70px !important; }
.m-r-75 { margin-right: 75px !important; }
.m-r-80 { margin-right: 80px !important; }
.m-r-85 { margin-right: 85px !important; }
.m-r-90 { margin-right: 90px !important; }
.m-r-95 { margin-right: 95px !important; }
.m-r-100 { margin-right: 100px !important; }







.delete:hover{
    background-color: #e12335;
    & i{
        color: #FFFFFF;
    }
}
.comment:hover{
    background-color: #bfbfbf;
    & i{
        color: #FFFFFF;
    }
}
.redirect:hover{
    background-color: #234fe1;
    & i{
        color: #FFFFFF;
    }
}
.bg-bronze{
    background-image: linear-gradient(#82572C, #CE8946);
}
.bg-silver{
    background-image: linear-gradient(#C4C4C4, #E0E0E0);
}
.bg-gold{
    background-image: linear-gradient(#EAA221, #ffed29);
}
.bg-platinum{
    background-image: linear-gradient(#8fd9fb, #b8e3e9);
}
.bg-diamond{
    background-image: linear-gradient(#021068, #0086E9);
}
.cursor-pointer{
    cursor: pointer;
}