@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Condensed:400,500,600,700,800,900&display=swap');

@font-face {
  font-family: msc;
  src: url(../font/MachineScript.ttf);
}

/*lucky update*/
/*.nav-menu div.lineelips {*/
/*    padding-bottom: 3%;*/
/*  }*/
  
  
/* end lucky update*/

.font-total {
    font-weight: 600;
    font-size: 1.875rem;
    color: #ee4d2d;
}

.img-product{
  max-width: 100%;
  min-height: 165px !important;
}


.pad3{
  padding: 3px;
}

.cbad {
    padding: 0px 6px;
    border-radius: 4px;
}

.msc{
  font-family: msc;
}

.padcust8{
  padding:0px 20px !important;
}

html, body{
  font-family: 'Encode Sans Semi Condensed' ;
    min-height: 100%;
}
body{
  
}
      .floated_bottom{bottom:0!important;margin-bottom:0!important;right:0!important;left:0!important;max-height:auto!important; width: 100% !important}
      .rounded{ border-radius:50% !important; }
      .icon-rounded{ padding-top:3px !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; font-size: 1.2rem !important;}
      .fw500{ font-weight: 500 !important; }
      .pagination li.active{
        background-color: #1b252f;
        color: white;
      }
      /*banner beside slider*/
      .ban_slider0 { height: 105px; margin-bottom: 6.2%; overflow: hidden; background-size: cover; }
      .ban_slider1 { height: 105px; overflow: hidden; background-size: cover; }

      /*service and product section*/
      .cat_product { margin: 0px 10px; }

      /*flash sale*/
      .width35perc { width: 35% }
      .width100perc { width: 100% }

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

      /*festival*/
      
      .fest_title { margin-top:118% !important }

      /*tab content*/
      .tab_cont { padding: 0px 0px 25px 0px; }
      .top0 { top: 0 !important; }
      .right0 { right: 0 !important; }
      .custtop { top: .625rem; margin-left: -70%;}
      .custtop1 { width: 100%; padding-top: 100%;}
      div.custtop1 { display: flex;justify-content: center;}
      .custtop2 { color: rgb(242, 82, 32); padding: 0px 4px;}
      div.custtop2 { display: flex;justify-content: center;}
      .btn_cust { width: 32px; padding: 3px 6px 3px 6px !important; }
      
      .btn_cust { width: 32px; padding: 3px 6px 3px 6px !important; }
      .marleft4 { margin-left: 4px; }
      .marleft20 { margin-left: 20px; }
      .marleft42 { margin-left: 42px !important; }

      .autoheight { height: auto !important; }
      .borrad50 { border-radius: 50% !important; }


      .no-mar-left{ margin-left: 0px !important; }
      .bor-red{ border: 1px solid #F44336; }
      .bor-white{ border: 1px solid #ffffff; }

      .text-ori{ text-transform: none; }

      .row .col20 { float: left;}

      .bor1 { border: 1px solid rgba(0,0,0,.05); height: 140px; padding: 10px; }
      .border { border: 1px solid rgba(0,0,0,.05);}
      .content{ background-size: contain; background-repeat: no-repeat; border: 1px solid transparent !important; height: auto !important; }
      .terbaru-carousel .content:hover img, .corps-carousel .content:hover img{ transform: none !important; }
      .progress {height: 18px; border-radius: 10px; background-color: #ffbda6; padding: 8px; font-size: 13px;}
      .badge{ height: 55px !important; width: 55px !important; background-image: url('../images/icon_shopee/badge_discount.png'); background-size: contain; background-repeat: no-repeat; margin-top: -5px; margin-right: -5px; padding-top: 3px !important; }
      .badge1{ height: 45px !important; width: 45px !important; background-image: url('../images/icon_shopee/badge_1.png'); background-size: contain; background-repeat: no-repeat; }
      .badge2{ height: 24px !important; width: 25px !important; background-image: url('../images/icon_shopee/badge_2.png'); background-size: contain; background-repeat: no-repeat; }
      .badge3{ height: 24px !important; width: 25px !important; background-image: url('../images/icon_shopee/badge_3.png'); background-size: contain; background-repeat: no-repeat; }
      .smfont{ font-size: .86rem !important; }

      .tabs .tab a:focus,.tabs .tab a.active, .tabs .tab a:focus.active {
        background-color: transparent !important;
        border-bottom: 4px solid red;
      }
      span.badge{ font-size: .8rem !important; }
      .tabsc{
        float: right;
        position: relative;
      }
      ._150RS_:before {
          content: "";
          display: inline-block;
          position: absolute;
          left: 0;
          bottom: -.1875rem;
          border-top: .1875rem solid;
          border-left: .1875rem solid transparent;
          filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter);
          -webkit-filter: brightness(60%);
          filter: brightness(60%);
      }
      .title-clamp{
        overflow: hidden;
        height: 2.25rem;
        display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          height: inherit;
      }
      .title-clamp1{
        overflow: hidden;
        height: 3rem;
        display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
      }
      .init_curr{
        font-size: .75rem;
          color: #ee4d2d;
          font-weight: 700;
      }
      .ammount{
        overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 1rem;
          color: #ee4d2d;
          font-weight: 700;
      }
      .info{
        color: rgba(0,0,0,.54);
        overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: .75rem;
      }
      .hover-footer{
        /*margin-top: 20px;*/
        opacity: 0;
          /*position: absolute;*/
          left: -.0625rem;
          top: -webkit-calc(100% - .125rem);
          top: calc(100% - .125rem);
          width: 100%;
          height: 1.875rem;
          background-color: #000000;
          color: #fff;
          text-align: center;
          line-height: 1.875rem;
          border: 1px solid #ee4d2d;
          border-bottom-left-radius: .125rem;
          border-bottom-right-radius: .125rem;
          z-index: 1;
      }
      .cards:hover{
        border: 1px solid #ee4d2d;
          z-index: 2;
      }
      .cards:hover > .hover-footer{
        /*display: block;*/
        opacity: 1;
      }
      .cardst:hover{
        /*border: 1px solid transparent;*/
          z-index: 2;
      }
      .cardst:hover > .hover-footer{
        /*display: block;*/
        opacity: 1;
      }
      .no-pad-left { padding-left:  0px !important; }
      .no-pad-right { padding-right:  0px !important; }
      .lh21 { line-height: 2.1; }
      .lh18 { line-height: 1.8; }
      .fontcust {font-size: 1.125rem;}
      .font6 {font-size: 6px !important }
      .font8 {font-size: 8px !important }
      .font10 {font-size: 10px !important }
      .font12 {font-size: 12px !important }
      .font13 {font-size: 13px !important }
      .font14 {font-size: 14px !important }
      .font15 {font-size: 15px !important }
      .font16 {font-size: 16px !important }
      .font20 {font-size: 20px !important }
      .marleft-5 {margin-left: -5px !important }


.nav-submenu{ 
  padding-left: 8px !important; padding-right: 8px !important; width: inherit; font-size: .86rem; 
}

.icon-custom{ 
  padding-right: 4px; line-height: 24px !important; 
}

#modal_review_cart{
  width: 98% !important;
}

/* ================== menu =================== */
.wrap-menu{
  width: 100% !important;
}
.wrap-menu .menu-level-2{
  /* column-width: 125px; */
  column-count: 2;
}
.wrap-menu .menu-level-2 .list-level-2{
  width: 100% !important;
}

/* ================== member ================= */
#upload-avatar{
  position: absolute; 
  /*top: 5%;*/
  /*left: 14%;*/
  background-color: #ffffff;
  /*width: 40px; */
  /*height: 40px;*/
  line-height: 27px;
  padding-left: 5px;
  border-radius: 50%;
}

.pad6{
  padding: 6px;
}

.pad10{
  padding: 10px !important;
}

.pad15{
  padding: 15px !important;
}
 
.pad16{
  padding: 16px !important;
}

.pad25{
  padding: 25px;
}

.pad26{
  padding: 26px 26px 0px 26px !important;
}

.pad30{
  padding: 30px !important;
}

.padhor38{
  padding-right: 38px !important;
  padding-left: 38px !important;
}

.padhor40{
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.padhor11{
  padding-right: 11px !important;
  padding-left: 11px !important;
}

.padver11{
  padding: 11px 0 !important;
}

.marver45{
  margin: 45px 0 !important;
}

.marhor11{
  margin-right: 11px !important;
  margin-left: 11px !important;
}

.btn-custom{
  padding: 10px 15px;
  background-color: white;
  color: black;
  box-shadow: none !important;
  margin-right: 8px;
}

.btn-custom.active{
  background-color: #1b252f;
  color: white;
  box-shadow: none !important;
}

.btn-custom:active{
  background-color: #1b252f;
  color: white;
  box-shadow: none !important;
}

/*=================CUSTOM CSS=================*/
.timeline{position:relative}.timeline .timeline-event{position:relative;padding-top:5px;padding-bottom:5px}.timeline .timeline-event .timeline-content{position:relative;width:60%}.timeline .timeline-event::before{display:block;content:"";width:2px;height:calc(50% - 30px);position:absolute;left:20px;top:0}.timeline .timeline-event::after{display:block;content:"";width:2px;height:calc(50% - 30px);position:absolute;background:#d2d2d2;left:calc(50% - 1px);top:calc(50% + 30px)}.timeline .timeline-event:first-child::before{display:none}.timeline .timeline-event:last-child::after{display:none}.timeline .timeline-event:nth-child(even) .timeline-content{margin-left:50px}.timeline .timeline-event:nth-child(odd) .timeline-content{margin-left:0}.timeline .timeline-badge{display:block;position:absolute;width:40px;height:40px;background:#d2d2d2;top:calc(50% - 20px);border-radius:50%;text-align:center;cursor:default}.timeline .timeline-badge i{font-size:25px;line-height:40px}@media (max-width:600px){.timeline .timeline-event .timeline-content{width:calc(100% - 70px)}.timeline .timeline-event::before{left:19px}.timeline .timeline-event::after{left:19px}.timeline .timeline-event:nth-child(even) .timeline-content{margin-left:70px}.timeline .timeline-event:nth-child(odd) .timeline-content{margin-left:70px}.timeline .timeline-badge{left:0}}.font-13{font-size:13px!important}.no-margin-up-down{margin-top:0!important;margin-bottom:0!important}
select[name="order_length"],select[name="return_order_length"],select[name="table-inbox_length"],select[name="tbl_wallet_length"],select[name="child_user_length"],select[name="due_transaction_length"],select[name="due_transaction_group_length"] {
  display: block !important;
}
#nav-mobile li.search .search-wrapper input#search { 
  color: #777; 
  display: block; 
  font-size: 16px; 
  font-weight: 300; 
  width: 100%; 
  height: 62px; 
  margin: 0; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  padding: 0 45px 0 30px; 
  border: 0; 
}

.absolute{
  position:absolute !important;
  z-index: 9;
}

.relative{
  position:relative !important;
}

.sr{
  padding-top:5px !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
  div.lineelips {
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis; 
  }

[type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after {
    border: 0px solid transparent !important;
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
    background-color: white !important;
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid white !important;
}

  .wish-content{
      position: absolute;
      z-index: 9;
      right: 0px;
      padding: 6px;
  }
  .wish-icon{
    background-color: #f0f0f0;
    border-radius: 50%;
    padding: 6px;
  }
  .transparent{
    background-color: transparent !important;
  }
  .switch {
      float: left;
      position: relative;
      height: 36px;
      width: 150px;
      margin: 20px 0px 20px 0px;
      background: transparent;
      border-radius: 3px;
      -webkit-box-shadow: inset 1px 1px 6px grey, 0 1px rgba(255, 255, 255, 0.1);
      box-shadow: inset 1px 1px 6px grey, 0 1px rgba(255, 255, 255, 0.1);
    }
    
    .switch-label {
      position: relative;
      z-index: 2;
      float: left;
      width: 73px;
      line-height: 36px;
      font-size: 13px;
      color: grey;
      text-align: center;
      left: 0px !important;
      /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
      cursor: pointer;*/
    }
    .switch-label:active {
      font-weight: bold;
    }
    
    .switch-label-off {
      padding: 0 0 5px 2px;
      /*-left*/
    }
    
    .switch-label-on {
      padding: 0 2px 5px 0;
      /*-right*/
    }
    
    .switch-input, .switch-input1 {
      display: none;
    }
    .switch-input:checked + .switch-label {
      font-weight: bold;
      color: white;
      text-shadow: 0 1px rgba(255, 255, 255, 0.25);
      -webkit-transition: 0.15s ease-out;
      -moz-transition: 0.15s ease-out;
      -ms-transition: 0.15s ease-out;
      -o-transition: 0.15s ease-out;
      transition: 0.15s ease-out;
      -webkit-transition-property: color, text-shadow;
      -moz-transition-property: color, text-shadow;
      -ms-transition-property: color, text-shadow;
      -o-transition-property: color, text-shadow;
      transition-property: color, text-shadow;
    }
    
    .switch-input:checked + .switch-label-on ~ .switch-selection {
      color: white !important;
      left: 75px;
      /* Note: left: 50%; doesn't transition in WebKit */
    }
    
    .switch-selection {
      position: absolute;
      z-index: 1;
      top: 2px;
      left: 2px;
      display: block;
      width: 73px;
      height: 33px;
      border-radius: 0px;
      -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
      -webkit-transition: left 0.15s ease-out;
      -moz-transition: left 0.15s ease-out;
      -ms-transition: left 0.15s ease-out;
      -o-transition: left 0.15s ease-out;
      transition: left 0.15s ease-out;
      background-color: #42A5F5;
    }

#modal_login{
  width:30% !important;
}

.border-1{
  border: 1px solid rgb(33, 150, 243);
}

.border-2{
  border: 1px solid grey;
}

.border-1cust{
  border: 1px solid #f0f0f0;
}

.border-2cust{
  border: 1px dashed #1791f2;
}

.bortopdash{
  border-top: .0625rem dashed rgba(0,0,0,.09) !important;
}

.borbotdash{
  border-bottom: .0625rem dashed rgba(0,0,0,.09) !important;
}

.borrightdash{
  border-right: .0625rem dashed rgba(0,0,0,.09) !important;
}

.border-delivery{
    height: .1875rem;
    width: 100%;
    background-position-x: -1.875rem;
    background-size: 7.25rem .1875rem;
    background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
}

.border-1-grey{
  border: .5px solid #0000006b;
}

.border-rad-2{
  border-radius: 2px;
}

.border-rad-4{
  border-radius: 4px !important;
}

.border-rad-cust{
  /*border: 1px solid grey;*/
  border-radius:48px !important;
}

.border-rad-8{
  border-radius: 8px !important;
}

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

.martop8{
  margin-top: 8px
}

.martopmin38{
  margin-top: -38px;
}

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

.marright15{
  margin-right: 15px;
}

.account-type {
  padding-top: 20px;
  height: 65px;
}

.notiff {padding: 11px 8px; margin-left: 12px; border-radius: 6px;}

/*==============END OF CUSTOM CSS==============*/
.nav-product .indicator{
  height: 1.5px !important; 
  top: 35px !important; 
  margin-left: 30px !important;
  background-color: #ffffff !important;
  width: 150px !important;
}

.nav-info .indicator{
  background-color: #42A5F5 !important;
}
.nav-info a:focus{
  background-color: transparent !important;
}

.tabs .indicator {
    background-color: #ffffff;
    /*padding: 0px 3px !important;*/
    margin-bottom: 3px; 
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #C62828;
    outline: none;
}

.bg-dark{
  background-color: #1b252f;
}
.overlay {
  position: relative;
}

.overlay:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;

   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.input-field{
  margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.link-disabled {
  pointer-events: none;
  color: #bdbdbd;
}

/* ================================== modal ========================================= */
.modal-login{
  width: 350px !important;
}

.dropdown-category{
  padding-bottom: 22px;
}

.select-menu-category{
  overflow-x:hidden;
  overflow-y:auto;
  padding-top: 20px;
  top: 75% !important;
  height: 250px;
  min-width: 550px !important;
  left: 0 !important;
  border: 1px solid #bdbdbd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; 
}
.select-menu-category i{
  padding-right: 30px;
}

.select-product{
  overflow:visible;
    height: auto;
    min-width: 250px !important;
    border: 1px solid #bdbdbd;
    left: -10% !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; 
}
.select-product li > a{
  color: #424242;
}
.select-product li > a > i{
  margin: 0 !important;
}
.select-product li > a:hover{
  background-color: #42A5F5;
  color: #ffffff;
}

.select-category{
  overflow-x:hidden;
  /*overflow-y:hidden;*/
  top: 0 !important;
  height: 100%;
  min-height: 450px;
  min-width: 850px !important;
  margin-left: -54px !important;
  border: 1px solid #bdbdbd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; 
}
.select-category li > a:hover{
  color: #42A5F5;
  background-color: transparent !important;
}
.select-category li:hover{
  background-color: transparent !important;
}

.list-item li a{
  color: #424242;
}
.list-item li a:hover{
  color: #b71c1c;
}

#view-profile{
  left: 79%;
  top: 64px;
  width: 180px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px;
}

.view-cart-item{
  left: 75% !important; 
  width: 300px !important; 
  overflow-x: hidden;
  overflow-y: hidden; 
  border: solid 1px #bdbdbd;
}

#dropdown-search{
  width: 100% !important;
}

#view-cart{
  left: 73%;
  top: 64px;
  width: 350px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px;
}
#view-cart li:hover{
  background-color: transparent !important;
}
#view-cart .content{
  border: 1px solid #bdbdbd;
}
#view-cart .content a{
  margin-left: -10px;
  color: #424242;
}
#view-cart .content a:hover{
  color: #42A5F5 !important;
}
#view-cart .content .description{
  color: #424242;
  padding: 0 !important;
}

#view-cart li a{
  padding: 10px !important;
  color: #000000 !important;
}

#view-cart .btn-submit a:hover{
  background-color: #e53935 !important;
}

/*.nav-menu{
  position: absolute;
  width: 65%;
  left: 15%;
  width: 71%;
  padding: 12px 0px 12px 30px !important;
  height: auto !important;
}*/

#search-box{
  position: absolute;
  top: 12px;
  left: 20%;
  padding: 0;
  background-color: #ffffff !important;
  width: 70%;
  height: 40px;
  border-radius: 5px;
}
#search-box i{
  margin-top: -10px;
  padding: 0 10px;
}

.search-input{
  position: absolute;
  top: 0px;
  left: 6%;
  width: 90% !important;
  height: 2.6rem !important;
  border-bottom: 1px solid transparent !important;
}

#select-cart i{
  padding: 0 5px;
}
.cart-nav{
  position: absolute;
  top: 10px;
  right: 0.2%;
  width: 25px;
  height: 25px; 
  background-color: #e90000;
  border-radius: 50%; 
  text-align: center;
}
.cart-nav span{
  position: relative;
  top: -20px;
}

.nav-login{
    line-height: 30px;
    margin: 15px 0;
    border-radius: 4px;
    border: solid 1px #ffffff;
    font-weight: 600;
}
.nav-login:hover{
  color: #ffffff;
  background-color: #42A5F5;
}
.nav-register{
    line-height: 30px;
    margin: 15px 0;
    border-radius: 5px;
    border: solid 1px #ffffff;
    font-weight: 600;
    background-color: #ffffff;
  color: #424242;
}
.nav-register:hover{
  color: #ffffff;
  background-color: #42A5F5;
  border-radius: 5px;
    border: solid 1px #ffffff;
}

/* ===================================== slider ============================================== */
.slider-main{
  margin-top: -15px;
  margin-bottom: -20px;
}
.carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
  }
.owl-carousel .owl-nav{
  overflow: hidden;
    height: 0px;
}

  .owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #2caae1;
  }

  .owl-carousel .item {
      text-align: center;
  }
  .owl-carousel .nav-btn{
      display:none;
      height: 47px;
      position: absolute;
      width: 26px;
      cursor: pointer;
      top: 35% !important;
  }

  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
  }

  .owl-carousel .prev-slide{
      left: 0;
      color: #bdbdbd;
  }
  .owl-carousel .next-slide{
      right: 3%;
      color: #bdbdbd;
  }
  .owl-carousel .prev-slide:hover{
     color: #939393;
  }
  .owl-carousel .next-slide:hover{
    color: #939393;
  }
  
  span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
  }
  span.img-text:hover {
    color: #2caae1;
  }



.slider{
  height: 224px !important;
}
.slider .image{
  position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.slider .image img{
  width:  100%;
  height: 224px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ====================================== button ====================================================== */
.button-search i{
  color: #bdbdbd;
}
.button-search:hover i{
  color: #424242;
}

.btn-checkout{
  background-color: #42A5F5 !important;
}
.btn-checkout:hover{
  background-color: #e53935 !important;
}

.btn-delete-item{
  margin-top: -25px !important;
}
.btn-delete-item a i{
  color: #bdbdbd;
}
.btn-delete-item a:hover i{
  color: #42A5F5;
}
.btn-submit{
  background-color: #42A5F5 !important;
}
.btn-submit:hover{
  background-color: #e53935 !important;
}
/* ====================================== button carousel ==============================*/
.owl-carousel .nav-btn-terbaru{
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 2% !important;
}
.owl-carousel .nav-btn-brand{
      position: absolute;
    width: 26px;
    cursor: pointer;
    top: -24% !important;
}

.owl-carousel .nav-btn-corps{
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 6% !important;
}

.owl-carousel .prev-slide-terbaru{
    right: 1.5%;
    color: #424242;
}

.owl-carousel .prev-slide-brand{
    right: 1.5%;
    color: #424242;
}

.owl-carousel .prev-slide-corps{
    z-index: 1;
    right: 1.5%;
    color: #424242;
}

.owl-carousel .next-slide-terbaru{
    right: 0;
    color: #424242;
}
.owl-carousel .next-slide-brand{
    right: 0;
    color: #424242;
}
.owl-carousel .next-slide-corps{
    z-index: 1;
    right: 0px;
    color: #424242;
}

.owl-carousel .prev-slide-terbaru:hover{
    background-position: 0px -53px;
    color: #bdbdbd;
}

.owl-carousel .prev-slide-brand:hover{
    background-position: 0px -53px;
    color: #bdbdbd;
}

.owl-carousel .prev-slide-corps:hover{
    background-position: 0px -53px;
    color: #bdbdbd;
}

.owl-carousel .next-slide-terbaru:hover{
    background-position: -24px -53px;
    color: #bdbdbd;
}

.owl-carousel .next-slide-brand:hover{
    background-position: -24px -53px;
    color: #bdbdbd;
}

.owl-carousel .next-slide-corps:hover{
    background-position: -24px -53px;
    color: #bdbdbd;
}

/* nav parent */
.owl-carousel .nav-btn-parent{
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 0 !important;
}
.owl-carousel .prev-slide-parent{
    left: -3%;
    color: #424242;
}
.owl-carousel .next-slide-parent{
    right: -2.5%;
    color: #424242;
}
.owl-carousel .prev-slide-parent:hover{
    background-position: 0px -53px;
    color: #bdbdbd;
}
.owl-carousel .next-slide-parent:hover{
    background-position: -24px -53px;
    color: #bdbdbd;
}

.owl-carousel .nav-btn-related{
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 2% !important;
}
.owl-carousel .prev-slide-related{
    right: 1.5%;
    color: #424242;
}
.owl-carousel .next-slide-related{
    right: 0;
    color: #424242;
}
.owl-carousel .prev-slide-related:hover{
    background-position: 0px -53px;
    color: #bdbdbd;
}
.owl-carousel .next-slide-related:hover{
    background-position: -24px -53px;
    color: #bdbdbd;
}

/* ====================================== section terbaru =================================================== */
.terbaru-carousel .content{
  padding: 10px;
  height: 360px;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
}

.corps-carousel .content{
  padding: 10px;
  height: 400px;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
}

.terbaru-carousel .content .image, .corps-carousel .content .image{
  position: relative;
    margin: auto;
    overflow: hidden;
}
.terbaru-carousel .content .image img,.corps-carousel .content .image img{
  max-width: 100%;
    transition: all 1s;
    display: block;
    width: 100%;
    transform: scale(1);
}
.terbaru-carousel .content:hover img,.corps-carousel .content:hover img{
  transform: scale(1.3);
}

.terbaru-carousel .content img,.corps-carousel .content img{
  /*height: 25vh;*/
  width: 100%;
}
.terbaru-carousel .content span,.corps-carousel .content span{
  color: #b71c1c;
  font-weight: bold;
  /*float: right;*/
  margin-top: -5px;
}

/*
.owl-carousel .nav-btn-white{
  height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 110px !important;
}
.owl-carousel .prev-slide-white{
  background: url(left_arrow.png) no-repeat scroll -24px 0px;
    left: -43px;
    color: #ffffff;
}
.owl-carousel .next-slide-white{
  background: url(right_arrow.png) no-repeat scroll -24px 0px;
    right: -10px;
    color: #ffffff;
}
.owl-carousel .prev-slide-white:hover{
    background-position: 0px -53px;
    color: #bdbdbd;
}
.owl-carousel .next-slide-white:hover{
    background-position: -24px -53px;
    color: #bdbdbd;
}
*/

/* ================================== section parent product ===================================== */
.nav-parent-carousel .action{
  border: 1px solid #b71c1c;
  height: 45px;
  border-radius: 5px;
  padding: 5px;
  background-color: #b71c1c;
}
.nav-parent-carousel .action .active{
  border-bottom: 3px solid #ffffff;
}
.nav-parent-carousel a{
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.nav-parent-carousel a:hover{
  color: #bdbdbd;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

/* ============================== category ========================================= */
.owl-carousel .nav-btn-category{
  height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 0px !important;
}
.owl-carousel .prev-slide-category{
  background: url(back.png) no-repeat scroll 0px 0px;
    left: -35px;
}
.owl-carousel .next-slide-category{
  background: url(next.png) no-repeat scroll 0px 0px;
    right: -5px;
}
.owl-carousel .prev-slide-category:hover{
    background-position: 0px -53px;
    color: #bdbdbd;
}
.owl-carousel .next-slide-category:hover{
    background-position: -24px -53px;
    color: #bdbdbd;
}

.fixed {
  position: fixed;
  top: 50px;
  z-index: 1; 
  width:100%;
  padding-top: 15px;
  height: 100px;
}

.bor-side-right{
  border-right: 1px solid #f0f0f0;
}

.bor-side-left{
  border-left: 1px solid #f0f0f0;
}

.border-bottom{
  border-bottom: .5px solid #0000006b;
}

.border-bottom-cust{
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
}

.border-left{
  border-left: .5px solid #0000006b;
}

/* ================================== product ====================================== */
.product{
  border: 1px solid #bdbdbd;
  padding: 5px;
  margin: 10px 0;
  border-radius: 10px;
  height: 360px;
}
.product img{
  /*height: 25vh;*/
  width: 100%;
}
.product span{
  color: #b71c1c;
  font-weight: bold; 
}

.product .image{
  position: relative;
    margin: auto;
    overflow: hidden;
}
.product .image img{
  max-width: 100%;
    transition: all 1s;
    display: block;
    width: 100%;
    transform: scale(1);
}
.product:hover img{
  transform: scale(1.3);
}

.ask-diskusi{
  padding: 0 !important;
}

/* ============================== detail product =================================== */
.detail-product .image{
  border: 1px solid #bdbdbd;
  padding: 10px;
}
.detail-product .image img{
  width: 100%;
  height: 325px !important;
}
.detail-product .xzoom-thumbs{
  padding-top: 5px !important;
}
.detail-product .xzoom-thumbs img{
  height: 80px !important;
}

.detail-product .title{
  font-size: 24px;
  font-weight: bold;
}
.detail-product .price{
  font-size: 24px;
  font-weight: bold;
  color: #b71c1c;
}

.count-item .input-field{
  margin-top: -50px !important;
  margin-left: 20px !important;
}
.count-item .plus{
  margin-top: -45px !important;
  margin-left: 100px !important;
}

.noted-product .desc{
  width: 50px;
  margin-top: -45px; 
  margin-left: 40px;
}

/* ================================== related product ====================================== */
.related-carousel .content{
  padding: 10px;
  height: 360px;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
}
.related-carousel .content .image{
  position: relative;
    margin: auto;
    overflow: hidden;
}
.related-carousel .content .image img{
  max-width: 100%;
    transition: all 1s;
    display: block;
    width: 100%;
    transform: scale(1);
}
.related-carousel .content:hover img{
  transform: scale(1.3);
}

.related-carousel .content img{
  /*height: 25vh;*/
  width: 100%;
}
.related-carousel .content span{
  color: #b71c1c;
  font-weight: bold;
  /*float: right;*/
  margin-top: -5px;
}

/* ============================== category product ================================= */
.filter-kategori .title{
  background-color: #e0e0e0;
  font-weight: 600;
  padding: 15px;
}

.filter-kategori .content{
  padding: 5px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

/* ============================== font size ======================================== */
.font24{
  font-size: 24px !important;
}


/* ============================== padding margin =================================== */
.no-left{
  left: 0px !important;
}
.width160{
  width: 160px !important;
}
.height48{
  height: 48px !important;
}
.mar-right-15{
  margin-right: -15px !important;
}
.mar-right5{
  margin-right: 5px !important;
}
.mar-right15{
  margin-right: 15px !important;
}
.no-margin{
  margin: 0 !important;
}
.no-marbot{
  margin: 0 !important;
}
.no-martop{
  margin-top: 0px !important;
}
.no-pad{
  padding: 0 !important;
}
.no-padr{
  padding-right: 0 !important;
}
.no-padl{
  padding-left: 0 !important;
}
.pad-top10{
  padding-top: 10px !important;
}

.pad-top30{
  padding-top: 30px !important;
}
.padr10{
  padding-right: 10px !important;
}
.padr20{
  padding-right: 20px !important;
}
.padt50{
  padding: 50px 0 0 0 !important;
}
.padtb50{
  padding: 50px 0 !important;
}
.padtb20{
  padding: 20px 0 !important;
}

.pad20{
  padding: 20px !important;
}

.no-margin{
  margin: 0 !important;
}
.mar-top40{
  margin: 40px 0 0 20px !important;
}
.mar-top30{
  margin: 30px 0 0 0 !important;
}
.mar-top25{
  margin-top: 25px !important;
}
.mar-top15{
  margin-top: 15px !important;
}
.mar-top10{
  margin-top: 10px !important;
}
.mar-bot10{
  margin-bottom: 10px !important;
}
.mar-bot20{
  margin-bottom: 20px !important;
}

/* ===================================== media screen ========================================= */
@media (min-width: 1441px) {
/* ================================== navbar ========================================= */
.fest_img { height: 241px; background-size: contain; background-repeat: no-repeat; }
.mid_ban{ background-repeat: no-repeat; background-size: contain; min-height: 113px; }
  .cat_service { margin: 0px 10px; padding: 16px }
  .col10 { width: 10%; float: left; }
  .icon-cart{
     width:48px;
    padding-top: 11px;
    margin-left: -20px;
  }
  .nav-height{
    height: 120px;
  }
  .nav-top{
    line-height: 30px;
    padding-bottom: 35px
  }
  .nav-menu{
    position: absolute;
    left: 15%;
    width: 71%;
    padding: 12px 0px 12px 30px;
    height: auto;
  }

  #view-cart{
    left: 73%;
  }
  .imgmember{
    margin: -60px 0 0 15%;
  }
  .membertab {
    height:336px
  }
  .nav-logo{
    width: 80%;
    margin-left: -50px;
    margin-top: -15px;
  }
  .prod-bid{
    margin-top: -50px;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .fest_img { height: 241px; background-size: contain; background-repeat: no-repeat; }
  .mid_ban{ background-repeat: no-repeat; background-size: contain; min-height: 113px; }
  .cat_service { margin: 0px 10px; padding: 16px }
  .col10 { width: 10%; float: left; }
  .icon-cart{
     width:48px;
    padding-top: 10px;
    margin-left: -30px;
  }
  .nav-height{
    height: 120px;
  }
  .nav-top{
    line-height: 30px;
    padding-bottom: 35px
  }
  .nav-menu{
    position: absolute;
    left: 15%;
    width: 71%;
    padding: 12px 0px 12px 30px;
    height: auto;
  }
  .prod-bid{
    margin-top: -50px;
  }

  #view-profile{
    left: 79%;
    top: 64px;
  }
  
  #view-cart{
    left: 73%;
  }
/* ================================== navbar ========================================= */
  .imgmember{
    margin: -60px 0 0 15%;
  }
  .membertab {
    height:336px
  }
  .nav-logo{
    width: 70%;
    margin-left: -50px;
  }
  .select-product{
      left: 14%;
  }
  
  .select-category-product{
      left: 31%;
  }
  
  .select-item-product{
      left: 48%;
  }
  
}

@media (min-width: 1025px) and (max-width: 1280px) {
/* ================================== navbar ========================================= */
.fest_img { height: 241px; background-size: contain; background-repeat: no-repeat; }
.mid_ban{ background-repeat: no-repeat; background-size: contain; min-height: 113px; }
.cat_service { margin: 0px 10px; padding: 16px }
  .col10 { width: 10%; float: left; }
  .icon-cart{
     width:48px;
     padding-top: 0px;
  }
  .nav-height{
    height: 120px;
  }
  .nav-top{
    line-height: 30px;
    padding-bottom: 35px
  }

  .nav-menu{
    position: absolute;
    left: 15%;
    width: 71%;
    padding: 12px 0px 12px 30px;
    height: auto;
  }
  .prod-bid{
    margin-top: -50px;
  }
  #view-profile{
    left: 35%;
  }

  #view-cart{
    left: 50%;
  }
  .imgmember{
    margin: -60px 0 0 15%;
  }
  .membertab {
    height:336px
  }
  .nav-logo{
    width: 25%;
    margin-left: -50px;
  }

  .select-product{
      left: 14%;
  }
  
  .select-category-product{
      left: 33%;
  }
  
  .select-item-product{
      left: 52%;
  }
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* ================================== navbar ========================================= */
  .fest_img { height: 241px; background-size: contain; background-repeat: no-repeat; }
  .mid_ban{ background-repeat: no-repeat; background-size: contain; min-height: 113px; }
  .cat_service { margin: 0px 0px; padding: 0px }
  .col10 { width: 10%; float: left; }
  .icon-cart{
     width:48px;
     padding-top: 0px;
  }
  .nav-height{
    height: 120px;
  }
  .nav-top{
    line-height: 30px;
    padding-bottom: 35px
  }

  .nav-menu{
    position: absolute;
    left: 15%;
    width: 71%;
    padding: 12px 0px 12px 30px;
    height: auto;
  }
  .prod-bid{
    margin-top: -50px;
  }
  .search-input{
    position: relative;
  }
  #view-profile{
    left: 35%;
  }
    #view-cart{
    left: 25%;
  }
  .imgmember{
    margin: -60px 0 0 15%;
  }
  .membertab {
    height:336px
  }
  .nav-logo{
    width: 25%;
    margin-left: -50px;
  }
  #modal_login{
    width:30% !important;
  }
  .related-carousel .content,.terbaru-carousel .content{
    height: 360px;
  }

  .corps-carousel .content{
    height: 400px;
  }

  .owl-carousel .nav-btn-white{
      top: 100px !important;
  }
  .related-carousel .content img,.terbaru-carousel .content img,.corps-carousel .content img{
    height: 17vh;
    width: 100%;
  }
  .product img{
    height: 20vh;
    width: 100%;
  }
}
.mid_ban_desktop{ background-repeat: no-repeat; background-size: contain; min-height: 113px !important; }
@media (min-width: 320px) and (max-width: 480px) {
/* ================================== navbar ========================================= */
/*lucky update*/
.icon-search{
    margin-top: -2%;
}
 /*end lucky update*/

.fest_img { height: auto; background-size: contain; background-repeat: no-repeat; }
.mid_ban{ background-repeat: no-repeat; background-size: contain; min-height: 38px !important; }
.cat_service { margin: 0px 0px; padding: 0px }
  .section{
    width: 100%;
  }
  .col10 { width: 20%; float: left; }
  .icon-cart{
     width:28px;
     padding-top: 0px;
     margin-top: 20px;
     height: auto;
  }
  .nav-height{
    height: 108px;
  }

  .nav-top{
    line-height: 0px;
    padding-bottom: 18px
  }
  .nav-menu{
    position: relative;
    left: 0%;
    width: 76%;
    padding: 0px;
    height: auto;
  }

  .prod-bid{
    margin-top: 0px;
  }
  .search-input{
    position: relative;
  }
  #view-profile{
    left: 35%;
    top: 0px;
  }

  #view-cart{
    left: -8%;
    top: 0px;

  }
  .imgmember{
    margin: 15px 0 0 15%;
  }
  .membertab {
    height: 48px;
  }
  .nav-logo{
    width: 80%;
    margin-left: -20px;
    margin-top: -10px;
  }
  #modal_login{
    width:100% !important;
  }
  .related-carousel .content,.terbaru-carousel .content{
    height: 360px;
  }
  .corps-carousel .content{
    height: 400px;
  }
  .owl-carousel .nav-btn-white{
      top: 80px !important;
  }
  .related-carousel .content img,.terbaru-carousel .content img,.corps-carousel .content img{
    height: 17vh;
    width: 100%;
  }
  .product img{
    height: 20vh;
    width: 100%;
  }
}

/* ============================== icon ============================================= */
@font-face {
  font-family: "Material-Design-Icons";
  src: url("../font/material-design-icons/Material-Design-Icons.eot?#iefix") format("embedded-opentype"), url("../font/material-design-icons/Material-Design-Icons.woff2") format("woff2"), url("../font/material-design-icons/Material-Design-Icons.woff") format("woff"), url("../font/material-design-icons/Material-Design-Icons.ttf") format("truetype"), url("../font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="mdi-"], [class*="mdi-"] {
  speak: none;
  display: inline-block;
  font-family: "Material-Design-Icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-rendering: auto;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

[class^="mdi-"]:before, [class*="mdi-"]:before {
  display: inline-block;
  speak: none;
  text-decoration: inherit;
}

[class^="mdi-"].pull-left, [class*="mdi-"].pull-left {
  margin-right: .3em;
}

[class^="mdi-"].pull-right, [class*="mdi-"].pull-right {
  margin-left: .3em;
}

[class^="mdi-"].mdi-lg:before, [class^="mdi-"].mdi-lg:after, [class*="mdi-"].mdi-lg:before, [class*="mdi-"].mdi-lg:after {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

[class^="mdi-"].mdi-2x:before, [class^="mdi-"].mdi-2x:after, [class*="mdi-"].mdi-2x:before, [class*="mdi-"].mdi-2x:after {
  font-size: 2em;
}

[class^="mdi-"].mdi-3x:before, [class^="mdi-"].mdi-3x:after, [class*="mdi-"].mdi-3x:before, [class*="mdi-"].mdi-3x:after {
  font-size: 3em;
}

[class^="mdi-"].mdi-4x:before, [class^="mdi-"].mdi-4x:after, [class*="mdi-"].mdi-4x:before, [class*="mdi-"].mdi-4x:after {
  font-size: 4em;
}

[class^="mdi-"].mdi-5x:before, [class^="mdi-"].mdi-5x:after, [class*="mdi-"].mdi-5x:before, [class*="mdi-"].mdi-5x:after {
  font-size: 5em;
}

[class^="mdi-device-signal-cellular-"]:after,
[class^="mdi-device-battery-"]:after,
[class^="mdi-device-battery-charging-"]:after,
[class^="mdi-device-signal-cellular-connected-no-internet-"]:after,
[class^="mdi-device-signal-wifi-"]:after,
[class^="mdi-device-signal-wifi-statusbar-not-connected"]:after,
.mdi-device-network-wifi:after {
  opacity: .3;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: inline-block;
  speak: none;
  text-decoration: inherit;
}

[class^="mdi-device-signal-cellular-"]:after {
  content: "\e758";
}

[class^="mdi-device-battery-"]:after {
  content: "\e735";
}

[class^="mdi-device-battery-charging-"]:after {
  content: "\e733";
}

[class^="mdi-device-signal-cellular-connected-no-internet-"]:after {
  content: "\e75d";
}

[class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after {
  content: "\e765";
}

[class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after {
  content: "\e8f7";
}

.mdi-device-signal-cellular-off:after, .mdi-device-signal-cellular-null:after, .mdi-device-signal-cellular-no-sim:after, .mdi-device-signal-wifi-off:after, .mdi-device-signal-wifi-4-bar:after, .mdi-device-signal-cellular-4-bar:after, .mdi-device-battery-alert:after, .mdi-device-signal-cellular-connected-no-internet-4-bar:after, .mdi-device-battery-std:after, .mdi-device-battery-full .mdi-device-battery-unknown:after {
  content: "";
}

.mdi-fw {
  width: 1.28571429em;
  text-align: center;
}

.mdi-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.mdi-ul > li {
  position: relative;
}

.mdi-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.mdi-li.mdi-lg {
  left: -1.85714286em;
}

.mdi-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.mdi-spin {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.mdi-pulse {
  -webkit-animation: mdi-spin 1s steps(8) infinite;
  animation: mdi-spin 1s steps(8) infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.mdi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.mdi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .mdi-rotate-90,
:root .mdi-rotate-180,
:root .mdi-rotate-270,
:root .mdi-flip-horizontal,
:root .mdi-flip-vertical {
  filter: none;
}

.mdi-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.mdi-stack-1x,
.mdi-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.mdi-stack-1x {
  line-height: inherit;
}

.mdi-stack-2x {
  font-size: 2em;
}

.mdi-inverse {
  color: #ffffff;
}

/* Start Icons */
.mdi-action-3d-rotation:before {
  content: "\e600";
}

.mdi-action-accessibility:before {
  content: "\e601";
}

.mdi-action-account-balance-wallet:before {
  content: "\e602";
}

.mdi-action-account-balance:before {
  content: "\e603";
}

.mdi-action-account-box:before {
  content: "\e604";
}

.mdi-action-account-child:before {
  content: "\e605";
}

.mdi-action-account-circle:before {
  content: "\e606";
}

.mdi-action-add-shopping-cart:before {
  content: "\e607";
}

.mdi-action-alarm-add:before {
  content: "\e608";
}

.mdi-action-alarm-off:before {
  content: "\e609";
}

.mdi-action-alarm-on:before {
  content: "\e60a";
}

.mdi-action-alarm:before {
  content: "\e60b";
}

.mdi-action-android:before {
  content: "\e60c";
}

.mdi-action-announcement:before {
  content: "\e60d";
}

.mdi-action-aspect-ratio:before {
  content: "\e60e";
}

.mdi-action-assessment:before {
  content: "\e60f";
}

.mdi-action-assignment-ind:before {
  content: "\e610";
}

.mdi-action-assignment-late:before {
  content: "\e611";
}

.mdi-action-assignment-return:before {
  content: "\e612";
}

.mdi-action-assignment-returned:before {
  content: "\e613";
}

.mdi-action-assignment-turned-in:before {
  content: "\e614";
}

.mdi-action-assignment:before {
  content: "\e615";
}

.mdi-action-autorenew:before {
  content: "\e616";
}

.mdi-action-backup:before {
  content: "\e617";
}

.mdi-action-book:before {
  content: "\e618";
}

.mdi-action-bookmark-outline:before {
  content: "\e619";
}

.mdi-action-bookmark:before {
  content: "\e61a";
}

.mdi-action-bug-report:before {
  content: "\e61b";
}

.mdi-action-cached:before {
  content: "\e61c";
}

.mdi-action-check-circle:before {
  content: "\e61d";
}

.mdi-action-class:before {
  content: "\e61e";
}

.mdi-action-credit-card:before {
  content: "\e61f";
}

.mdi-action-dashboard:before {
  content: "\e620";
}

.mdi-action-delete:before {
  content: "\e621";
}

.mdi-action-description:before {
  content: "\e622";
}

.mdi-action-dns:before {
  content: "\e623";
}

.mdi-action-done-all:before {
  content: "\e624";
}

.mdi-action-done:before {
  content: "\e625";
}

.mdi-action-event:before {
  content: "\e626";
}

.mdi-action-exit-to-app:before {
  content: "\e627";
}

.mdi-action-explore:before {
  content: "\e628";
}

.mdi-action-extension:before {
  content: "\e629";
}

.mdi-action-face-unlock:before {
  content: "\e62a";
}

.mdi-action-favorite-outline:before {
  content: "\e62b";
}

.mdi-action-favorite:before {
  content: "\e62c";
}

.mdi-action-find-in-page:before {
  content: "\e62d";
}

.mdi-action-find-replace:before {
  content: "\e62e";
}

.mdi-action-flip-to-back:before {
  content: "\e62f";
}

.mdi-action-flip-to-front:before {
  content: "\e630";
}

.mdi-action-get-app:before {
  content: "\e631";
}

.mdi-action-grade:before {
  content: "\e632";
}

.mdi-action-group-work:before {
  content: "\e633";
}

.mdi-action-help:before {
  content: "\e634";
}

.mdi-action-highlight-remove:before {
  content: "\e635";
}

.mdi-action-history:before {
  content: "\e636";
}

.mdi-action-home:before {
  content: "\e637";
}

.mdi-action-https:before {
  content: "\e638";
}

.mdi-action-info-outline:before {
  content: "\e639";
}

.mdi-action-info:before {
  content: "\e63a";
}

.mdi-action-input:before {
  content: "\e63b";
}

.mdi-action-invert-colors:before {
  content: "\e63c";
}

.mdi-action-label-outline:before {
  content: "\e63d";
}

.mdi-action-label:before {
  content: "\e63e";
}

.mdi-action-language:before {
  content: "\e63f";
}

.mdi-action-launch:before {
  content: "\e640";
}

.mdi-action-list:before {
  content: "\e641";
}

.mdi-action-lock-open:before {
  content: "\e642";
}

.mdi-action-lock-outline:before {
  content: "\e643";
}

.mdi-action-lock:before {
  content: "\e644";
}

.mdi-action-loyalty:before {
  content: "\e645";
}

.mdi-action-markunread-mailbox:before {
  content: "\e646";
}

.mdi-action-note-add:before {
  content: "\e647";
}

.mdi-action-open-in-browser:before {
  content: "\e648";
}

.mdi-action-open-in-new:before {
  content: "\e649";
}

.mdi-action-open-with:before {
  content: "\e64a";
}

.mdi-action-pageview:before {
  content: "\e64b";
}

.mdi-action-payment:before {
  content: "\e64c";
}

.mdi-action-perm-camera-mic:before {
  content: "\e64d";
}

.mdi-action-perm-contact-cal:before {
  content: "\e64e";
}

.mdi-action-perm-data-setting:before {
  content: "\e64f";
}

.mdi-action-perm-device-info:before {
  content: "\e650";
}

.mdi-action-perm-identity:before {
  content: "\e651";
}

.mdi-action-perm-media:before {
  content: "\e652";
}

.mdi-action-perm-phone-msg:before {
  content: "\e653";
}

.mdi-action-perm-scan-wifi:before {
  content: "\e654";
}

.mdi-action-picture-in-picture:before {
  content: "\e655";
}

.mdi-action-polymer:before {
  content: "\e656";
}

.mdi-action-print:before {
  content: "\e657";
}

.mdi-action-query-builder:before {
  content: "\e658";
}

.mdi-action-question-answer:before {
  content: "\e659";
}

.mdi-action-receipt:before {
  content: "\e65a";
}

.mdi-action-redeem:before {
  content: "\e65b";
}

.mdi-action-reorder:before {
  content: "\e65c";
}

.mdi-action-report-problem:before {
  content: "\e65d";
}

.mdi-action-restore:before {
  content: "\e65e";
}

.mdi-action-room:before {
  content: "\e65f";
}

.mdi-action-schedule:before {
  content: "\e660";
}

.mdi-action-search:before {
  content: "\e661";
}

.mdi-action-settings-applications:before {
  content: "\e662";
}

.mdi-action-settings-backup-restore:before {
  content: "\e663";
}

.mdi-action-settings-bluetooth:before {
  content: "\e664";
}

.mdi-action-settings-cell:before {
  content: "\e665";
}

.mdi-action-settings-display:before {
  content: "\e666";
}

.mdi-action-settings-ethernet:before {
  content: "\e667";
}

.mdi-action-settings-input-antenna:before {
  content: "\e668";
}

.mdi-action-settings-input-component:before {
  content: "\e669";
}

.mdi-action-settings-input-composite:before {
  content: "\e66a";
}

.mdi-action-settings-input-hdmi:before {
  content: "\e66b";
}

.mdi-action-settings-input-svideo:before {
  content: "\e66c";
}

.mdi-action-settings-overscan:before {
  content: "\e66d";
}

.mdi-action-settings-phone:before {
  content: "\e66e";
}

.mdi-action-settings-power:before {
  content: "\e66f";
}

.mdi-action-settings-remote:before {
  content: "\e670";
}

.mdi-action-settings-voice:before {
  content: "\e671";
}

.mdi-action-settings:before {
  content: "\e672";
}

.mdi-action-shop-two:before {
  content: "\e673";
}

.mdi-action-shop:before {
  content: "\e674";
}

.mdi-action-shopping-basket:before {
  content: "\e675";
}

.mdi-action-shopping-cart:before {
  content: "\e676";
}

.mdi-action-speaker-notes:before {
  content: "\e677";
}

.mdi-action-spellcheck:before {
  content: "\e678";
}

.mdi-action-star-rate:before {
  content: "\e679";
}

.mdi-action-stars:before {
  content: "\e67a";
}

.mdi-action-store:before {
  content: "\e67b";
}

.mdi-action-subject:before {
  content: "\e67c";
}

.mdi-action-supervisor-account:before {
  content: "\e67d";
}

.mdi-action-swap-horiz:before {
  content: "\e67e";
}

.mdi-action-swap-vert-circle:before {
  content: "\e67f";
}

.mdi-action-swap-vert:before {
  content: "\e680";
}

.mdi-action-system-update-tv:before {
  content: "\e681";
}

.mdi-action-tab-unselected:before {
  content: "\e682";
}

.mdi-action-tab:before {
  content: "\e683";
}

.mdi-action-theaters:before {
  content: "\e684";
}

.mdi-action-thumb-down:before {
  content: "\e685";
}

.mdi-action-thumb-up:before {
  content: "\e686";
}

.mdi-action-thumbs-up-down:before {
  content: "\e687";
}

.mdi-action-toc:before {
  content: "\e688";
}

.mdi-action-today:before {
  content: "\e689";
}

.mdi-action-track-changes:before {
  content: "\e68a";
}

.mdi-action-translate:before {
  content: "\e68b";
}

.mdi-action-trending-down:before {
  content: "\e68c";
}

.mdi-action-trending-neutral:before {
  content: "\e68d";
}

.mdi-action-trending-up:before {
  content: "\e68e";
}

.mdi-action-turned-in-not:before {
  content: "\e68f";
}

.mdi-action-turned-in:before {
  content: "\e690";
}

.mdi-action-verified-user:before {
  content: "\e691";
}

.mdi-action-view-agenda:before {
  content: "\e692";
}

.mdi-action-view-array:before {
  content: "\e693";
}

.mdi-action-view-carousel:before {
  content: "\e694";
}

.mdi-action-view-column:before {
  content: "\e695";
}

.mdi-action-view-day:before {
  content: "\e696";
}

.mdi-action-view-headline:before {
  content: "\e697";
}

.mdi-action-view-list:before {
  content: "\e698";
}

.mdi-action-view-module:before {
  content: "\e699";
}

.mdi-action-view-quilt:before {
  content: "\e69a";
}

.mdi-action-view-stream:before {
  content: "\e69b";
}

.mdi-action-view-week:before {
  content: "\e69c";
}

.mdi-action-visibility-off:before {
  content: "\e69d";
}

.mdi-action-visibility:before {
  content: "\e69e";
}

.mdi-action-wallet-giftcard:before {
  content: "\e69f";
}

.mdi-action-wallet-membership:before {
  content: "\e6a0";
}

.mdi-action-wallet-travel:before {
  content: "\e6a1";
}

.mdi-action-work:before {
  content: "\e6a2";
}

.mdi-alert-error:before {
  content: "\e6a3";
}

.mdi-alert-warning:before {
  content: "\e6a4";
}

.mdi-av-album:before {
  content: "\e6a5";
}

.mdi-av-closed-caption:before {
  content: "\e6a6";
}

.mdi-av-equalizer:before {
  content: "\e6a7";
}

.mdi-av-explicit:before {
  content: "\e6a8";
}

.mdi-av-fast-forward:before {
  content: "\e6a9";
}

.mdi-av-fast-rewind:before {
  content: "\e6aa";
}

.mdi-av-games:before {
  content: "\e6ab";
}

.mdi-av-hearing:before {
  content: "\e6ac";
}

.mdi-av-high-quality:before {
  content: "\e6ad";
}

.mdi-av-loop:before {
  content: "\e6ae";
}

.mdi-av-mic-none:before {
  content: "\e6af";
}

.mdi-av-mic-off:before {
  content: "\e6b0";
}

.mdi-av-mic:before {
  content: "\e6b1";
}

.mdi-av-movie:before {
  content: "\e6b2";
}

.mdi-av-my-library-add:before {
  content: "\e6b3";
}

.mdi-av-my-library-books:before {
  content: "\e6b4";
}

.mdi-av-my-library-music:before {
  content: "\e6b5";
}

.mdi-av-new-releases:before {
  content: "\e6b6";
}

.mdi-av-not-interested:before {
  content: "\e6b7";
}

.mdi-av-pause-circle-fill:before {
  content: "\e6b8";
}

.mdi-av-pause-circle-outline:before {
  content: "\e6b9";
}

.mdi-av-pause:before {
  content: "\e6ba";
}

.mdi-av-play-arrow:before {
  content: "\e6bb";
}

.mdi-av-play-circle-fill:before {
  content: "\e6bc";
}

.mdi-av-play-circle-outline:before {
  content: "\e6bd";
}

.mdi-av-play-shopping-bag:before {
  content: "\e6be";
}

.mdi-av-playlist-add:before {
  content: "\e6bf";
}

.mdi-av-queue-music:before {
  content: "\e6c0";
}

.mdi-av-queue:before {
  content: "\e6c1";
}

.mdi-av-radio:before {
  content: "\e6c2";
}

.mdi-av-recent-actors:before {
  content: "\e6c3";
}

.mdi-av-repeat-one:before {
  content: "\e6c4";
}

.mdi-av-repeat:before {
  content: "\e6c5";
}

.mdi-av-replay:before {
  content: "\e6c6";
}

.mdi-av-shuffle:before {
  content: "\e6c7";
}

.mdi-av-skip-next:before {
  content: "\e6c8";
}

.mdi-av-skip-previous:before {
  content: "\e6c9";
}

.mdi-av-snooze:before {
  content: "\e6ca";
}

.mdi-av-stop:before {
  content: "\e6cb";
}

.mdi-av-subtitles:before {
  content: "\e6cc";
}

.mdi-av-surround-sound:before {
  content: "\e6cd";
}

.mdi-av-timer:before {
  content: "\e6ce";
}

.mdi-av-video-collection:before {
  content: "\e6cf";
}

.mdi-av-videocam-off:before {
  content: "\e6d0";
}

.mdi-av-videocam:before {
  content: "\e6d1";
}

.mdi-av-volume-down:before {
  content: "\e6d2";
}

.mdi-av-volume-mute:before {
  content: "\e6d3";
}

.mdi-av-volume-off:before {
  content: "\e6d4";
}

.mdi-av-volume-up:before {
  content: "\e6d5";
}

.mdi-av-web:before {
  content: "\e6d6";
}

.mdi-communication-business:before {
  content: "\e6d7";
}

.mdi-communication-call-end:before {
  content: "\e6d8";
}

.mdi-communication-call-made:before {
  content: "\e6d9";
}

.mdi-communication-call-merge:before {
  content: "\e6da";
}

.mdi-communication-call-missed:before {
  content: "\e6db";
}

.mdi-communication-call-received:before {
  content: "\e6dc";
}

.mdi-communication-call-split:before {
  content: "\e6dd";
}

.mdi-communication-call:before {
  content: "\e6de";
}

.mdi-communication-chat:before {
  content: "\e6df";
}

.mdi-communication-clear-all:before {
  content: "\e6e0";
}

.mdi-communication-comment:before {
  content: "\e6e1";
}

.mdi-communication-contacts:before {
  content: "\e6e2";
}

.mdi-communication-dialer-sip:before {
  content: "\e6e3";
}

.mdi-communication-dialpad:before {
  content: "\e6e4";
}

.mdi-communication-dnd-on:before {
  content: "\e6e5";
}

.mdi-communication-email:before {
  content: "\e6e6";
}

.mdi-communication-forum:before {
  content: "\e6e7";
}

.mdi-communication-import-export:before {
  content: "\e6e8";
}

.mdi-communication-invert-colors-off:before {
  content: "\e6e9";
}

.mdi-communication-invert-colors-on:before {
  content: "\e6ea";
}

.mdi-communication-live-help:before {
  content: "\e6eb";
}

.mdi-communication-location-off:before {
  content: "\e6ec";
}

.mdi-communication-location-on:before {
  content: "\e6ed";
}

.mdi-communication-message:before {
  content: "\e6ee";
}

.mdi-communication-messenger:before {
  content: "\e6ef";
}

.mdi-communication-no-sim:before {
  content: "\e6f0";
}

.mdi-communication-phone:before {
  content: "\e6f1";
}

.mdi-communication-portable-wifi-off:before {
  content: "\e6f2";
}

.mdi-communication-quick-contacts-dialer:before {
  content: "\e6f3";
}

.mdi-communication-quick-contacts-mail:before {
  content: "\e6f4";
}

.mdi-communication-ring-volume:before {
  content: "\e6f5";
}

.mdi-communication-stay-current-landscape:before {
  content: "\e6f6";
}

.mdi-communication-stay-current-portrait:before {
  content: "\e6f7";
}

.mdi-communication-stay-primary-landscape:before {
  content: "\e6f8";
}

.mdi-communication-stay-primary-portrait:before {
  content: "\e6f9";
}

.mdi-communication-swap-calls:before {
  content: "\e6fa";
}

.mdi-communication-textsms:before {
  content: "\e6fb";
}

.mdi-communication-voicemail:before {
  content: "\e6fc";
}

.mdi-communication-vpn-key:before {
  content: "\e6fd";
}

.mdi-content-add-box:before {
  content: "\e6fe";
}

.mdi-content-add-circle-outline:before {
  content: "\e6ff";
}

.mdi-content-add-circle:before {
  content: "\e700";
}

.mdi-content-add:before {
  content: "\e701";
}

.mdi-content-archive:before {
  content: "\e702";
}

.mdi-content-backspace:before {
  content: "\e703";
}

.mdi-content-block:before {
  content: "\e704";
}

.mdi-content-clear:before {
  content: "\e705";
}

.mdi-content-content-copy:before {
  content: "\e706";
}

.mdi-content-content-cut:before {
  content: "\e707";
}

.mdi-content-content-paste:before {
  content: "\e708";
}

.mdi-content-create:before {
  content: "\e709";
}

.mdi-content-drafts:before {
  content: "\e70a";
}

.mdi-content-filter-list:before {
  content: "\e70b";
}

.mdi-content-flag:before {
  content: "\e70c";
}

.mdi-content-forward:before {
  content: "\e70d";
}

.mdi-content-gesture:before {
  content: "\e70e";
}

.mdi-content-inbox:before {
  content: "\e70f";
}

.mdi-content-link:before {
  content: "\e710";
}

.mdi-content-mail:before {
  content: "\e711";
}

.mdi-content-markunread:before {
  content: "\e712";
}

.mdi-content-redo:before {
  content: "\e713";
}

.mdi-content-remove-circle-outline:before {
  content: "\e714";
}

.mdi-content-remove-circle:before {
  content: "\e715";
}

.mdi-content-remove:before {
  content: "\e716";
}

.mdi-content-reply-all:before {
  content: "\e717";
}

.mdi-content-reply:before {
  content: "\e718";
}

.mdi-content-report:before {
  content: "\e719";
}

.mdi-content-save:before {
  content: "\e71a";
}

.mdi-content-select-all:before {
  content: "\e71b";
}

.mdi-content-send:before {
  content: "\e71c";
}

.mdi-content-sort:before {
  content: "\e71d";
}

.mdi-content-text-format:before {
  content: "\e71e";
}

.mdi-content-undo:before {
  content: "\e71f";
}

.mdi-editor-attach-file:before {
  content: "\e776";
}

.mdi-editor-attach-money:before {
  content: "\e777";
}

.mdi-editor-border-all:before {
  content: "\e778";
}

.mdi-editor-border-bottom:before {
  content: "\e779";
}

.mdi-editor-border-clear:before {
  content: "\e77a";
}

.mdi-editor-border-color:before {
  content: "\e77b";
}

.mdi-editor-border-horizontal:before {
  content: "\e77c";
}

.mdi-editor-border-inner:before {
  content: "\e77d";
}

.mdi-editor-border-left:before {
  content: "\e77e";
}

.mdi-editor-border-outer:before {
  content: "\e77f";
}

.mdi-editor-border-right:before {
  content: "\e780";
}

.mdi-editor-border-style:before {
  content: "\e781";
}

.mdi-editor-border-top:before {
  content: "\e782";
}

.mdi-editor-border-vertical:before {
  content: "\e783";
}

.mdi-editor-format-align-center:before {
  content: "\e784";
}

.mdi-editor-format-align-justify:before {
  content: "\e785";
}

.mdi-editor-format-align-left:before {
  content: "\e786";
}

.mdi-editor-format-align-right:before {
  content: "\e787";
}

.mdi-editor-format-bold:before {
  content: "\e788";
}

.mdi-editor-format-clear:before {
  content: "\e789";
}

.mdi-editor-format-color-fill:before {
  content: "\e78a";
}

.mdi-editor-format-color-reset:before {
  content: "\e78b";
}

.mdi-editor-format-color-text:before {
  content: "\e78c";
}

.mdi-editor-format-indent-decrease:before {
  content: "\e78d";
}

.mdi-editor-format-indent-increase:before {
  content: "\e78e";
}

.mdi-editor-format-italic:before {
  content: "\e78f";
}

.mdi-editor-format-line-spacing:before {
  content: "\e790";
}

.mdi-editor-format-list-bulleted:before {
  content: "\e791";
}

.mdi-editor-format-list-numbered:before {
  content: "\e792";
}

.mdi-editor-format-paint:before {
  content: "\e793";
}

.mdi-editor-format-quote:before {
  content: "\e794";
}

.mdi-editor-format-size:before {
  content: "\e795";
}

.mdi-editor-format-strikethrough:before {
  content: "\e796";
}

.mdi-editor-format-textdirection-l-to-r:before {
  content: "\e797";
}

.mdi-editor-format-textdirection-r-to-l:before {
  content: "\e798";
}

.mdi-editor-format-underline:before {
  content: "\e799";
}

.mdi-editor-functions:before {
  content: "\e79a";
}

.mdi-editor-insert-chart:before {
  content: "\e79b";
}

.mdi-editor-insert-comment:before {
  content: "\e79c";
}

.mdi-editor-insert-drive-file:before {
  content: "\e79d";
}

.mdi-editor-insert-emoticon:before {
  content: "\e79e";
}

.mdi-editor-insert-invitation:before {
  content: "\e79f";
}

.mdi-editor-insert-link:before {
  content: "\e7a0";
}

.mdi-editor-insert-photo:before {
  content: "\e7a1";
}

.mdi-editor-merge-type:before {
  content: "\e7a2";
}

.mdi-editor-mode-comment:before {
  content: "\e7a3";
}

.mdi-editor-mode-edit:before {
  content: "\e7a4";
}

.mdi-editor-publish:before {
  content: "\e7a5";
}

.mdi-editor-vertical-align-bottom:before {
  content: "\e7a6";
}

.mdi-editor-vertical-align-center:before {
  content: "\e7a7";
}

.mdi-editor-vertical-align-top:before {
  content: "\e7a8";
}

.mdi-editor-wrap-text:before {
  content: "\e7a9";
}

.mdi-file-attachment:before {
  content: "\e7aa";
}

.mdi-file-cloud-circle:before {
  content: "\e7ab";
}

.mdi-file-cloud-done:before {
  content: "\e7ac";
}

.mdi-file-cloud-download:before {
  content: "\e7ad";
}

.mdi-file-cloud-off:before {
  content: "\e7ae";
}

.mdi-file-cloud-queue:before {
  content: "\e7af";
}

.mdi-file-cloud-upload:before {
  content: "\e7b0";
}

.mdi-file-cloud:before {
  content: "\e7b1";
}

.mdi-file-file-download:before {
  content: "\e7b2";
}

.mdi-file-file-upload:before {
  content: "\e7b3";
}

.mdi-file-folder-open:before {
  content: "\e7b4";
}

.mdi-file-folder-shared:before {
  content: "\e7b5";
}

.mdi-file-folder:before {
  content: "\e7b6";
}

.mdi-device-access-alarm:before {
  content: "\e720";
}

.mdi-device-access-alarms:before {
  content: "\e721";
}

.mdi-device-access-time:before {
  content: "\e722";
}

.mdi-device-add-alarm:before {
  content: "\e723";
}

.mdi-device-airplanemode-off:before {
  content: "\e724";
}

.mdi-device-airplanemode-on:before {
  content: "\e725";
}

.mdi-device-battery-20:before {
  content: "\e726";
}

.mdi-device-battery-30:before {
  content: "\e727";
}

.mdi-device-battery-50:before {
  content: "\e728";
}

.mdi-device-battery-60:before {
  content: "\e729";
}

.mdi-device-battery-80:before {
  content: "\e72a";
}

.mdi-device-battery-90:before {
  content: "\e72b";
}

.mdi-device-battery-alert:before {
  content: "\e72c";
}

.mdi-device-battery-charging-20:before {
  content: "\e72d";
}

.mdi-device-battery-charging-30:before {
  content: "\e72e";
}

.mdi-device-battery-charging-50:before {
  content: "\e72f";
}

.mdi-device-battery-charging-60:before {
  content: "\e730";
}

.mdi-device-battery-charging-80:before {
  content: "\e731";
}

.mdi-device-battery-charging-90:before {
  content: "\e732";
}

.mdi-device-battery-charging-full:before {
  content: "\e733";
}

.mdi-device-battery-full:before {
  content: "\e734";
}

.mdi-device-battery-std:before {
  content: "\e735";
}

.mdi-device-battery-unknown:before {
  content: "\e736";
}

.mdi-device-bluetooth-connected:before {
  content: "\e737";
}

.mdi-device-bluetooth-disabled:before {
  content: "\e738";
}

.mdi-device-bluetooth-searching:before {
  content: "\e739";
}

.mdi-device-bluetooth:before {
  content: "\e73a";
}

.mdi-device-brightness-auto:before {
  content: "\e73b";
}

.mdi-device-brightness-high:before {
  content: "\e73c";
}

.mdi-device-brightness-low:before {
  content: "\e73d";
}

.mdi-device-brightness-medium:before {
  content: "\e73e";
}

.mdi-device-data-usage:before {
  content: "\e73f";
}

.mdi-device-developer-mode:before {
  content: "\e740";
}

.mdi-device-devices:before {
  content: "\e741";
}

.mdi-device-dvr:before {
  content: "\e742";
}

.mdi-device-gps-fixed:before {
  content: "\e743";
}

.mdi-device-gps-not-fixed:before {
  content: "\e744";
}

.mdi-device-gps-off:before {
  content: "\e745";
}

.mdi-device-location-disabled:before {
  content: "\e746";
}

.mdi-device-location-searching:before {
  content: "\e747";
}

.mdi-device-multitrack-audio:before {
  content: "\e748";
}

.mdi-device-network-cell:before {
  content: "\e749";
}

.mdi-device-network-wifi:before {
  content: "\e74a";
}

.mdi-device-nfc:before {
  content: "\e74b";
}

.mdi-device-now-wallpaper:before {
  content: "\e74c";
}

.mdi-device-now-widgets:before {
  content: "\e74d";
}

.mdi-device-screen-lock-landscape:before {
  content: "\e74e";
}

.mdi-device-screen-lock-portrait:before {
  content: "\e74f";
}

.mdi-device-screen-lock-rotation:before {
  content: "\e750";
}

.mdi-device-screen-rotation:before {
  content: "\e751";
}

.mdi-device-sd-storage:before {
  content: "\e752";
}

.mdi-device-settings-system-daydream:before {
  content: "\e753";
}

.mdi-device-signal-cellular-0-bar:before {
  content: "\e754";
}

.mdi-device-signal-cellular-1-bar:before {
  content: "\e755";
}

.mdi-device-signal-cellular-2-bar:before {
  content: "\e756";
}

.mdi-device-signal-cellular-3-bar:before {
  content: "\e757";
}

.mdi-device-signal-cellular-4-bar:before {
  content: "\e758";
}

.mdi-signal-wifi-statusbar-connected-no-internet-after:before {
  content: "\e8f6";
}

.mdi-device-signal-cellular-connected-no-internet-0-bar:before {
  content: "\e759";
}

.mdi-device-signal-cellular-connected-no-internet-1-bar:before {
  content: "\e75a";
}

.mdi-device-signal-cellular-connected-no-internet-2-bar:before {
  content: "\e75b";
}

.mdi-device-signal-cellular-connected-no-internet-3-bar:before {
  content: "\e75c";
}

.mdi-device-signal-cellular-connected-no-internet-4-bar:before {
  content: "\e75d";
}

.mdi-device-signal-cellular-no-sim:before {
  content: "\e75e";
}

.mdi-device-signal-cellular-null:before {
  content: "\e75f";
}

.mdi-device-signal-cellular-off:before {
  content: "\e760";
}

.mdi-device-signal-wifi-0-bar:before {
  content: "\e761";
}

.mdi-device-signal-wifi-1-bar:before {
  content: "\e762";
}

.mdi-device-signal-wifi-2-bar:before {
  content: "\e763";
}

.mdi-device-signal-wifi-3-bar:before {
  content: "\e764";
}

.mdi-device-signal-wifi-4-bar:before {
  content: "\e765";
}

.mdi-device-signal-wifi-off:before {
  content: "\e766";
}

.mdi-device-signal-wifi-statusbar-1-bar:before {
  content: "\e767";
}

.mdi-device-signal-wifi-statusbar-2-bar:before {
  content: "\e768";
}

.mdi-device-signal-wifi-statusbar-3-bar:before {
  content: "\e769";
}

.mdi-device-signal-wifi-statusbar-4-bar:before {
  content: "\e76a";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
  content: "\e76b";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet:before {
  content: "\e76f";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
  content: "\e76c";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
  content: "\e76d";
}

.mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
  content: "\e76e";
}

.mdi-signal-wifi-statusbar-not-connected-after:before {
  content: "\e8f7";
}

.mdi-device-signal-wifi-statusbar-not-connected:before {
  content: "\e770";
}

.mdi-device-signal-wifi-statusbar-null:before {
  content: "\e771";
}

.mdi-device-storage:before {
  content: "\e772";
}

.mdi-device-usb:before {
  content: "\e773";
}

.mdi-device-wifi-lock:before {
  content: "\e774";
}

.mdi-device-wifi-tethering:before {
  content: "\e775";
}

.mdi-hardware-cast-connected:before {
  content: "\e7b7";
}

.mdi-hardware-cast:before {
  content: "\e7b8";
}

.mdi-hardware-computer:before {
  content: "\e7b9";
}

.mdi-hardware-desktop-mac:before {
  content: "\e7ba";
}

.mdi-hardware-desktop-windows:before {
  content: "\e7bb";
}

.mdi-hardware-dock:before {
  content: "\e7bc";
}

.mdi-hardware-gamepad:before {
  content: "\e7bd";
}

.mdi-hardware-headset-mic:before {
  content: "\e7be";
}

.mdi-hardware-headset:before {
  content: "\e7bf";
}

.mdi-hardware-keyboard-alt:before {
  content: "\e7c0";
}

.mdi-hardware-keyboard-arrow-down:before {
  content: "\e7c1";
}

.mdi-hardware-keyboard-arrow-left:before {
  content: "\e7c2";
}

.mdi-hardware-keyboard-arrow-right:before {
  content: "\e7c3";
}

.mdi-hardware-keyboard-arrow-up:before {
  content: "\e7c4";
}

.mdi-hardware-keyboard-backspace:before {
  content: "\e7c5";
}

.mdi-hardware-keyboard-capslock:before {
  content: "\e7c6";
}

.mdi-hardware-keyboard-control:before {
  content: "\e7c7";
}

.mdi-hardware-keyboard-hide:before {
  content: "\e7c8";
}

.mdi-hardware-keyboard-return:before {
  content: "\e7c9";
}

.mdi-hardware-keyboard-tab:before {
  content: "\e7ca";
}

.mdi-hardware-keyboard-voice:before {
  content: "\e7cb";
}

.mdi-hardware-keyboard:before {
  content: "\e7cc";
}

.mdi-hardware-laptop-chromebook:before {
  content: "\e7cd";
}

.mdi-hardware-laptop-mac:before {
  content: "\e7ce";
}

.mdi-hardware-laptop-windows:before {
  content: "\e7cf";
}

.mdi-hardware-laptop:before {
  content: "\e7d0";
}

.mdi-hardware-memory:before {
  content: "\e7d1";
}

.mdi-hardware-mouse:before {
  content: "\e7d2";
}

.mdi-hardware-phone-android:before {
  content: "\e7d3";
}

.mdi-hardware-phone-iphone:before {
  content: "\e7d4";
}

.mdi-hardware-phonelink-off:before {
  content: "\e7d5";
}

.mdi-hardware-phonelink:before {
  content: "\e7d6";
}

.mdi-hardware-security:before {
  content: "\e7d7";
}

.mdi-hardware-sim-card:before {
  content: "\e7d8";
}

.mdi-hardware-smartphone:before {
  content: "\e7d9";
}

.mdi-hardware-speaker:before {
  content: "\e7da";
}

.mdi-hardware-tablet-android:before {
  content: "\e7db";
}

.mdi-hardware-tablet-mac:before {
  content: "\e7dc";
}

.mdi-hardware-tablet:before {
  content: "\e7dd";
}

.mdi-hardware-tv:before {
  content: "\e7de";
}

.mdi-hardware-watch:before {
  content: "\e7df";
}

.mdi-image-add-to-photos:before {
  content: "\e7e0";
}

.mdi-image-adjust:before {
  content: "\e7e1";
}

.mdi-image-assistant-photo:before {
  content: "\e7e2";
}

.mdi-image-audiotrack:before {
  content: "\e7e3";
}

.mdi-image-blur-circular:before {
  content: "\e7e4";
}

.mdi-image-blur-linear:before {
  content: "\e7e5";
}

.mdi-image-blur-off:before {
  content: "\e7e6";
}

.mdi-image-blur-on:before {
  content: "\e7e7";
}

.mdi-image-brightness-1:before {
  content: "\e7e8";
}

.mdi-image-brightness-2:before {
  content: "\e7e9";
}

.mdi-image-brightness-3:before {
  content: "\e7ea";
}

.mdi-image-brightness-4:before {
  content: "\e7eb";
}

.mdi-image-brightness-5:before {
  content: "\e7ec";
}

.mdi-image-brightness-6:before {
  content: "\e7ed";
}

.mdi-image-brightness-7:before {
  content: "\e7ee";
}

.mdi-image-brush:before {
  content: "\e7ef";
}

.mdi-image-camera-alt:before {
  content: "\e7f0";
}

.mdi-image-camera-front:before {
  content: "\e7f1";
}

.mdi-image-camera-rear:before {
  content: "\e7f2";
}

.mdi-image-camera-roll:before {
  content: "\e7f3";
}

.mdi-image-camera:before {
  content: "\e7f4";
}

.mdi-image-center-focus-strong:before {
  content: "\e7f5";
}

.mdi-image-center-focus-weak:before {
  content: "\e7f6";
}

.mdi-image-collections:before {
  content: "\e7f7";
}

.mdi-image-color-lens:before {
  content: "\e7f8";
}

.mdi-image-colorize:before {
  content: "\e7f9";
}

.mdi-image-compare:before {
  content: "\e7fa";
}

.mdi-image-control-point-duplicate:before {
  content: "\e7fb";
}

.mdi-image-control-point:before {
  content: "\e7fc";
}

.mdi-image-crop-3-2:before {
  content: "\e7fd";
}

.mdi-image-crop-5-4:before {
  content: "\e7fe";
}

.mdi-image-crop-7-5:before {
  content: "\e7ff";
}

.mdi-image-crop-16-9:before {
  content: "\e800";
}

.mdi-image-crop-din:before {
  content: "\e801";
}

.mdi-image-crop-free:before {
  content: "\e802";
}

.mdi-image-crop-landscape:before {
  content: "\e803";
}

.mdi-image-crop-original:before {
  content: "\e804";
}

.mdi-image-crop-portrait:before {
  content: "\e805";
}

.mdi-image-crop-square:before {
  content: "\e806";
}

.mdi-image-crop:before {
  content: "\e807";
}

.mdi-image-dehaze:before {
  content: "\e808";
}

.mdi-image-details:before {
  content: "\e809";
}

.mdi-image-edit:before {
  content: "\e80a";
}

.mdi-image-exposure-minus-1:before {
  content: "\e80b";
}

.mdi-image-exposure-minus-2:before {
  content: "\e80c";
}

.mdi-image-exposure-plus-1:before {
  content: "\e80d";
}

.mdi-image-exposure-plus-2:before {
  content: "\e80e";
}

.mdi-image-exposure-zero:before {
  content: "\e80f";
}

.mdi-image-exposure:before {
  content: "\e810";
}

.mdi-image-filter-1:before {
  content: "\e811";
}

.mdi-image-filter-2:before {
  content: "\e812";
}

.mdi-image-filter-3:before {
  content: "\e813";
}

.mdi-image-filter-4:before {
  content: "\e814";
}

.mdi-image-filter-5:before {
  content: "\e815";
}

.mdi-image-filter-6:before {
  content: "\e816";
}

.mdi-image-filter-7:before {
  content: "\e817";
}

.mdi-image-filter-8:before {
  content: "\e818";
}

.mdi-image-filter-9-plus:before {
  content: "\e819";
}

.mdi-image-filter-9:before {
  content: "\e81a";
}

.mdi-image-filter-b-and-w:before {
  content: "\e81b";
}

.mdi-image-filter-center-focus:before {
  content: "\e81c";
}

.mdi-image-filter-drama:before {
  content: "\e81d";
}

.mdi-image-filter-frames:before {
  content: "\e81e";
}

.mdi-image-filter-hdr:before {
  content: "\e81f";
}

.mdi-image-filter-none:before {
  content: "\e820";
}

.mdi-image-filter-tilt-shift:before {
  content: "\e821";
}

.mdi-image-filter-vintage:before {
  content: "\e822";
}

.mdi-image-filter:before {
  content: "\e823";
}

.mdi-image-flare:before {
  content: "\e824";
}

.mdi-image-flash-auto:before {
  content: "\e825";
}

.mdi-image-flash-off:before {
  content: "\e826";
}

.mdi-image-flash-on:before {
  content: "\e827";
}

.mdi-image-flip:before {
  content: "\e828";
}

.mdi-image-gradient:before {
  content: "\e829";
}

.mdi-image-grain:before {
  content: "\e82a";
}

.mdi-image-grid-off:before {
  content: "\e82b";
}

.mdi-image-grid-on:before {
  content: "\e82c";
}

.mdi-image-hdr-off:before {
  content: "\e82d";
}

.mdi-image-hdr-on:before {
  content: "\e82e";
}

.mdi-image-hdr-strong:before {
  content: "\e82f";
}

.mdi-image-hdr-weak:before {
  content: "\e830";
}

.mdi-image-healing:before {
  content: "\e831";
}

.mdi-image-image-aspect-ratio:before {
  content: "\e832";
}

.mdi-image-image:before {
  content: "\e833";
}

.mdi-image-iso:before {
  content: "\e834";
}

.mdi-image-landscape:before {
  content: "\e835";
}

.mdi-image-leak-add:before {
  content: "\e836";
}

.mdi-image-leak-remove:before {
  content: "\e837";
}

.mdi-image-lens:before {
  content: "\e838";
}

.mdi-image-looks-3:before {
  content: "\e839";
}

.mdi-image-looks-4:before {
  content: "\e83a";
}

.mdi-image-looks-5:before {
  content: "\e83b";
}

.mdi-image-looks-6:before {
  content: "\e83c";
}

.mdi-image-looks-one:before {
  content: "\e83d";
}

.mdi-image-looks-two:before {
  content: "\e83e";
}

.mdi-image-looks:before {
  content: "\e83f";
}

.mdi-image-loupe:before {
  content: "\e840";
}

.mdi-image-movie-creation:before {
  content: "\e841";
}

.mdi-image-nature-people:before {
  content: "\e842";
}

.mdi-image-nature:before {
  content: "\e843";
}

.mdi-image-navigate-before:before {
  content: "\e844";
}

.mdi-image-navigate-next:before {
  content: "\e845";
}

.mdi-image-palette:before {
  content: "\e846";
}

.mdi-image-panorama-fisheye:before {
  content: "\e847";
}

.mdi-image-panorama-horizontal:before {
  content: "\e848";
}

.mdi-image-panorama-vertical:before {
  content: "\e849";
}

.mdi-image-panorama-wide-angle:before {
  content: "\e84a";
}

.mdi-image-panorama:before {
  content: "\e84b";
}

.mdi-image-photo-album:before {
  content: "\e84c";
}

.mdi-image-photo-camera:before {
  content: "\e84d";
}

.mdi-image-photo-library:before {
  content: "\e84e";
}

.mdi-image-photo:before {
  content: "\e84f";
}

.mdi-image-portrait:before {
  content: "\e850";
}

.mdi-image-remove-red-eye:before {
  content: "\e851";
}

.mdi-image-rotate-left:before {
  content: "\e852";
}

.mdi-image-rotate-right:before {
  content: "\e853";
}

.mdi-image-slideshow:before {
  content: "\e854";
}

.mdi-image-straighten:before {
  content: "\e855";
}

.mdi-image-style:before {
  content: "\e856";
}

.mdi-image-switch-camera:before {
  content: "\e857";
}

.mdi-image-switch-video:before {
  content: "\e858";
}

.mdi-image-tag-faces:before {
  content: "\e859";
}

.mdi-image-texture:before {
  content: "\e85a";
}

.mdi-image-timelapse:before {
  content: "\e85b";
}

.mdi-image-timer-3:before {
  content: "\e85c";
}

.mdi-image-timer-10:before {
  content: "\e85d";
}

.mdi-image-timer-auto:before {
  content: "\e85e";
}

.mdi-image-timer-off:before {
  content: "\e85f";
}

.mdi-image-timer:before {
  content: "\e860";
}

.mdi-image-tonality:before {
  content: "\e861";
}

.mdi-image-transform:before {
  content: "\e862";
}

.mdi-image-tune:before {
  content: "\e863";
}

.mdi-image-wb-auto:before {
  content: "\e864";
}

.mdi-image-wb-cloudy:before {
  content: "\e865";
}

.mdi-image-wb-incandescent:before {
  content: "\e866";
}

.mdi-image-wb-irradescent:before {
  content: "\e867";
}

.mdi-image-wb-sunny:before {
  content: "\e868";
}

.mdi-maps-beenhere:before {
  content: "\e869";
}

.mdi-maps-directions-bike:before {
  content: "\e86a";
}

.mdi-maps-directions-bus:before {
  content: "\e86b";
}

.mdi-maps-directions-car:before {
  content: "\e86c";
}

.mdi-maps-directions-ferry:before {
  content: "\e86d";
}

.mdi-maps-directions-subway:before {
  content: "\e86e";
}

.mdi-maps-directions-train:before {
  content: "\e86f";
}

.mdi-maps-directions-transit:before {
  content: "\e870";
}

.mdi-maps-directions-walk:before {
  content: "\e871";
}

.mdi-maps-directions:before {
  content: "\e872";
}

.mdi-maps-flight:before {
  content: "\e873";
}

.mdi-maps-hotel:before {
  content: "\e874";
}

.mdi-maps-layers-clear:before {
  content: "\e875";
}

.mdi-maps-layers:before {
  content: "\e876";
}

.mdi-maps-local-airport:before {
  content: "\e877";
}

.mdi-maps-local-atm:before {
  content: "\e878";
}

.mdi-maps-local-attraction:before {
  content: "\e879";
}

.mdi-maps-local-bar:before {
  content: "\e87a";
}

.mdi-maps-local-cafe:before {
  content: "\e87b";
}

.mdi-maps-local-car-wash:before {
  content: "\e87c";
}

.mdi-maps-local-convenience-store:before {
  content: "\e87d";
}

.mdi-maps-local-drink:before {
  content: "\e87e";
}

.mdi-maps-local-florist:before {
  content: "\e87f";
}

.mdi-maps-local-gas-station:before {
  content: "\e880";
}

.mdi-maps-local-grocery-store:before {
  content: "\e881";
}

.mdi-maps-local-hospital:before {
  content: "\e882";
}

.mdi-maps-local-hotel:before {
  content: "\e883";
}

.mdi-maps-local-laundry-service:before {
  content: "\e884";
}

.mdi-maps-local-library:before {
  content: "\e885";
}

.mdi-maps-local-mall:before {
  content: "\e886";
}

.mdi-maps-local-movies:before {
  content: "\e887";
}

.mdi-maps-local-offer:before {
  content: "\e888";
}

.mdi-maps-local-parking:before {
  content: "\e889";
}

.mdi-maps-local-pharmacy:before {
  content: "\e88a";
}

.mdi-maps-local-phone:before {
  content: "\e88b";
}

.mdi-maps-local-pizza:before {
  content: "\e88c";
}

.mdi-maps-local-play:before {
  content: "\e88d";
}

.mdi-maps-local-post-office:before {
  content: "\e88e";
}

.mdi-maps-local-print-shop:before {
  content: "\e88f";
}

.mdi-maps-local-restaurant:before {
  content: "\e890";
}

.mdi-maps-local-see:before {
  content: "\e891";
}

.mdi-maps-local-shipping:before {
  content: "\e892";
}

.mdi-maps-local-taxi:before {
  content: "\e893";
}

.mdi-maps-location-history:before {
  content: "\e894";
}

.mdi-maps-map:before {
  content: "\e895";
}

.mdi-maps-my-location:before {
  content: "\e896";
}

.mdi-maps-navigation:before {
  content: "\e897";
}

.mdi-maps-pin-drop:before {
  content: "\e898";
}

.mdi-maps-place:before {
  content: "\e899";
}

.mdi-maps-rate-review:before {
  content: "\e89a";
}

.mdi-maps-restaurant-menu:before {
  content: "\e89b";
}

.mdi-maps-satellite:before {
  content: "\e89c";
}

.mdi-maps-store-mall-directory:before {
  content: "\e89d";
}

.mdi-maps-terrain:before {
  content: "\e89e";
}

.mdi-maps-traffic:before {
  content: "\e89f";
}

.mdi-navigation-apps:before {
  content: "\e8a0";
}

.mdi-navigation-arrow-back:before {
  content: "\e8a1";
}

.mdi-navigation-arrow-drop-down-circle:before {
  content: "\e8a2";
}

.mdi-navigation-arrow-drop-down:before {
  content: "\e8a3";
}

.mdi-navigation-arrow-drop-up:before {
  content: "\e8a4";
}

.mdi-navigation-arrow-forward:before {
  content: "\e8a5";
}

.mdi-navigation-cancel:before {
  content: "\e8a6";
}

.mdi-navigation-check:before {
  content: "\e8a7";
}

.mdi-navigation-chevron-left:before {
  content: "\e8a8";
}

.mdi-navigation-chevron-right:before {
  content: "\e8a9";
}

.mdi-navigation-close:before {
  content: "\e8aa";
}

.mdi-navigation-expand-less:before {
  content: "\e8ab";
}

.mdi-navigation-expand-more:before {
  content: "\e8ac";
}

.mdi-navigation-fullscreen-exit:before {
  content: "\e8ad";
}

.mdi-navigation-fullscreen:before {
  content: "\e8ae";
}

.mdi-navigation-menu:before {
  content: "\e8af";
}

.mdi-navigation-more-horiz:before {
  content: "\e8b0";
}

.mdi-navigation-more-vert:before {
  content: "\e8b1";
}

.mdi-navigation-refresh:before {
  content: "\e8b2";
}

.mdi-navigation-unfold-less:before {
  content: "\e8b3";
}

.mdi-navigation-unfold-more:before {
  content: "\e8b4";
}

.mdi-notification-adb:before {
  content: "\e8b5";
}

.mdi-notification-bluetooth-audio:before {
  content: "\e8b6";
}

.mdi-notification-disc-full:before {
  content: "\e8b7";
}

.mdi-notification-dnd-forwardslash:before {
  content: "\e8b8";
}

.mdi-notification-do-not-disturb:before {
  content: "\e8b9";
}

.mdi-notification-drive-eta:before {
  content: "\e8ba";
}

.mdi-notification-event-available:before {
  content: "\e8bb";
}

.mdi-notification-event-busy:before {
  content: "\e8bc";
}

.mdi-notification-event-note:before {
  content: "\e8bd";
}

.mdi-notification-folder-special:before {
  content: "\e8be";
}

.mdi-notification-mms:before {
  content: "\e8bf";
}

.mdi-notification-more:before {
  content: "\e8c0";
}

.mdi-notification-network-locked:before {
  content: "\e8c1";
}

.mdi-notification-phone-bluetooth-speaker:before {
  content: "\e8c2";
}

.mdi-notification-phone-forwarded:before {
  content: "\e8c3";
}

.mdi-notification-phone-in-talk:before {
  content: "\e8c4";
}

.mdi-notification-phone-locked:before {
  content: "\e8c5";
}

.mdi-notification-phone-missed:before {
  content: "\e8c6";
}

.mdi-notification-phone-paused:before {
  content: "\e8c7";
}

.mdi-notification-play-download:before {
  content: "\e8c8";
}

.mdi-notification-play-install:before {
  content: "\e8c9";
}

.mdi-notification-sd-card:before {
  content: "\e8ca";
}

.mdi-notification-sim-card-alert:before {
  content: "\e8cb";
}

.mdi-notification-sms-failed:before {
  content: "\e8cc";
}

.mdi-notification-sms:before {
  content: "\e8cd";
}

.mdi-notification-sync-disabled:before {
  content: "\e8ce";
}

.mdi-notification-sync-problem:before {
  content: "\e8cf";
}

.mdi-notification-sync:before {
  content: "\e8d0";
}

.mdi-notification-system-update:before {
  content: "\e8d1";
}

.mdi-notification-tap-and-play:before {
  content: "\e8d2";
}

.mdi-notification-time-to-leave:before {
  content: "\e8d3";
}

.mdi-notification-vibration:before {
  content: "\e8d4";
}

.mdi-notification-voice-chat:before {
  content: "\e8d5";
}

.mdi-notification-vpn-lock:before {
  content: "\e8d6";
}

.mdi-social-cake:before {
  content: "\e8d7";
}

.mdi-social-domain:before {
  content: "\e8d8";
}

.mdi-social-group-add:before {
  content: "\e8d9";
}

.mdi-social-group:before {
  content: "\e8da";
}

.mdi-social-location-city:before {
  content: "\e8db";
}

.mdi-social-mood:before {
  content: "\e8dc";
}

.mdi-social-notifications-none:before {
  content: "\e8dd";
}

.mdi-social-notifications-off:before {
  content: "\e8de";
}

.mdi-social-notifications-on:before {
  content: "\e8df";
}

.mdi-social-notifications-paused:before {
  content: "\e8e0";
}

.mdi-social-notifications:before {
  content: "\e8e1";
}

.mdi-social-pages:before {
  content: "\e8e2";
}

.mdi-social-party-mode:before {
  content: "\e8e3";
}

.mdi-social-people-outline:before {
  content: "\e8e4";
}

.mdi-social-people:before {
  content: "\e8e5";
}

.mdi-social-person-add:before {
  content: "\e8e6";
}

.mdi-social-person-outline:before {
  content: "\e8e7";
}

.mdi-social-person:before {
  content: "\e8e8";
}

.mdi-social-plus-one:before {
  content: "\e8e9";
}

.mdi-social-poll:before {
  content: "\e8ea";
}

.mdi-social-public:before {
  content: "\e8eb";
}

.mdi-social-school:before {
  content: "\e8ec";
}

.mdi-social-share:before {
  content: "\e8ed";
}

.mdi-social-whatshot:before {
  content: "\e8ee";
}

.mdi-toggle-check-box-outline-blank:before {
  content: "\e8ef";
}

.mdi-toggle-check-box:before {
  content: "\e8f0";
}

.mdi-toggle-radio-button-off:before {
  content: "\e8f1";
}

.mdi-toggle-radio-button-on:before {
  content: "\e8f2";
}

.mdi-toggle-star-half:before {
  content: "\e8f3";
}

.mdi-toggle-star-outline:before {
  content: "\e8f4";
}

.mdi-toggle-star:before {
  content: "\e8f5";
}


/*===========LAST UPDATE ALL INLINE CSS===========*/

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

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

.martopmin23{
  margin-top: -23px !important;
}

.marbotmin8{
  margin-bottom: -8px !important;
}

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

.margincust1{
  margin: 13px 0 10px 0 !important;
}

.margincust2{
  margin: 13px 0 0 25px !important;
}

.margincust3{
  margin-right: 3px !important;
}

.margincust4{
  margin-top:12px;
  display: none;
}

.margincust5{
 margin:12px 0 20px 0 !important;
}

.margincust6{
  margin:20px 0px !important; 
}

.margincust7{
  position: absolute; top: 8%; font-size: 21px; left: 8%;
}

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

.margincust9{
  margin: 15px 0px 5px 0px !important;
}

.padtop17percent{
  padding-top: 17% !important;
}

.opac1{
  opacity:1 !important;
}

.padright3{
  padding-right: 3px !important;
}

.padright42{
  padding: 0 42px 0 0.75rem !important;
}

.padleft3{
  padding-left:3px !important;
}

.padleft20{
  padding-left:20px !important;
}
.custpad1{
  padding: 0 0 10px 0px !important;
}
.custpad2{
  padding: 0 0 0 45px !important;
}

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

.height100px{
  height: 100px !important;
}

.height130px{
  height: 130px !important;
}

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

.font-sans{
  font-family:"Open-Sans", sans-serif !important;
}

.tblforgotpassemail{
  background-color: #fff; margin: 5% auto; width: 100%; max-width: 600px;
}

.tblforgotpassemail-sub{
  padding: 15px; font-size: 14px; width: 100%;
}

.tblforgotpassemail-sub1{
  padding: 25px 15px 10px; font-size: 14px; width: 100%;
}

.tblforgotpassemail-sub2{
  padding: 10px 15px 10px; background: #eee;
}

.tblforgotpassemail-sub3{
  width: 100%; font-size: 14px;
}

.tblforgotpassemail-sub4{
  padding: 15px 0 5px;
}

.tblforgotpassemail-name{
  font-size: 16px; line-height: 20px; font-weight: bold;
}

.custemailstyle{
  border: 1px solid #000; background: #ddd; text-decoration: none; padding: 6px 14px; margin-top: 5px; display: inline-block;
}

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

.padcust1{
  padding: 11px 22px !important;
}

.padcust2{
  padding: 15px !important; width: auto;
}

.padcust3{
  border-bottom: none; padding-top: 10px !important;
}

.padcust4{
  padding: 36px 0px 0px 0px !important;
}

.padcust5{
  padding:10px 6px !important;
}

.padcust6{
  padding:22px 30px !important;
}

.padcust6a{
  padding:22px 10px 22px 30px !important;
}


.padcust7{
  padding:0 0 0 45px !important;
}

.padtop3{
  padding-top: 3px !important;
}

.padtop12{
  padding-top: 12px !important;
}

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

.padtop18{
  padding-top: 18px !important;
}

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

.custcoinbox{
  max-height: 480px; 
  overflow-y: auto;
}

.custcopass{
  color: #757577; padding: 6px 20px;
}

.minheight44{
  min-height: 44px !important;
}

.minheight480{
  min-height: 480px !important;
}

.minheight520{
  min-height: 520px !important;
}

.minheight600{
  min-height: 600px !important;
}

.max-height450{
  max-height:450px !important;
}

.max-width80percent{
  max-width:80% !important;
}

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

.min-height768{
  min-height: 768px !important;
}

.min-height200{
  min-height: 200px !important;
}

.custposition{
  /*bottom: 1.34rem;*/
  /*bottom: 3.65em;
  position: absolute;*/
  bottom: 1.34rem; 
  position: absolute;
}

.height54{
  height: 54px !important;
}

.pad6{
  padding:6px !important;
}

.pad4{
  padding:4px !important;
}

.font90{
  font-size: 90px !important;
}

.width18{
  width: 18px !important;
}

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

.custstyle{
  white-space: nowrap; position: absolute; top: 60px;opacity: 1; display: none; max-height:350px;
}

.width51{
  width: 51px !important;
}

  .coret{
    color: grey !important;
    text-decoration: line-through grey !important;
  }


/* loader product */
/* Absolute Center Spinner */
.loader-product {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loader-product:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loader-product:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loader-product:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

  .style-11::-webkit-scrollbar-track
  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
    height: 4.5px !important;

  }

  .style-11::-webkit-scrollbar
  {
    width: 7px;
    background-color: #F5F5F5;
    height: 4.5px !important;

  }

  .style-11::-webkit-scrollbar-thumb
  {
    background-color: #3366FF;
    border-radius: 10px;
    background-color: grey;
    height: 4.5px !important;
  }
  
  h1,h2,h3,h4,h5,h6,a{
      color:#b89801 !important; 
  }