/*----------------------------------------------------------------------------------------------------------------------
// DISPLAYS
/*--------------------------------------------------------------------------------------------------------------------*/
.d-block{
    display: block;
}
.d-inline-block{
    display: inline-block;
}
.d-none{
    display: none;
}
.d-flex{
    display: flex;
}
/*----------------------------------------------------------------------------------------------------------------------
// PADDINGS
/*--------------------------------------------------------------------------------------------------------------------*/

.pn {
    padding: 0 !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
 }

.ptn {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pbn {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.prn {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 20px !important;
}

.pr20 {
    padding-right: 30px !important;
}

.pln {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 20px !important;
}

.pl20 {
    padding-left: 30px !important;
}


.phn {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ph5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ph10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ph15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.ph20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.ph30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.ph40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.ph50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.pvn {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pv5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// MARGINS
/*--------------------------------------------------------------------------------------------------------------------*/

.mza {
    margin: 0 auto !important;
}

.mn {
    margin: 0 !important;
}

.mtn {
    margin-top: 0 !important;
}

.mtn10 {
    margin-top: -10px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mbn {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mrn {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 20px !important;
}

.mr20 {
    margin-right: 30px !important;
}

.mln {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 20px !important;
}

.ml20 {
    margin-left: 30px !important;
}

.mhn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mh5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mh40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mh50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mvn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// PERCENT WIDTH
/*--------------------------------------------------------------------------------------------------------------------*/

.pw100 {
    width: 100% !important;
}

.pw50 {
    width: 50% !important;
}

.pw33 {
    width: 33.33% !important;
}

.pw25 {
    width: 25% !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// MAX WIDTH
/*--------------------------------------------------------------------------------------------------------------------*/

.mw300 {
    max-width: 300px !important;
}

.mw400 {
    max-width: 400px !important;
}

.mw500 {
    max-width: 500px !important;
}

.mw600 {
    max-width: 600px !important;
}

.mw700 {
    max-width: 700px !important;
}

.mw800 {
    max-width: 800px !important;
}

.mw900 {
    max-width: 900px !important;
}

.mw1000 {
    max-width: 1000px !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// MIN WIDTH
/*--------------------------------------------------------------------------------------------------------------------*/

.mnw55 {
    min-width: 55px !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// MIN HEIGHT
/*--------------------------------------------------------------------------------------------------------------------*/

.mnh45 {
    min-height: 45px !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// FLOAT
/*--------------------------------------------------------------------------------------------------------------------*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*----------------------------------------------------------------------------------------------------------------------
// TEXT ALIGNMENT
/*--------------------------------------------------------------------------------------------------------------------*/

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

.text-justify {
    text-align: justify !important;
}

.text-right {
    text-align: right !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// FONT WEIGHT
/*--------------------------------------------------------------------------------------------------------------------*/

.fwb {
    font-weight: bold !important;
}

.fw400 {
    font-weight: 400 !important;
}

.fw500 {
    font-weight: 500 !important;
}

.fw600 {
    font-weight: 600 !important;
}

.fw700 {
    font-weight: 700 !important;
}

.fw800 {
    font-weight: 800 !important;
}

/*----------------------------------------------------------------------------------------------------------------------
// FONT SIZES
/*--------------------------------------------------------------------------------------------------------------------*/

.fs8 {
    font-size: 8px !important;
}

.fs9 {
    font-size: 9px !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs19 {
    font-size: 19px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs35 {
    font-size: 35px !important;
}

.fs40 {
    font-size: 40px !important;
}