/* F O N T  S I Z E */

.fs-1em {
  font-size: 1em !important;
}

.fs-1k2em {
  font-size: 1.2em !important;
}

.fs-1k5em {
  font-size: 1.5em !important;
}

.fs-2em {
  font-size: 2em !important;
}

.fs-2k5em {
  font-size: 2.5em !important;
}

.fs-3em {
  font-size: 3em !important;
}

.fs-4em {
  font-size: 4em !important;
}

.fs-5em {
  font-size: 5em !important;
}

.fs-6em {
  font-size: 6em !important;
}

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

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

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

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

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

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

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

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

/* P A D D I N G */

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

.pad-t-0 {
  padding-top: 0px !important;
}

.pad-r-0 {
  padding-right: 0px !important;
}

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

.pad-l-0 {
  padding-left: 0px !important;
}

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

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

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

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

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

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

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

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

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

.pad-t-1em {
  padding-top: 1em !important;
}

.pad-t-2em {
  padding-top: 2em !important;
}

.pad-t-3em {
  padding-top: 3em !important;
}

.pad-t-4em {
  padding-top: 4em !important;
}

.pad-t-5em {
  padding-top: 5em !important;
}

.pad-t-6em {
  padding-top: 6em !important;
}

.pad-r-1em {
  padding-right: 1em !important;
}

.pad-r-2em {
  padding-right: 2em !important;
}

.pad-r-3em {
  padding-right: 3em !important;
}

.pad-r-4em {
  padding-right: 4em !important;
}

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

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

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

.pad-b-1em {
  padding-bottom: 1em !important;
}

.pad-b-2em {
  padding-bottom: 2em !important;
}

.pad-b-3em {
  padding-bottom: 3em !important;
}

.pad-b-4em {
  padding-bottom: 4em !important;
}

.pad-b-5em {
  padding-bottom: 5em !important;
}

.pad-b-6em {
  padding-bottom: 6em !important;
}

.pad-l-1em {
  padding-left: 1em !important;
}

.pad-l-2em {
  padding-left: 2em !important;
}

.pad-l-3em {
  padding-left: 3em !important;
}

.pad-l-4em {
  padding-left: 4em !important;
}

.pad-1em {
  padding: 1em !important;
}

.pad-2em {
  padding: 2em !important;
}

.pad-3em {
  padding: 3em !important;
}

.pad-4em {
  padding: 4em !important;
}

.pad-5em {
  padding: 5em !important;
}

.pad-6em {
  padding: 6em !important;
}

.pad-t-15 {
  padding-top: 15px;
}

.pad-r-15 {
  padding-right: 15px;
}

.pad-b-15 {
  padding-bottom: 15px;
}

.pad-l-15 {
  padding-left: 15px;
}

/* M A R G I N */

.mar-0-auto {
  margin: 0 auto !important;
}

.mar-4em-auto {
  margin: 4em auto !important;
}

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

.mar-1em {
  margin: 1em !important;
}

.mar-2em {
  margin: 2em !important;
}

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

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

.mar-t-0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.mar-t-2em {
  margin-top: 2em !important;
}

.mar-b-1em {
  margin-bottom: 1em !important;
}

.mar-b-1k5em {
  margin-bottom: 1.5em !important;
}

.mar-b-2em {
  margin-bottom: 2em !important;
}

.mar-b-3em {
  margin-bottom: 3em !important;
}

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

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

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

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

.mar-t-3em {
  margin-top: 3em !important;
}

.mar-r-3em {
  margin-right: 3em !important;
}

.mar-b-3em {
  margin-bottom: 3em !important;
}

.mar-l-3em {
  margin-left: 3em !important;
}

/* V E R T I C A L  A L I G N */

.va-table {
  display: table;
}

.va-middle {
  display: table-cell;
  vertical-align: middle;
}

.va-top {
  display: table-cell;
  vertical-align: top;
}

.va-bottom {
  display: table-cell;
  vertical-align: bottom;
}

.vmiddle {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

/* B O R D E R */

.border-1px-666 {
  height: 1px;
  background-color: #666;
  width: 100%;
}

.border-1px-ca {
  height: 1px;
  background-color: #cacaca;
  width: 100%;
}

.border-ca {
  border: 1px solid #cacaca;
}

.border-r-ca {
  border-right: 1px solid #cacaca;
}

.border-none {
  border: none !important;
}

.border-a8 {
  border: 1px solid #a8a8a8;
}

.border-radius-0 {
  border-radius: 0 !important;
}

/* W I D T H */

.width-100 {
  width: 100%;
}

.width-90 {
  width: 90%;
}

.width-80 {
  width: 80%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-60 {
  width: 60%;
}

.width-50 {
  width: 50%;
}

.width-40 {
  width: 40%;
}

.width-35 {
  width: 35%;
}

.width-30 {
  width: 30%;
}

.width-25 {
  width: 25%;
}

.width-20 {
  width: 20%;
}

.height-auto {
  height: auto;
}

.height-80 {
  height: 80px;
}

.height-100 {
  height: 100px;
}

.height-120 {
  height: 120px;
}

.height-150 {
  height: 150px;
}

.height-100vh {
  height: 100vh;
}

/* C O L O R */

.color-green {
  color: #23af4d;
}

.color-blue {
  color: #00acef;
}

.color-80 {
  color: #808080;
}

.color-red {
  color: #f00;
}

.color-white {
  color: #fff !important;
}

.color-blue-himpenindo {
  color: #49a4df !important;
}

.color-blue-dark-himpenindo {
  color: #4a268a !important;
}

.color-brown-himpenindo {
  color: #d79c30 !important;
}

.color-yellow-rsui-1 {
  color: #ffe601 !important;
}

.bg-biru-pu {
  background-color: #050189 !important;
}

.bg-oren-pu {
  background-color: #edb905 !important;
}

.bg-yellow-rsui {
  background-color: #ffe601 !important;
}

.fw-b {
  font-weight: bold;
}

.fw-n {
  font-weight: normal;
}

/* O T H E R */

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

.ta-left {
  text-align: left !important;
}

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

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

.display-none {
  display: none;
}

.lh-1em {
  line-height: 1em;
}

.lh-1k2em {
  line-height: 1.2em;
}

.lh-1k5em {
  line-height: 1.5em;
}

.bor-rad-0 {
  border-radius: 0 !important;
}

.cur-point {
  cursor: pointer !important;
}

.tt-upper {
  text-transform: uppercase !important;
}

.show-desktop {
  display: block;
}

.show-mobile {
  display: none;
}

@media only screen and (max-width: 479px) {
  /* P A D D I N G */
  .pad-0-m {
    padding: 0px !important;
  }
  .pad-t-0-m {
    padding-top: 0px !important;
  }
  .pad-r-0-m {
    padding-right: 0px !important;
  }
  .pad-b-0-m {
    padding-bottom: 0px !important;
  }
  .pad-l-0-m {
    padding-left: 0px !important;
  }
  .pad-1em-m {
    padding: 1em !important;
  }
  .pad-t-1em-m {
    padding-top: 1em !important;
  }
  .pad-r-1em-m {
    padding-right: 1em !important;
  }
  .pad-b-1em-m {
    padding-bottom: 1em !important;
  }
  .pad-l-1em-m {
    padding-left: 1em !important;
  }
  .pad-t-2em-m {
    padding-top: 2em !important;
  }
  .pad-r-2em-m {
    padding-right: 2em !important;
  }
  .pad-b-2em-m {
    padding-bottom: 2em !important;
  }
  .pad-l-2em-m {
    padding-left: 2em !important;
  }
  .pad-1em-0-m {
    padding: 1em 0 !important;
  }
  .pad-1em-1em-m {
    padding: 1em 1em !important;
  }
  .pad-2em-0-m {
    padding: 2em 0 !important;
  }
  .pad-2em-1em-m {
    padding: 2em 1em !important;
  }
  .pad-3em-0-m {
    padding: 3em 0 !important;
  }
  .pad-4em-0-m {
    padding: 4em 0 !important;
  }
  .pad-5em-0-m {
    padding: 5em 0 !important;
  }
  .pad-6em-0-m {
    padding: 6em 0 !important;
  }
  .mar-0-auto-m {
    margin: 0 auto !important;
  }
  .mar-3em-auto-m {
    margin: 3em auto !important;
  }
  .mar-2em-auto-m {
    margin: 2em auto !important;
  }
  .mar-3em-0-m {
    margin: 3em 0 !important;
  }
  .mar-t-3em-m {
    margin-top: 3em !important;
  }
  .mar-b-1em-m {
    margin-bottom: 1em !important;
  }
  .mar-b-3em-m {
    margin-bottom: 3em !important;
  }
  .mar-t-2em-m {
    margin-top: 2em !important;
  }
  .mar-r-2em-m {
    margin-right: 2em !important;
  }
  .mar-b-2em-m {
    margin-bottom: 2em !important;
  }
  .mar-l-2em-m {
    margin-left: 2em !important;
  }
  .mar-t-15-m {
    margin-top: 15px !important;
  }
  .mar-r-15-m {
    margin-right: 15px !important;
  }
  .mar-b-15-m {
    margin-bottom: 15px !important;
  }
  .mar-l-15-m {
    margin-left: 15px !important;
  }
  /* F O N T  S I Z E */
  .fs-1em-m {
    font-size: 1em !important;
  }
  .fs-1k5em-m {
    font-size: 1.5em !important;
  }
  .fs-2em-m {
    font-size: 2em !important;
  }
  .fs-10-m {
    font-size: 10px !important;
  }
  .fs-11-m {
    font-size: 11px !important;
  }
  .fs-12-m {
    font-size: 12px !important;
  }
  .fs-13-m {
    font-size: 13px !important;
  }
  .fs-14-m {
    font-size: 14px !important;
  }
  .fs-15-m {
    font-size: 15px !important;
  }
  .fs-16-m {
    font-size: 16px !important;
  }
  .fs-18-m {
    font-size: 18px !important;
  }
  .fs-20-m {
    font-size: 20px !important;
  }
  .fs-22-m {
    font-size: 22px !important;
  }
  .fs-24-m {
    font-size: 24px !important;
  }
  .vis-xs-IB {
    display: inline-block;
  }
  /* W I D T H */
  .width-100-m {
    width: 100% !important;
  }
  .width-95-m {
    width: 95% !important;
  }
  .width-90-m {
    width: 90% !important;
  }
  .width-80-m {
    width: 80% !important;
  }
  .width-75-m {
    width: 75% !important;
  }
  .width-65-m {
    width: 65% !important;
  }
  .width-60-m {
    width: 60% !important;
  }
  .width-50-m {
    width: 50% !important;
  }
  .width-40-m {
    width: 40% !important;
  }
  .width-35-m {
    width: 35% !important;
  }
  .width-25-m {
    width: 25% !important;
  }
  .height-auto-m {
    height: auto;
  }
  .lh-1em-m {
    line-height: 1em;
  }
  .lh-1k2em-m {
    line-height: 1.2em;
  }
  .lh-1k5em-m {
    line-height: 1.5em;
  }
  .ta-center-m {
    text-align: center !important;
  }
  .ta-left-m {
    text-align: left !important;
  }
  .ta-right-m {
    text-align: right !important;
  }
  .ta-justify-m {
    text-align: justify !important;
  }
  .float-left-m {
    float: left !important;
  }
  .float-right-m {
    float: right !important;
  }
  .show-desktop {
    display: none;
  }
  .show-mobile {
    display: block;
  }
}