/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html {
    box-sizing: border-box;
    scroll-behavior: auto;
    /* scroll-behavior: smooth; */
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-family: sans-serif;
    color: #191918;
    background-color: #fffbfb;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block;
}
summary {
    display: list-item;
}
audio,
canvas,
progress,
video {
    display: inline-block;
}
progress {
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: none;
    background-color: transparent;
}
a:active,
a:hover {
    outline-width: 0;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
figure {
    margin: 1em 40px;
}
img {
    border-style: none;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
button,
input,
select,
textarea,
optgroup {
    font: inherit;
    margin: 0;
}
optgroup {
    font-weight: bold;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
/* End extract */
html,
body {
    font-family: Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}
html {
    overflow-x: hidden;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
.w3-serif {
    font-family: serif;
}
.w3-sans-serif {
    font-family: sans-serif;
}
.w3-cursive {
    font-family: cursive;
}
.w3-monospace {
    font-family: monospace;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    margin: 10px 0;
}
.w3-wide {
    letter-spacing: 4px;
}
hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 20px 0;
}
.w3-image {
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
}
a {
    color: inherit;
}
.w3-table,
.w3-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table;
}
.w3-table-all {
    border: 1px solid #ccc;
}
.w3-bordered tr,
.w3-table-all tr {
    border-bottom: 1px solid #ddd;
}
.w3-striped tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}
.w3-table-all tr:nth-child(odd) {
    background-color: #fff;
}
.w3-table-all tr:nth-child(even) {
    background-color: #f1f1f1;
}
.w3-hoverable tbody tr:hover,
.w3-ul.w3-hoverable li:hover {
    background-color: #ccc;
}
.w3-centered tr th,
.w3-centered tr td {
    text-align: center;
}
.w3-table td,
.w3-table th,
.w3-table-all td,
.w3-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
}
.w3-table th:first-child,
.w3-table td:first-child,
.w3-table-all th:first-child,
.w3-table-all td:first-child {
    padding-left: 16px;
}
.w3-btn,
.w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.w3-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.w3-btn,
.w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.w3-disabled,
.w3-btn:disabled,
.w3-button:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}
.w3-disabled *,
:disabled * {
    pointer-events: none;
}
.w3-btn.w3-disabled:hover,
.w3-btn:disabled:hover {
    box-shadow: none;
}
.w3-badge,
.w3-tag {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}
.w3-badge {
    border-radius: 50%;
}
.w3-ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.w3-ul li {
    padding: 8px 16px;
    border-bottom: 1px solid #ddd;
}
.w3-ul li:last-child {
    border-bottom: none;
}
.w3-tooltip,
.w3-display-container {
    position: relative;
}
.w3-tooltip .w3-text {
    display: none;
}
.w3-tooltip:hover .w3-text {
    display: inline-block;
}
.w3-ripple:active {
    opacity: 0.5;
}
.w3-ripple {
    transition: opacity 0s;
}
.w3-input {
    padding: 8px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.w3-select {
    padding: 9px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
}
.w3-dropdown-click,
.w3-dropdown-hover {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.w3-dropdown-hover:hover .w3-dropdown-content {
    display: block;
}
.w3-dropdown-hover:first-child,
.w3-dropdown-click:hover {
    background-color: #ccc;
    color: #000;
}
.w3-dropdown-hover:hover > .w3-button:first-child,
.w3-dropdown-click:hover > .w3-button:first-child {
    background-color: #ccc;
    color: #000;
}
.w3-dropdown-content {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.w3-check,
.w3-radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
}
.w3-sidebar {
    height: 100%;
    width: 200px;
    background-color: #fff;
    position: fixed !important;
    z-index: 1;
    overflow: auto;
}
.w3-bar-block .w3-dropdown-hover,
.w3-bar-block .w3-dropdown-click {
    width: 100%;
}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
    min-width: 100%;
}
.w3-bar-block .w3-dropdown-hover .w3-button,
.w3-bar-block .w3-dropdown-click .w3-button {
    width: 100%;
    text-align: left;
    padding: 8px 16px;
}
.w3-main,
#main {
    transition: margin-left 0.4s;
}
.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px;
}
.w3-bar {
    width: 100%;
    overflow: hidden;
}
.w3-center .w3-bar {
    display: inline-block;
    width: auto;
}
.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
}
.w3-bar .w3-dropdown-hover,
.w3-bar .w3-dropdown-click {
    position: static;
    float: left;
}
.w3-bar .w3-button {
    white-space: normal;
}
.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
}
.w3-bar-block.w3-center .w3-bar-item {
    text-align: center;
}
.w3-block {
    display: block;
    width: 100%;
}
.w3-responsive {
    display: block;
    overflow-x: auto;
}
.w3-container:after,
.w3-container:before,
.w3-panel:after,
.w3-panel:before,
.w3-row:after,
.w3-row:before,
.w3-row-padding:after,
.w3-row-padding:before,
.w3-cell-row:before,
.w3-cell-row:after,
.w3-clear:after,
.w3-clear:before,
.w3-bar:before,
.w3-bar:after {
    content: "";
    display: table;
    clear: both;
}
.w3-col,
.w3-half,
.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter {
    float: left;
    width: 100%;
}
.w3-col.s1 {
    width: 8.33333%;
}
.w3-col.s2 {
    width: 16.66666%;
}
.w3-col.s3 {
    width: 24.99999%;
}
.w3-col.s4 {
    width: 33.33333%;
}
.w3-col.s5 {
    width: 41.66666%;
}
.w3-col.s6 {
    width: 49.99999%;
}
.w3-col.s7 {
    width: 58.33333%;
}
.w3-col.s8 {
    width: 66.66666%;
}
.w3-col.s9 {
    width: 74.99999%;
}
.w3-col.s10 {
    width: 83.33333%;
}
.w3-col.s11 {
    width: 91.66666%;
}
.w3-col.s12 {
    width: 99.99999%;
}
@media (min-width: 601px) {
    .w3-col.m1 {
        width: 8.33333%;
    }
    .w3-col.m2 {
        width: 16.66666%;
    }
    .w3-col.m3,
    .w3-quarter {
        width: 24.99999%;
    }
    .w3-col.m4,
    .w3-third {
        width: 33.33333%;
    }
    .w3-col.m5 {
        width: 41.66666%;
    }
    .w3-col.m6,
    .w3-half {
        width: 49.99999%;
    }
    .w3-col.m7 {
        width: 58.33333%;
    }
    .w3-col.m8,
    .w3-twothird {
        width: 66.66666%;
    }
    .w3-col.m9,
    .w3-threequarter {
        width: 74.99999%;
    }
    .w3-col.m10 {
        width: 83.33333%;
    }
    .w3-col.m11 {
        width: 91.66666%;
    }
    .w3-col.m12 {
        width: 99.99999%;
    }
}
@media (min-width: 993px) {
    .w3-col.l1 {
        width: 8.33333%;
    }
    .w3-col.l2 {
        width: 16.66666%;
    }
    .w3-col.l3 {
        width: 24.99999%;
    }
    .w3-col.l4 {
        width: 33.33333%;
    }
    .w3-col.l5 {
        width: 41.66666%;
    }
    .w3-col.l6 {
        width: 49.99999%;
    }
    .w3-col.l7 {
        width: 58.33333%;
    }
    .w3-col.l8 {
        width: 66.66666%;
    }
    .w3-col.l9 {
        width: 74.99999%;
    }
    .w3-col.l10 {
        width: 83.33333%;
    }
    .w3-col.l11 {
        width: 91.66666%;
    }
    .w3-col.l12 {
        width: 99.99999%;
    }
}
.w3-rest {
    overflow: hidden;
}
.w3-stretch {
    margin-left: -16px;
    margin-right: -16px;
}
.w3-content,
.w3-auto {
    margin-left: auto;
    margin-right: auto;
}
.w3-content {
    max-width: 980px;
}
.w3-auto {
    max-width: 1140px;
}
.w3-cell-row {
    display: table;
    width: 100%;
}
.w3-cell {
    display: table-cell;
}
.w3-cell-top {
    vertical-align: top;
}
.w3-cell-middle {
    vertical-align: middle;
}
.w3-cell-bottom {
    vertical-align: bottom;
}
.w3-hide {
    display: none !important;
}
.w3-show-block,
.w3-show {
    display: block !important;
}
.w3-show-inline-block {
    display: inline-block !important;
}
@media (max-width: 1205px) {
    .w3-auto {
        max-width: 95%;
    }
}
@media (max-width: 600px) {
    .w3-modal-content {
        margin: 0 10px;
        width: auto !important;
    }
    .w3-modal {
        padding-top: 30px;
    }
    .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
    .w3-dropdown-click.w3-mobile .w3-dropdown-content {
        position: relative;
    }
    .w3-hide-small {
        display: none !important;
    }
    .w3-mobile {
        display: block;
        width: 100% !important;
    }
    .w3-bar-item.w3-mobile,
    .w3-dropdown-hover.w3-mobile,
    .w3-dropdown-click.w3-mobile {
        text-align: center;
    }
    .w3-dropdown-hover.w3-mobile,
    .w3-dropdown-hover.w3-mobile .w3-btn,
    .w3-dropdown-hover.w3-mobile .w3-button,
    .w3-dropdown-click.w3-mobile,
    .w3-dropdown-click.w3-mobile .w3-btn,
    .w3-dropdown-click.w3-mobile .w3-button {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .w3-modal-content {
        width: 500px;
    }
    .w3-modal {
        padding-top: 50px;
    }
}
@media (min-width: 993px) {
    .w3-modal-content {
        width: 900px;
    }
    .w3-hide-large {
        display: none !important;
    }
    .w3-sidebar.w3-collapse {
        display: block !important;
    }
}
@media (max-width: 992px) and (min-width: 601px) {
    .w3-hide-medium {
        display: none !important;
    }
}
@media (max-width: 992px) {
    .w3-sidebar.w3-collapse {
        display: none;
    }
    .w3-main {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .w3-auto {
        max-width: 100%;
    }
}
.w3-top,
.w3-bottom {
    position: fixed;
    width: 100%;
    z-index: 1;
}
.w3-top {
    top: 0;
}
.w3-bottom {
    bottom: 0;
}
.w3-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.w3-display-topleft {
    position: absolute;
    left: 0;
    top: 0;
}
.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0;
}
.w3-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0;
}
.w3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0;
}
.w3-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%);
}
.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}
.w3-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.w3-display-container:hover .w3-display-hover {
    display: block;
}
.w3-display-container:hover span.w3-display-hover {
    display: inline-block;
}
.w3-display-hover {
    display: none;
}
.w3-display-position {
    position: absolute;
}
.w3-circle {
    border-radius: 50%;
}
.w3-round-small {
    border-radius: 2px;
}
.w3-round,
.w3-round-medium {
    border-radius: 4px;
}
.w3-round-large {
    border-radius: 8px;
}
.w3-round-xlarge {
    border-radius: 16px;
}
.w3-round-xxlarge {
    border-radius: 32px;
}
.w3-row-padding,
.w3-row-padding > .w3-half,
.w3-row-padding > .w3-third,
.w3-row-padding > .w3-twothird,
.w3-row-padding > .w3-threequarter,
.w3-row-padding > .w3-quarter,
.w3-row-padding > .w3-col {
    padding: 0 8px;
}
.w3-container,
.w3-panel {
    padding: 0.01em 16px;
}
.w3-container_2,
.w3-panel {
    padding: 0.01em 0px;
}
.w3-container-tag1{
    padding: 0.01em 0px;
}
.w3-panel {
    margin-top: 16px;
    margin-bottom: 16px;
}
.w3-code,
.w3-codespan {
    font-family: Consolas, "courier new";
    font-size: 16px;
}
.w3-code {
    width: auto;
    background-color: #fff;
    padding: 8px 12px;
    border-left: 4px solid #4caf50;
    word-wrap: break-word;
}
.w3-codespan {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 110%;
}
.w3-card,
.w3-card-2 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.w3-card-4,
.w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.w3-spin {
    animation: w3-spin 2s infinite linear;
}
@keyframes w3-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.w3-animate-fading {
    animation: fading 10s infinite;
}
@keyframes fading {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.w3-animate-opacity {
    animation: opac 0.8s;
}
@keyframes opac {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s;
}
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
.w3-animate-left {
    position: relative;
    animation: animateleft 0.4s;
}
@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0;
    }
    to {
        left: 0;
        opacity: 1;
    }
}
.w3-animate-right {
    position: relative;
    animation: animateright 0.4s;
}
@keyframes animateright {
    from {
        right: -300px;
        opacity: 0;
    }
    to {
        right: 0;
        opacity: 1;
    }
}
.w3-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s;
}
@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}
.w3-animate-zoom {
    animation: animatezoom 0.6s;
}
@keyframes animatezoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
.w3-animate-input {
    transition: width 0.4s ease-in-out;
}
.w3-animate-input:focus {
    width: 100% !important;
}
.w3-opacity,
.w3-hover-opacity:hover {
    opacity: 0.6;
}
.w3-opacity-off,
.w3-hover-opacity-off:hover {
    opacity: 1;
}
.w3-opacity-max {
    opacity: 0.25;
}
.w3-opacity-min {
    opacity: 0.75;
}
.w3-greyscale-max,
.w3-grayscale-max,
.w3-hover-greyscale:hover,
.w3-hover-grayscale:hover {
    filter: grayscale(100%);
}
.w3-greyscale,
.w3-grayscale {
    filter: grayscale(75%);
}
.w3-greyscale-min,
.w3-grayscale-min {
    filter: grayscale(50%);
}
.w3-sepia {
    filter: sepia(75%);
}
.w3-sepia-max,
.w3-hover-sepia:hover {
    filter: sepia(100%);
}
.w3-sepia-min {
    filter: sepia(50%);
}
.w3-tiny {
    font-size: 10px !important;
}
.w3-small {
    font-size: 12px !important;
}
.w3-medium {
    font-size: 15px !important;
}
.w3-large {
    font-size: 18px !important;
}
.w3-xlarge {
    font-size: 24px !important;
}
.w3-xxlarge {
    font-size: 36px !important;
}
.w3-xxxlarge {
    font-size: 48px !important;
}
.w3-jumbo {
    font-size: 64px !important;
}
.w3-left-align {
    text-align: left !important;
}
.w3-right-align {
    text-align: right !important;
}
.w3-justify {
    text-align: justify !important;
}
.w3-center {
    text-align: center !important;
}
.w3-border-0 {
    border: 0 !important;
}
.w3-border {
    border: 1px solid #ccc !important;
}
.w3-border-top {
    border-top: 1px solid #ccc !important;
}
.w3-border-bottom {
    border-bottom: 1px solid #ccc !important;
}
.w3-border-left {
    border-left: 1px solid #ccc !important;
}
.w3-border-right {
    border-right: 1px solid #ccc !important;
}
.w3-topbar {
    border-top: 6px solid #ccc !important;
}
.w3-bottombar {
    border-bottom: 6px solid #ccc !important;
}
.w3-leftbar {
    border-left: 6px solid #ccc !important;
}
.w3-rightbar {
    border-right: 6px solid #ccc !important;
}
.w3-section,
.w3-code {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.w3-margin {
    margin: 16px !important;
}
.w3-margin-top {
    margin-top: 16px !important;
}
.w3-margin-bottom {
    margin-bottom: 16px !important;
}
.w3-margin-left {
    margin-left: 16px !important;
}
.w3-margin-right {
    margin-right: 16px !important;
}
.w3-padding-small {
    padding: 4px 8px !important;
}
.w3-padding {
    padding: 8px 16px !important;
}
.w3-padding-large {
    padding: 12px 24px !important;
}
.w3-padding-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.w3-padding-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.w3-padding-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
.w3-padding-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.w3-padding-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}
.w3-padding-top-64 {
    padding-top: 64px !important;
}
.w3-padding-top-48 {
    padding-top: 48px !important;
}
.w3-padding-top-32 {
    padding-top: 32px !important;
}
.w3-padding-top-24 {
    padding-top: 24px !important;
}
.w3-left {
    float: left !important;
}
.w3-right {
    float: right !important;
}
.w3-button:hover {
    color: #000 !important;
    background-color: #ccc !important;
}
.w3-transparent,
.w3-hover-none:hover {
    background-color: transparent !important;
}
.w3-hover-none:hover {
    box-shadow: none !important;
}
/* Colors */
.w3-amber,
.w3-hover-amber:hover {
    color: #000 !important;
    background-color: #ffc107 !important;
}
.w3-aqua,
.w3-hover-aqua:hover {
    color: #000 !important;
    background-color: #00ffff !important;
}
.w3-blue,
.w3-hover-blue:hover {
    color: #fff !important;
    background-color: #2196f3 !important;
}
.w3-light-blue,
.w3-hover-light-blue:hover {
    color: #000 !important;
    background-color: #87ceeb !important;
}
.w3-brown,
.w3-hover-brown:hover {
    color: #fff !important;
    background-color: #795548 !important;
}
.w3-cyan,
.w3-hover-cyan:hover {
    color: #000 !important;
    background-color: #00bcd4 !important;
}
.w3-blue-grey,
.w3-hover-blue-grey:hover,
.w3-blue-gray,
.w3-hover-blue-gray:hover {
    color: #fff !important;
    background-color: #607d8b !important;
}
.w3-green,
.w3-hover-green:hover {
    color: #fff !important;
    background-color: #4caf50 !important;
}
.w3-light-green,
.w3-hover-light-green:hover {
    color: #000 !important;
    background-color: #8bc34a !important;
}
.w3-indigo,
.w3-hover-indigo:hover {
    color: #fff !important;
    background-color: #3f51b5 !important;
}
.w3-khaki,
.w3-hover-khaki:hover {
    color: #000 !important;
    background-color: #f0e68c !important;
}
.w3-lime,
.w3-hover-lime:hover {
    color: #000 !important;
    background-color: #cddc39 !important;
}
.w3-orange,
.w3-hover-orange:hover {
    color: #000 !important;
    background-color: #ff9800 !important;
}
.w3-deep-orange,
.w3-hover-deep-orange:hover {
    color: #fff !important;
    background-color: #ff5722 !important;
}
.w3-pink,
.w3-hover-pink:hover {
    color: #fff !important;
    background-color: #e91e63 !important;
}
.w3-purple,
.w3-hover-purple:hover {
    color: #fff !important;
    background-color: #9c27b0 !important;
}
.w3-deep-purple,
.w3-hover-deep-purple:hover {
    color: #fff !important;
    background-color: #673ab7 !important;
}
.w3-red,
.w3-hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important;
}
.w3-sand,
.w3-hover-sand:hover {
    color: #000 !important;
    background-color: #fdf5e6 !important;
}
.w3-teal,
.w3-hover-teal:hover {
    color: #fff !important;
    background-color: #009688 !important;
}
.w3-yellow,
.w3-hover-yellow:hover {
    color: #000 !important;
    background-color: #ffeb3b !important;
}
.w3-white,
.w3-hover-white:hover {
    color: #000 !important;
    background-color: #fff !important;
}
.w3-black,
.w3-hover-black:hover {
    color: #fff !important;
    background-color: #000 !important;
}
.w3-grey,
.w3-hover-grey:hover,
.w3-gray,
.w3-hover-gray:hover {
    color: #000 !important;
    background-color: #9e9e9e !important;
}
.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important;
}
.w3-dark-grey,
.w3-hover-dark-grey:hover,
.w3-dark-gray,
.w3-hover-dark-gray:hover {
    color: #fff !important;
    background-color: #616161 !important;
}
.w3-pale-red,
.w3-hover-pale-red:hover {
    color: #000 !important;
    background-color: #ffdddd !important;
}
.w3-pale-green,
.w3-hover-pale-green:hover {
    color: #000 !important;
    background-color: #ddffdd !important;
}
.w3-pale-yellow,
.w3-hover-pale-yellow:hover {
    color: #000 !important;
    background-color: #ffffcc !important;
}
.w3-pale-blue,
.w3-hover-pale-blue:hover {
    color: #000 !important;
    background-color: #ddffff !important;
}
.w3-text-amber,
.w3-hover-text-amber:hover {
    color: #ffc107 !important;
}
.w3-text-aqua,
.w3-hover-text-aqua:hover {
    color: #00ffff !important;
}
.w3-text-blue,
.w3-hover-text-blue:hover {
    color: #2196f3 !important;
}
.w3-text-light-blue,
.w3-hover-text-light-blue:hover {
    color: #87ceeb !important;
}
.w3-text-brown,
.w3-hover-text-brown:hover {
    color: #795548 !important;
}
.w3-text-cyan,
.w3-hover-text-cyan:hover {
    color: #00bcd4 !important;
}
.w3-text-blue-grey,
.w3-hover-text-blue-grey:hover,
.w3-text-blue-gray,
.w3-hover-text-blue-gray:hover {
    color: #607d8b !important;
}
.w3-text-green,
.w3-hover-text-green:hover {
    color: #4caf50 !important;
}
.w3-text-light-green,
.w3-hover-text-light-green:hover {
    color: #8bc34a !important;
}
.w3-text-indigo,
.w3-hover-text-indigo:hover {
    color: #3f51b5 !important;
}
.w3-text-khaki,
.w3-hover-text-khaki:hover {
    color: #b4aa50 !important;
}
.w3-text-lime,
.w3-hover-text-lime:hover {
    color: #cddc39 !important;
}
.w3-text-orange,
.w3-hover-text-orange:hover {
    color: #ff9800 !important;
}
.w3-text-deep-orange,
.w3-hover-text-deep-orange:hover {
    color: #ff5722 !important;
}
.w3-text-pink,
.w3-hover-text-pink:hover {
    color: #e91e63 !important;
}
.w3-text-purple,
.w3-hover-text-purple:hover {
    color: #9c27b0 !important;
}
.w3-text-deep-purple,
.w3-hover-text-deep-purple:hover {
    color: #673ab7 !important;
}
.w3-text-red,
.w3-hover-text-red:hover {
    color: #f44336 !important;
}
.w3-text-sand,
.w3-hover-text-sand:hover {
    color: #fdf5e6 !important;
}
.w3-text-teal,
.w3-hover-text-teal:hover {
    color: #009688 !important;
}
.w3-text-yellow,
.w3-hover-text-yellow:hover {
    color: #d2be0e !important;
}
.w3-text-white,
.w3-hover-text-white:hover {
    color: #fff !important;
}
.w3-text-black,
.w3-hover-text-black:hover {
    color: #000 !important;
}
.w3-text-grey,
.w3-hover-text-grey:hover,
.w3-text-gray,
.w3-hover-text-gray:hover {
    color: #757575 !important;
}
.w3-text-light-grey,
.w3-hover-text-light-grey:hover,
.w3-text-light-gray,
.w3-hover-text-light-gray:hover {
    color: #f1f1f1 !important;
}
.w3-text-dark-grey,
.w3-hover-text-dark-grey:hover,
.w3-text-dark-gray,
.w3-hover-text-dark-gray:hover {
    color: #3a3a3a !important;
}
.w3-border-amber,
.w3-hover-border-amber:hover {
    border-color: #ffc107 !important;
}
.w3-border-aqua,
.w3-hover-border-aqua:hover {
    border-color: #00ffff !important;
}
.w3-border-blue,
.w3-hover-border-blue:hover {
    border-color: #2196f3 !important;
}
.w3-border-light-blue,
.w3-hover-border-light-blue:hover {
    border-color: #87ceeb !important;
}
.w3-border-brown,
.w3-hover-border-brown:hover {
    border-color: #795548 !important;
}
.w3-border-cyan,
.w3-hover-border-cyan:hover {
    border-color: #00bcd4 !important;
}
.w3-border-blue-grey,
.w3-hover-border-blue-grey:hover,
.w3-border-blue-gray,
.w3-hover-border-blue-gray:hover {
    border-color: #607d8b !important;
}
.w3-border-green,
.w3-hover-border-green:hover {
    border-color: #4caf50 !important;
}
.w3-border-light-green,
.w3-hover-border-light-green:hover {
    border-color: #8bc34a !important;
}
.w3-border-indigo,
.w3-hover-border-indigo:hover {
    border-color: #3f51b5 !important;
}
.w3-border-khaki,
.w3-hover-border-khaki:hover {
    border-color: #f0e68c !important;
}
.w3-border-lime,
.w3-hover-border-lime:hover {
    border-color: #cddc39 !important;
}
.w3-border-orange,
.w3-hover-border-orange:hover {
    border-color: #ff9800 !important;
}
.w3-border-deep-orange,
.w3-hover-border-deep-orange:hover {
    border-color: #ff5722 !important;
}
.w3-border-pink,
.w3-hover-border-pink:hover {
    border-color: #e91e63 !important;
}
.w3-border-purple,
.w3-hover-border-purple:hover {
    border-color: #9c27b0 !important;
}
.w3-border-deep-purple,
.w3-hover-border-deep-purple:hover {
    border-color: #673ab7 !important;
}
.w3-border-red,
.w3-hover-border-red:hover {
    border-color: #f44336 !important;
}
.w3-border-sand,
.w3-hover-border-sand:hover {
    border-color: #fdf5e6 !important;
}
.w3-border-teal,
.w3-hover-border-teal:hover {
    border-color: #009688 !important;
}
.w3-border-yellow,
.w3-hover-border-yellow:hover {
    border-color: #ffeb3b !important;
}
.w3-border-white,
.w3-hover-border-white:hover {
    border-color: #fff !important;
}
.w3-border-black,
.w3-hover-border-black:hover {
    border-color: #000 !important;
}
.w3-border-grey,
.w3-hover-border-grey:hover,
.w3-border-gray,
.w3-hover-border-gray:hover {
    border-color: #9e9e9e !important;
}
.w3-border-light-grey,
.w3-hover-border-light-grey:hover,
.w3-border-light-gray,
.w3-hover-border-light-gray:hover {
    border-color: #f1f1f1 !important;
}
.w3-border-dark-grey,
.w3-hover-border-dark-grey:hover,
.w3-border-dark-gray,
.w3-hover-border-dark-gray:hover {
    border-color: #616161 !important;
}
.w3-border-pale-red,
.w3-hover-border-pale-red:hover {
    border-color: #ffe7e7 !important;
}
.w3-border-pale-green,
.w3-hover-border-pale-green:hover {
    border-color: #e7ffe7 !important;
}
.w3-border-pale-yellow,
.w3-hover-border-pale-yellow:hover {
    border-color: #ffffcc !important;
}
.w3-border-pale-blue,
.w3-hover-border-pale-blue:hover {
    border-color: #e7ffff !important;
}

.w3-img {
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.w3-img:hover {
    opacity: 0.5;
}
#imgw3 {
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.w3-img-kund {
    width: 100%;
    max-width: 600px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    animation: kund_animera 5s steps(400, end);
}
.w3-img-anv {
    max-width: 200px;
    margin-top: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.cropped_profil_stor,
.arkiv_cropped_profil_stor {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    object-fit: cover;
    border-radius: 50%;
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_profil_stor:hover {
    opacity: 0.5;
}
.arkiv_cropped_profil_stor:hover {
    opacity: 0.5;
}
.cropped_profil_stor_med,
.arkiv_cropped_profil_stor_med {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    object-fit: cover;
    border-radius: 50%;
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border: 0px solid red !important;
}
.cropped_profil_stor_med:hover {
    border: 0px solid red !important;
    opacity: 0.1;
}
.arkiv_cropped_profil_stor_med:hover {
    border: 0px solid red !important;
    opacity: 0.1;
}
.arkiv_shake {
    animation: shake 0.5s;
    animation-iteration-count: 10;
}

.cropped_profil_link {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    object-fit: cover;
    border-radius: 50%;
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_profil_link:hover {
    opacity: 0.5;
}
.cropped_profil {
    width: 50px; /* width of container */
    height: 50px; /* height of container */
    object-fit: cover;
    border-radius: 50%;
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_profil:hover {
    opacity: 0.7;
}
.cropped_profil_emb {
    width: 50px; /* width of container */
    height: 50px; /* height of container */
    border: 3px solid #7092be !important;
    object-fit: cover;
    border-radius: 50%;
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_profil_emb:hover {
    opacity: 0.7;
    border: 0px solid #7092be !important;
}

.cropped_sid_upp {
    width: 30px; /* width of container */
    height: 30px; /* height of container */
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sid_upp:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid green !important;
    opacity: 1;
}
.cropped_sid_akt {
    width: 30px; /* width of container */
    height: 30px; /* height of container */
    border: 4px solid orange !important;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sid_akt:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid orange !important;
    opacity: 1;
}
.cropped_sid_emb {
    width: 30px; /* width of container */
    height: 30px; /* height of container */
    border: 3px solid #7092be !important;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sid_emb:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid #7092be !important;
    opacity: 1;
}

.cropped_sid_med {
    width: 30px; /* width of container */
    height: 30px; /* height of container */
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border: 0px solid red !important;
}
.cropped_sid_med:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid red !important;
    opacity: 0.1;
}
.cropped_sid_menu {
    width: 22px; /* width of container */
    height: 22px; /* height of container */
    margin: 8px 10px 0 0;
    object-fit: cover;
    border-radius: 50%;
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sid_menu:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
}
.cropped_play_bild {
    width: 22px; /* width of container */
    height: 22px; /* height of container */
    margin: 0 10px 4px 0;
    object-fit: cover;
    border-radius: 50%;
}
.cropped_play_next_bild {
    width: 40px; /* width of container */
    height: 40px; /* height of container */
    margin: 0 0 8px 10px;
    object-fit: cover;
    border-radius: 50%;
}
.cropped_sida_upp {
    width: 40px; /* width of container */
    height: 40px; /* height of container */
    padding: 0 10px 0 0;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sida_upp:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid green !important;
    opacity: 1;
}
.cropped_sid_meny {
    width: 40px; /* width of container */
    height: 40px; /* height of container */
    padding: 0 0 0 0;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sid_meny:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid green !important;
    opacity: 1;
}
.cropped_sid_meny_akt {
    width: 40px; /* width of container */
    height: 40px; /* height of container */
    border: 4px solid orange !important;
    padding: 0 0 0 0;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sid_meny_akt:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid orange !important;
    opacity: 1;
}
.cropped_sid_meny_emb {
    width: 40px; /* width of container */
    height: 40px; /* height of container */
    border: 3px solid #7092be !important;
    padding: 0 0 0 0;
    object-fit: cover;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.cropped_sid_meny_emb:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2);
    border: 0px solid #7092be !important;
    opacity: 1;
}

.w3-dat-person {
    max-width: 200px;
    margin-top: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.w3-img-upl {
    width: 200px;
    max-width: 200px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.w3-img-hamta {
    width: 200px;
    max-width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

hrf { border: none; border-top: 1px solid lightgray; }
nav { background: #eee; display: flex; align-items: center; padding: 0 0.4rem; }
nav h1 { flex: auto; margin: 0; padding: 0.0rem 1.0rem 0.5rem; }
nav h1 a { text-decoration: none; padding: 0.25rem 0.5rem; }
nav h2 { flex: auto; margin: 0; padding: 0.0rem 1.0rem 0.5rem; }
nav h2 a { text-decoration: none; padding: 0.25rem 0.5rem; }
nav ul  { display: flex; list-style: none; margin: 0; padding: 0.0rem 0.25rem; }
nav ul li a, nav ul li span, header .action { display: block; padding: 0.5rem; }
.content { padding: 0 1rem 1rem; }
.content > header { border-bottom: 0px solid white; display: flex; align-items: flex-end; }
.content > header h1 { flex: auto; margin: 1rem 0 0.25rem 0; }
.flash { margin: 1em 0; padding: 1em; background: #cae6f6; color: black; border: 1px solid #377ba8; }
.post > header { display: flex; align-items: flex-end; font-size: 0.85em; }
.post > header > div:first-of-type { flex: auto; }
.post > header h1 { font-size: 1.5em; margin-bottom: 0; }
.post .about { color: slategray; font-style: italic; }
.post .body { white-space: pre-line; }
.content:last-child { margin-bottom: 0; }
/* .content form { margin: 1em 0; display: flex; flex-direction: column; } */
.content form { margin: 0; display: flex; flex-direction: column; }
.content label { font-weight: bold; margin-bottom: 0.5em; }
.content input, .content textarea { max-width: 530px; margin-bottom: 1em; padding: 10px; font-size: 16px; border: 1px solid #cccccc;}
.content select, .content textarea { max-width: 530px; margin-bottom: 1em; padding: 10px; font-size: 16px; border: 1px solid #cccccc;}
/* .content textarea { min-height: 12em; resize: vertical; } */
.content textarea { resize: vertical; }
input.danger { color: #cc2f2e; }
input[type=submit] { align-self: start; min-width: 10em; }
.barcode{
    white-space:pre-wrap;
}
.textarea_more {
    width: 100%;
    max-width: 530px;
}
.menu_bar{
    padding-top: 10px;
    padding-bottom: 10px;
}
.menu_bar_on{
    font-size: 18px;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 10px;
}
.menu_bar_rub{
    font-size: 20px;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pers-tab{
    border-style: solid;
    border-color: #fff;
    border-width: 0px 0px 0px 0px;
}
.pers-row{
    background: #eee;
}
.pers-rub1{
    width: 220px;
    min-width: 220px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.pers-rub2{
    width: 320px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.pers-col1{
    width: 220px;
    min-width: 220px;
    line-height: 25px;
    background: #eee;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.pers-col2{
    width: 320px;
    line-height: 25px;
    background: #eee;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.pers-lnk{
    text-decoration: none;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.kund-lnk{
    text-decoration: none;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.kund-col{
    width: 420px;
    height: 15px;
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
}
.typ-rub{
    height: 25px;
    max-width: 100px;
    min-width: 100px;
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.typ-col{
    height: 25px;
    max-width: 100px;
    min-width: 100px;
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-color: #fffbfb;
    border-width: 0px 0px 10px 0px;
}
.typ-col-beskrivning{
    height: 25px;
    width: 440px;
    min-width: 440px;
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-color: #fffbfb;
    border-width: 0px 0px 10px 0px;
}
.typ-col-beskrivning-text{
    white-space:pre-wrap;
}
.calrubs{
    text-align: center;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.caldays{
    text-align: right;
    padding-left: 0px;
    padding-right: 5px;
}
.calday{
    text-align: right;
}
a:hover.calday {
    background-color: #80ff80;
}
.caltoday{
    background-color: #94bfdc;
    text-align: right;
}
a:hover.caltoday {
    background-color: #80ff80;
}
.menu_knapp_std{
    background-color: #377ba8;
    color: #eee;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_std:hover{
    background-color: #204762;
}
.menu_knapp_pnk{
    background-color: #ff80ff;
    color: #333;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_pnk:hover{
    background-color: #ff6ab5;
}
.menu_knapp_red{
    background-color: red;
    color: #eee;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_red:hover{
    color: #111;
}
.menu_knapp_blu{
    background-color: #99d9ea;
    color: #333;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_del{
    background-color: #ff6666;
    color: #333;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_std_dis{
    background-color: #377ba8;
    color: #aaa;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_grn{
    background-color: #80ff80;
    color: #333;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_grn:hover{
    background-color: #44ff44;
}
.menu_knapp_ora{
    background-color: orange;
    color: #111;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_ora:hover{
    background-color: #ff7f27;
}
.menu_knapp_gry{
    background-color: #eee;
    color: #333;
    cursor: pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.menu_knapp_gry:hover{
    background-color: #ccc;
    color: #ddd;
}
.menu_knapp_gry_dis{
    background-color: #eee;
    color: #aaa;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#menu_knapp_sida_std {
    cursor: pointer;
    min-width: 2.8em;
    max-width: 2.8em;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#menu_knapp_sida_std:hover{
}
#menu_knapp_sida_gry {
    cursor: pointer;
    min-width: 2.8em;
    max-width: 2.8em;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#menu_knapp_sida_gry:hover{
}
.more_knapp_gry{
    width: 200px;
    background-color: #eee;
    color: #333;
    cursor: pointer;
    border: 0 !important;
}
.more_knapp_gry:hover{
    font-weight: bolder;
    color: #377ba8;
}
.more_knapp_foregande{
    width: max-content;
    background-color: #eee;
    color: #333;
    cursor: pointer;
    border: 0 !important;
}
.more_knapp_foregande:hover{
    color: #377ba8;
}

.input_falt{
    background-color: #fff;
    color: #111;
}
.input_falt_sok {
    width: 240px;
    max-width: 240px;
    min-width: 240px;
    background-color: #fff;
    color: #111;
}
.input_falt_dis{
}
.dark-input_falt_dis{
    background-color: #111;
}
.input_falt_more{
    width: 100%;
    max-width: 530px;
    background-color: #fff;
    color: #111;
}
#typeid {
    max-width: 100px;
}
#typesort {
    max-width: 100px;
}
#typetime {
    max-width: 100px;
}
#typeprice {
    max-width: 180px;
}
#typemoms {
    max-width: 180px;
}
.label_falt{
    background-color: #fffbfb;
    color: #111;
}
.dark-label_falt{
    background-color: #151515;
    color: #eee;
}
.submit_knapp_pil{
    background-color: #fff;
}
.submit_knapp_emoji{
    background-color: #fff;
    border-style: solid;
    border-color: #fff;
    color: #111;
    cursor: pointer;
}
.submit_knapp_kamoji{
    background-color: #fff;
    border-style: solid;
    border-color: #fff;
    color: #111;
    cursor: pointer;
}

#submit_knapp_emoji_id {
    min-width: 2.6em;
    max-width: 2.6em;
    min-height: 2.6em;
    max-height: 3.2em;
}
#submit_knapp_kontakter {
    min-width: 2.6em;
    max-width: 2.6em;
    min-height: 2.6em;
    max-height: 3.2em;
    margin-right: 5px;
}
.kalender_box{
    width: 100%;
    max-width: 400px;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 1px 1px;
}
.kalender_boka_box{
    width: 100%;
    max-width: 400px;
    padding-bottom: 5px;
    font-size: 16px;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 1px 1px;
}
.dark-kalender_boka_box{
    border-color: #444;
}
.meddelande_post{
    width: 100%;
    max-width: 530px;
    background: #eee;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}
.dark-meddelande_post{
    background: #151515;
}
.meddelande_post_nya{
    width: 100%;
    max-width: 530px;
    background: #ddd;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}
.dark-meddelande_post_nya{
    background: #252525;
}
.submit_knapp_std{
    cursor: pointer;
}
.submit_knapp_std:hover{
    color: #377ba8;
}
.submit_knapp_bekrafta {
    background-color: #ff9800;
    color: #111;
    cursor: pointer;
}
.submit_knapp_bekrafta:hover {
    background-color: #e68a00;
    color: white;
}
#submit_knapp_avbryt_sok{
    cursor: pointer;
    min-width: 2.8em;
    max-width: 2.8em;
}
#submit_knapp_avbryt_sok:hover{
    background-color: #ddd;
}
#submit_knapp_avbryt_x{
    cursor: pointer;
    min-width: 3.0em;
    max-width: 3.0em;
}
#submit_knapp_avbryt_x:hover{
/*
    background-color: #ddd;
    */
}
#submit_knapp_avbryt_medd{
    cursor: pointer;
    min-width: 5.17em;
    max-width: 5.17em;
    margin-left: 5px;
}
#submit_knapp_avbryt_medd:hover{
/*
    background-color: #ddd;
    */
}
.submit_knapp_sok_x{
    width: 5em;
    max-width: 5em;
    min-width: 5em;
    cursor: pointer;
}
.submit_knapp_grn{
    cursor: pointer;
    background-color: #99d9ea;
    color: #333;
}
.submit_knapp_grn:hover{
    background-color: #6bc9e0;
}
#submit_knapp_skicka{
    min-width: 5.17em;
    max-width: 5.17em;
    margin-left: 5px;
}
.submit_knapp_spara{
    cursor: pointer;
    background-color: #80ff80;
    color: #333;
}
.submit_knapp_spara:hover{
    background-color: #44ff44;
}
.submit_knapp_avsluta{
    cursor: pointer;
    background-color: #ff6666;
    color: #333;
}
.submit_knapp_bok_typ{
    max-width: 800px;
    background-color: #f7f7f7;
    color: #111;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: Verdana,
    sans-serif; font-size: 16px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.submit_knapp_bok_typ:hover{
    color: #377ba8;
}
.submit_knapp_meddelande{
    width: 100%;
    max-width: 530px;
    background: #fffbfb;
    color: #377ba8;
    font-weight: bolder;
    text-align: left;
    cursor: pointer;
    border-width: 0px;
    border: none;
}
.dark-submit_knapp_meddelande{
    background: #151515;
    color: #377ba8;
}
.submit_knapp_kontakt{
    width: 100%;
    max-width: 530px;
    max-height: 30px;
    background: #fffbfb;
    color: #377ba8;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    cursor: pointer;
    border-width: 0px;
    border: none;
}
.dark-submit_knapp_kontakt{
    background: #151515;
    color: #377ba8;
}
.overlaybtnmenu {
  background: #eee;
  color: #333;
  font-size: 16px;
  cursor:pointer;
}
.overlaybtnmenu:hover {
  color: #04AA6D;
}
.dark-overlaybtnmenu {
  background: #151515;
  color: #888;
  font-size: 16px;
  cursor:pointer;
}
#submit_knapp_bak{
    background: #eee;
    color: #333;
    cursor: pointer;
    border: 0px;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#submit_knapp_sprak{
/*
    background: #eee;
    color: #333;
    cursor: pointer;
    */
    border: 0px;
    min-width: 2.5em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}

#tidbartop{
    background: #222;
    padding: 0 0 0 5px;
    color: #ccc;
    cursor: auto;
    border: 0px;
    min-width: 4.2em;
    max-width: 4.2em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#tidbar{
    background: #eee;
    color: #333;
    cursor: auto;
    border: 0px;
    min-width: 4.2em;
    max-width: 4.2em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.cal_chat{
    line-height: 30px;
    color: red;
}
.cal_time{
    line-height: 40px;
}
.bt_color{
    color: #377ba8;
}
.bt_bokmed{
     color: #377ba8;
     font-weight: bolder;
}
.caldag_color{
    color: #2e668b;
}
.box_inst{
    max-width: 400px;
    background: #eee;
}
.dark-box_inst{
    background: #151515;
}
.row_datum_tid_inst{
    padding-top: 5px;
    padding-bottom: 5px;
}
.row_inst{
    max-width: 20px;
    min-width: 20px;
}

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.myimg-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.98); /* Black w/ opacity */
}

/* Modal Content (image) */
.myimg-modal-content {
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 10px;
}

/* Add Animation */
.myimg-modal-content, #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)}
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 40px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 400px){
  .myimg-modal-content {
    width: 100%;
  }
}

.glow {
    font-size: 25px;
    text-align: left;
    color: #333;
    /*
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
    padding-bottom: 10px;
    */
}
.glow_title {
    font-size: 20px;
    text-align: left;
    color: #333;
    padding-bottom: 10px;
}

@-webkit-keyframes glow {
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  max-width: 300px;
  background-color: #6fb7b7;
  color: #111;
  text-align: left;
  border-radius: 5px;
  padding: 0px;
  position: fixed;
  z-index: 20;
  right: 20px;
  bottom: 30px;
  font-size: 14px;
}
#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.0s 0.0s;
  animation: fadein 0.5s, fadeout 0.0s 0.0s;
}
#meddelandebar {
    visibility: hidden;
    position: fixed;
    min-width: 285px;
    max-width: 285px;
    bottom: 10px;
    right: 10px;
    background-color: #6fb7b7;
    color: #111;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    z-index: 20;
}
#meddelandebar.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
.meddelandebar_left {
    min-width: 220px;
    max-width: 220px;
    text-align: left;
    padding: 0 0 0 0;
}
.meddelandebar_right {
    min-width: 20px;
    max-width: 20px;
    align: right;
    padding: 0 0 0 0;
}
#meddelandebar_slut {
    padding: 2px 10px 2px 10px;
    cursor: pointer;
}
#meddelande_load {
    visibility: hidden;
    position: fixed;
    max-width: 280px;
    bottom: 10px;
    right: 10px;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    z-index: 21;
}
#meddelande_load.show {
  visibility: visible;
}
.meddelande_loader {
  border: 8px solid #ccc;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}

#bokningsbar {
    visibility: hidden;
    position: fixed;
    min-width: 285px;
    max-width: 285px;
    bottom: 10px;
    left: 10px;
    background-color: orange;
    color: #111;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    text-align: left;
    z-index: 20;
}
#bokningsbar.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
.bokningsbar_left {
    min-width: 240px;
    max-width: 240px;
    text-align: left;
    padding: 0 0 0 0;
}
.bokningsbar_right {
    min-width: 20px;
    max-width: 20px;
    align: right;
    padding: 0 0 0 0;
}
#bokningsbar_slut {
    padding: 2px 10px 2px 10px;
    cursor: pointer;
}

#alertbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: red;
  color: #eee;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: fixed;
  z-index: 30;
  left: 50%;
  bottom: 30px;
  font-size: 16px;
}
#alertbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.0s 0.0s;
  animation: fadein 0.5s, fadeout 0.0s 0.0s;
}

#bookbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -160px;
  background-color: orange;
  color: #111;
  text-align: center;
  border-radius: 5px;
  padding: 0px;
  position: fixed;
  z-index: 25;
  left: 50%;
  bottom: 30px;
  font-size: 16px;
}
#bookbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.0s 0.0s;
  animation: fadein 0.5s, fadeout 0.0s 0.0s;
}

#serverbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  color: orange;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: fixed;
  z-index: 10;
  left: 50%;
  bottom: 30px;
  font-size: 16px;
}
#serverbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.0s 0.0s;
  animation: fadein 0.5s, fadeout 0.0s 0.0s;
}

#morebar {
  visibility: visible;
}
#morebar.hide {
  visibility: hidden;
}

#playbarnext {
  visibility: hidden;
  min-width: 230px;
  margin-left: -115px;
  background-color: #6fb7b7;
  color: #111;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: fixed;
  z-index: 15;
  left: 50%;
  bottom: 30px;
  font-size: 16px;
  opacity: 0.8;
}
#playbarnext.show {
  visibility: visible;
  -webkit-animation: fadein 1.0s, fadeout 0.0s;
  animation: fadein 1.0s, fadeout 0.0s;
}

#playbarload {
  visibility: hidden;
  margin-left: -25px;
  text-align: center;
  border-radius: 50%;
  padding: 10px;
  position: fixed;
  z-index: 15;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}
#playbarload.show {
  visibility: visible;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

.body_box {
    width: 100%;
    text-align: center;
}
#main_box {
  transition: margin-left .4s;
  position: relative;
  width: 100%;
  max-width: 1400px; /* Can be in percentage also. */
  text-align: left;
  margin: 0 auto;
  font-size: 15px;
}
#base_box {
  position: relative;
  width: 100%;
  max-width: 1400px; /* Can be in percentage also. */
  text-align: left;
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 0px;
}

#more {
    display: none;
    white-space:pre-wrap;
}

.loader {
  display: none;
  border: 3px solid #c3c3c3;
  border-radius: 50%;
  border-top: 3px solid #555;
  width: 20px;
  height: 20px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}
.media_loader {
  border: 8px solid #bbb;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes load-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes load-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.top_button {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.arrow {
  border: solid #333;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
}
.link_arrow_open {
  border: solid #377ba8;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-bottom: 3px;
}
.link_arrow {
  border: solid #777;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.top_bar_tab{
    width: 100%;
}
.top_bar_left{
    width: max-content;
    text-align: left;
    /* padding-left: 10px; */
}
.top_bar_center{
    width: max-content;
    text-align: left;
    padding-left: 5px;
}
.top_bar_right{
    width: max-content;
    text-align: right;
}
.ul_bar_right{
    float: right;
    clear: both;
}
.topnav_title {
    color: #333;
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.topnav_title:hover {
    /* color: #265575; */
    color: black;
}
.dark-topnav_title {
    color: #ddd;
}
.dark-topnav_title:hover {
    color: white;
}
.bottom_nav {
    color: #555;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    text-align: left;
}
.bottom_nav_2 {
    color: #555;
    font-size: 15px;
    padding: 5px 0px 5px 0px;
    text-align: left;
}
.bottom_nav_grafik {
    color: #555;
    font-size: 15px;
    padding: 380px 0px 5px 10px;
    text-align: left;
}
.bottom_nav_url {
    color: #555;
    font-size: 15px;
    padding: 0 10px 0 0;
    text-align: left;
}
.bottom_nav_url:hover {
    color: #377ba8;
}
.bottom_nav_namn {
    color: #377ba8;
    font-size: 15px;
    padding: 0 10px 0 0;
    text-align: left;
}
.bottom_nav_namn:hover {
    color: #77aed2;
}
.bottom_url {
    color: #777;
    font-size: 14px;
    padding: 15px 10px 0 0;
    text-align: left;
}
.top_bar_user {
    color: #377ba8;
}
.top_bar_sign {
    cursor:pointer;
}
.top_arrow {
    padding: 20px;
    border: 0px;
}
.open_arrow {
    border: 0px;
}
.close_arrow {
    padding-right: 3px;
    font-size: 16px;
    border: 0px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #080808;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

* {
  box-sizing: border-box;
}

.box_header {
  text-align: center;
  padding: 32px;
}

.box_row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 0px;
  max-width: 1400px;
}

/* Create four equal columns that sits next to each other */
.box_column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 8px 0 0;
}
.box_column_3 {
  -ms-flex: 33%; /* IE10 */
  flex: 33%;
  max-width: 33%;
  padding: 0 8px 0 0;
}

.box_column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.box_column_3 img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.bild-container {
  position: relative;
  font-family: Arial;
  margin-bottom: 80px;
  border-style: solid;
  border-color: #e5e1d8;
  border-width: 0px;
  border-radius: 3px;
}
.bild-container-arkiv {
  position: relative;
  font-family: Arial;
  margin-bottom: 40px;
  border-style: solid;
  border-color: #e5e1d8;
  border-width: 0px;
  border-radius: 3px;
}
.bild-container-sida {
  position: relative;
  font-family: Arial;
  margin-bottom: 30px;
  border-style: solid;
  border-color: #e5e1d8;
  border-width: 0px;
  border-radius: 3px;
}
/* 464_dela_blog_text_bild */
.bild-text-block {
  padding-top: 0px;
  padding-bottom: 12px;   /* masta vara samma som content_usr_11 och bild-text-block-img */
}
/*
.bild-text-block,
*/
.ark-bild-text-block {
  position: absolute;
  bottom: 20px;
  left: 40px;
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.bild-text-block:hover {
    color: #00b95c;
}
.ark-bild-text-block:hover {
    color: #00b95c;
}
.bild-text-block-med,
.ark-bild-text-block-med {
  position: absolute;
  bottom: 20px;
  left: 40px;
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: rgba(237,28,36,1.0);
  padding-left: 20px;
  padding-right: 20px;
}
.bild-text-block-med:hover {
    color: red;
}
.ark-bild-text-block-med:hover {
    color: red;
}
.ark-bild-text-block-emb {
  position: absolute;
  bottom: 20px;
  left: 40px;
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #7092be;
  padding-left: 20px;
  padding-right: 20px;
}
.ark-bild-text-block-emb:hover {
    color: #00b95c;
}

.bild-text-block-img {
  padding-bottom: 12px; /* masta vara samma som content_usr_11 och bild-text-block */
}
.bild-text-block-img:hover {
}
/* medlem_more.html */
.bild-text-block-img-vit {
  position: absolute;
  bottom: 20px;
  left: 140px;
  background: rgba(230, 230, 230, 0.5); /* White background with 0.5 opacity */
  color: black;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.bild-text-block-img-vit:hover {
    color: #00b95c;
}
.bild-text-block-img-vit-toggle {
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: white;
}
.bild-text-block-img-svart {
  position: absolute;
  bottom: 20px;
  left: 140px;
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.bild-text-block-img-svart:hover {
    color: #00b95c;
}
.bild-text-block-img-svart-toggle {
  background: rgba(230, 230, 230, 0.5); /* White background with 0.5 opacity */
  color: black;
}
.bild-text-block-img-hot {
/*460_dela_blog_text_bild
  position: absolute;
  bottom: 20px;
  left: 140px;
  background: rgba(253, 199, 85, 0.8); 
  color: #1c1c1c;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
*/
  padding-bottom: 15px;
}
.bild-text-block-img-hot:hover {
/*460_dela_blog_text_bild
    color: white;
*/    
}
.bild-text-block-img-hot-toggle {
  background: rgba(189, 129, 2, 0.8); 
  color: white;
}
.bild-text-block-img-hot-toggle:hover {
    color: #1c1c1c;
}

.bild-text-block-emb {
  position: absolute;
  z-index: 5;
  width: 100%;
  max-width: 740px;
  top: 20px;
  left: 40px;
  background: rgba(230, 230, 230, 0.90); /* White background with 0.5 opacity */
  color: black;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.content-div-1 {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 0px;
}
.content-div-2 {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 20px;
}
.content-div-3 {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
}
.content-div-4 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.content-div-5 {
    padding-top: 20px;
    padding-bottom: 0px;
}
.content-div-6 {
    padding-top: 10px;
    padding-bottom: 0px;
}
.content-div-7 {
    padding-top: 5px;
    padding-bottom: 15px;
}
.content-div-8 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.content-div-9 {
    padding-top: 5px;
}
.content-div-10 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}
.content-div-11 {
    padding-bottom: 10px;
}
.content-div-12 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}
.content-div-13 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}
.content-div-14 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.content-div-15 {
    padding-top: 5px;
    padding-bottom: 15px;
}
.content-div-16 {
    padding-left: 5px;
}
.content-div-17 {
    padding-left: 10px;
    padding-right: 10px;
}
.content-div-18 {
    padding-bottom: 15px;
}
.content-div-19 {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}
.content-div-20 {
    padding-left: 10px;
}
.content-div-right-1 {
    padding-right: 15px;
}
.content-div-right-2 {
    padding-right: 25px;
}
.content-div-530 {
    width: 100%;
    max-width: 530px;
    text-align: right;
}
.content-div-sok {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

#submit_knapp_sok{
    background-color: #eee;
    color: #333;
    cursor: pointer;
    min-width: 80px;
    max-width: 80px;
}
#submit_knapp_sok:hover{
    background-color: #ddd;
}
.content-div-555 {
    width: 100%;
    max-width: 530px;
    padding: 0px;
    padding-bottom: 10px;
}
.content-div-medd-left {
    width: 100%;
    max-width: 530px;
    padding-bottom: 10px;
}
.content-div-medd-right {
    width: 100%;
    max-width: 530px;
    padding-left: 25px;
    padding-bottom: 10px;
}
.content-div-800 {
    max-width: 800px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
}
.content-div-kund-img {
    margin-bottom: 80px;
    border-style: solid;
    border-color: #e5e1d8;
    border-width: 0px;
    border-radius: 3px;
}
.content-div-card {
    height: 65px;
}
.content-div-card:hover {
    color: #00b95c;
}
.content-div-card-title {
    font-weight: bolder;
    padding-left: 0px;
    padding-right: 0px;
}
.content-div-card-text {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.content-div-type {
    max-width: 800px;
    text-decoration: none;
}
.img-pointer {
    cursor: pointer;
    text-decoration: none;
}
.img-width-100 {
    width: 100%;
}
/* 551_image_blog_zoom */
.img-width-300 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.img-width-300:hover {
    transform: scale(1.1);
}
/* 551_image_blog_zoom */
#img300 {
    width: 300px;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#ark_img_crop_200 {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    background-color: rgba(0,0,0,1.0);
    object-fit: cover;
    border-radius: 50%;
}
#ark_img_crop_200_med {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    background-color: rgba(237,28,36,1.0);
    object-fit: cover;
    border-radius: 50%;
}
#img_crop_200 {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    background-color: rgba(0,0,0,1.0);
    object-fit: cover;
    border-radius: 50%;
}
#img_crop_200_med {
    width: 200px; /* width of container */
    height: 200px; /* height of container */
    background-color: rgba(237,28,36,1.0);
    object-fit: cover;
    border-radius: 50%;
}
/* 557_comment_removed_visa_ej_anv */
#img_blog_crop {
    width: 240px; /* width of container */
    height: 134px; /* height of container */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}
#img_blog_crop_h {
    width: 160px; /* width of container */
    height: 200px; /* height of container */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}
#img_blog_crop_h200 {
    width: 200px; /* width of container */
    height: 80px; /* height of container */
    overflow: hidden;
}
#img_blog_crop_h201 {
    width: 240px; /* width of container */
    height: 108px; /* height of container */
    overflow: hidden;
}
#img_blog_crop_h202 {
    width: 240px; /* width of container */
    height: 90px; /* height of container */
    overflow: hidden;
}
#img_blog_senast_crop {
    width: 200px; /* width of container */
    height: 104px; /* height of container */
}
#img_crop_30 {
    width: 30px; /* width of container */
    height: 30px; /* height of container */
    background-color: rgba(0,0,0,1.0);
    object-fit: cover;
    border-radius: 50%;
}
#img_crop_30_med {
    width: 30px; /* width of container */
    height: 30px; /* height of container */
    background-color: rgba(237,28,36,1.0);
    object-fit: cover;
    border-radius: 50%;
}
#img_crop_sid_meny {
    width: 40px; /* width of container */
    height: 40px; /* height of container */
    background-color: rgba(0,0,0,1.0);
    object-fit: cover;
    border-radius: 50%;
}
#img_crop_sid_meny_med {
    width: 40px; /* width of container */
    height: 40px; /* height of container */
    background-color: rgba(237,28,36,1.0);
    object-fit: cover;
    border-radius: 50%;
}
.img-width-640 {
    width: 100%;
    max-width: 640px;
    padding: 10px 10px 10px 0;
}
.img-width-460 {
    width: 100%;
    max-width: 460px;
    padding: 0 10px 10px 0;
    animation: bild_animera 5s steps(400, end);
}
.meddelande-knapp {
    cursor: pointer;
    text-decoration: none;
}
.meddelande-knapp-text {
    padding: 16px;
}
.bt_width_100 {
    width: 100%;
}
.bt_height_10 {
    height: 10px;
}
.bt_height_10_grey {
    height: 10px;
    color: #555;
}
.bt_wrap_grey {
    white-space: pre-wrap;
    color: #555;
}
.bt_wrap_green {
    white-space: pre-wrap;
    color: green;
}
.bt_wrap_red {
    white-space: pre-wrap;
    color: red;
}
.bt_height_20_wrap {
    height: 20px;
    white-space:pre-wrap;
    color: #777;
    font-size: 14px
}
.bt_height_30_wrap {
    height: 30px;
    white-space:pre-wrap;
    color: #777;
    font-size: 14px
}
.bt_height_50_wrap {
    height: 50px;
    white-space:pre-wrap;
    color: #777;
    font-size: 14px
}
.bt_back_red_vit {
    background-color: red;
    color: white;
    padding: 10px;
    white-space: pre-wrap;
}
.bt_padd_sida {
    padding-left: 5px;
    padding-right: 5px;
}
.bt_color_blue_sida {
    color: #377ba8;
    padding-left: 5px;
    padding-right: 5px;
}
.bt_color_blue_sida:hover {
    color: #204762;
}
.bt_idp_tagg {
    line-height: 40px;
    min-width: 120px;
    padding: 10px 12px 10px 12px;
    background: #eee;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.bt_idp_tagg:hover {
    background: #ccc;
    color: black;
}
.dark-bt_idp_tagg {
    background: #222;
    color: #ddd;
}
.dark-bt_idp_tagg:hover {
    background: #000;
    color: white;
}
.bt_idp_tagg_akt {
    line-height: 40px;
    padding: 10px 12px 10px 12px;
    background: #04AA6D;
    color: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.bt_idp_tagg_akt:hover {
    color: black;
}
.dark-bt_idp_tagg_akt {
    background: #038D59;
    color: black;
}
.dark-bt_idp_tagg_akt:hover {
    color: white;
}
.boka_knapp {
    line-height: 40px;
    min-width: 120px;
    padding: 10px 12px 10px 12px;
    background: #ddd;
    color: black;
    border: 0px;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.boka_knapp:hover {
    background: #ccc;
}
.boka_knapp-dark {
    background: #222;
    color: #ccc;
}
.boka_knapp-dark:hover {
    background: #333;
}

.bt_color_blue_tagg {
    color: #377ba8;
}
.bt_color_blue_tagg:hover {
    color: #77aed2;
}
.bt_color_selected {
    /* color: #377ba8; */
    background: #04AA6D;
    color: white;
}
.bt_color_selected:hover {
    background: #04AA6D;
    color: black;
}
.dark-bt_color_selected {
    background: #038D59;
    color: black;
}
.dark-bt_color_selected:hover {
    background: #038D59;
    color: white;
}
.bt_color_clear_x {
    color: #444;
}
.dark-bt_color_clear_x {
    color: #ddd;
}
.bt_color_titel {
    color: #6093ae;
}
.bt_color_titel_dark {
    color: #79a4bb;
}
.bt_color_index_titel {
    color: #6093ae;
}
.bt_color_index_titel:hover {
	color: #444;
}
.bt_color_index_titel_dark {
    color: #79a4bb;
}
.bt_color_index_titel_dark:hover {
	color: #ccc;
}
.bt_color_desc {
    color: #444;
}
.bt_color_desc-dark {
    color: #ccc;
}
.bt_color_blue{
    color: #377ba8;
}
.bt_color_brown {
    color: brown;
}
.bt_color_grey {
    color: grey;
}
.bt_color_lila {
    color: #924192;
}
.bt_color_orange {
    color: #f06000;
}
.bt_color_orange-dark {
    color: #ff7f27;
}
.bt_color_gul {
    color: #a2a200;
}
.bt_color_red {
    color: red;
}
.bt_color_pink {
    color: #ff80ff;
}
.bt_color_green {
    color: #04AA6D;
}
.dark-bt_color_green {
    color: #05d386;
}
.bt_color_green_light {
    color: #70df00;
}
.bt_color_hashtags {
    background-color: #ececec;
    color: rgb(75,109,90);
    padding: 5px 7px 5px 7px;
}
.bt_color_hashtags:hover{
    background-color: rgb(75,109,90);
    color: #ececec;
}
.bt_color_hashtags-dark {
    background-color: #1a1a1a;
    color: rgb(136,172,152);
}
.bt_color_hashtags-dark:hover{
    background-color: rgb(136,172,152);
    color: #000;
}
.bt_color_link_hashtag {
    color: rgb(57,83,69);
}
.bt_color_link_hashtag:hover{
    color: black;
}
.bt_color_link_hashtag-dark {
    color: rgb(157,187,171);
}
.bt_color_link_hashtag-dark:hover{
    color: white;
}
.bt_color_mint_green {
    color: #487210;
}
.bt_color_mint_green:hover {
    color: #038d59;
}
.bt_color_mint_green-dark {
    color: #A8E755;
}
.bt_color_mint_green-dark:hover{
    color: #04AA6D;
}
.bt_link_hover {
    cursor: pointer;
}
.bt_link_hover:hover {
    color: #038d59;
}
.bt_text_bakgrund {
    background-color: #e8e8e8;
    color: black;
    padding-bottom: 5px;
}
.bt_text_bakgrund-dark {
    background-color: #181818;
    color: white;
}
.bt_text_border_inbox {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.bt_text_border_inbox-dark {
    border-top: 1px solid #282828;
    border-right: 1px solid #282828;
}
.bt_text_border_sent {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.bt_text_border_sent-dark {
    border-top: 1px solid #282828;
    border-right: 1px solid #282828;
    border-left: 1px solid #282828;
}
.bt_left {
    text-align: left;
}
.bt_right {
    text-align: right;
}
.bt_color_link_green {
    font-size: 18px;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #04AA6D;
    cursor: pointer;
}
.bt_color_link_green:hover {
    color: #377ba8;
}
.bt_color_sidnr {
    color: #924192;
}
.bt_aktiv_sida {
    font-weight: bolder;
}
.bt_color_aktivera {
    color: #ff7f27;
}
.bt_extern_link {
    cursor: pointer;
    text-decoration: underline;
}
.bt_extern_link:hover {
    color: #377ba8;
}
.bt_extern_link_bold {
    font-weight: bolder;
    cursor: pointer;
    text-decoration: underline;
}
.bt_embed_link {
    color: #377ba8;
    cursor: pointer;
    text-decoration: none;
}

.bt_embed_video_skal {
    position: relative;
    overflow: hidden;
    width: 100%;
    vertical-align: center;
    text-align: center;
    background: #000;
}
.bt_embed_video {
    max-width: 740px;
    height: 414px;
    vertical-align: center;
    text-align: center;
    background: #000;
}
.bt_embed_video:hover {
}
.bt_embed_video_big {
    width: 100%;
    max-width: 1036px;
    height: 580px;
    vertical-align: center;
    text-align: center;
    background: #000;
}
.bt_embed_mp4 {
    width: 100%;
    max-width: 100%;
    height: 414px;
    background: #070707;
}
.bt_embed_mp4:hover {
}
.bt_embed_mp4_big {
    width: 100%;
    max-width: 100%;
    height: 580px;
    background: #070707;
}
.bt_embed_audio {
    width: 100%;
    max-width: 100%;
}
.bt_embed_audio:hover {
}
.bt_embed_close {
    width: 100%;
    max-width: 100%;
    padding-bottom: 5px;
    text-align: right;
}
.bt_embed_close_left {
    width: 100%;
    max-width: 740px;
    padding-bottom: 5px;
    text-align: left;
    font-size: 14px;
}
.bt_close_pointer {
    color: #777;
    cursor: pointer;
    text-decoration: none;
}
.bt_close_pointer:hover {
    color: #04AA6D;
}
.bt_medd_text {
    cursor: pointer;
    white-space:pre-wrap;
}
.bt_medd_text_cont {
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
    white-space:pre-wrap;
}
.bt_medd_text_date {
    color: #666;
    font-size: 14px;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.bt_medd_text_date_nya {
    color: #2e668b;
    font-size: 14px;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.bt_medd_text_nya {
    color: red;
}
.bt_medd_text_user {
    font-size: 14px;
    border-width: 0px;
    text-align: left;
    padding-left: 10px;
    line-height: 2.0em;
}
.bt_medd_text_user_col {
    color: #a34940;
    font-size: 14px;
    border-width: 0px;
    text-align: left;
    padding-left: 10px;
    line-height: 2.0em;
}
.bt_inst_tab {
    max-width: 460px;
}
.bt_inst_td_1 {
    max-width: 38px;
    padding-bottom: 15px;
}
.bt_inst_td_2 {
    max-width: 42px;
    padding-bottom: 15px;
}
#textanv1 {
    max-width: 1200px;
    height: 400px;
}
#intervall {
    max-width: 180px;
}
#chatstangd {
    max-width: 80px;
}
#ljudaktiv {
    max-width: 80px;
}
#bokaktiv {
    max-width: 80px;
}
#bokljudaktiv {
    max-width: 80px;
}
#helg_dag {
    max-width: 80px;
}
#reg_kund {
    max-width: 80px;
}
#personal {
    max-width: 80px;
}
#svalue21 {
    max-width: 80px;
}
#svalue22 {
    max-width: 80px;
}
#medlemssidaoppen {
    max-width: 320px;
}
#tidszon {
    max-width: 320px;
}

.content-div-kal {
    width: 100%;
    max-width: 400px;
    border-style: solid;
    border-color: #ccc;
    border-width: 0 0 0 0;
}
.content-div-kal-left {
    width: 72%;
    text-align: left;
}
.content-div-kal-right {
    width: 28%;
    padding-right: 0px;
}
.content-div-kal-right-1-animation {
    width: 75px;
    padding-right: 0px;
}
.content-div-kal-right-1 {
    width: 75px;
    padding-right: 20px;
}
.content-div-kal-right-2 {
    width: 75px;
    padding-right: 0px;
}
.boknings-div-kal {
    padding: 0px;
    font-size: 16px;
}
.boknings-div-kal-std {
    color: #111;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.boknings-div-kal-blue {
    color: #2e668b;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.boknings-div-kal-orange {
    color: #ff7f27;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.boknings-div-kal-red {
    color: red;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.boknings_div_kal_std {
    background-color: #fffbfb;
    color: #111;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.dark-boknings_div_kal_std {
    background-color: #151515;
    color: #aaa;
}
.boknings-kal-lista {
    width: 100%;
    padding: 0;
}
.boknings-kal-lista-border {
    width: 100%;
    padding: 0;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
}
.besokare-lista-border {
    width: 100%;
    padding: 0;
    border-top-style: solid;
    border-top-color: #333;
    border-top-width: 1px;
}
.boknings_div_kal_lista1 {
    width: 25px;
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
    line-height: 2.0em;
}
.boknings_div_kal_lista2 {
    width: 30px;
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
    line-height: 2.0em;
}
.boknings_div_kal_lista1_2 {
    width: 55px;
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
    line-height: 2.0em;
}
.boknings_div_kal_lista3 {
    width: 120px;
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
    line-height: 2.0em;
}
.boknings_div_kal_lista4 {
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
    line-height: 2.0em;
}
.boknings_div_kal_lista5 {
    width: 80px;
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
    line-height: 2.0em;
}
.boknings_div_kal_lista6 {
    width: 150px;
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
    line-height: 2.0em;
}
.boknings_container {
    height: 30px;
    position: relative;
    border-width: 0px;
}
.boknings_vertical-center {
    margin: 8px 0 0 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.boknings_div_kal_lista7 {
    width: max-content;
    background-color: #fffbfb;
    color: #333;
    border-width: 0px;
    text-align: left;
}
.boknings_div_kal_blue {
    background-color: #fffbfb;
    color: #2e668b;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.dark-boknings_div_kal_blue {
    background-color: #151515;
    color: #377ba8;
}
.boknings_div_kal_orange {
    background-color: #fffbfb;
    color: #ff7f27;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.dark-boknings_div_kal_orange {
    background-color: #151515;
}
.boknings_div_kal_red {
    background-color: #fffbfb;
    color: red;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.dark-boknings_div_kal_red {
    background-color: #151515;
}
.boknings_div_kal_edit {
    background-color: #fffbfb;
    color: #00b95c;
    font-weight: bolder;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.boknings-div-kal-text {
    white-space:pre-wrap;
    color: #333;
}
.boknings-div-kal-text-red {
    white-space:pre-wrap;
    color: red;
}
.boknings-div-kal-text-borta {
    white-space:pre-wrap;
    color: #b90000;
}
.boknings-div-kal-text-saknas {
    white-space:pre-wrap;
    color: #b97a57;
}
.boknings_div_kal_text {
    background-color: #fffbfb;
    white-space:pre-wrap;
    color: #555;
}
.calsok-div {
    padding: 0px;
    font-size: 16px;
}
.calsok-div-bold {
    font-weight: bolder;
}
.calsok-div-pointer {
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.calsok-div-pointer-red {
    color: red;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.calsok-div-pointer-blue {
    color: #2e668b;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}
.calsok-div-pointer-grey {
    color: #ff7f27;
    cursor: pointer;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    line-height: 2.0em;
}

.kal_loader {
    display:none;
    margin-left: 11px;
    margin-bottom: 11px;
    margin-right: 11px;
}

.div_button_today {
    background-color: #99d9ea;
    color: #111;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    cursor: pointer;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.dark-div_button_today {
    background-color: #377ba8;
}

.div_button_today:hover {
    color: #04AA6D;
}
.div_button_idag_today {
    background-color: #99d9ea;
    color: #111;
    border-style: solid;
    border-color: yellow;
    border-width: 2px 2px 2px 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 6px;
    padding-right: 7px;
    text-align: right;
    cursor: pointer;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.dark-div_button_idag_today {
    background-color: #377ba8;
}
.div_button_idag_today:hover {
    color: #04AA6D;
}
.div_button_idag {
    background-color: yellow;
    color: #111;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    cursor: pointer;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.dark-div_button_idag {
    background-color: #a2a200;
}
.div_button_idag:hover {
    color: #04AA6D;
}
.div_button_day {
    color: #111;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    cursor: pointer;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_day:hover {
    color: #04AA6D;
}
.div_button_day_red {
    color: red;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_day_red:hover {
    color: #04AA6D;
}
.div_button_today_red {
    background-color: #99d9ea;
    color: red;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.dark-div_button_today_red {
    background-color: #377ba8;
}
.div_button_today_red:hover {
    color: #04AA6D;
}
.div_button_idag_today_red {
    background-color: #99d9ea;
    color: red;
    border-style: solid;
    border-color: yellow;
    border-width: 2px 2px 2px 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 6px;
    padding-right: 7px;
    text-align: right;
    cursor: pointer;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_idag_today_red:hover {
    color: #04AA6D;
}
.div_button_idag_red {
    background-color: yellow;
    color: red;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    cursor: pointer;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.dark-div_button_idag_red {
    background-color: #a2a200;
}
.div_button_idag_red:hover {
    color: #04AA6D;
}
.div_button_day_dis {
    color: #999;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_day_dis_red {
    color: #ff8c8c;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_day_bok {
    background-color: #80ff80;
    color: #111;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    cursor: pointer;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_day_bok:hover {
    color: #04AA6D;
}
.div_button_day_bok_old {
    background-color: #ffd993;
    color: #111;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_day_bok_old:hover {
    color: #04AA6D;
}
.div_button_day_bok_red {
    background-color: #80ff80;
    color: red;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.dark-div_button_day_bok_red {
    background-color: #24550f;
    color: #f14b54;
}
.div_button_day_bok_red:hover {
    color: #04AA6D;
}
.div_button_day_bok_old_red {
    background-color: #ffd993;
    color: red;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 8px;
    padding-right: 9px;
    text-align: right;
    min-width: 2.1em;
    max-width: 2.5em;
    min-height: 2.5em;
    max-height: 2.5em;
}
.div_button_day_bok_old_red:hover {
    color: #04AA6D;
}

.kal_calmonyear_prev {
  border-radius: 4px;
  border: none;
  background-color: #fffbfb;
  color: #333;
  text-align: center;
  font-size: 24px;
  padding: 5px;
  width: 58px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px 0 5px 0;
}
.kal_calmonyear_prev:hover {
  color: #04AA6D;
}
.kal_calmonyear_prev span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.kal_calmonyear_prev span:after {
  /* content: '\00bb'; */
  content: '<';
  color: #04AA6D;
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.5s;
}
.kal_calmonyear_prev:hover span {
  padding-left: 20px;
}
.kal_calmonyear_prev:hover span:after {
  opacity: 1;
  left: 0;
}

.kal_calmonyear_next {
  border-radius: 4px;
  border: none;
  background-color: #fffbfb;
  color: #333;
  text-align: center;
  font-size: 24px;
  padding: 5px;
  width: 58px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px 0 5px 0;
}
.kal_calmonyear_next:hover {
  color: #04AA6D;
}
.kal_calmonyear_next span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.kal_calmonyear_next span:after {
  /* content: '\00bb'; */
  content: '>';
  color: #04AA6D;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.kal_calmonyear_next:hover span {
  padding-right: 20px;
}
.kal_calmonyear_next:hover span:after {
  opacity: 1;
  right: 0;
}

#calMonYear {
    font-size: 16px;
}
#kal_calMonYear_prev {
    background-color: #fffbfb;
    color: #444;
    cursor: pointer;
    min-width: 2.6em;
    max-width: 2.6em;
    min-height: 2.8em;
    max-height: 2.8em;
}
#kal_calMonYear_prev.hide {
    background-color: #fffbfb;
    color: #444;
    cursor: auto;
    min-width: 2.6em;
    max-width: 2.6em;
    min-height: 2.8em;
    max-height: 2.8em;
}
#kal_calMonYear_prev_animation {
/*
    background-color: #fffbfb;
    */
    cursor: pointer;
}
#kal_calMonYear_next {
    background-color: #fffbfb;
    color: #444;
    cursor: pointer;
    min-width: 2.6em;
    max-width: 2.6em;
    min-height: 2.8em;
    max-height: 2.8em;
}
#kal_calMonYear_next.hide {
    background-color: #fffbfb;
    color: #444;
    cursor: auto;
    min-width: 2.6em;
    max-width: 2.6em;
    min-height: 2.8em;
    max-height: 2.8em;
}
#kal_calMonYear_next_animation {
/*
    background-color: #fffbfb;
    */
    cursor: pointer;
}
#kal_button_today {
    background-color: #99d9ea;
    color: #111;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_today_val {
    background-color: #377ba8;
    color: #111;
    border-color: yellow;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_today_def {
    background-color: yellow;
    color: #111;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_today_def_mark {
    background-color: yellow;
    color: #111;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_today_red {
    background-color: #99d9ea;
    color: red;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_today_red_mark {
    background-color: yellow;
    color: red;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day {
    background-color: #fff;
    color: #111;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day_bok {
    background-color: #80ff80;
    color: #111;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day_bok_red {
    background-color: #80ff80;
    color: red;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day_bok_old {
    background-color: #ffd993;
    color: #111;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day_bok_old_red {
    background-color: #ffd993;
    color: #f14b54;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day_dis {
    background-color: #fff;
    color: #999;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day_red {
    background-color: #fff;
    color: red;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#kal_button_day_red_dis {
    background-color: #fff;
    color: #ff8c8c;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    min-width: 2.3em;
    max-width: 2.3em;
    min-height: 2.5em;
    max-height: 2.5em;
}
#prevLoader {
  display: none;
  border: 3px solid #c3c3c3;
  border-radius: 50%;
  border-top: 3px solid #555;
  width: 20px;
  height: 20px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}
#nextLoader {
  display: none;
  border: 3px solid #c3c3c3;
  border-radius: 50%;
  border-top: 3px solid #555;
  width: 20px;
  height: 20px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}
#myLoader1,
#myLoader2,
#myLoader3,
#myLoader4,
#myLoader5,
#myLoader6,
#myLoader7,
#myLoader8,
#myLoader9,
#myLoader10,
#myLoader11,
#myLoader12,
#myLoader13,
#myLoader14,
#myLoader15,
#myLoader16,
#myLoader17,
#myLoader18,
#myLoader19,
#myLoader20,
#myLoader21,
#myLoader22,
#myLoader23,
#myLoader24,
#myLoader25,
#myLoader26,
#myLoader27,
#myLoader28,
#myLoader29,
#myLoader30,
#myLoader31 {
  display: none;
  width: 20px;
  max-width: 20px;
  height: 20px;
  margin-left: 45%;
  margin-bottom: 14px;
  border: 3px solid #c3c3c3;
  border-radius: 50%;
  border-top: 3px solid #555;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}
#calDay_Rub {
    color: #2e668b;
    font-size: 20px;
    font-weight: bolder;
    padding-bottom: 5px;
}
#tider {
    max-width: 120px;
}
.boknings_info {
    color: #2e668b;
}
.foretags_namn {
    font-weight: bolder;
}
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

/* The container must be positioned relative: */
.custom-select {
  width:120px;
  position: relative;
  font-family: sans-serif;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  /* background-color: DodgerBlue; */
  background-color: #99d9ea;
}

.custom-select-type {
  width: 100%;
  max-width:530px;
  position: relative;
  font-family: sans-serif;
  font-size: 16px;
}

.custom-select-type select {
  display: none; /*hide original SELECT element: */
}

.custom-select-kund {
  width: 100%;
  max-width:530px;
  position: relative;
  font-family: sans-serif;
  font-size: 16px;
}
.custom-select-kund select {
  display: none; /*hide original SELECT element: */
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #333 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #333 transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #333;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #99d9ea;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.bild_namn {
  background-color: #eee;
  color: #111;
  border-color: #eee;
  border: 0px;
  cursor: pointer;
}
.dark-bild_namn {
  background-color: #222;
  color: #ccc;
}
.bild_namn:hover{
    background-color: #204762;
    color: #ddd;
}
.film_namn {
  background-color: #eee;
  color: #111;
  border-color: #eee;
  border: 0px;
  cursor: pointer;
}
.dark-film_namn {
  background-color: #222;
  color: #ccc;
}
.film_namn:hover{
    background-color: #204762;
    color: #ddd;
}

.bt_pointer {
    cursor: pointer;
}
.text_std{
    font-family: Arial, sans-serif;
    white-space:pre-wrap;
    font-size: 16px;
}
.text_tag1{
    max-width: 320px;
    white-space:pre-wrap;
}
.text_tag2{
    padding: 0 10px 0 0;
    white-space:pre-wrap;
}

.tid_bar {
    font-size: 16px;
    padding-bottom: 0px;
}

#snabb_meny {
    visibility: hidden;
    position: fixed;
    top: 50px;
    right: 1px;
    background-color: #ccc;
    color: #333;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#snabb_meny.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
#snabb_meny_adm {
    visibility: hidden;
    position: fixed;
    top: 55px;
    right: 5px;
    background-color: #bbb;
    color: #333;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#snabb_meny_adm.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
#snabb_meny_kal {
    visibility: hidden;
    position: fixed;
    top: 55px;
    right: 5px;
    background-color: #bbb;
    color: #333;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#snabb_meny_kal.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
#snabb_meny_med {
    visibility: hidden;
    position: fixed;
    top: 55px;
    right: 5px;
    background-color: #bbb;
    color: #333;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#snabb_meny_med.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
#snabb_meny_sta {
    visibility: hidden;
    position: fixed;
    top: 55px;
    right: 5px;
    background-color: #bbb;
    color: #333;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#snabb_meny_sta.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
#sort_meny {
    visibility: hidden;
    position: fixed;
    top: 50px;
    left: 1px;
    background-color: #ccc;
    color: #333;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#sort_meny.show {
    visibility: visible;
    animation:meny_opac 0.5s
}

@keyframes meny_opac{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
#snabb_meny_start {
    width: max-content;
    padding: 5px 0 5px 0;
    cursor: pointer;
    font-size: 16px;
}
#snabb_meny_start_2 {
    cursor: pointer;
}
#snabb_meny_slut {
    width: max-content;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
}
.meny_rad_left {
    min-width: 265px;
    text-align: left;
    padding: 0 0 0 0;
}
.meny_rad_right {
    align: right;
    padding: 0 0 0 0;
}
.meny_rad_left_med {
    min-width: 280px;
    text-align: left;
    padding: 0 0 0 0;
}

.meny_box {
    padding: 0 0 5px 0;
}
.meny_rader {
    min-width: 310px;
    padding: 5px 0 5px 0;
}
.meny_rader_1 {
    min-width: 310px;
    padding: 5px 0 5px 10px;
}

#kal_meny {
    visibility: hidden;
    position: fixed;
    top: 50px;
    left: 1px;
    background-color: #ccc;
    color: #333;
    padding: 10px 0 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#kal_meny.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
.kal_meny_rub {
    padding: 5px 0 5px 0;
}
.kal_rad_left {
    min-width: 275px;
    text-align: left;
    padding: 0 0 0 0;
}
.kal_rad_right {
    align: right;
    padding: 0 0 0 0;
}
.kal_meny_rad {
    display: inline-block;  /* fixed width in span */
    min-width: 310px;
    padding: 5px 0 5px 0;
}

#sid_meny {
    visibility: hidden;
    position: fixed;
    top: 50px;
    right: 1px;
    background-color: #ccc;
    color: #333;
    padding: 10px 5px 10px 15px;
    font-size: 16px;
    z-index: 9;
}
#sid_meny.show {
    visibility: visible;
    animation:meny_opac 0.5s
}
#sid_meny_start_a {
    cursor: pointer;
}
#sid_meny_start_b {
    cursor: pointer;
}
#sid_meny_start_c {
    cursor: pointer;
}
#sid_meny_start_top_a {
    cursor: pointer;
}
#sid_meny_start_top_b {
    cursor: pointer;
}
#sid_meny_slut {
    width: max-content;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
}
.sid_meny_delare {
    padding: 0 5px 0 0;
}

#kalender {
    visibility: hidden;
    position: fixed;
    top: 50px;
    left: 1px;
    background-color: #ccc;
    color: #333;
    padding: 15px 0 0 15px;
    z-index: 9;
}
#kalender.show {
    visibility: visible;
    animation:kal_opac 0.5s
}
#kalender_load {
    visibility: hidden;
    position: fixed;
    top: 155px;
    left: 122px;
    color: #ccc;
    padding: 15px 0 0 15px;
    z-index: 10;
}
#kalender_load.show {
  visibility: visible;
}
.kalender_loader {
  border: 8px solid #333;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}
@keyframes kal_opac{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
#kalender_datum {
    width: max-content;
    padding: 2px 0 2px 0;
    cursor: pointer;
}
#kalender_datum_slut {
    width: max-content;
    padding: 2px 0 2px 0;
    cursor: pointer;
}
#kal_mon_prev {
    padding: 0 10px 0 10px;
}
#kal_mon_next {
    padding: 0 10px 0 10px;
}
.kal_datum {
    display: inline-block;  /* fixed width in span */
    width: 165px;
}
.kal_dagar {
    min-width: 40px;
    font-size: 16px;
    padding: 0 0 10px 0;
}

#sid_meny_load {
    visibility: hidden;
    position: fixed;
    top: 38px;
    right: 1px;
    color: #ccc;
    padding: 15px 0 0 15px;
    z-index: 10;
}
#sid_meny_load.show {
  visibility: visible;
}
.sid_meny_loader {
  border: 8px solid #ddd;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}

#more_load {
  visibility: hidden;
  margin-left: -25px;
  text-align: center;
  border-radius: 50%;
  padding: 10px;
  position: fixed;
  z-index: 15;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}
#more_load.show {
  visibility: visible;
}
.more_loader {
  border: 8px solid #ddd;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: load-spin 2s linear infinite; /* Safari */
  animation: load-spin 2s linear infinite;
}

.div_pointer {
    display: inline-block;  /* fixed width in span */
    width: 25px;
    cursor: pointer;
}
.snabb_meny_huvud {
    display: inline-block;  /* fixed width in span */
    width: 25px;
}

.animera_link {
    padding: 5px 0 5px 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bolder;
}
div.text_background
{
    width: 100%;
    padding: 10px 0 0 0;
}
div.animera_app_text
{
    position: relative;
    width: 100%;
    padding: 0 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    animation: text_animera 3s steps(400, end);
}
div.animera_play_text
{
    position: relative;
    width: 100%;
    padding: 0 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    animation: text_animera 10s steps(400, end);
}
div.animera_text
{
    position: relative;
    width: 100%;
    max-width: 600px;
    padding: 0 0 5px 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    animation: text_animera 10s steps(400, end);
}

@keyframes text_animera {
    from {width: 0;}
}
@-webkit-keyframes text_animera {
    from {width: 0;}
}
@keyframes kund_animera {
    from {width: 380px;}
}
@-webkit-keyframes kund_animera {
    from {width: 380px;}
}
@keyframes kund_animera_800 {
    from {width: 280px;}
}
@-webkit-keyframes kund_animera_800 {
    from {width: 280px;}
}
@keyframes bild_animera {
    from {width: 270px;}
}
@-webkit-keyframes bild_animera {
    from {width: 270px;}
}

input[type=text] {
    width: 75px;
    height: 30px;
    background: #fff;
    color: #555;
    padding: 0 5px 0 5px;
    border-color: #ccc;
    border: 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
  width: 100%;
}

input.profil_edit[type=text] {
    width: 100%;
    max-width: 800px;
    height: 40px;
    background: #fff;
    color: #555;
    margin: 0px;
    padding: 5px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input.boknings_lista[type=text] {
    width: 800px;
    height: 30px;
    background: #fff;
    color: #333;
    padding: 0 5px 0 5px;
    border-color: #ccc;
    border: 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input.boknings_lista[type=text]:focus {
}
input.boknings_lista_red[type=text] {
    width: 800px;
    height: 30px;
    background: #fff;
    color: red;
    padding: 0 5px 0 5px;
    border-color: #ccc;
    border: 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
/* When the input field gets focus, change its width to 100% */
input.boknings_lista_red[type=text]:focus {
}
input.boknings_lista_borta[type=text] {
    width: 800px;
    height: 30px;
    background: #fff;
    color: #b90000;
    padding: 0 5px 0 5px;
    border-color: #ccc;
    border: 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
/* When the input field gets focus, change its width to 100% */
input.boknings_lista_borta[type=text]:focus {
}
input.boknings_lista_saknas[type=text] {
    width: 800px;
    height: 30px;
    background: #fff;
    color: #b97a57;
    padding: 0 5px 0 5px;
    border-color: #ccc;
    border: 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
/* When the input field gets focus, change its width to 100% */
input.boknings_lista_saknas[type=text]:focus {
}
input.boknings_lista_text1[type=text] {
    width: 500px;
    height: 30px;
    background: #fff;
    color: #333;
    padding: 0 0 0 0;
    border-color: #ccc;
    border: 0px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
/* When the input field gets focus, change its width to 100% */
input.boknings_lista_text1[type=text]:focus {
}

.video_padding_top {
    height: 30px;
}
.video_padding_text {
    height: 30px;
}
.video_padding_bottom {
    height: 60px;
}
.link_padding_text {
    height: 30px;
}
.color-tag-1 {
    /* turkos */
    color: #29abcb;
}
.color-tag-2 {
    /* blå */
    color: #2e668b;
}
.color-tag-3 {
    /* orange */
    color: #ff6600;
}
.color-tag-4 {
    color: red;
}
.color-tag-5 {
    /* rosa */
    color: #ff70ff;
}
.color-tag-6 {
    color: green;
}
.color-tag-7 {
    /* grön-gul */
    color: #9ecb16;
}
.color-tag-8 {
    /* klar grön */
    color: #00ff40;
}
.color-tag-9 {
    /* ljus orange */
    color: #ecba37;
}
.color-tag-finns_ej {
    color: #60bad9;
}

.color-ibb-1-1 {
    /* grön-gul border */
    width: 100%;
    max-width: 740px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #8ab114;
}
.color-ibb-2-1 {
    /* blå text */
    width: 100%;
    max-width: 740px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #2e668b;
}
.color-ibb-3-1 {
    /* rosa text */
    width: 100%;
    max-width: 740px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #ff70ff;
}
.color-ibb-4-1 {
    /* röd text */
    width: 100%;
    max-width: 740px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: red;
}
.color-ibb-5-1 {
    /* vit text */
    width: 100%;
    max-width: 740px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #333;
}

.color-ibb-1-2 {
    /* grön-gul text */
    width: 100%;
    max-width: 1310px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #8ab114;
}
.color-ibb-2-2 {
    /* blå text */
    width: 100%;
    max-width: 1310px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #2e668b;
}
.color-ibb-3-2 {
    /* rosa text */
    width: 100%;
    max-width: 1310px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #ff70ff;
}
.color-ibb-4-2 {
    /* röd text */
    width: 100%;
    max-width: 1310px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: red;
}
.color-ibb-5-2 {
    /* vit text */
    width: 100%;
    max-width: 1310px;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #bbb;
    color: #333;
}

.color-ibc-1-1 {
    /* grön-gul text */
    width: 100%;
    max-width: 740px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #8ab114;
}
.color-ibc-2-1 {
    /* blå text */
    width: 100%;
    max-width: 740px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #2e668b;
}
.color-ibc-3-1 {
    /* rosa text */
    width: 100%;
    max-width: 740px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #ff70ff;
}
.color-ibc-4-1 {
    /* röd text */
    width: 100%;
    max-width: 740px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: red;
}
.color-ibc-5-1 {
    /* svart text */
    width: 100%;
    max-width: 740px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #333;
}

.color-ibc-1-2 {
    /* grön-gul text */
    width: 100%;
    max-width: 1310px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #8ab114;
}
.color-ibc-2-2 {
    /* blå text */
    width: 100%;
    max-width: 1310px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #2e668b;
}
.color-ibc-3-2 {
    /* rosa text */
    width: 100%;
    max-width: 1310px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #ff70ff;
}
.color-ibc-4-2 {
    /* röd text */
    width: 100%;
    max-width: 1310px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: red;
}
.color-ibc-5-2 {
    /* svart text */
    width: 100%;
    max-width: 1310px;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #333;
}

.color-ibc-1-3 {
    /* grön-gul text */
    width: 100%;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #8ab114;
}
.color-ibc-2-3 {
    /* blå text */
    width: 100%;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #2e668b;
}
.color-ibc-3-3 {
    /* rosa text */
    width: 100%;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #ff70ff;
}
.color-ibc-4-3 {
    /* röd text */
    width: 100%;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: red;
}
.color-ibc-5-3 {
    /* svart text */
    width: 100%;
    padding: 0 10px 0 10px;
    background: #f3f3f3;
    color: #333;
}

.visningar {
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.link_datum {
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.link_rkn {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding-right: 10px;
}
.play_container {
  position: relative;
  text-align: left;
  font-size: 50px;
  color: #bbb;
}
.play_container:hover {
  position: relative;
  text-align: left;
  font-size: 50px;
  color: #eee;
}
.play_button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button.play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  border-style: solid;
  box-sizing: border-box;
  border-width: 32px 0px 32px 62px;
  border-color: transparent transparent transparent #b0b0b0;
  transform: translate(-50%, -50%);
}
.button.play:hover {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  border-style: solid;
  box-sizing: border-box;
  border-width: 32px 0px 32px 62px;
  border-color: transparent transparent transparent #e0e0e0;
  transform: translate(-50%, -50%);
  filter: drop-shadow(8px 8px 8px black);
}
.stronger {
    font-weight: bolder;
}
.text_emoji {
    font-size: 18px;
}
.endast_emoji {
    font-size: 24px;
}

img.pil {
    max-width: 300px;
    max-height: 200px;
    clip-path: polygon(0% 0%,
                      60% 0%,
                      60% 0%,
                     100% 50%,
                      60% 100%,
                      60% 100%,
                       0% 100%);
    -webkit-clip-path: polygon(0% 0%,
                      60% 0%,
                      60% 0%,
                     100% 50%,
                      60% 100%,
                      60% 100%,
                       0% 100%);

    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;

}
img.pil:hover {
    clip-path: polygon(0% 20%,
                      60% 20%,
                      60% 0%,
                     100% 50%,
                      60% 100%,
                      60% 80%,
                       0% 80%);
    -webkit-clip-path: polygon(0% 20%,
                      60% 20%,
                      60% 0%,
                     100% 50%,
                      60% 100%,
                      60% 80%,
                       0% 80%);
}
img.cirkel {
    max-width: 200px;
    max-height: 200px;
    clip-path: circle(45%);
    -webkit-clip-path: circle(45%);

    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;

}
img.cirkel:hover {
    clip-path: circle(35%);
    -webkit-clip-path: circle(35%);
}

img.next {
    object-fit: contain;
    width: 100%;
    max-width: 520px;
    height: 100%;
    max-height: 520px;
    object-position: top left;
}
.next-animate-opacity{
    animation:img_opac 1.0s
}
.next-animate-image{
    animation: text_animera 10s steps(400, end);
}
.next-animate-image-18{
    animation: text_animera 10s steps(400, end);
    -webkit-filter: blur(10px); /* Safari 6.0 - 9.0 */
    filter: blur(10px);
}
/* 557_comment_removed_visa_ej_anv */
img.img_blog {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    clip: rect(0px, 240px, 134px, 0px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
img.img_blog_senast {
    position: absolute;
    max-width: 300px;
    clip: rect(50px, 210px, 138px, 30px);
    margin-top: -30px;
    margin-left: -30px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    animation: shake 0.5s;
    animation-iteration-count: 2;
}

/* 551_image_blog_zoom */
img.img_blog:hover {
    transform: scale(1.1);
}
img.img_blog_h40:hover {
    opacity: 0.5;
}
img.img_blog_h100:hover {
    opacity: 0.5;
}
img.img_blog_h200:hover {
    opacity: 0.5;
}
/* 547_scroll_username */
img.img_blog_h201:hover {
    opacity: 0.5;
}
img.img_blog_h202:hover {
    opacity: 0.5;
}
img.img_blog_v100:hover {
    opacity: 0.5;
}
img.img_blog_v200:hover {
    opacity: 0.5;
}
img.img_blog_senast:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}
@keyframes img_opac{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
img.hamta_skicka {
    object-fit: contain;
    width: 100%;
    max-width: 520px;
    height: 100%;
    max-height: 520px;
    object-position: top left;
}

#caps_lock_text {
    display:none;
    color:red
}

.container_check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ddd;
}
.container_check:hover input ~ .checkmark {
  background-color: #ccc;
}
.container_check input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container_check input:checked ~ .checkmark:after {
  display: block;
}
.container_check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* light/dark mode ##################################### */
.dark-mode {
    color: #eee;
    background-color: #151515;
}
.dark-nav {
    background-color: #151515;
}
.dark-input_falt {
    background-color: #111;
    color: #eee;
}
.dark-submit_knapp_std {
    background-color: #222;
    color: #aaa;
}
.dark-submit_knapp_grn{
    background-color: #377ba8;
    color: #111;
}
.dark-submit_knapp_emoji{
    background-color: #111;
    color: #ddd;
}
.dark-submit_knapp_kamoji{
    background-color: #111;
    color: #ddd;
}
.dark-glow {
    color: #ddd;
}
.dark-glow_title {
    color: #ddd;
}
.dark-menu_knapp_std{
    background-color: #204762;
    color: #eee;
}
.dark-menu_knapp_std_dis{
    background-color: #377ba8;
    color: #aaa;
}
.dark-menu_knapp_pnk{
    background-color: #ff6ab5;
    color: #111;
}
.dark-menu_knapp_blu{
    background-color: #99d9ea;
    color: #333;
}
.dark-menu_knapp_del{
    background-color: #ff6666;
    color: #333;
}
.dark-menu_knapp_grn{
    background-color: #00b95c;
    color: #111;
}
.dark-menu_knapp_ora{
    background-color: orange;
    color: #111;
}
.dark-menu_knapp_gry{
    background-color: #222;
    color: #aaa;
}
.dark-menu_knapp_gry_dis{
    background-color: #222;
    color: #666;
}
.dark-more_knapp_gry {
    background-color: #222;
    color: #aaa;
}
.dark-more_knapp_foregande {
    background-color: #222;
    color: #aaa;
}
.dark-submit_knapp_bok_typ{
    background-color: #121212;
    color: #b0b0b0;
}
/* 460_dela_blog_text_bild */
.dark-bild-text-block {
}
.dark-bild-text-block-img {
/*460_dela_blog_text_bild
    background: rgba(0, 0, 0, 0.5);
    color: white;
 */
}
.dark-bild-text-block-emb {
  background: rgba(0, 0, 0, 0.90); /* Black background with 0.5 opacity */
  color: white;
}

.dark-color-ibc-1-1,
.dark-color-ibc-1-2,
.dark-color-ibc-1-3 {
    /* grön-gul text */
    background: #0a0a0a;
    color: #8ab114;
}
.dark-color-ibc-2-1,
.dark-color-ibc-2-2,
.dark-color-ibc-2-3 {
    /* blå text */
    background: #0a0a0a;
    color: #2e668b;
}
.dark-color-ibc-3-1,
.dark-color-ibc-3-2,
.dark-color-ibc-3-3 {
    /* rosa text */
    background: #0a0a0a;
    color: #ffb0ff;
}
.dark-color-ibc-4-1,
.dark-color-ibc-4-2,
.dark-color-ibc-4-3 {
    /* röd text */
    background: #0a0a0a;
    color: red;
}
.dark-color-ibc-5-1,
.dark-color-ibc-5-2,
.dark-color-ibc-5-3 {
    /* vit text */
    background: #0a0a0a;
    color: #ccc;
}
.dark-color-tag-finns_ej {
    color: #2e668b;
}
.dark-bottom_nav_url {
    color: #999;
}
.dark-bottom_url {
    color: #777;
}
.dark-kal_calmonyear_prev {
    background-color: #151515;
    color: #bbb;
}
.dark-kal_calmonyear_prev span {
    background-color: #151515;
}
.dark-kal_calmonyear_prev span:after {
    background-color: #151515;
}
.dark-kal_calmonyear_next {
    background-color: #151515;
    color: #bbb;
}
.dark-kal_calmonyear_next span {
    background-color: #151515;
}
.dark-kal_calmonyear_next span:after {
    background-color: #151515;
}
.dark-div_button_day {
    background-color: #151515;
    color: #ccc;
}
.dark-div_button_day_red {
    background-color: #151515;
}
.dark-div_button_day_dis {
    background-color: #111;
    color: #555;
}
.dark-div_button_day_dis_red {
    background-color: #111;
    color: #800000;
}
.dark-div_button_day_bok {
    background-color: #24550f;
    color: #ccc;
}
.dark-div_button_day_bok_old {
    background-color: #624000;
    color: #ccc;
}
.dark-div_button_day_bok_old_red {
    background-color: #624000;
    color: #f14b54;
}
.bt_border_embed {
    border-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.bt_border_embed-dark {
    border-color: #222;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.bt_back_knapp {
    height: 20px; 
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    color: #888;
    background-color: #e8e8e8;
    padding: 4px 8px 4px 8px;
    margin: 0 7px 0 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.bt_back_knapp:hover {
    color: #444;
    background-color: #ddd;
}
.bt_back_knapp-dark {
    color: #aaa;
    background-color: #181818;
}
.bt_back_knapp-dark:hover {
    color: #ddd;
    background-color: #222;
}


/* ########## Media Screen ########## */

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    /* Responsive layout - makes a two column-layout instead of four columns */
    /* .box_column { */
        /* -ms-flex: 50%; */
        /* flex: 50%; */
        /* max-width: 50%; */
    /* } */
    #ark_img_crop_200 {
        width: 150px; /* width of container */
        height: 150px; /* height of container */
        background-color: rgba(0,0,0,1.0);
        object-fit: cover;
        border-radius: 50%;
    }
    #ark_img_crop_200_med {
        width: 150px; /* width of container */
        height: 150px; /* height of container */
        background-color: rgba(237,28,36,1.0);
        object-fit: cover;
        border-radius: 50%;
    }
    .arkiv_cropped_profil_stor {
        width: 150px; /* width of container */
        height: 150px; /* height of container */
        object-fit: cover;
        border-radius: 50%;
        opacity:1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .arkiv_cropped_profil_stor_med {
        width: 150px; /* width of container */
        height: 150px; /* height of container */
        object-fit: cover;
        border-radius: 50%;
        opacity:1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        border: 0px solid red !important;
    }
    .ark-bild-text-block,
    .ark-bild-text-block-emb,
    .ark-bild-text-block-med {
        bottom: 13px;
        left: 33px;
    }
    .content-div-right-1 {
        padding-right: 0px;
    }

    input.boknings_lista[type=text] {
        width: 350px;
    }
    input.boknings_lista_red[type=text] {
        width: 350px;
    }
    input.boknings_lista_borta[type=text] {
        width: 350px;
    }
    input.boknings_lista_saknas[type=text] {
        width: 350px;
    }
    input.boknings_lista_text1[type=text] {
        width: 350px;
    }

    div.animera_play_text
       {
        position: relative;
        width: 100%;
        padding: 0 0 0 0;
        white-space: nowrap;
        overflow: hidden;
        animation: text_animera 3s steps(60, end);
    }
    div.animera_text
      {
        position: relative;
        width: 100%;
        max-width: 400px;
        padding: 0 0 5px 0;
        font-family: Arial, sans-serif;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        animation: text_animera 3s steps(60, end);
    }
    .next-animate-image {
        animation: text_animera 3s steps(60, end);
    }
    .next-animate-image-18 {
        animation: text_animera 3s steps(60, end);
        -webkit-filter: blur(10px); /* Safari 6.0 - 9.0 */
        filter: blur(10px);
    }

    .w3-img-kund {
        width: 100%;
        max-width: 600px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        animation: kund_animera_800 2s steps(100, end);
    }
    .img-width-460 {
        width: 100%;
        max-width: 460px;
        padding: 0 10px 10px 0;
        animation: bild_animera 1s steps(100, end);
    }
    .arkiv_shake {
        animation: shake 0.5s;
        animation-iteration-count: 10;
    }
}

@media screen and (max-width: 900px) {
    .bild-text-block-img {
    /*460_dela_blog_text_bild
        bottom: 20px;
        left: 30px;
    */
    }
    .bild-text-block-img-hot {
    /*460_dela_blog_text_bild
        bottom: 20px;
        left: 30px;
    */
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
    /* .box_column { */
        /* -ms-flex: 100%; */
        /* flex: 100%; */
        /* max-width: 100%; */
   /* } */

    input.boknings_lista[type=text] {
        width: 100px;
    }
    input.boknings_lista_red[type=text] {
        width: 100px;
    }
    input.boknings_lista_borta[type=text] {
        width: 100px;
    }
    input.boknings_lista_saknas[type=text] {
        width: 100px;
    }
    input.boknings_lista_text1[type=text] {
        width: 75px;
    }
}
@media screen and (min-width: 601px) {
  .no_glow {
        width: max-content;
        font-size: 24px;
        color: #333;
        text-align: left;
    }
  .no_glow:hover {
        color: #04AA6D;
    }

    img.next {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    .box_column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
    .box_column_3 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .glow {
        font-size: 24px;
        text-align: left;
        /*
        -webkit-animation: glow 1s ease-in-out infinite alternate;
        -moz-animation: glow 1s ease-in-out infinite alternate;
        animation: glow 1s ease-in-out infinite alternate;
        padding-bottom: 10px;
        */
    }
    .no_glow {
        width: max-content;
        font-size: 24px;
        color: #333;
        text-align: left;
    }
    .no_glow:hover {
        color: #04AA6D;
    }

    .input_falt_sok {
        width: 200px;
        max-width: 200px;
        min-width: 200px;
        background-color: #fff;
        color: #111;
    }

    #ark_img_crop_200 {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        background-color: rgba(0,0,0,1.0);
        object-fit: cover;
        border-radius: 50%;
    }
    #ark_img_crop_200_med {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        background-color: rgba(237,28,36,1.0);
        object-fit: cover;
        border-radius: 50%;
    }
    .arkiv_cropped_profil_stor {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        object-fit: cover;
        border-radius: 50%;
        opacity:1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .arkiv_cropped_profil_stor_med {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        object-fit: cover;
        border-radius: 50%;
        opacity:1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        border: 0px solid red !important;
    }
    .ark-bild-text-block,
    .ark-bild-text-block-emb,
    .ark-bild-text-block-med {
        bottom: 28px;
        left: 48px;
    }
    .content-div-right-2 {
        padding-right: 0px;
    }

    input.boknings_lista[type=text] {
        width: 175px;
    }
    input.boknings_lista_red[type=text] {
        width: 175px;
    }
    input.boknings_lista_borta[type=text] {
        width: 175px;
    }
    input.boknings_lista_saknas[type=text] {
        width: 175px;
    }
    input.boknings_lista_text1[type=text] {
        width: 100px;
    }
    .arkiv_shake {
        animation: shake 0.5s;
        animation-iteration-count: 10;
    }
}

@media screen and (min-width: 1600px) {
    .text_std{
        font-family: Arial, sans-serif;
        white-space:pre-wrap;
        font-size: 17px;
    }

    .bt_embed_video {
        max-width: 800px;
        height: 448px;
        vertical-align: center;
        text-align: center;
        background: #0a0a0a;
    }
    .bt_embed_video:hover {
    }
    .bt_embed_video_big {
        width: 100%;
        max-width: 1143px;
        height: 640px;
        vertical-align: center;
        text-align: center;
        background: rgb(7,7,7);
    }
    .bt_embed_mp4 {
        width: 100%;
        max-width: 100%;
        height: 448px;
        background: #0a0a0a;
    }
    .bt_embed_mp4:hover {
    }
    .bt_embed_mp4_big {
        width: 100%;
        max-width: 100%;
        height: 640px;
        background: rgb(7,7,7);
    }
    .bt_embed_audio {
        width: 100%;
        max-width: 100%;
    }
    .bt_embed_audio:hover {
    }
    .bt_embed_close {
        width: 100%;
        max-width: 100%;
        padding-top: 0px;
        text-align: right;
    }

    .content-div-7 {
        padding-top: 5px;
        padding-bottom: 15px;
        font-size: 16px;
    }
    .content-div-8 {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
    }
    .content-div-9 {
        padding-top: 5px;
        font-size: 16px;
    }

    #ark_img_crop_200 {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        background-color: rgba(0,0,0,1.0);
        object-fit: cover;
        border-radius: 50%;
    }
    #ark_img_crop_200_med {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        background-color: rgba(237,28,36,1.0);
        object-fit: cover;
        border-radius: 50%;
    }
    .arkiv_cropped_profil_stor {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        object-fit: cover;
        border-radius: 50%;
        opacity:1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .arkiv_cropped_profil_stor_med {
        width: 250px; /* width of container */
        height: 250px; /* height of container */
        object-fit: cover;
        border-radius: 50%;
        opacity:1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        border: 0px solid red !important;
    }
    .ark-bild-text-block,
    .ark-bild-text-block-emb,
    .ark-bild-text-block-med {
        bottom: 28px;
        left: 48px;
    }
    #meddelandebar {
        visibility: hidden;
        position: fixed;
        min-width: 325px;
        max-width: 325px;
        bottom: 10px;
        right: 10px;
        background-color: #6fb7b7;
        color: #111;
        border-radius: 5px;
        padding: 10px 10px 10px 10px;
        font-size: 16px;
        z-index: 20;
    }
    .meddelandebar_left {
        min-width: 260px;
        max-width: 260px;
        text-align: left;
        padding: 0 0 0 0;
    }
    #bokningsbar {
        visibility: hidden;
        position: fixed;
        min-width: 325px;
        max-width: 325px;
        bottom: 10px;
        left: 10px;
        background-color: orange;
        color: #111;
        border-radius: 5px;
        padding: 10px 10px 10px 10px;
        font-size: 16px;
        z-index: 20;
    }
    .bokningsbar_left {
        min-width: 280px;
        max-width: 280px;
        text-align: left;
        padding: 0 0 0 0;
    }
}