body {  
  font-family: 'Roboto', sans-serif !important;  
}
.ui.header {
    font-family: 'Roboto', sans-serif !important;
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    font-family: 'Roboto', sans-serif !important;
}
.ui.statistic>.value, .ui.statistics .statistic>.value {
    font-family: 'Roboto', sans-serif !important;
}
.ui.fixed.menu+.ui.grid {
  padding-top: 2.6rem;
}

.pusher {
  padding-bottom: 80px;
}
.ui.grid > .row > .column {
  padding-right: 0;
}
div.pushable {
  overflow: visible;
}
.ui.bottom.menu > .item {
  color: #7c7c7c;
}
.ui.bottom.menu > .active.item {
  color: #2185D0;
}
.ui.bottom.menu > .item:hover {
  color: #2185D0;
}
.ui.four.item.labeled.icon.menu span {
  font-size: 10px;
}
.ui.bottom.fixed.menu span {
  font-size: 12px;
}
.ui.floating.label {
  top: 1em;
  margin: 0em 0em 0em -3em !important;
}
.ui.menu {
  border-radius: 0 !important;
}
.ui.segment {
  border-radius: 0 !important;
}
.ui.top.attached.menu span,
.ui.bottom.attached.menu span {
  font-size: 10px;
  color: #000;
}

body > .container.default-page {
    margin: 0 auto;
    max-width: 450px;
    padding: 20px;
    border: solid 1px #e0e0e0;
    background-color: #fff;    
}

body > .container.default-page.cara-bayar {
    max-width: 560px;    
}

.container.default-page > div.header {
    margin: -20px -20px 20px;
    padding: 10px 15px;
    /*background-color: #00c402;*/
}

.container.cara-bayar > div.header {    
    background-color: #00c402;
}

.ui.table.order-detail {
    background-color: #f0fbf0;
    border: 1px dashed #ddd;
}

.ui.table.order-detail .header {
    font-size: 16px;
}

.transfer-notes {
    text-align: center;
    margin-top: 10px;
    background-color: #ffc412;    
    padding: 10px;
}

.transfer-notes > span {
    font-weight: bold;
}

.button.line {
    background-color: #00b300;
    color: #fff;
}

.button.line:hover {
    background-color: #00c900;
    color: #fff;
}