/* Margin */
.no-margin-bottom {
    margin-bottom: 0px !important;
}
.margin-top-5 {
    margin-top: 5px;
}

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

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

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

.margin-top-25 {
    margin-top: 25px !important;
}

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

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

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

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

.margin-top-65 {
    margin-top: 65px !important;
}

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

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

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

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

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

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

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

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

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

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

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

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

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

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

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

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

.margin-left-7 {
    margin-left: 7px !important;
}

.margin-left-9 {
    margin-left: 9px !important;
}

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

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-17 {
    margin-left: 17px !important;
}

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

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

.margin-left-34 {
    margin-left: 34px !important;
}

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

.margin-right-minus-73 {
    margin-right: -73px !important;
}

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

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

.margin-right-7 {
    margin-right: 7px !important;
}

.margin-right-9 {
    margin-right: 9px !important;
}

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

.margin-right-16 {
    margin-right: 16px !important;
}

.margin-right-17 {
    margin-right: 17px !important;
}

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

.margin-right-35 {
    margin-right: 35px !important;
}

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

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

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

/* Padding */
.no-padding {
    padding: 0px !important;
}
.no-padding-left {
    padding-left: 0px !important;
}
.no-padding-top {
    padding-top: 0px !important;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-50 {
    padding-top: 50px;
}

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

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

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

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

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

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

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

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

.padding-bottom-100 {
    padding-bottom: 100px !important;
}
.padding-right-0 {
    padding-right: 0px !important;
}
.padding-right-5 {
    padding-right: 5px !important;
}
.padding-right-10 {
    padding-right: 10px !important;
}

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

.padding-right-20 {
    padding-right: 20px !important;
}
.padding-right-30 {
    padding-right: 30px !important;
}
.padding-right-43 {
    padding-right: 43px !important;
}
.padding-left-0 {
    padding-left: 0px !important;
}

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

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

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

.padding-left-17 {
    padding-left: 17px !important;
}

.padding-left-18 {
    padding-left: 18px !important;
}

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

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

/* Centered */
.vertically-centered-absolute {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.horizontally-centered-relative {
    margin: 0px auto;
    position: relative;
}

.horizontally-centered-absolute {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.centered-absolute {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

/* flex box */
.display-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.justify-contents-space-between {
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.justify-contents-flex-end {
    -webkit-box-pack: flex-end;
    -moz-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.justify-contents-flex-start {
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

.justify-contents-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-flow-row-reverse {
    flex-flow: row-reverse;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.align-items-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.no-flex-shrink {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
}

.display-none {
    display: none;
}

.display-inline-block {
    display: inline-block !important;
}

.display-block {
    display: block;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

/* Display grid */
.display-grid {
    display: -ms-grid;
    display: grid;
}

.grid-33-33-33-column {
    -ms-grid-columns: 33% 33% 33%;
    grid-template-columns: 33% 33% 33%;
}

.grid-50-column {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
}
.grid-40-60-column {
    -ms-grid-columns: 40% 60%;
    grid-template-columns: 40% 60%;
}

.grid-60-40-column {
    -ms-grid-columns: 60% 40%;
    grid-template-columns: 60% 40%;
}

.grid-30-70-column {
    -ms-grid-columns: 30% 70%;
    grid-template-columns: 30% 70%;
}

.grid-70-30-column {
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
}

.grid-20-80-column {
    -ms-grid-columns: 20% 80%;
    grid-template-columns: 20% 80%;
}

.grid-column-gap-10 {
    grid-column-gap: 10px;
}

.grid-column-gap-20 {
    grid-column-gap: 20px;
}

.grid-column-gap-30 {
    grid-column-gap: 30px;
}

.grid-row-gap-10 {
    grid-row-gap: 10px;
}

.grid-row-gap-20 {
    grid-row-gap: 20px;
}

.grid-row-gap-30 {
    grid-row-gap: 30px;
}

.align-self-center {
    align-self: center;
}

/* position */
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.align-bottom-right {
    right: 0px;
    bottom: 0px;
}

.align-top-left {
    top: 0px;
    left: 0px;
}

.align-bottom {
    bottom: 0px;
}

.align-right {
    right: 0px;
}

.align-top {
    top: 0px;
}

.align-top-right {
    top: 0px;
    right: 0px;
}

/* text align */
.text-align-right {
    text-align: right;
}

/* Justify self */
.justify-self-start {
    justify-self: start;
}

.justify-self-end {
    justify-self: end;
}

.justify-self-center {
    justify-self: center;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.bottom-minus-10 {
    bottom: -10px;
}

.overflow-y-auto {
    overflow-y: auto !important;
}