@charset "UTF-8";


@font-face {
  font-family: 'BN-sans Regular';
  src: url('../fonts/BNSans-Regular.otf'); /* IE9 Compat Modes */
  src: url('../fonts/BNSans-Regular.otf?#iefix') format('opentype'), /* IE6-IE8 */	  
       url('../fonts/BNSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/BNSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BNSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/PTS55F-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'BN-sans Black';
  src: url('../fonts/BNSans-Black.otf'); /* IE9 Compat Modes */
  src: url('../fonts/BNSans-Black.otf?#iefix') format('opentype'), /* IE6-IE8 */	  
       url('../fonts/BNSans-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/BNSans-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BNSans-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/PTS55F-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'BN-sans SemiBold';
  src: url('../fonts/BNSans-SemiBold.otf'); /* IE9 Compat Modes */
  src: url('../fonts/BNSans-SemiBold.otf?#iefix') format('opentype'), /* IE6-IE8 */	  
       url('../fonts/BNSans-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/BNSans-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BNSans-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/PTS55F-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body {
    font-family: BN-sans Regular, "Segoe UI", Roboto, sans-serif;
    background-color: #e4f7f7;
}

h1 {
    font-family: BN-Sans Black, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #0799a6;
	font-weight: 900;
}

.highlight {
    color: #fff;
	font-weight: 900;
	background-color: #0799a6;
	padding: 5px;
}

.btn-primary {
    color: #fff;
	font-weight: 900;
	background-color: #0799a6;
	padding-top: 15px;
	padding-bottom: 15px;
}

.btn-primary:hover {
    color: #fff;
	background-color: #016B74;
}
.btn-primary:active {
    color: #fff;
	background-color: #016B74;
}
.btn-primary:visited {
    color: #fff;
	background-color: #0799a6;
}

/* Egen anpassad stil */

/* Bakgrundsfärg för bekräftelserutan */
.modal-content.custom-modal {
    background-color: #e4f7f7; /* Din komplementfärg */
}

/* Färg på kryssrutans kryss */
.form-check-input:checked {
    background-color: #0799a6; /* Din basfärg */
    border-color: #0799a6; /* Din basfärg */
}

/* Fix för kryssrutans standardbakgrund */
.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}