body {
  font-family: 'Lato', sans-serif;
}

.navbar {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  /* box-shadow: 0 1px 1px 1px grey; */
}

@media screen and (max-width: 1280px) {
  #navbar {
    font-size: 14px;
  }
}


/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }




.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.material-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}


.btn-besar {
  /* background: #F8F8F8; */
  border: 5px dashed #ffffff;
  width: 320px;
  height: 240px;
  text-align: center;
}

.img-brand {
    width:30px;
    height: 30px;
}

/* table{
  white-space: nowrap;
} */


.back-to-top {
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  cursor: pointer;
  display:block;
}

.thumb {
  width: 300px;
  height: 225px;
  float: none;
  position: relative;
}


.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

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

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.tdmargin-0{
  margin-left: 0px;
}

.tdmargin-30{
  margin-left: 30px;
}

.tdmargin-60{
  margin-left: 60px;
}

.tdmargin-90{
  margin-left: 90px;
}

.trBold{
  font-weight:bold
}