@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
body{
  margin:0;
  padding:0;
  right:0;
  overflow: auto;
  font-family: Source Sans Pro;
  font-style: normal;
}

.jumbotron {
    /* background-image: url("../img/jumbotron_bg.jpeg"); */
    background-size:cover  ;
    background-repeat: no-repeat;
    background-attachment: center ;
    background-position: scroll;
    padding-bottom: 0;
    background-color:#fff;
}

.jumbotron img{
  margin:0 auto;
  width:80%;
  height:60vh;
}

.jumbotron-sm {
  background-color: white;
  background-image: url("../img/bg2.png");
  /* background-size: cover  ; */
  background-repeat: no-repeat;
  background-attachment: center ;
  background-position: scroll;
  height: 38vh;
  min-height: 16rem;
  padding-bottom: 0;
}

/* .btn-primary{
  background-color: #93bb53 !important;
} */

#wrap-content{
    right:100px;
}
  .card.portofolio{
    border:none;
    height:250px;
    width:100%;
  }

  .card.portofolio img{
    height:100%;
    width:100%;
  }

  .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color:#93bb53;
  }

  .card:hover .overlay {
    opacity: 1;
  }

  .brs-detail-img {
    padding: 20px;
    color: white;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .brs-detail-img .brs-title{
    color: white;
    font-size: 20px;
    margin-bottom:5px;
  }

  .brs-detail-img .brs-content{
    color: white;
    font-size:13px;
  }

  .brs-detail-img .brs-footer{
    color: white;
  }

  .brs-detail-img .brs-footer a{
    text-decoration: underline;
    color: white;
  }

  .brs-about-footer {
    color: white;
  }

  .brs-about-footer .brs-logo{
    color: white;
  }

  .brs-about-footer .brs-content{
    font-size:13px;
  }

  .brs-about-footer .brs-sosmed{
    margin-top:5rem;
    bottom: 0;
    float: bottom;
  }

  .brs-contact-footer {
    color:white;
  }

  .brs-form {
    margin-bottom: 0.25rem;
  }

  .brs-menu-footer {
    padding:0;
    color:white;
  }

  .brs-list-menu {
    padding: 0.25rem 0;
    text-decoration:none;
    list-style-type: none;
  }

  .brs-list-menu a{
    text-decoration:none;
    color:white;
  }


  .col-md-6{
    margin:5px 0;
  }

  .card.article{
    border:none;
  }

  .article .article-body {
    padding:none;
    flex: 1 1 auto;
    font-size:11px;
  }

  .article-body .title {
    font-size:18px;
    color:rgb(61, 100, 3);
  }

  .article-body .date {
    font-size:11px;
    margin-bottom:15px;
  }
  .card.product-item{
      box-shadow: 0px 4px 12px 1px  rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      background: #FFFFFF;
      border: none;
  }

  .card.product-item > .card-body{
      padding: 0.75rem;
  }

  .card.product-item img.card-img-top{
      border-top-right-radius: 10px !important;
      border-top-left-radius: 10px !important;
  }

  .card.product-card{
    padding:2rem 3rem 1rem 2rem;
    box-shadow: 0px 0px 8px #bbbbbb;
    min-height:320px;
    height:auto;
  }

  .product-card img {
    margin:0 auto;
    max-width: 70px;
    max-height: 70px;
  }

  .product-card img {
    margin:0 auto;
    max-width: 70px;
    max-height: 70px;
  }

  .product-body .title {
    text-align: center;
    font-weight:bold;
    font-size:1.5rem;
    padding:10px;
  }

  .product-card .product-body {
    padding:none;
    text-align: center;
    flex: 1 1 auto;
    font-size:12px;
  }





  /* Custom Css BRS */

  .brs-href{
    text-decoration: underline;
    color: #93bb53;
  }

  .brs-color-primary{
    color:#FB5E01 !important;
  }

  .brs-btn-round{
      padding: 1.25rem 3rem;
      font-size: 0.85rem;
      font-weight: 700;
      text-transform: uppercase;
      border: none;
      border-radius: 10rem;
  }

  .brs-btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 10px;
    padding: 10px 21px;
    transition: color .15s
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
  }

  .brs-btn:focus{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  .brs-btn:disabled, .brs-btn[disabled]{
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
  }

  .brs-btn:disabled, .brs-btn[disabled]{
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
  }

  .brs-btn:hover{
    cursor: pointer;
  }

  .brs-btn-primary{
      background: #FB5E01;
      color: #fff;
  }

  .brs-btn-primary:hover:not([disabled]){
      background: #e15400;
      color: #fff;
      text-decoration: none;
  }

  .brs-btn-outline-primary{
      background: transparent;
      color: #FB5E01;
      border-color: #FB5E01;
  }

  .brs-btn-outline-primary:hover:not([disabled]){
      background: #FB5E01;
      color: #fff;
      text-decoration: none;
  }

  .brs-btn-profile{
    width: 328px;
    height: 46px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 14px 12px;
    font-family: Source Sans Pro;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    position: relative;
    vertical-align: middle;
  }

  .brs-btn-logout{
    width: 328px;
    height: 46px;
    border: 1px solid #FB5E01;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 14px 12px;
    font-family: Source Sans Pro;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    position: relative;
    vertical-align: middle;

  }

  .brs-btn-arrow{
    border-top: 3px solid #FB5E01;
    border-left: 3px solid #FB5E01;
    width: 10px;
    height: 10px;
    display: block;
    z-index: 1;
    position: absolute;
    top: 0%;
    right: 5%;
    transform: translateY(18px) rotate(138deg);
  }

  .brs-img-client{
    max-width: 100px;
    min-width: 100px;
    max-height: 100px;
    min-height: 100px;

  }

  .brs-img-article{
    width: 100%;
    max-height: 160px;
    min-height: 160px;
  }

  .brs-nav-white{
    background-color: white;
  }

  .brs-nav-white .navbar-nav .nav-item .nav-link{
    padding: 5px 7px;
  }

  .brs-nav-white .navbar-nav .nav-item{
    padding: 7px 0;
  }

  .brs-nav-white ul>li.nav-item.active{
    border: 1px black solid;
    padding:8px 3px;
  }

  .brs-nav-white ul>li.nav-item .nav-link{
    color: black !important;
  }

  ul>li.nav-item.active{
    border: 1px white solid;
  }

  ul>li.nav-item .nav-link{
    color: white !important;
    font-family: "Nunito", sans-serif;
  }

  .form-group-brs-1{
      position: relative;
      margin: 14px 0px;
      width: 100%;
      display: block;}
    .form-group-brs-1 input[type="text"],
    .form-group-brs-1 input[type="email"],
    .form-group-brs-1 input[type="password"],
    .form-group-brs-1 textarea,
    .form-group-brs-1 select{
      background: #fff;
      border: 1px solid #E0E0E0;
      box-sizing: border-box;
      border-radius: 10px;
      padding: 14px 12px;
      font-size: 14px;
      display: block;
      font-weight: normal;
      line-height: 18px;
      box-sizing:border-box;
      width: 100%;
      margin-left: 1px;
      margin-right: 1px;
      color: #333;
      }
    .form-group-brs-1 label.input-label{
      position: absolute;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(50%);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      top: 4px;
      font-size: 12px;
      padding: 0 .3em;
      background:#fff;
      left: 1em;
      color: #b3b3b3;
      font-weight: normal;
      cursor: text;
      pointer-events: none;}

    .form-group-brs-1 label{
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(50%);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      font-size: 12px;
      padding: 0 .4em;
      background:#fff;
      left: 1em;
      color: #F32013;
      font-weight: normal;
      cursor: text;
      pointer-events: none;}
      .form-group-brs-1 .message-info{
        padding: 0.3em;
        font-size: 10px;
        color: #828282;}
      .form-group-brs-1 input:focus~label.input-label,
      .form-group-brs-1 input:valid~label.input-label,
      .form-group-brs-1 textarea:focus~label.input-label,
      .form-group-brs-1 textarea:valid~label.input-label,
      .form-group-brs-1 input:disabled~label.input-label{
          top: -16px;
          font-size: 12px;
          padding: 0 .3em;}

      .form-group-brs-1 input[type="text"]:focus,
      .form-group-brs-1 input[type="email"]:focus,
      .form-group-brs-1 input[type="password"]:focus,
      .form-group-brs-1 input:focus,
      .form-group-brs-1 textarea:focus{
          outline: none !important;
          border:1px solid #FB5E01;
          box-sizing: border-box;
          border-radius: 10px;}

      .form-group-brs-1 .field-icon{
        padding: 0 .3em;
        position: absolute;
        top: 16px;
        font-size: 16px;
        right: 0px;
        z-index: 2;}

      .form-group-brs-1 select select option:disabled{
          outline: none !important;
          border:1px solid #FB5E01;
      }
      .form-group-brs-1 input::-webkit-input-placeholder, {
          color: transparent;}


    /* Custom SELECT2 with only form group brs 1 */
    .form-group-brs-1 .select2.select2-container {
      width: 100% !important;}

    .form-group-brs-1 .select2.select2-container .select2-selection {
      border: 1px solid #E0E0E0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 10px;
      height: 48px;
      margin-left: 1px;
      margin-right: 1px;
      outline: none !important;
      transition: all .15s ease-in-out;}

    .form-group-brs-1 .select2.select2-container .select2-selection .select2-selection__rendered {
      color: #333;
      line-height: 18px;
      font-size: 12px;
      padding-right: 33px;
      padding-top: 14px;
      padding-left: 12px;
      height: 32px;}

    .form-group-brs-1 .select2.select2-container .select2-selection .select2-selection__arrow {
      border-left: 1px solid #ccc;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      height: 48px;
      width: 33px;}

    .form-group-brs-1 .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
      border-radius: 10px 10px 0px 0px !important;
      background: #f8f8f8;}

    .form-group-brs-1 .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
      -webkit-border-radius: 0 3px 0 0;
      -moz-border-radius: 0 3px 0 0;
      border-radius: 0 3px 0 0;}

    .form-group-brs-1 .select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
      border: 1px solid #34495e;}

    .form-group-brs-1 .select2.select2-container .select2-selection--multiple {
      height: auto;
      min-height: 34px;}

    .form-group-brs-1 .select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
      margin-top: 0;
      font-size: 14px;
      height: 32px;}

    .form-group-brs-1 .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
      display: block;
      padding: 0 4px;
      line-height: 29px;}

    .form-group-brs-1 .select2.select2-container .select2-selection--multiple .select2-selection__choice {
      background-color: #f8f8f8;
      border: 1px solid #ccc;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin: 4px 4px 0 0;
      padding: 0 6px 0 22px;
      height: 24px;
      line-height: 24px;
      font-size: 14px;
      position: relative;}

    .form-group-brs-1 .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
      position: absolute;
      top: 0;
      left: 0;
      height: 22px;
      width: 22px;
      margin: 0;
      text-align: center;
      color: #e74c3c;
      font-weight: bold;
      font-size: 14px;}

    .form-group-brs-1 .select2-container .select2-dropdown {
      background: transparent;
      border: none;
      margin-top: -5px;}

    .select2-container .select2-dropdown .select2-search {
      font-size: 14px;
      padding: 10px;}

    .form-group-brs-1 .select2-container .select2-dropdown .select2-search input {
      outline: none !important;
      border: 1px solid #34495e !important;
      border-bottom: none !important;
      padding: 4px 6px !important;}

    .select2-container .select2-dropdown .select2-results {
      font-size: 14px;
      padding: 0;}

    .form-group-brs-1 .select2-container .select2-dropdown .select2-results ul {
      background: #fff;
      border: 1px solid #34495e;}

    .form-group-brs-1 .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
      background-color: #3498db;}

    /* END OF CUSTOM  SELECT2 with only form group brs 1 */


      #response_ongkir .list-group-item {
        user-select: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        color: #333;
      }

      #response_ongkir .list-group-item .courier-service{
        display: flex;
        flex-direction: column;
        flex-basis: 100px;
        flex-grow: 0;
        flex-shrink: 0;
      }

      #response_ongkir .list-group input[type="radio"] {
        display: none;
      }

      #response_ongkir .list-group input[type="radio"] + .list-group-item {
        cursor: pointer;
      }

      #response_ongkir .list-group input[type="radio"] + .list-group-item:before {
        content: "\2022";
        color: transparent;
        font-weight: bold;
        margin-right: 1em;
      }

      #response_ongkir .list-group input[type="radio"]:checked + .list-group-item {
        background-color: #FB5E01;
        color: #FFF;
      }

      #response_ongkir .list-group input[type="radio"]:checked + .list-group-item:before {
        color: inherit;
      }

      .cart-form select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
        background-position:
          calc(100% - 20px) calc(1em + 2px),
          calc(100% - 15px) calc(1em + 2px),
          calc(100% - 2.5em) 0.5em;
        background-size:
          5px 5px,
          5px 5px,
          1px 1.5em;
        background-repeat: no-repeat;
      }


      .cart-form select:focus{
        background-image:
        linear-gradient(45deg, #FB5E01 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, green 50%),
        linear-gradient(to right, #ccc, #ccc);
        background-position:
          calc(100% - 15px) 1em,
          calc(100% - 20px) 1em,
          calc(100% - 2.5em) 0.5em;
        background-size:
          5px 5px,
          5px 5px,
          1px 1.5em;
        background-repeat: no-repeat;
        border-color: #FB5E01;
        outline: 0;
      }



  .affiliate{
    /* margin-top: -85px; */
  }

  .brs-affiliate:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
  }

  .brs-affiliate {
    position: relative;
    border:1px #fff solid;
    border-radius:16px;
    box-shadow:0px 0px 8px #bbbbbb;
    height: 400px;
    background-color:#fff;
  }

  .brs-affiliate-package{
    padding: 1vh 20px;
  }

  .brs-affiliate .brs-affiliate-price{
    padding: 25px;
    color : white;
  }

  .brs-affiliate .brs-affiliate-price2{
    padding: 25px;
    border-radius:16px 16px 0 0;
    color : white;
  }

  .brs-affiliate .brs-affiliate-button{
    position: absolute;
    text-align: center;
    text-decoration: none;
    bottom:-15px;
    /* left: auto; */
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    padding: 6px 20px;
    border: 1px FF8500 solid;
    border-radius:16px;
    background:linear-gradient(346.96deg, #FF8500 15.66%, #FFBD00 86.03%);
    color : white;
    max-width:70%;
  }

  /* .brs-affiliate-button:hover {
    transition-duration: 0.5s;
    opacity: 0.5;
} */

  .brs-affiliate.silver-package{
    border: 1px silver solid;
    height: 400px;
  }

  .brs-affiliate.detail-silver-package{
    border: 1px silver solid;
    padding:20px 5px;;
    height:auto;
  }

  .brs-affiliate.gold-package{
    border: 1px gold solid;
    height: 400px;
  }

  .brs-affiliate.platinum-package{
    border: 1px darkturquoise solid;
    height: 400px;
  }

  .brs-affiliate.platinum-package .brs-affiliate-price  {
    background-color: darkturquoise;
  }

  .brs-affiliate.silver-package .brs-affiliate-price  {
    background-color: silver;
  }

  .brs-affiliate.gold-package .brs-affiliate-price  {
    background-color: gold;
  }

  .brs-affiliate.platinum-package .brs-affiliate-price2{
    background-color: darkturquoise;
  }

  .brs-affiliate.silver-package .brs-affiliate-price2{
    background-color: silver;
  }

  .brs-affiliate.gold-package .brs-affiliate-price2{
    background-color: gold;
  }

  .brs-affiliate .brs-affiliate-content{
      margin:5px;
   }

  .brs-affiliate .brs-affiliate-content ul{
    margin: 0;
    padding:0 10px;
   }

  .brs-affiliate .brs-affiliate-content ul>li{
    list-style-type: none;
  }

  .widget-card{
    width:100%;
    height:130px;
    display: flex;
    flex-wrap: wrap;

  }

  .widget-icon{
    width:40%;
    height:100%;
    font-size:4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#EFF3F6;
  }

  a .widget-card{
    color:#000;
    text-decoration: none;
  }

  a.none-link:hover {
    text-decoration: none;
  }

  .widget-content{
    width:60%;
    height:100%;
    padding: 5px;
    /* display: flex;
    align-items: center;
    color:#EFF3F6; */
  }

  .widget-content .widget-count{
   font-weight: bold;
  }
  .widget-icon-primary{
    width:40%;
    height:100%;
    font-size:4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#EFF3F6;
    background-color: rgb(31, 66, 172);
  }

  .widget-icon-danger{
    width:40%;
    height:100%;
    font-size:4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#EFF3F6;
    background-color:red;
  }

  .widget-icon-success{
    width:40%;
    height:100%;
    font-size:4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#EFF3F6;
    background-color:green;
  }

  .widget-icon-warning{
    width:40%;
    height:100%;
    font-size:4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#EFF3F6;
    background-color:orange;
  }

  .brs-padding{
    padding:0 1.75rem;
  }

  .package-price{
    width:250px;
    max-width:250px;
    overflow:hidden;
  }

  .package-price .currency{
    vertical-align: top;
    font-size:17px;
    /* font-weight:700; */
  }
  .package-price .price{
      font-size:31px;
      border:1 px solid #999;
      /* font-weight:700; */
  }

  .package-price.green{
    color:#24c97c !important;
    font-weight:700;
    width:250px;
    max-width:250px;
    overflow:hidden;

  }

  .package-price .month{
    padding: 10px 0 0;
    color: #999;
    letter-spacing: 1px;
    font-size:12px;
  }
  .package-price.green .month{
    color:#24c97c !important;
  }

  .img-25{
    max-width:25px;
    max-height:25px;
  }

  .img-50{
    max-width:50px;
    max-height:50px;
  }

  .img-75{
    max-width:75px;
    max-height:75px;
  }

  .img-100{
    width:100px;
    height:100px;
  }

  .img-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  .h-150{
    max-height:150px;
    min-height:150px;
  }


  .circle{
    border:1px solid #FB5E01;
    width:26px;
    height:26px;
    border-radius:100%;
    position:relative;
    display:inline-block;
    vertical-align:middle;
  }
  
  .circle.plus:before,
  .circle.plus:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #FB5E01;
  }
  .circle.plus:before{
      width: 2px;
      margin: 8px auto;
  }
  .circle.plus:after{
      margin: auto 8px;
      height: 2px;
  }

  /* and a bonus!!! minus :-) */
  .circle.minus:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #FB5E01;
      margin: auto 8px;
      height: 2px;
  }

  .list-about-app{
      margin-left: 0;
      list-style-image: url('../../icon/check.svg');
  }

  .list-about-app li{
      font-size: 14px;
  }

  .card-list-about-app{
    background-color: #E9F3F9;
    border-radius: 4px;
    padding: 5px;
    align-items: center;
    margin: 0 auto;
  }

  .card-list-about-app img{
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding: 15px;
      width: 50%;
   }

   .card-list-about-app p{
       font-size: 11px;
       font-weight: bold;
       text-align: center;
    }


    /* Order Tracking */
    .order-track-container{
      overflow-y: scroll;
      max-height: 400px;
      border-radius: 8px;
      border: 1px solid #E5E7E9;
      margin: 10px;
    }

    .order-track {
      padding: 0 1rem;
      border-top: 1px dashed $blueShade1;
      padding-top: 2.5rem;
      display: flex;
      flex-direction: column;}

      .order-track-step {
        display: flex;
        height: 7rem;}

        .order-track-step:last-child {
          overflow: hidden;
          height: 4rem;}
          .order-track-step:last-child .order-track-status span:last-of-type {
            display: none;}

      .order-track-status {
        margin-right: 1.5rem;
        margin-left: 10px;
        position: relative;}
        .order-track-status-dot {
          display: block;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background: #FB5E01;}
        .order-track-status-line {
          display: block;
          margin: 0 auto;
          width: 2px;
          height: 7rem;
          background: #f05a00;
        }

      .order-track-text {}
        .order-track-text-stat {
          font-size: 12px;
          font-weight: 500;
          color: #666666;
          margin-bottom: 3px;}
        .order-track-text-sub {
          font-size: 10px;
          font-weight: 300;
          color: #828282;}

    .order-track {
      transition: all .3s height 0.3s;
      transform-origin: top center;
      // transform: scale(0);
      // height: 0;
    }
    /* End Of Order Tracking */

    /* Arrow anchor collapse */
    .collapse-anchor a:hover{
      text-decoration: none;
    }
    .collapse-anchor a[data-toggle="collapse"] i.fas:before {
        content: "\f107";    /* angle-down */
    }

    .collapse-anchor a[data-toggle="collapse"].collapsed i.fas:before {
        content: "\f106";    /* angle-up */
    }
    /* End of anchor collapse */
  /* Responsive */







  @media(max-width:345px){
    .h-150{
      min-width:130px !important;
      min-height:130px !important;
    }
    .brs-vertical-article{
      padding:0 0.75rem;
    }

  }
  @media(min-width:344px){
    .brs-padding{
      padding:0 2rem;
    }
  }

  @media(max-width:389px){


  }
  @media(min-width:388px){
    .non-responsive-ml-100{
      margin-left:5px;
    }

  }

  @media(max-width:439px){


  }
  @media(min-width:438px){
    .non-responsive-ml-100{
      margin-left:30px;
    }

  }


  @media(max-width:509px){
    .row{
      margin:0 -5px;
    }

  }
  @media(min-width:508px){
    .brs-padding{
      padding:0 2.5rem;
    }
  }

  @media(max-width:767px){

    .date{
      display: none;
    }
    .brs-affiliate{
      margin:10px 0;
    }


  }
  @media(min-width:768px){
    .brs-padding{
      padding:0 4rem;
    }
    .non-responsive-ml-100{
      margin-left:100px;
      margin-right:10px;
    }
    .w-video{
      width:220px;
    }
  }

  @media(max-width:801){
    .list-affiliate .col-md-3{
      padding:0;
      color:blue;
    }

  }
  @media(min-width:800px){
    .w-video{
      width:225px;
    }
  }

  @media(min-width:990px){
    .brs-padding{
      padding:0 10rem;
    }
    .w-video{
      width:230px;
    }
  }

  @media(max-width:991px){
    .responsive-center{
      text-align:center;
    }

    .jumbotron-sm {
      height: 40vh;
      min-height: 20rem;
    }

    .jumbotron{
      height: 115vh;
      /* min-height: 45rem; */

    }


    .responsive-mt-1{
      margin-top:35px;
    }

    .responsive-mt-2{
      margin-top:70px;
    }

    .responsive-mt-5{
      margin-top:175px;
    }


  }

  @media(min-width:1090px){
    .w-video{
      width:240px;
    }
  }

  @media(min-width:1200px){
    .brs-padding{
      padding:0 15rem;
    }
    .non-responsive-ml-100{
      margin-left:170px;
    }

  }


  /* voucher  */
  
  .nominal-voucher{
    font-weight: normal;
    font-size: 10px;
  }
  .min-pembelian-voucher{
    font-weight: normal;
    font-size: 10px;
  }