:root {
    --primary-color-1: #007B8B !important;
    --primary-color-2: #0b1023 !important;
    --primary-color-3: #3B3F4E !important;
    --primary-color-4: rgba(0, 146, 207, 0.3) !important;
    --primary-color-5: #e6f5fd !important;
    --interactive-color-1: #003d57 !important;
    --interactive-color-2: #005072 !important;
    --interactive-color-3: #295056 !important;
    --app-background-color: #007B8B !important;
}

.size-default {
    min-width: 20% !important;
    min-height: 80% !important;
    border-radius: 4px !important;
}

.e-checkbox-wrapper .e-label {
    font-size: var(--fontsize-tablet);
}

.e-bigger {
    background: #0b1023;
}

.e-radio:checked + label::before {
    background-color: #007B8B;
    border-color: #007B8B;
}

.own-input {
    width: 100% !important;
    height: unset !important;
    background-color: unset !important;
    font-family: var(--font-family);
    color: unset !important;
    border-radius: unset !important;
    border: unset !important;
    margin-top: 2%;
    margin-bottom: 2%;
}

.e-upload .e-upload-files .e-file-remove-btn.e-icons {
    position: relative;
    top: 20%;
    margin-top: 0;
    margin: 0;
}

.e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-input-group, .e-float-input.e-control-wrapper, .e-float-input.e-input-group.e-control-wrapper {
    margin-bottom: 1%;
}

.buttonshake:focus {
    animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
}

.invalidButton {
    outline: 0.5px solid red !important;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon {
    background-color: rgba(0, 0, 0, 0) !important;
}

.whitespace {
    white-space: pre-wrap;
}