@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}

.password {
  font-family: 'password';
}


body {
  /*font-family: system-ui, -apple-system, 
  'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';*/
}

html {
  font-family: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 1 */
  line-height: 1.5;
  /* 2 */
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url('../css/roboto/roboto-v27-latin-regular.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url('../css/roboto/roboto-v27-latin-italic.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-italic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url('../css/roboto/roboto-v27-latin-500.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-500.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url('../css/roboto/roboto-v27-latin-500italic.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-500italic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url('../css/roboto/roboto-v27-latin-700.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-700.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url('../css/roboto/roboto-v27-latin-700italic.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-700italic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 900;
  src: url('../css/roboto/roboto-v27-latin-900.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-900.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url('../css/roboto/roboto-v27-latin-900italic.woff2') format('woff2'), url('../css/roboto/roboto-v27-latin-900italic.woff') format('woff');
  font-display: swap;
}

@media (max-width: 900px) {
  .hidesm {
    display: none;
  }

}


#kameraupload {
  width:400px;
  height:800px;
  overflow-y:hidden;
}

.kamera {
  width:45px;
  height:auto;
}

img {
  display:unset;
}

.upload, .fileicon {
  width: auto;
  height: 25px;
  cursor: pointer;
  margin-right: 5px;
}

.fejltekst {
  color:red;
}

.pbbilag {
  margin-right: 10px;
  display:inline-flex;
}

.pbbslet {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.info {
  position: relative;
  /*top: 50px;
  left: 50px;*/
}

.tooltip {
  top: -10px;
  background-color: #fff;
  color: #000;
  border:1px solid #000;
  border-radius: 5px;
  /*opacity: 0;*/
  padding:15px;
  position: absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  display:none;
}

.info:hover .tooltip {
  /*opacity: 1;*/
  display: inline-block;
}

.hideme {
  visibility: hidden;
  height:0px;
}

.show {
  visibility: visible;
  height:unset;
}