/* ======================================================= START MARGIN & PADDING =======================================================*/

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

.no-padding-top, .no-padding-horizontal{
  padding-top: 0px !important;
}

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

.no-padding-left, .no-padding-vertical {
  padding-left: 0px !important;
}

.no-padding-right, .no-padding-vertical {
  padding-right: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-top-25, .padding-horizontal-25 {
  padding-top: 25px !important;
}

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

.padding-left-25, .padding-vertical-25 {
  padding-left: 25px !important;
}

.padding-right-25, .padding-vertical-25 {
  padding-right: 25px !important;
}

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

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

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

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

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

.padding-35 {
  padding: 35px !important;
}

.padding-top-35, .padding-horizontal-35 {
  padding-top: 35px !important;
}

.padding-bottom-35, .padding-horizontal-35 {
  padding-bottom: 35px !important;
}

.padding-left-35, .padding-vertical-35 {
  padding-left: 35px !important;
}

.padding-right-35, .padding-vertical-35 {
  padding-right: 35px !important;
}

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

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

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

.padding-left-40, .padding-vertical-40 {
  padding-left: 40px !important;
}

.padding-right-40, .padding-vertical-40 {
  padding-right: 40px !important;
}

.padding-45 {
  padding: 45px !important;
}

.padding-top-45, .padding-horizontal-45 {
  padding-top: 45px !important;
}

.padding-bottom-45, .padding-horizontal-45 {
  padding-bottom: 45px !important;
}

.padding-left-45, .padding-vertical-45 {
  padding-left: 45px !important;
}

.padding-right-45, .padding-vertical-45 {
  padding-right: 45px !important;
}

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

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

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

.padding-left-50, .padding-vertical-50 {
  padding-left: 50px !important;
}

.padding-right-50, .padding-vertical-50 {
  padding-right: 50px !important;
}

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

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

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

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

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

.margin-auto-0 {
  margin: auto 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.margin-right-50 {
  margin-right: 50px !important;
}
/* ========================================================= END MARGIN & PADDING =======================================================*/
/* ============================================================ START DISPLAY ===========================================================*/
.hide {
  display: none !important;
}
.show {
  display: block !important;
}

.full-width {
  width: 100% !important;
}
.full-height {
  height: 100% !important;
}

.max-width-120 {
  max-width: 120px !important;
}
.max-height-120 {
  max-height: 120px !important;
}
/* =============================================================== END SIZE =============================================================*/
/* ============================================================ START DISPLAY ===========================================================*/
.background-white {
  background: white !important;
}
/* =============================================================== END COLOR ============================================================*/
/* ============================================================== START TEXT ============================================================*/
.semi-bold {
  font-weight: 400 !important;
}
.bold {
  font-weight: bold !important;
}
.font-black {
  color: #000 !important;
}
.font-grey {
  color: #999 !important;
}
.grey-hover {
  color: #999999;
  transition: .5s;
}
.grey-hover:hover {
  color: #464646;
}

.font-size-5 {
  font-size: 5px;
}
.font-size-10 {
  font-size: 10px;
}
.font-size-15 {
  font-size: 15px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-25 {
  font-size: 25px;
}
.font-size-30 {
  font-size: 30px;
}
.font-size-35 {
  font-size: 35px;
}
.font-size-40 {
  font-size: 40px;
}
.font-size-45 {
  font-size: 45px;
}
.font-size-50 {
  font-size: 50px;
}
.text-semibold {
  font-weight: 500;
}
.text-bold {
  font-weight: bold;
}
.text-center {
  text-align: center;
}
.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* =============================================================== END TEXT =============================================================*/
/* ============================================================= START ROTATE ============================================================*/
.rotate-90{
    transform: rotate(90deg);
}
.rotate-180{
    transform: rotate(180deg);
}
.rotate-270{
    transform: rotate(270deg);
}
/* ============================================================== END ROTATE ============================================================*/
/* ============================================================== START TEXT ============================================================*/