html {
  scroll-behavior: smooth;
}
body {
    line-height: 1.2;
    scroll-behavior: smooth; 
    word-break: break-word;
}
.is-size-7 {
  font-size: 0.8rem !important;
}
.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  top:58%
}
:root {
    --bulma-size-normal: 0.85rem!important;
    --bulma-size-medium: 1.0rem!important;
}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=tel],select {
    border: 1px solid #d0d5dd;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
    padding:.5rem .875rem;
    border-radius: .5rem;
    min-height: 2.75rem;
    width:100%
}
input:required:valid + span::before {
  display: block;
  right: 14px;
  top: 12px;
  font-size: 0.8em !important;
  position: absolute;
  content:'check_circle';
  color:var(--bulma-success);
}
input:invalid + span::before {
  display: block;
  right: 14px;
  top: 12px;
  font-size: 0.8em !important;
  position: absolute; 
  content:'cancel';
  color:#eaeaea;
}
.select, select {
    width:100%!important
}
/*header*/
a.navbar-item, .navbar-link {
    background:none!important
}
a.navbar-item:hover {
  color:var(--bulma-primary);
}
.gicona {
    padding-right: 5px;
    font-size:1.3em!important;
}
.gicon {
    font-size:1.2em!important;
}
table {
    border: 1px solid #eaeaea;
}
table td {
    vertical-align: middle!important;
}
.table td, .table th {
    border-color:#eaeaea
}
.table thead td, .table thead th {
    border-width:0
}
/**/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bulma-background);;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 5px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .3s;
    transition: .3s;
  }
  
  input:checked + .slider {
    background-color: var(--bulma-primary);
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px var(--bulma-primary);
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
/**/
/*
#header {
    background-image: linear-gradient(120deg, #423fe4 15%, #423fe4c9 100%);
    background-image: linear-gradient(130deg, #f9f9f9 10%, #e9f2ff 100%);
    border-radius: 0.5em;
}*/
.shadow {
    -webkit-box-shadow: 0px 0px 8px 0px rgb(235 235 235);
    -moz-box-shadow: 0px 0px 8px 0px rgb(235 235 235);
    box-shadow: 0px 0px 8px 0px rgb(235 235 235);
    border: 1px solid #eaeaea;
}
.tooltip .tooltiptext {
  top: -1px;
  right: 115%;
  width:auto;
  font-size:0.9em;

  visibility: hidden;
  background-color: #1c1c1c;
  color: white;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;

  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
#footer a:hover {
  color: var(--bulma-primary)!important
}
.modal-background {
  background-color: hsl(0deg 0% 0% / 65%);
}
.modal-card-title {
  flex-shrink: 1;
}
.blokk {
  border: 1px solid #e5e7eb;
  border-radius: 0.5em;
  box-shadow:  0 1px 2px 0 rgba(0,0,0,.05);
  background-color:white;
}
.breadcrumb a:hover, .blokk li a:hover {
  color: var(--bulma-primary)!important;
}
.has-text-weight-bold {
  font-weight: 600!important;
}
.toastify {
  border-radius: 0.5em; 
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  background-color: white!important;
}
.successToast {
  color:black;
  font-size: 1.0em;
  display: flex;
  align-items: center;
  background-color: #edfcf3 !important;
  color: #116931;
  min-width: 60%!important;
  border: 1px solid hsl(142deg 72% 24% / 50%);
}
.successToast:before {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  content:"\e86c";
  color:#116931;
  padding-right: 5px;
  font-size:1.5em;
}
.dangerToast {
  color:black;
  font-size:1.0em;
  display:flex;
  align-items: center;
  background-color: #feebeb!important;
  color: #c20505;
  min-width: 60%!important;
  border: 1px solid hsl(0deg 95% 39% / 50%);
}
.dangerToast:before {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  content:"\e5c9";
  color:#c20505;
  padding-right: 5px;
  font-size:1.5em;
}
.revealPw {
  position:absolute;
  right:5px;
  padding:5px;
  top: 53%;
  transform: translateY(-50%);
  display:block;
  color:#dddddd;
}
.revealPw span {
  font-size:1.4em;
}
.revealPw:hover {
  color:var(--bulma-primary);
}
.help {
  font-size:0.85em!important;
}