/* Font Awesome */
@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css");


/* ---------------------------------------------------------
   Vasak külgriba
   --------------------------------------------------------- */

.sidebar {
  height: 90vh;
  overflow-y: auto;
  position: fixed;
  overflow: auto;
  width: 250px;
}

.sidebar-menu .treeview-menu {
  padding-left: 30px;
}


/* ---------------------------------------------------------
   Päis
   --------------------------------------------------------- */

.main-header .navbar {
  height: 50px;
}

.main-header .logo {
  font-size: 16px;
  text-align: left;
  width: 250px;
}

.skin-black .main-header .navbar > .sidebar-toggle {
  border-right: #fff;
}


/* ---------------------------------------------------------
   Tabid
   --------------------------------------------------------- */

.nav-tabs-custom > .nav-tabs > li.header {
  font-size: 18px;
}


/* ---------------------------------------------------------
   Aastate slider
   --------------------------------------------------------- */

.irs--shiny.irs-with-grid {
  height: 60px;
}

.irs--shiny .irs-grid-text {
  color: rgb(204, 204, 204);
}

.irs--shiny .irs-grid-pol {
  background-color: rgb(204, 204, 204);
}

.irs--shiny .irs-grid-pol.small {
  width: 0;
}


/* ---------------------------------------------------------
   Small box
   --------------------------------------------------------- */

.small-box.bg-yellow {
  background-color: #ff5725 !important;
  height: 110px;
}

.small-box.bg-blue {
  background-color: #2C5697 !important;
  height: 110px;
}

.small-box.bg-navy {
  background-color: #FFFFFF !important;
  border: 2px solid #2C5697;
  height: 110px;
  color: #2C5697 !important;
}

.small-box.bg-red {
  visibility: hidden;
}


/* ---------------------------------------------------------
   Box
   --------------------------------------------------------- */

.box.box-danger {
  box-shadow: none;
  border-top-width: 0;
}

.box.box-info {
  border-width: 0;
}

.box.box-info .box-header {
  display: none;
}


/* ---------------------------------------------------------
   Parempoolne controlbar
   --------------------------------------------------------- */

#controlbarID {
  height: 98vh;
  position: fixed;
  overflow-y: scroll;
}

#controlbarTitle {
  font-weight: bold;
  padding-left: 10px;
}

#update_button_wrapper {
  position: fixed;
  top: 60px;
  right: 15px;
  width: 210px;
  z-index: 3000;
  padding: 10px 0;
}

.control-sidebar {
  padding-top: 65px;
}


/* ---------------------------------------------------------
   Highcharts
   --------------------------------------------------------- */

.palgalohe-chart .highcharts-xaxis path:not(.highcharts-axis-line) {
  stroke: transparent !important;
  stroke-width: 0 !important;
}


/* ---------------------------------------------------------
   Üldine paigutus
   --------------------------------------------------------- */

.wrapper {
  overflow-x: clip !important;
  overflow-y: clip !important;
}

.shiny-output-error-validation {
  color: red;
  font-weight: bold;
}

.affix {
  top: 100px;
  position: absolute;
}


/* ---------------------------------------------------------
   Katvad kihid
   --------------------------------------------------------- */

.pole {
  position: absolute;
  background: #ecf0f5;
  z-index: 100;
  left: 0;
  right: 0;
  height: calc(100% - 70px);
  text-align: center;
  color: #000000;
  visibility: hidden;
}

.pole2 {
  position: absolute;
  background: #ecf0f5;
  z-index: 100;
  left: 0;
  right: 0;
  height: 600px;
  text-align: center;
  color: #000000;
  visibility: hidden;
}


/* ---------------------------------------------------------
   Mobiil
   --------------------------------------------------------- */

@media (max-width: 767px) {

  body:not(.control-sidebar-open) .content-wrapper,
  body:not(.control-sidebar-open) .main-footer,
  body:not(.control-sidebar-open) .right-side {
    margin-right: 0 !important;
  }

}