:root {
  --dgcs-color: #28B1A2;
}

html {
  scroll-behavior: smooth !important;
}

html, body {
  height: 100%;
  overflow-y: initial !important;
  font-family: 'Montserrat', sans-serif;
  border-left: none;
  border-right: none;
  padding: 0;
}

#view>div {
  background: #13202e!important;
  background-color: #13202e!important;
}

.hero.color {
  background-color: #13202e;
  background-image: url("/assets/img/panel-uzytkownika/background_main.jpg");
  background-size: cover;
}

.navbar.is-dark {
  background-color: #263343;
  border-bottom: 1px solid #334357;
  flex-wrap: wrap;
}

.navbar.is-dark>.navbar-menu.is-active {
  background-color: #263343;
  color: white;
}

.navbar.is-dark .navbar-item, .navbar.is-dark a.navbar-item:hover, .navbar.is-dark a.navbar-item.is-active {
  color: white;
}

.navbar.is-dark .navbar-brand>a.navbar-item:hover, .navbar.is-dark .navbar-end>a.navbar-item:hover, .navbar.is-dark .navbar-end>a.navbar-item.is-active {
  background-color: #151f2c;
}

.navbar-brand {
  margin-left: 0.5em;
}

.navbar.is-dark .navbar-end>a.navbar-item, .navbar.is-dark .navbar-end>a.navbar-item {
  border-right: 1px solid #334357;
  border-left: 1px solid #151f2c;
}

.nav-icon {
  margin-right: 0.8rem;
}

.nav-empty-right-border {
  border-right: 1px solid #334357;
  box-sizing: border-box;
}

.nav-bottom-border {
  border-bottom: 1px solid #151f2c;
  flex-basis: 100%;
  height: 0;
}

.is-minimalized {
  max-height: 25px !important;
  min-height: 25px !important;
}

.is-minimalized .navbar-menu .navbar-item img, .is-minimalized .nav-icon {
  display: none;
}

.is-minimalized .icon.nav-icon {
  margin-right: 0px;
  width: 0px;
}

.is-minimalized .navbar-item {
  padding-top: 0px;
  padding-bottom: 0px;
}

.is-minimalized .navbar-brand {
  min-height: 25px;
}

.is-minimalized .navbar-burger.burger {
  height: 25px;
}

.dash {
  border-bottom: 3px solid #28b1a2;
  width: 130px;
  height: 0px;
  display: inline-block;
  margin-right: 2em;
}

.small-dash {
  height: 4px;
  width: 31px;
  background-color: #28b1a2;
  margin-bottom: 1.5em;
}

.button.is-dgcs {
  background-color: var(--dgcs-color);
  color: white;
}

.button.is-dgcs:hover {
  background-color: #1B877B;
  color: white;
}

.has-text-underlined {
  text-decoration: underline;
}

.has-text-dgcs {
  color: var(--dgcs-color);
}

.box.box-milk {
  background-color: #f5f6f7;
}

.dgcs-form {
  padding-left: 3.5em;
  padding-right: 3.5em;
}


.button.dgcs-form {
  width:  12rem;
}

@media (max-width: 1408px) {
  .dgcs-form {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }
}


.form-label {
  font-size: 0.9rem;
}

.mb-1 {
  margin-bottom: 1em;
}

.mb-2 {
  margin-bottom: 2em;
}

.mb-3 {
  margin-bottom: 3em;
}

.mb-4c5 {
  margin-bottom: 4.5em;
}

.mt-1 {
  margin-top: 1em;
}

.mt-1c5 {
  margin-top: 1.5em;
}

.mt-3 {
  margin-top: 3em;
} */

.mt-4c5 {
  margin-top: 4.5em;
}

.mt-2 {
  margin-top: 2em !important;
}

.mtb-2 {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.modal-card-foot {
  justify-content: center;
}

@media (max-width: 1230px) {
  .navbar-item, .navbar-link {
    padding: .5rem .45rem;
  }
  .nav-icon {
    margin-right: 0.4rem;
  }
}

.navbar-item {
  align-items: center;
  display: flex;
}