html {
  overflow-y: hidden;
}

body {
  background-color: #F1F8FB;
}

#appContent{
  margin-top:7rem;
  margin-bottom: 10rem;
}

.blueColor {
  color: #2185D0 !important;
}

.blueSikerja{
  color : #083960 !important;  
}

.rightFloated {
  float: right;
}

.cursorLink {
  cursor: pointer;
}

.sikerjaBg {
  height: calc(100vh - 240px) ;
}

.hiddenFirst {
  margin-top:0rem !important;
  display : none;
}

.desktopHeader{
  display : block;
}

.mobileHeader{
  display : none;
}

.fotoBerita{
  display: block;
  width:150px;
  height:90px;
  margin-left:auto !important;
  margin-right:auto !important;
}

.chartMenu > .active.item {
  background-color: #2185D0 !important;
  color : white !important;
}

.bottomMenu > .active.item {
    background-color: #2185D0 !important;
}

.bottomMenu > .active.item > h5 > .content{
  color: white !important;
}

.maxChart{
  height: 200px;
}

@media only screen and (max-width: 768px) {
  html {
    overflow-y: scroll;
    scroll-behavior: smooth;
  }

  .fotoBerita{
    display:none !important;
  }

  .mobileHalfFontSize{
    font-size: 60% !important;
  }


  .mobileSubHeaderFontSize{
    font-size : 50% !important;
  }

  .mobileMargin{
    margin-top:-5rem !important;
  }
}

@media only screen and (max-width: 600px) {

  .desktopHeader{
    display : none !important;
  }
  
  .mobileHeader{
    display : block !important;
  }
}