/***************
***  MARGINS ***
****************/
.no-margin {
    margin: 0px !important;
}

.mgauto {
    margin: 0px auto !important;
}

.mg01 {
    margin: 1px !important;
}

.mg02 {
    margin: 2px !important;
}

.mg03 {
    margin: 3px !important;
}

.mg05 {
    margin: 5px !important;
}

.mg10 {
    margin: 10px !important;
}

.mg20 {
    margin: 20px !important;
}

.mg30 {
    margin: 30px !important;
}

.mg40 {
    margin: 40px !important;
}

.mg50 {
    margin: 50px !important;
}

.mg60 {
    margin: 60px !important;
}

.mg70 {
    margin: 70px !important;
}

.mg80 {
    margin: 80px !important;
}

.mg90 {
    margin: 90px !important;
}

.mg100 {
    margin: 100px !important;
}

.mg110 {
    margin: 110px !important;
}

.mg120 {
    margin: 120px !important;
}

.mg130 {
    margin: 130px !important;
}

.mg140 {
    margin: 140px !important;
}

.mg150 {
    margin: 150px !important;
}

.mg200 {
    margin: 200px !important;
}

/********************************/

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

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

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

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

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

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

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mt110 {
    margin-top: 110px !important;
}

.mt120 {
    margin-top: 120px !important;
}

.mt130 {
    margin-top: 130px !important;
}

.mt140 {
    margin-top: 140px !important;
}

.mt150 {
    margin-top: 150px !important;
}

.mt200 {
    margin-top: 200px !important;
}

/********************************/

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

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

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

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

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

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

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mb110 {
    margin-bottom: 110px !important;
}

.mb120 {
    margin-bottom: 120px !important;
}

.mb130 {
    margin-bottom: 130px !important;
}

.mb140 {
    margin-bottom: 140px !important;
}

.mb150 {
    margin-bottom: 150px !important;
}

.mb200 {
    margin-bottom: 200px !important;
}

/********************************/

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

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

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

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

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

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

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.ml110 {
    margin-left: 110px !important;
}

.ml120 {
    margin-left: 120px !important;
}

.ml130 {
    margin-left: 130px !important;
}

.ml140 {
    margin-left: 140px !important;
}

.ml150 {
    margin-left: 150px !important;
}

.ml200 {
    margin-left: 200px !important;
}

/********************************/

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

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

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

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

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

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

.mr60 {
    margin-right: 60px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mr110 {
    margin-right: 110px !important;
}

.mr120 {
    margin-right: 120px !important;
}

.mr130 {
    margin-right: 130px !important;
}

.mr140 {
    margin-right: 140px !important;
}

.mr150 {
    margin-right: 150px !important;
}

.mr200 {
    margin-right: 200px !important;
}


/****************
***  PADDINGS ***
*****************/
.no-padding {
    padding: 0px !important;
}

.pd01 {
    padding: 1px !important;
}

.pd02 {
    padding: 2px !important;
}

.pd03 {
    padding: 3px !important;
}

.pd05 {
    padding: 5px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd20 {
    padding: 20px !important;
}

.pd30 {
    padding: 30px !important;
}

.pd40 {
    padding: 40px !important;
}

.pd50 {
    padding: 50px !important;
}

.pd60 {
    padding: 60px !important;
}

.pd70 {
    padding: 70px !important;
}

.pd80 {
    padding: 80px !important;
}

.pd90 {
    padding: 90px !important;
}

.pd100 {
    padding: 100px !important;
}

.pd110 {
    padding: 110px !important;
}

.pd120 {
    padding: 120px !important;
}

.pd130 {
    padding: 130px !important;
}

.pd140 {
    padding: 140px !important;
}

.pd150 {
    padding: 150px !important;
}

.pd200 {
    padding: 200px !important;
}

/********************************/

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

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

.pt17 {
    padding-top: 17px !important;
}

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

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

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

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

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pt110 {
    padding-top: 110px !important;
}

.pt120 {
    padding-top: 120px !important;
}

.pt130 {
    padding-top: 130px !important;
}

.pt140 {
    padding-top: 140px !important;
}

.pt150 {
    padding-top: 150px !important;
}

.pt200 {
    padding-top: 200px !important;
}

/********************************/

.pb05 {
    padding-top: 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;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pb110 {
    padding-bottom: 110px !important;
}

.pb120 {
    padding-bottom: 120px !important;
}

.pb130 {
    padding-bottom: 130px !important;
}

.pb140 {
    padding-bottom: 140px !important;
}

.pb150 {
    padding-bottom: 150px !important;
}

.pb200 {
    padding-bottom: 200px !important;
}

/**************
***  COLORS ***
***************/
.white {
    color: #ffffff !important;
}

.dark-grey {
    color: #222222 !important;
}

.light-grey {
    color: #6d6d6d !important;
}

.color-primary {
    color: #1c46f2 !important;
}

.color-disable {
    color: #ccc !important;
}

/*********************
*** LETTER SPACING ***
**********************/
.spacing05 {
    letter-spacing: 0.5px;
}

.spacing1 {
    letter-spacing: 1px;
}

.spacing2 {
    letter-spacing: 2px;
}

.spacing3 {
    letter-spacing: 3px;
}

.spacing4 {
    letter-spacing: 4px;
}

/********************
*** BORDER RADIUS ***
*********************/
.borderradius0{
    border-radius: 0px !important;
}

.borderradius1{
    border-radius: 1px;
}

.borderradius2{
    border-radius: 2px;
}

.borderradius3{
    border-radius: 3px;
}

.borderradius4{
    border-radius: 4px;
}

.borderradius5{
    border-radius: 5px;
}

.borderradius6{
    border-radius: 6px;
}

.borderradius7{
    border-radius: 7px;
}

.borderradius8{
    border-radius: 8px;
}

.borderradius9{
    border-radius: 9px;
}

.borderradius10{
    border-radius: 10px;
}

/******************
*** BACKGROUNDS ***
*******************/
.bg-green {
    background: #57bf98;
}

.bg-darkblue {
    background: #111829;
}

.bg-white {
    background: #ffffff;
}

.bg-light-grey {
    background: #eff0f1;
}

.bg-primary {
    background: #1c46f2;
    color: #ffffff;
}

/****************
*** UPPERCASE ***
*****************/
.text-uppercase {
    text-transform: uppercase;
}


/***********************
*** WIDTH AND HEIGHT ***
************************/
.full-width {
    width: 100% !important;
}

.width-95 {
    width: 95% !important;
}


/**************
*** BORDERS ***
***************/
.no-border {
    border: none !important;
}