html, body, header, footer, .modal, .modal-fullscreen {
    min-width: 340px;
}

/* Chrome, Safari och Opera färgen vid autofill på login sidan*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #959696 !important;
}

/* Firefox färgen vid autofill på login sidan*/
input:-moz-ui-autofill,
input:-moz-ui-autofill-preview,
input:-moz-ui-autofill:focus,
input:-moz-ui-autofill-preview:focus {
    transition: background-color 5000s ease-in-out 0s;
    -moz-text-fill-color: #959696 !important;
}

@font-face {
    font-family: 'Noto Sans';
    src: url(../fonts/NotoSans-Regular.ttf) format('woff2');
}

.wiggle {
    animation: wiggleAnimation 0.5s ease-in-out 10;
    transform-origin: 78.5px 23.5px; /* identifierat dessa koordinater som den faktiska mitten av din SVG-figur */
}

@keyframes wiggleAnimation {
    0%, 100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(12deg);
    }
}

.form-switch .form-check-input:checked {
    background-color: var(--Light-Green, #c9e2c5);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2365BC94'/%3e%3c/svg%3e");
}

.container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#mainContent {
    background-color: #65BC94
}

.loading-overlay {
    transition: display 2s;
    z-index: 9999;
    color: #bcbcbc;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
}

    .loading-overlay img {
        width: 30%;
        max-width: 100px;
    }