/* 
 * Load Website related LESS files 
 */
/*
 * Generate Margin Class
 * margin, margin-top, margin-bottom, margin-left, margin-right
 */
 .m-0 {
    margin: 0px !important;
  }
  .m-t-0 {
    margin-top: 0px !important;
  }
  .m-b-0 {
    margin-bottom: 0px !important;
  }
  .m-l-0 {
    margin-left: 0px !important;
  }
  .m-r-0 {
    margin-right: 0px !important;
  }
  .m-2 {
    margin: 2px !important;
  }
  .m-t-2 {
    margin-top: 2px !important;
  }
  .m-b-2 {
    margin-bottom: 2px !important;
  }
  .m-l-2 {
    margin-left: 2px !important;
  }
  .m-r-2 {
    margin-right: 2px !important;
  }
  .m-5 {
    margin: 5px !important;
  }
  .m-t-5 {
    margin-top: 5px !important;
  }
  .m-b-5 {
    margin-bottom: 5px !important;
  }
  .m-l-5 {
    margin-left: 5px !important;
  }
  .m-r-5 {
    margin-right: 5px !important;
  }
  .m-10 {
    margin: 10px !important;
  }
  .m-t-10 {
    margin-top: 10px !important;
  }
  .m-b-10 {
    margin-bottom: 10px !important;
  }
  .m-l-10 {
    margin-left: 10px !important;
  }
  .m-r-10 {
    margin-right: 10px !important;
  }
  .m-15 {
    margin: 15px !important;
  }
  .m-t-15 {
    margin-top: 15px !important;
  }
  .m-b-15 {
    margin-bottom: 15px !important;
  }
  .m-l-15 {
    margin-left: 15px !important;
  }
  .m-r-15 {
    margin-right: 15px !important;
  }
  .m-20 {
    margin: 20px !important;
  }
  .m-t-20 {
    margin-top: 20px !important;
  }
  .m-b-20 {
    margin-bottom: 20px !important;
  }
  .m-l-20 {
    margin-left: 20px !important;
  }
  .m-r-20 {
    margin-right: 20px !important;
  }
  .m-25 {
    margin: 25px !important;
  }
  .m-t-25 {
    margin-top: 25px !important;
  }
  .m-b-25 {
    margin-bottom: 25px !important;
  }
  .m-l-25 {
    margin-left: 25px !important;
  }
  .m-r-25 {
    margin-right: 25px !important;
  }
  .m-30 {
    margin: 30px !important;
  }
  .m-t-30 {
    margin-top: 30px !important;
  }
  .m-b-30 {
    margin-bottom: 30px !important;
  }
  .m-l-30 {
    margin-left: 30px !important;
  }
  .m-r-30 {
    margin-right: 30px !important;
  }
  .m-35 {
    margin: 35px !important;
  }
  .m-t-35 {
    margin-top: 35px !important;
  }
  .m-b-35 {
    margin-bottom: 35px !important;
  }
  .m-l-35 {
    margin-left: 35px !important;
  }
  .m-r-35 {
    margin-right: 35px !important;
  }
  .m-40 {
    margin: 40px !important;
  }
  .m-t-40 {
    margin-top: 40px !important;
  }
  .m-b-40 {
    margin-bottom: 40px !important;
  }
  .m-l-40 {
    margin-left: 40px !important;
  }
  .m-r-40 {
    margin-right: 40px !important;
  }
  .m-60 {
    margin: 60px !important;
  }
  .m-t-60 {
    margin-top: 60px !important;
  }
  .m-b-60 {
    margin-bottom: 60px !important;
  }
  .m-l-60 {
    margin-left: 60px !important;
  }
  .m-r-60 {
    margin-right: 60px !important;
  }
  /*
   * Generate Padding Class
   * padding, padding-top, padding-bottom, padding-left, padding-right
   */
  .p-0 {
    padding: 0px !important;
  }
  .p-t-0 {
    padding-top: 0px !important;
  }
  .p-b-0 {
    padding-bottom: 0px !important;
  }
  .p-l-0 {
    padding-left: 0px !important;
  }
  .p-r-0 {
    padding-right: 0px !important;
  }
  .p-2 {
    padding: 2px !important;
  }
  .p-t-2 {
    padding-top: 2px !important;
  }
  .p-b-2 {
    padding-bottom: 2px !important;
  }
  .p-l-2 {
    padding-left: 2px !important;
  }
  .p-r-2 {
    padding-right: 2px !important;
  }
  .p-5 {
    padding: 5px !important;
  }
  .p-t-5 {
    padding-top: 5px !important;
  }
  .p-b-5 {
    padding-bottom: 5px !important;
  }
  .p-l-5 {
    padding-left: 5px !important;
  }
  .p-r-5 {
    padding-right: 5px !important;
  }
  .p-10 {
    padding: 10px !important;
  }
  .p-t-10 {
    padding-top: 10px !important;
  }
  .p-b-10 {
    padding-bottom: 10px !important;
  }
  .p-l-10 {
    padding-left: 10px !important;
  }
  .p-r-10 {
    padding-right: 10px !important;
  }
  .p-15 {
    padding: 15px !important;
  }
  .p-t-15 {
    padding-top: 15px !important;
  }
  .p-b-15 {
    padding-bottom: 15px !important;
  }
  .p-l-15 {
    padding-left: 15px !important;
  }
  .p-r-15 {
    padding-right: 15px !important;
  }
  .p-20 {
    padding: 20px !important;
  }
  .p-t-20 {
    padding-top: 20px !important;
  }
  .p-b-20 {
    padding-bottom: 20px !important;
  }
  .p-l-20 {
    padding-left: 20px !important;
  }
  .p-r-20 {
    padding-right: 20px !important;
  }
  .p-25 {
    padding: 25px !important;
  }
  .p-t-25 {
    padding-top: 25px !important;
  }
  .p-b-25 {
    padding-bottom: 25px !important;
  }
  .p-l-25 {
    padding-left: 25px !important;
  }
  .p-r-25 {
    padding-right: 25px !important;
  }
  .p-30 {
    padding: 30px !important;
  }
  .p-t-30 {
    padding-top: 30px !important;
  }
  .p-b-30 {
    padding-bottom: 30px !important;
  }
  .p-l-30 {
    padding-left: 30px !important;
  }
  .p-r-30 {
    padding-right: 30px !important;
  }
  /*
   * Font Weight
   */
  .f-300 {
    font-weight: 300 !important;
  }
  .f-400 {
    font-weight: 400 !important;
  }
  .f-500 {
    font-weight: 500 !important;
  }
  .f-700 {
    font-weight: 700 !important;
  }
  /*
   * Position Classes
   */
  .p-relative {
    position: relative !important;
  }
  .p-absolute {
    position: absolute !important;
  }
  .p-fixed {
    position: fixed !important;
  }
  .p-static {
    position: static !important;
  }
  /*
   * Overflow
   */
  .o-hidden {
    overflow: hidden !important;
  }
  .o-visible {
    overflow: visible !important;
  }
  .o-auto {
    overflow: auto !important;
  }
  .o-scroll {
    overflow: scroll !important;
  }
  /*
   * Display
   */
  .d-block {
    display: block !important;
  }
  .di-block {
    display: inline-block !important;
  }
  
  .d-none {
    display: none !important;
  }
  
  
  /* 
   * Main Rumah Juara Colors
   */
  
  .bgm-pink {
    background-color: #cc007a !important;
  }
  .c-pink {
    color: #cc007a !important;
  }
  .b-pink {
    border-top: 7px solid #cc007a;
  }
  .bgm-cyan {
    background-color: #17a6bb !important;
  }
  .c-cyan {
    color: #17a6bb !important;
  }
  .bgm-green {
    background-color: #4fb3b3 !important;
  }
  .c-green {
    color: #3b8686 !important;
  }
  .b-cyan {
    border-top: 7px solid #17a6bb;
  }
  .bgm-lime {
    background-color: #7ba000 !important;
  }
  .c-lime {
    color: #7ba000 !important;
  }
  .b-lime {
    border-top: 7px solid #7ba000;
  }
  .bgm-orange {
    background-color: #f38d2a !important;
  }
  .c-orange {
    color: #f38d2a !important;
  }
  .b-orange {
    border-top: 7px solid #f38d2a;
  }
  .bgm-background {
    background-color: #F5F5F5 !important;
  }
  .c-background {
    color: #F5F5F5 !important;
  }
  .b-background {
    border-top: 7px solid #F5F5F5;
  }
  .bgm-grey {
    background-color: #898989 !important;
  }
  .c-grey {
    color: #898989 !important;
  }
  .b-grey {
    border-top: 7px solid #898989;
  }
  
  .btn-hvr:hover {
      background-color: #bd2929;
      -webkit-animation: glowing 1500ms infinite;
      -moz-animation: glowing 1500ms infinite;
      -o-animation: glowing 1500ms infinite;
      animation: glowing 1500ms infinite;
  }
  
  /* 
   * Material Background Colors
   */
  .bgm-white {
    background-color: #ffffff !important;
  }
  .c-white {
    color: #ffffff !important;
  }
  .bgm-black {
    background-color: #000000 !important;
  }
  .c-black {
    color: #000000 !important;
  }
  .bgm-brown {
    background-color: #795548 !important;
  }
  .c-brown {
    color: #795548 !important;
  }
  .bgm-red {
    background-color: #c63a3a !important;
  }
  .c-red {
    color: #c63a3a !important;
  }
  .bgm-blue {
    background-color: #2196f3 !important;
  }
  .c-blue {
    color: #2196f3 !important;
  }
  .bgm-purple {
    background-color: #9c27b0 !important;
  }
  .c-purple {
    color: #9c27b0 !important;
  }
  .bgm-deeppurple {
    background-color: #673ab7 !important;
  }
  .c-deeppurple {
    color: #673ab7 !important;
  }
  .bgm-lightblue {
    background-color: #03a9f4 !important;
  }
  .c-lightblue {
    color: #03a9f4 !important;
  }
  .bgm-teal {
    background-color: #009688 !important;
  }
  .c-teal {
    color: #009688 !important;
  }
  .bgm-lightgreen {
    background-color: #8bc34a !important;
  }
  .c-lightgreen {
    color: #8bc34a !important;
  }
  .bgm-yellow {
    background-color: #ffeb3b !important;
  }
  .c-yellow {
    color: #ffeb3b !important;
  }
  .bgm-amber {
    background-color: #ffc107 !important;
  }
  .c-amber {
    color: #ffc107 !important;
  }
  .bgm-deeporange {
    background-color: #ff5722 !important;
  }
  .c-deeporange {
    color: #ff5722 !important;
  }
  .bgm-gray {
    background-color: #9e9e9e !important;
  }
  .c-gray {
    color: #9e9e9e !important;
  }
  .bgm-bluegray {
    background-color: #607d8b !important;
  }
  .c-bluegray {
    color: #607d8b !important;
  }
  .bgm-indigo {
    background-color: #3f51b5 !important;
  }
  
  .t-left {
      text-align: left !important;
  }
  
  .t-right {
      text-align: right !important;
  }
  
  .t-center {
      text-align: center !important;
  }
  
  .t-dec-none {
      text-decoration: none !important;
  }
  
  /*
   * Background Colors
   */
  .bg-black-trp {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  /*
   * Border
   */
  .b-0 {
    border: 0 !important;
  }
  /*
   * width
   */
  .w-100 {
    width: 100% !important;
  }
  .w-80 {
    width: 80% !important;
  }
  .w-70 {
    width: 80% !important;
  }
  
  
  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .pull-right {
    float: right !important;
  }
  .pull-left {
    float: left !important;
  }
  .hide {
    display: none !important;
  }
  .show {
    display: block !important;
  }
  .invisible {
    visibility: hidden;
  }
  
  .clear {
      clear: both;
  }
  
  #b-1-grey {
    border: 1px solid #aeaeae;
    min-width: 110px;
  }
  #b-1-greys {
    border: 1px solid #aeaeae;
    min-width: 50px;
  }