@media screen and (min-width: 768px) {
  
  
}
@font-face /*perintah untuk memanggil font eksternal*/
  {
    font-family: 'good-timing'; /*memberikan nama bebas untuk font*/
    src: url('font/good-timing.rg-bold.otf');/*memanggil file font eksternalnya di folder font*/
  }
@font-face
  {
    font-family: 'Montserrat';
    src: url('font/Montserrat-Regular.ttf');
  }
@font-face
  {
    font-family: 'segoeui'; 
    src: url('font/segoeui.ttf');
  }

@font-face
  {
    font-family: 'saira-semicondensed'; 
    src: url('font/saira-semicondensed.extrabold.ttf');
  }
@font-face
  {
    font-family: 'prostoone'; 
    src: url('font/ProstoOne-Regular.ttf');
  }

@font-face
  {
    font-family: 'exo'; 
    src: url('font/Exo2.0-Light.otf');
  }
@font-face
    {
      font-family: 'tangerin'; 
      src: url('font/Tangerine_Bold.ttf');
    }

  .uk-text-underline{
    text-decoration: underline;
  }
  .background1{
    background-color: #8aa5f4;
  }
  .background2{
    background-color: #7c89b3;
  }
  .background3{
    background-color: #31488c;
  }
  .background4{
    background-color: #d54f0f;
    color: white;
  }
  canvas, img, svg, video{
    color: #ea7915 !important;
  }
  td > a > .uk-icon > svg {
    color: white!important;
  }
  .title{
    font-family: 'saira-semicondensed';
    color: #ea7915 !important;
  }
  .title-kategori{
    font-family: segoeui;
    color: grey;
    margin-bottom: 10px;
    padding-left: 5px;
  }
  .title-white{
    font-family: 'saira-semicondensed';
    color:white;
  }
  .title-product{    
    font-family: 'prostoone';
    color: #ea7915 !important;
    text-align: center;
  }
  .text-merk{    
    font-family: 'prostoone';
    color: black !important;
    text-decoration: none;
    text-align: center;
  }
  .text-banner-merk{    
    font-family: 'good-timing';
    color: #ff9e47 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
  }
  .uk-card-body{
    padding:10px 10px;
    min-height: 100px;
  }
  .div-produk{
    padding: 10px 10px;
    padding-bottom: 25px;
    background-color: #f1f1f1;
    border-radius: 15px;
  }
  .swal-button{
    background-color: #31488c;
  }
  .swal-button:not([disabled]):hover{
    background-color: #5d79cb;
  }
  .sns-button{
    background-color: #31488c;
    color: white;
    width: 100%;
    line-height: 28px;
  }
  .sns-button:hover{
    background-color: #5d79cb;
    color: white;
    width: 100%;
  }
  
  .uk-button-green {
    background-color: #118f37;
    color: #fff;
    border: 1px solid transparent;
}  

.uk-button-green:hover {
    background-color: #0b6d29;
    color: #fff;
    border: 1px solid transparent;
}
.input-contact{
  background-color: white!important;
  color: #383232 !important;
}
.section-grey{
  background-color: #e9e9e9;
}
.uk-offcanvas-bar{
  background: #033a72;
}
.uk-text-white{
  color:white!important;
}
.alamat{
  padding-left:20px;
}
.alamat p{
  margin-bottom: 0px;
  margin-top: 0px;
}
.card-produk{
 border-bottom: solid #ea7915;
}
.uk-card-body p{
  margin-bottom: 0px;
  margin-top: 0px;
}
.tabel-ukuran{
  border:1px solid #e5e5e5;
}
.tabel-ukuran thead{
  border:1px solid #31488c;
}
.tabel-ukuran thead tr th{
  color:white;
}
.uk-modal-dialog{
  border-radius: 40px;
}
.uk-card-default {
  margin:10px 10px;
  border-radius: 10px;
}
.modal-product{
  border-radius: 0px;
}
.uk-table th {
  color: black;
}
table.dataTable thead th, table.dataTable tfoot th{
  font-weight: 400;
}
.select2-container .select2-selection--single{
  height: 40px;
}
.select2-container--default .select2-selection--single{
  border-radius: 0px;
}
.select2-container--default .select2-search--inline .select2-search__field{
  padding-left: 5px;
}
.select2-container--default .select2-selection--multiple{
  border-radius: 0px;
  min-height: 40px;
}
.table-data{
  border: 1px solid grey;
}
.dataTables_length{
  margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  border: none;
  background: none;
}
table.dataTable tbody th, table.dataTable tbody td {
  border-left: solid grey 1px;
  border-bottom: 0.5px solid grey;
}
table.dataTable thead th, table.dataTable thead td{
  border-left: solid grey 1px;
  border-bottom: 0.5px solid grey;
}
.swal-button--danger{
  background-color: #e64942 !important;
}
.swal-button--cancel {
  color: #555;
  background-color: #efefef!important;
}
.margin-20{
  margin: 20px 20px;
}
.margin-section{
  margin-top: 35px;
}

.img-table{
  width: 100px;
  height: auto;
}
table.dataTable tbody th, table.dataTable tbody td .uk-button{
  margin-top: 5px;
}
.logo{
  max-height: 70px;
  width: auto;
}

.uk-navbar-nav>li>a {
  font-family: 'saira-semicondensed';
  color: #ea7915;
  font-size: large;
}
.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded=true]{color:#ffc508}
.uk-navbar-nav>li>a:active{color:rgb(247, 158, 26)}
.uk-navbar-nav>li.uk-active>a{color:#f3c69e}
.div-sosmed{
  padding-top: 10px;
}
.logo-sosmed{
  height: 30px;
  width: auto;
}
.child-navbar{
  padding-left: 10px!important;
}
.child-navbar > li > a {
  color:grey;
}
.text-about{
  font-family: 'exo';
  text-align: center;
}
.judul-tangerin{
  font-family: 'tangerin';
  color: #ea7915;
}

.uk-text-justify{
  text-align: justify;
  text-justify: inter-word;
}