/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* 
    When providing you own styles the tkusercss.css is your starting point
    Consider to use @import to segment styles
    @import "assets/css/newstyle.css";

    Video intro: https://wiki.mdriven.net/index.php/MDriven_turnkey_Face_-_theme_-_styles_-_fashion

    Note that styles for EXT_Components will load depending on their own rules - and do not need to be mentioned here
*/

/* no scroll*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("../Content/homepage-styles.css");

:root {
    --base-bg-color: 255, 255, 255 !important;
    --navbar-bg-color: 8, 85, 114 !important;
    --navbar-brand-color: 8, 35, 114 !important;
    --navbar-link-color: 255, 255, 255 !important;
    --sidebar-bg-color: 8, 85, 114 !important;
    --primary-color: 8, 85, 114 !important;
    --primary-color-dark: 7, 77, 104 !important;
    --text-on-primary: 255, 255, 255 !important;
    --base-font-size: 14px !important;
    --navbar-height: 80px !important;
    --sidebar-item-text-color: 244, 239, 234 !important;
    --save-action-bg-color: 255, 255, 255 !important;
    --save-action-bg-color-dark: 248, 248, 248 !important;
    --save-action-text-color: 235, 148, 35 !important;
    --cancel-action-text-color: 211, 46, 46 !important;
    --cancel-action-bg-color: 255, 255, 255 !important;
    --cancel-action-bg-color-dark: 248, 248, 248 !important;
}

html[turnkeyview=""] #globalNavWrapper {
    display: none !important;
}

html,
body {
    font-size: 14px !important;
    font-family: "Montserrat", sans-serif !important;
    -webkit-overflow-scrolling: touch;
}

.navbar {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: var(--navbar-height) !important;
}

.navbar__list {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.navbar__wrapper.collapse > ul > li:nth-child(5) {
    margin-left: auto !important;
}

#sidebar {
    border-right: 1px solid #e3e8ee;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#contentWrapper {
    height: calc(100vh - var(--navbar-height)) !important;
    background-color: #fff;
}

.tk-progress-bar {
    top: 80px;
    background: #fff;
}

#viewmodelWrapper {
    z-index: 1;
}

button.tk-button__native,
a.tk-button__native {
    background-color: rgb(var(--primary-color));
    color: #fff;
    margin: 0;
    padding: 0 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 100%;
    min-width: 120px;
    height: 40px;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    white-space: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-decoration: none;
    text-transform: none;
    outline: none;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

button.tk-button__native:hover,
a.tk-button__native:hover {
    background: rgb(var(--primary-color-dark)) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff !important;
}

button.tk-button__native:focus:not(:active),
a.tk-button__native:focus:not(:active) {
    background-color: rgb(var(--primary-color-dark));
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.tk-button__native:active,
a.tk-button__native:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.tk-button__native:disabled,
button.tk-button__native[disabled],
a.tk-button__native:disabled,
a.tk-button__native[disabled] {
    background: #cccccc;
    opacity: 0.38;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 767px) {
    button.tk-button__native,
    a.tk-button__native {
        padding: 0 10px;
        font-size: 0.75rem;
    }
}

.tk-button__text {
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

button.tk-button__native.dense,
a.tk-button__native.dense {
    padding: 0 10px;
    min-width: 45px;
    height: 40px;
    line-height: 1.9rem;
}

button.tk-button__native.outlined:not(:disabled),
a.tk-button__native.outlined:not(:disabled) {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 2px;
    border-style: solid rgb(0, 0, 0);
}

button.tk-button__native.outlined:disabled,
a.tk-button__native.outlined:disabled {
    border: 2px solid rgba(0, 0, 0, 0.37);
    color: rgba(0, 0, 0, 0.37);
    background: transparent;
    cursor: not-allowed;
}

button.tk-button__native.outlined:disabled:hover,
button.tk-button__native.outlined:disabled:active,
a.tk-button__native.outlined:disabled:hover,
a.tk-button__native.outlined:disabled:active {
    background: transparent;
}

button.tk-button__native.flat:not(:disabled),
a.tk-button__native.flat:not(:disabled) {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.tk-button__native.flat:disabled,
a.tk-button__native.flat:disabled {
    color: rgba(0, 0, 0, 0.37);
    background: transparent;
    cursor: not-allowed;
}

button.tk-button__native.flat:disabled:hover,
button.tk-button__native.flat:disabled:focus,
button.tk-button__native.flat:disabled:active,
a.tk-button__native.flat:disabled:hover,
a.tk-button__native.flat:disabled:focus,
a.tk-button__native.flat:disabled:active {
    background: transparent;
}

button.tk-button__native.shaped,
a.tk-button__native.shaped {
    border-radius: 18px;
}

button.tk-button__native.fab,
a.tk-button__native.fab {
    padding: 0;
    border-radius: 100%;
    min-width: 35px !important;
    max-width: 35px !important;
    max-height: 35px;
    min-height: 35px;
}

button.tk-button__native.narrow,
a.tk-button__native.narrow {
    width: auto !important;
}

button.tk-button__native.close {
    text-align: center;
    font-size: 1.25rem;
}

.tk-label {
    font-family: "Montserrat", sans-serif;
    line-height: 1.5;
    letter-spacing: normal;
    white-space: normal;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    padding-left: 8px;
}

.tk-text-field__native {
    margin: 0;
    padding: 6px 8px 7px 8px;
    display: block;
    width: 100%;
    min-width: 64px;
    height: 60px !important;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    border-radius: 2px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.tk-static-text {
    font-family: "Montserrat", sans-serif !important;
}

tbody .tk-text-field__native {
    height: 30px !important;
}

.tk-text-field__native:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tk-input-field__container--in-grid .tk-input-field__native {
    height: 35px;
    min-width: 80px;
}

.tk-text-field__native[readonly] {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.025);
}

.tk-text-field__native:disabled {
    color: rgba(0, 0, 0, 0.37);
    background: #f8f8f8;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
}

.tk-text-field__native.dense {
    height: 40px;
    font-size: 0.85rem;
}

.tk-text-field__validation-state {
    margin-top: 5px;
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
}

.tk-sidebar__item:hover,
.tk-sidebar__item:focus {
    background-color: rgba(var(--sidebar-item-text-color), 0.2);
    color: rgb(var(--sidebar-item-text-color));
}

/* NAVBAR */
@media only screen and (min-width: 768px) {
    .navbar {
        padding: 0 15px 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar .pull-right {
        margin-left: auto;
    }

    .navbar__header {
        width: fit-content !important;
    }
}

/**** Navbar header general styles ****/
.navbar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.navbar__brand {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .navbar__header {
        width: 100%;
    }
}

/**** Navigation toggle buttons ****/
.navbar__toggle {
    margin: 0px 5px;
    position: relative;
    top: 22px;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 100%;
    outline: 0;
    cursor: pointer;
    -webkit-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
.navbar__toggle:hover,
.navbar__toggle:focus:not(:active) {
    background-color: rgba(255, 255, 255, 0.1);
}
.navbar__toggle .icon-bar {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
}
.navbar__toggle .icon-bar + .icon-bar {
    margin-top: 3px;
}
@media only screen and (min-width: 768px) {
    .navbar__toggle:not(.navbar__toggle--sidebar) {
        display: none;
    }
}
.navbar__toggle--sidebar .icon-bar {
    background-color: #fff;
}
.navbar__toggle--default {
    margin-left: auto;
}
.navbar__toggle .ripple-container {
    background-color: rgba(255, 255, 255, 0.25);
}

#LeftMenuButton.active {
    display: block;
}

#LeftMenuButton:not(.active) {
    display: none;
}

/**** Navbar logo styles ****/
.navbar__logo img {
    display: block;
    max-height: 200px;
    max-width: 100%;
    height: 80px;
}

html[turnkeyview="SetUpSeeding"] .navbar__list.right .navbar__link span,
html[turnkeyview="SetUpSeeding"] .navbar__list.right .navbar__link span,
html[turnkeyview="LokalSeeker"] .navbar__list.right .navbar__link span,
html[turnkeyview="MyArrangementsAsPerformer"]
    .navbar__list.right
    .navbar__link
    span,
html[turnkeyview="OnBoardingOfPerformer"]
    .navbar__list.right
    .navbar__link
    span,
html[turnkeyview="SetUpSeeding"] .navbar__list.right .mi,
html[turnkeyview="SetUpSeeding"] .navbar__list.right .mi,
html[turnkeyview="LokalSeeker"] .navbar__list.right .mi,
html[turnkeyview="MyArrangementsAsPerformer"] .navbar__list.right .mi,
html[turnkeyview="OnBoardingOfPerformer"] .navbar__list.right .mi {
    color: #085572;
}

.navbar__list.right a span {
    max-width: 180px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.navbar__link--colored {
    background-color: transparent !important;
}

.navbar__list.right a:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

a.navbar__link--colored span {
    font-size: 0px;
}

a.navbar__link--colored .mi {
    font-size: 18px !important;
    margin-right: 0px !important;
}

/**** Application name styles ****/

.navbar__brand {
    display: none !important;
}

.navbar__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* padding-top: 44px;*/
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: visible;

    padding: 0px;
    padding-bottom: 0px !important;
    align-items: center;
}
.navbar__wrapper.collapse {
    display: none;
}
.navbar__wrapper.collapse.in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.navbar__wrapper.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.navbar__wrapper.in {
    overflow-y: auto;
}
@media only screen and (min-width: 768px) {
    .navbar__wrapper {
        width: 100%;
        overflow-x: auto;
    }
    .navbar__wrapper.collapse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto;
        padding-bottom: 8px;
        overflow: visible;
    }
    .navbar__wrapper.in {
        overflow-y: visible;
    }
}

.navbar__list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.navbar__list.right {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .navbar__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar__list.right {
        width: auto;
        margin-left: auto;
    }
}

.navbar__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .navbar__item {
        width: auto;
    }
    .navbar__item + .navbar__item {
        margin-left: 5px;
    }
}
.navbar__item.dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.navbar__link {
    padding: 5px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;

    height: 46px !important;
}

.navbar__link:focus:not(:active) {
    background-color: transparent !important;
}

.navbar__link:disabled,
.navbar__link[disabled] {
    color: #797979;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.navbar__link:disabled:hover,
.navbar__link:disabled:focus,
.navbar__link[disabled]:hover,
.navbar__link[disabled]:focus {
    background: none;
}

.navbar__link .mi {
    margin-right: 8px;
    font-size: 18px;
}

.navbar__link .ripple-container {
    background-color: transparent;
}

.navbar__link .caret {
    margin-left: 4px;
}

@media only screen and (min-width: 768px) {
    .navbar__link {
        padding: 10px 16px;
        font-weight: 400;
    }
}

.dropdown__menu {
    display: none;
    margin: 0;
    padding: 5px 0px 5px 30px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    list-style: none;
    z-index: 1000;
    -webkit-box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08),
        0 1px 3px 1px rgba(66, 66, 66, 0.16);
    box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08),
        0 1px 3px 1px rgba(66, 66, 66, 0.16);
    border-radius: 6px;
    border: 1ps solid #e7ecf0;
    z-index: 10000;
}

@media only screen and (min-width: 768px) {
    .dropdown__menu {
        padding: 5px 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: auto;
        min-width: 160px;
        background-clip: padding-box;

        border-radius: 2px;
    }
}

.dropdown__link {
    padding: 10px 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

@media only screen and (min-width: 768px) {
    .dropdown__link {
        padding: 15px 20px;
    }
}

a[glaction="NyttArr"] {
    height: 36px;
    background-color: #ffe807;
    border-radius: 4px;
    color: #000;
    font-weight: 500;
}

.tk-checkbox {
    padding-top: 5px;
}

.tk-placingcontainer .tk-checkbox {
    padding-top: 5px;
    height: min-content;
}

a[glaction="NyttArr"]:focus,
a[glaction="NyttArr"]:hover,
a[glaction="NyttArr"]:focus:not(:active) {
    background-color: #eed600 !important;
    color: #000000 !important;
}

.tk-checkbox__label {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.tk-image-upload__interactive {
    opacity: 1;
}

.tk-image-upload__interactive::before {
    opacity: 0 !important;
}

.tk-image-upload__interactive:hover::before {
    content: "\e2c3";
    opacity: 1 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Material Icons";
    font-size: 2.5rem;
    color: #fff;
    transform: translate(-50%, -50%);
}

/* SELECT */
.tk-select__native {
    padding: 8px 32px 8px 10px;
    display: block;
    width: 100%;
    height: 50px;
    min-width: 80px;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
    border: 0;
    border-radius: 2px;
    background: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow 200ms linear;
    transition: -webkit-box-shadow 200ms linear;
    -o-transition: box-shadow 200ms linear;
    transition: box-shadow 200ms linear;
    transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.tk-select__native:not(:disabled),
.tk-select__native:not([disabled]) {
    color: black;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.tk-select__native:not(:disabled):hover,
.tk-select__native:not([disabled]):hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.tk-select__native:disabled,
.tk-select__native[disabled] {
    cursor: default;
    pointer-events: none;
    color: #9b9b9b;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #e5e5e5;
}
.tk-select__native::-ms-expand {
    display: none;
}

.tk-select__native:not(:disabled):focus {
    -webkit-box-shadow: rgb(var(--primary-color-dark));
    box-shadow: rgb(var(--primary-color-dark));
}

.tk-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")
        no-repeat 50%;
    position: absolute;
    left: auto;
    right: 8px;
    top: 20px;
    width: 12px;
    height: 12px;
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.tk-select__native:disabled ~ .tk-select__dropdown-icon {
    opacity: 0.4;
}

.tk-select__native.ng-hide ~ .tk-select__dropdown-icon {
    display: none;
}

.tk-select__validation-state {
    margin-top: 5px;
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
}

.tk-select__inner.dense .tk-select__native {
    padding: 2px 32px 2px 10px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #000;
    background: transparent;
    height: 28px;
}

table .tk-select__inner {
    background-color: #fff !important;
}

/* TABLE */

.tk-data-table {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: "Montserrat", sans-serif;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    /*min-height: 90px;*/
    min-height: 300px;
    height: 100%;
    overflow-y: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 75ms linear,
        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 75ms linear,
        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    -o-transition: opacity 75ms linear,
        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 75ms linear,
        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 75ms linear,
        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1),
        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.tk-data-table.full-height {
    height: calc(100vh - (50px + 30px));
    min-height: unset !important;
    max-height: unset !important;
}
.tk-data-table.full-height .tk-data-table__content {
    height: 100%;
}
.tk-data-table.full-height .tk-data-table__native {
    height: auto;
}
.tk-data-table.ng-hide {
    display: none !important;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.tk-data-table.ctGridMidAirY .tk-data-table__content {
    height: 100%;
}

.tk-data-table__label {
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
}
@media only screen and (max-width: 767px) {
    .tk-data-table__label {
        font-size: 1rem;
    }
}

.tk-data-table.ctGridYBottom .tk-data-table__content {
    height: 100%;
}

.tk-data-table__content {
    margin-top: 10px;
    position: relative;
    width: 100%;
    /*height: 100%;*/
    overflow: auto;
    border-radius: 12px;
    border: 1px solid #e3e8ee;
    background: #fff;
}

.tk-data-table__native {
    position: relative;
    display: table;
    width: 100%;
    /*height: 100%;*/
    font-family: "Montserrat", sans-serif;
    white-space: nowrap;
    border: 0;
    border-collapse: separate;
    background-color: rgb(218, 218, 218);
}
.tk-data-table__native thead {
    display: table-header-group;
    vertical-align: middle;
}

.tk-data-table__header-row {
    vertical-align: inherit;
    height: 46px;
}

.tk-data-table__header-row th {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;

    background-color: #085572;

    border-bottom: none;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .tk-data-table__header-row {
        height: 34px;
    }
}

.tk-data-table__header-cell {
    background-color: #f5f5f5;
    padding: 8px 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.5em;
    text-align: left;
    vertical-align: baseline;
    padding-top: 8px;
    padding-bottom: 8px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    max-width: 150px;
    white-space: normal;
}

.order-enabled::after {
    display: inline;
    font-size: 12px;
}

.tk-data-table__header-cell.numeric {
    text-align: right;
}

.tk-data-table__header-cell:first-of-type {
    padding-left: 16px;
}

@media only screen and (max-width: 767px) {
    .tk-data-table__header-cell {
        padding: 0 10px;
        font-size: 0.75rem;
        font-weight: 400;
    }
}

.tk-data-table__content.multiselect .tk-data-table__row.vmCurrentRow {
    cursor: pointer;
}

.tk-data-table__row {
    position: relative;
    height: 60px;
    -webkit-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.tk-data-table__row:hover:not(.vmCurrentRow),
.tk-data-table__row:focus:not(.vmCurrentRow) {
    background-color: #f2f4f7;
    cursor: pointer;
}
.tk-data-table__row:focus {
    outline: 0;
}
.tk-data-table__row.danger {
    background-color: rgba(215, 67, 67, 0.4);
}
.tk-data-table__row.danger:hover {
    background-color: rgba(215, 67, 67, 0.6);
}
.tk-data-table__row.warning {
    background-color: rgba(242, 184, 102, 0.4);
}
.tk-data-table__row.warning:hover {
    background-color: rgba(242, 184, 102, 0.6);
}
.tk-data-table__row.success {
    background-color: rgba(111, 192, 109, 0.4);
}
.tk-data-table__row.success:hover {
    background-color: rgba(111, 192, 109, 0.6);
}
@media only screen and (max-width: 767px) {
    .tk-data-table__row {
        height: 40px;
    }
}

.tk-data-table__native.striped .tk-data-table__row:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
.tk-data-table__native.striped .tk-data-table__row:nth-of-type(odd):hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.tk-data-table__row.vmCurrentRow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #bde0ff;
}

.tk-data-table__row.vmCurrentRow td:first-child::before {
    display: none !important;
}

.tk-data-table__cell {
    padding: 5px 10px;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.tk-data-table__cell.numeric {
    text-align: right;
    padding-right: 10px;
}
@media only screen and (max-width: 768px) {
    .tk-data-table__cell {
        padding: 0 10px;
        font-size: 0.8rem;
    }
}
.tk-data-table__cell {
    border-bottom: 1px solid #e3e8ee;
    border-top: none;
}

.tk-data-table__cell .vmRenderedByAction div {
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border-bottom: 1px dashed #212121;
    cursor: pointer;
}

.tk-data-table__cell img {
    max-height: 30px;
}

.tk-data-table__cell .tk-switch__inner {
    margin-top: 5px;
}

.mg_MyArrangementsAsPerformer,
.mg_OnBoardingOfPerformer,
.mg_LokalSeeker,
.mg_SetUpSeeding {
    -ms-grid-rows: 95px auto !important;
    grid-template-rows: 95px auto !important;
}

.tk-data-table__cell--contextAction .show-actions {
    opacity: 1 !important;
    position: relative !important;
    border-radius: 25px !important;
    padding: 0px !important;
    box-shadow: none !important;
    max-width: 35px;
    margin-left: auto;
}

.tk-data-table__cell--contextAction .show-actions {
    justify-content: flex-end !important;
}

/*OneArrangement Page*/

#viewmodelSection {
    padding: 16px 24px;
}

.mg_OneArrangement {
    margin-bottom: 40px;
}

.accordion-override {
    grid-row: 25/30 !important;
}

.summary-lada.tk-groupbox {
    background: #fff;
    padding: 32px;
    border-radius: 8px;
    height: fit-content !important;

    margin: 0 32px;
}

.summary-lada__desc.tk-component {
    padding: 0px;
}

.summary-lada__desc .tk-static-text__native {
    font-size: 10px;
    font-weight: 600;
    margin-left: auto;
}

.summary-item.tk-component {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    position: relative;
    background-color: #d0e9ff;
    border-radius: 6px;
    padding: 0px 10px;
    font-size: 16px;
    width: calc(100% - 16px);
    margin: 0 auto;
    margin-bottom: 6px;
}

.summary-item .tk-label::before {
    content: "\e5c5";
    font-family: "Material Icons";
    font-size: 16px;
    line-height: 20px;
    margin-right: 2px;
    color: #085572;
}

.summary-item .tk-label {
    line-height: 20px;
    font-weight: 600;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    color: #085572;
    padding: 0px;
}

.summary-item .tk-static-text__native {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0px;

    text-align: right;
    font-family: "Montserrat";
    padding-left: 8px !important;
    padding-right: 8px;
}

.summor-header .vmRenderedByAction span {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    font-family: "Montserrat";
    padding-right: 16px;
}

.summor-header a.vmRenderedByAction {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    padding-right: 8px;
    z-index: 8;
}

.summary-item__wrapper.tk-component {
    padding: 0px;
}

button.summary-item__action {
    width: 100%;
    padding: 0;
    background-color: transparent;
}

.summor-row.tk-component {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2px 28px;
}

.summor-row.tk-label,
.summor-row .tk-label {
    padding: 0px;
    margin-right: 6px;
    line-break: anywhere;
}

.summor-row .tk-static-text__native {
    white-space: nowrap;
    min-width: 50px;
    text-align: right;
    display: block;
}

.summor-row.primary .tk-label,
.summor-row.primary p {
    color: #085572;
    font-size: 15px;
    font-weight: 600;
    padding: 8px;
    padding-right: 0px;
}

.summary-item {
    width: 100%;
    background: transparent;
}

.summor-header.tk-component {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #b3e1b96b;
    padding: 12px;
    border-radius: 6px;
    margin-top: 8px;
    margin-bottom: 6px;
    position: relative;

    color: #085572;
    font-size: 1.3em;
    font-weight: 700;
}

.summor-header .tk-label {
    padding: 0px;
    color: #085572;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 22px;
}

.summor-header p {
    font-size: 18px !important;
    font-weight: 600;
    line-height: 22px;
}

.sub-sum.tk-component {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    margin: 0 10px;
    border-top: 2px solid #085572;
    margin-bottom: 16px;
    margin-top: 8px;
}

.sub-sum.tk-label,
.sub-sum .tk-label {
    padding: 0px;
    font-size: 16px;
    font-weight: 700;
    color: #085572;
}

.sub-sum .tk-static-text__native {
    font-size: 16px;
    font-weight: 700;
    color: #085572;
}

.panelitem {
    display: none;
}

.panelitem.collapse.in {
    display: block !important;
}

.OneArrangement_KlarForSadd {
    margin-top: 32px;
}

.OneArrangement_KlarForSadd p {
    font-size: 18px !important;
}

.OneArrangement_IntaktForkalyl colgroup {
    display: block;
}

.OneArrangement_VarKalkyleradeKategorier p {
    font-family: "Montserrat", sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: normal;
    white-space: normal;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 0;
}

.primary-group .tk-data-table__content {
    margin-top: 0px !important;
}

.primary-group label {
    display: none !important;
}

.primary-group thead {
    display: none;
}

.primary-group {
    min-height: calc(100vh - 350px) !important;
    max-height: calc(100vh - 300px) !important;
    overflow-y: hidden;
}

.primary-group tr {
    min-height: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    border-bottom: 1px solid rgb(8 85 114 / 0.04);
}

.primary-group tr > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.primary-group tr > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.primary-group tr > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.primary-group tr > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.primary-group td {
    border-top: none !important;
}

.primary-group td.moms,
.primary-group td.exkl-moms,
.primary-group td.total {
    display: none;
}

.primary-group tr.vmCurrentRow td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    white-space: pre-wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.info-popup .mi {
    color: #085572;
    border-radius: 50%;
    border: 0px;
    font-size: 15px;
}

button.info-popup:hover,
button.info-popup:focus {
    background: #08557224 !important;
}

.info-popup {
    background-color: transparent !important;
}

.sub-table td.action {
    padding: 0px !important;
    padding-right: 6px !important;
}

.no-padding {
    padding: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.primary-group tr.vmCurrentRow td div {
    font-size: 11px;
    min-width: 63px;
}

.primary-group tr.vmCurrentRow td.namn div {
    font-size: 1.1em;
    font-weight: 600;
}

.primary-group td.namn div {
    max-width: 250px;
    white-space: normal;
    font-weight: 600;
}

.primary-group colgroup {
    display: block !important;
}

td.namn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

td.exkl-moms {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

td.moms {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

td.total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
}

td.check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

td.namn::before {
    display: none !important;
}

td.check.klar::before {
    content: "\e5ca";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 24px;
    color: #085572;
}

tr.vmCurrentRow td.check.klar::before {
    color: #fff !important;
}

.primary-group tr.vmCurrentRow {
    -ms-grid-rows: 50% 50%;
    grid-template-rows: 50% 50%;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    display: -ms-grid;
    display: grid;
}

.primary-group tr.vmCurrentRow > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.primary-group tr.vmCurrentRow > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.primary-group tr.vmCurrentRow > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.primary-group tr.vmCurrentRow > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.primary-group tr.vmCurrentRow > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.primary-group tr.vmCurrentRow > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.primary-group tr.vmCurrentRow > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}

.primary-group tr.vmCurrentRow > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
}

.kategory-desc.tk-component {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    background-color: rgb(8 85 114 / 11%);
    border-radius: 12px;
    border: 1px solid rgb(8 85 114 /11%);
    max-height: 40px;
    max-height: 40px;
    margin: 5px 6px 0 6px;
}

p.kategory-desc {
    padding-left: 12px !important;
    padding: 0;
    height: 30px;
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.6em;
    font-family: "Montserrat", sans-serif;
    color: #085572;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    white-space: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

p.kategory-desc:before {
    content: "\e3c9";
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: inherit;
    color: inherit;
}

.OneArrangement_Klar,
.OneArrangement_Next {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.OneArrangement_Klar .tk-checkbox__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.Retur_Holder {
    -ms-grid-row: 24 !important;
    -ms-grid-row-span: 1 !important;
    grid-row: 24/25 !important;
}

.OneArrangement_SkapaKalkyl {
    -ms-grid-column: 6 !important;
    -ms-grid-column-span: 4 !important;
    grid-column: 6/10 !important;
    -ms-grid-row: 24 !important;
    -ms-grid-row-span: 2 !important;
    grid-row: 24/25 !important;

    padding-top: 5px !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.OneArrangement_KalkylFor {
    -ms-grid-column: 4 !important;
    -ms-grid-column-span: 6 !important;
    grid-column: 4/10 !important;
    -ms-grid-row: 24 !important;
    -ms-grid-row-span: 2 !important;
    grid-row: 23/24 !important;
    z-index: 10 !important;

    padding-top: 5px !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.OneArrangement_Forkalkyl_Holder {
    -ms-grid-column: 1 !important;
    -ms-grid-column-span: 9 !important;
    grid-column: 1/9 !important;

    margin-top: 12px;
    margin-left: 6px;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    border: 1px solid #085572;
    border-right: 0;
    background-color: #fff;
}

.OneArrangement_EfterSaddRetur_Holder {
    -ms-grid-column: 9 !important;
    -ms-grid-column-span: 3 !important;
    grid-column: 9/13 !important;

    margin-top: 12px;
    margin-right: 6px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    border: 1px solid #085572;
    border-left: 1px solid #e3e8ee;
    background-color: #fff;
    padding-bottom: 12px !important;
}

.OneArrangement_Forkalkyl_Holder .ctStaticText,
.OneArrangement_EfterSaddRetur_Holder .ctStaticText {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.OneArrangement_Forkalkyl_Holder .ctStaticText p,
.OneArrangement_EfterSaddRetur_Holder .ctStaticText p {
    width: 40%;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
    overflow-y: auto;
    overflow-wrap: anywhere;
    text-align: right;
    max-width: 100px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.OneArrangement_Forkalkyl_Holder .ctStaticText label,
.OneArrangement_EfterSaddRetur_Holder .ctStaticText label {
    width: 60%;
}

.OneArrangement_Forkalkyl_Holder .tk-groupbox__header.h3 {
    border-bottom: 1px solid #e7ecf0;
    padding: 12px;
    font-size: 0.8em;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #085572;
    display: flex;
}

.OneArrangement_EfterSaddRetur_Holder .tk-groupbox__header.h3 {
    border-bottom: 1px solid #085572;
    background-color: #085572;
    border-top-right-radius: 10px;
    padding: 12px;
    font-size: 0.8em;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #fff;
    display: flex;
}

.OneArrangement_Forkalkyl_Holder .tk-groupbox__header.h3::before {
    content: "\e873";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: inherit;
    color: inherit;
    font-weight: normal;
}

.OneArrangement_EfterSaddRetur_Holder .tk-groupbox__header.h3::before {
    content: "\e873";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: inherit;
    color: inherit;
    font-weight: normal;
}

.OneArrangement_Forkalkyl_Holder .tk-groupbox {
    margin: 6px 0px 12px 6px;
    border-right: 1px solid #e7ecf0;
    padding-right: 2px;
}

.OneArrangement_Biljetter_Holder {
    border-right: none !important;
}

.OneArrangement_EfterSaddRetur_Holder .ctStaticText {
    padding: 12px 6px 0 6px;
}

.OneArrangement_SummeringAvVinst label,
.OneArrangement_SummeringAvVinst p {
    max-width: 50% !important;
}

.OneArrangement_SummeringAvVinst p {
    text-align: right !important;
}

.OneArrangement_Forkalkyl_Holder .tk-label,
.OneArrangement_EfterSaddRetur_Holder .tk-label {
    font-size: 14px !important;
}

.cancel-btn button {
    background-color: rgb(255 255 255 / 15%) !important;
    color: white;
}

.cancel-btn button:hover {
    background-color: #a21010 !important;
}

.cancel-btn button.tk-button__native:focus:not(:active),
.cancel-btn a.tk-button__native:focus:not(:active) {
    background-color: #a21010 !important;
}

.sub-table .tk-data-table__content,
.partner-table .tk-data-table__content {
    margin-top: 0px !important;
}

.sub-table td {
    max-width: 200px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: normal;
    border-bottom: 1px solid rgb(8 85 114 / 0.04);
}

.sub-table th {
    font-size: 0.9em;
}

.sub-table {
    -ms-grid-row: 25 !important;
    -ms-grid-row-span: 15 !important;
    grid-row: 25/40 !important;
    min-height: calc(100vh - 380px) !important;
}

.sub-table.small {
    min-height: calc(100vh - 530px) !important;
}

.partner-table {
    -ms-grid-row: 25 !important;
    -ms-grid-row-span: 15 !important;
    grid-row: 25/40 !important;
    min-height: calc(36px * 7) !important;
}

.group-partner {
    padding: 32px !important;
}

.group-partner.tk-groupbox__header {
    padding: 4px 12px !important;
    font-size: 1.4rem !important;
}

button.btn-small {
    height: 40px !important;
}

.holder-header {
    color: #085572 !important;
    font-weight: 500 !important;
    padding: 0 0 0 3px !important;
    max-width: 100% !important;
    width: 100% !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.ReturTillPrioriteradPartner_SkapaRetur_Copy.tk-button {
    padding-top: 5px;
    justify-content: center;
}

.vinst-list {
    padding: 6px;
    height: 100%;
    min-height: 100px;
    width: 100%;
}

.vinst-list label {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 0 6px;
    color: #085572;
    letter-spacing: normal;
    border-top: 1px solid #e7ecf0;
}

.vinst-list .tk-data-table__native {
    background-color: #fff;
}

.vinst-list .tk-data-table__content {
    border: none;
    margin-top: 0;
    border-radius: 0px !important;
}

.vinst-list tr {
    color: #000 !important;
    background-color: transparent !important;
    height: 32px !important;
}

.tk-data-table__header-cell:first-of-type {
    padding-left: 10px !important;
}

.vinst-list .tk-data-table__header-cell {
    line-height: 1.25em !important;
    background-color: #f5f8f9 !important;
}

.vinst-list td {
    border-top: none !important;
    line-height: 14px;
}

.vinst-list .tk-data-table__cell {
    border-bottom: 1px solid #e3e8ee !important;
}

.vinst-list .tk-data-table__cell:first-of-type {
    padding-left: 8px !important;
    font-weight: 600;
}

.vinst-list div {
    font-size: 14px !important;
}
.vinst-list col:first-of-type {
    width: 60% !important;
}

.vinst-list col:nth-of-type(2) {
    width: 35%;
}

.vinst-list col:nth-of-type(3) {
    width: 5%;
}

.vinst-list .vmCurrentRow td:first-child::before {
    display: none;
}

p.desc {
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-weight: 400 !important;
    color: rgb(85, 84, 84);
}

.desc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 6px !important;
}

p.desc.success,
p.desc.false {
    color: #008958;
    font-size: 0.75em;
    font-weight: 500 !important;
    margin: 0 auto;
    display: inline-block;
}

p.desc.false {
    color: #a21010 !important;
}

p.desc.success::before {
    content: "\e86c";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: inherit;
    color: inherit;
}

p.desc.false::before {
    content: "\e15c";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: inherit;
    color: inherit;
}

.OneArrangement_SkapaSadd {
    padding-top: 5px !important;
    margin: 0 auto;
}

.info-item.tk-label {
    color: #085572;
    padding-bottom: 0px;
}

.info-item.tk-static-text__native {
    text-transform: uppercase;
    font-weight: 400;
}

.info-header.tk-label {
    color: #085572;
    padding-bottom: 0px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}

.info-header.tk-static-text__native {
    font-size: 16px;
    font-weight: 400;
}

/*OneArrangementDetails*/

.OneArrangementDetails_NewColumn13 p {
    justify-content: center !important;
}

.OneArrangementDetails_Arrfakta_Holder,
.OneArrangementDetails_Lokalfakta_Holder {
    border-right: 2px solid #085572;
    height: 90%;
}

.OneArrangementDetails_Arrfakta_Holder,
.OneArrangementDetails_Lokalfakta_Holder,
.OneArrangementDetails_Avtalspartner_Holder {
    padding: 12px;
}

.summary-block.tk-groupbox {
    background-color: #d0e9ff;
    padding: 0px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.summary-block.tk-groupbox__header {
    justify-content: flex-start;
    padding: 14px 36px;
}

.OneArrangementDetails_Header_Holder .arr-details__item {
    padding: 0px 5px !important;
    font-size: 14px;
    justify-content: flex-start;
}

.OneArrangementDetails_Header_Holder p.arr-details__item {
    width: 50%;
    display: block;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.OneArrangementDetails_Header_Holder p.arr-details__item {
    font-size: 14px;
}

.yellow-block p.holder-header {
    justify-content: center !important;
    font-weight: 600 !important;
    margin-bottom: 12px;
}

.OneArrangementDetails_Spara {
    padding: 5px !important;
}

span.arr-details__sign-header {
    background-color: #085572;
    color: #fff;
    font-weight: 500;
    text-align: center;
    align-items: center;
    border-radius: 4px;
    height: 47px;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    font-weight: 600;
}

.arr-details__sign-header {
    padding: 0px 5px;
}

.arr-details__item {
    flex-direction: row;
    color: #085572;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

.arr-details__item label {
    width: 50%;
    color: #085572;
    font-weight: 600;
    font-size: 16px;
}

.blue-select__label {
    line-height: 12px;
    margin-bottom: 0px !important;
    font-size: 12px;
    font-weight: 600;
    padding-left: 16px;
    max-width: 612px;
}

.blue-select select,
.blue-select--rounded-right select,
.blue-select--rounded-left select {
    background-color: #fff !important;
    border-radius: 5px;
}

.blue-select.tk-component {
    background: #d0e9ff;
    padding: 11px 6px;
}

.blue-select--rounded-right.tk-component {
    background: #d0e9ff;
    padding: 11px 6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 24px !important;
}

.blue-select--rounded-left.tk-component {
    background: #d0e9ff;
    padding: 11px 6px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 24px !important;
}

.OneArrangementDetails_ArretBorjarMinut,
.OneArrangementDetails_SlutDatumSadd {
    padding-right: 24px !important;
}

.OneArrangementDetails_ArretSlutarTimma {
    padding-left: 24px !important;
}

.OneArrangementDetails_SlutarLabel,
.OneArrangementDetails_MinLabel {
    padding-left: 0px;
}

/*OneArrangementDetails*/

.OneArrangementSeedingDetails_Header_Holder .arr-details__item {
    padding: 0px 5px !important;
    font-size: 14px;
    justify-content: flex-start;
}

.OneArrangementSeedingDetails_Header_Holder p.arr-details__item {
    width: 50%;
    display: block;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.OneArrangementSeedingDetails_Header_Holder p.arr-details__item {
    font-size: 14px;
}

.OneArrangementSeedingDetails_Arrfakta_Holder,
.OneArrangementSeedingDetails_Lokalfakta_Holder {
    border-right: 2px solid #085572;
    height: 90%;
}

.OneArrangementSeedingDetails_Arrfakta_Holder,
.OneArrangementSeedingDetails_Lokalfakta_Holder,
.OneArrangementSeedingDetails_Avtalspartner_Holder {
    padding: 12px;
}

/*MyArrangements*/
.ea-add-btn span::after,
.ea-add-btn p::after,
.ea-add-btn a::after {
    content: "\e145";
    margin-left: 12px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: inherit;
    color: inherit;
}

.sub-header p {
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;

    border-bottom: 1px solid #e3e8ee;
    padding: 12px;
}

.MyArrangementsAsPerformer_NewColumn .tk-data-table__content {
    -webkit-box-shadow: 0 1px 11px rgba(8, 85, 114, 0.05);
    box-shadow: 0 1px 11px rgba(8, 85, 114, 0.05);
}

.MyArrangementsAsPerformer_TopGroup {
    z-index: 2000;
    width: 100%;
}

.top-group {
    background-color: #085572;
    min-height: 90px;
    border-radius: 0px 0px 24px 24px;
    width: 100%;
    z-index: 9 !important;
    transform: translateZ(9px);
    position: fixed;
    top: 95px;
    left: 0px;
}

.MyArrangementsAsPerformer_MainGroup {
    margin: 0px -30px -15px;
    border-top-right-radius: 2em;
    border-top-left-radius: 2em;
    height: calc(100vh - 191px);
    padding: 12px 24px;
    z-index: 2;
}

.members-pres {
    margin-left: 24px;
    margin-right: 12px;
    min-height: 82px !important;
    height: 82px;
    z-index: 9999 !important;
    padding: 0;
}

.members-pres thead {
    display: none !important;
}

.members-pres .tk-data-table__content {
    border: none !important;
    background-color: transparent !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow-y: hidden;
    margin-top: 0px !important;
}

.members-pres table {
    background-color: transparent !important;
}

.members-pres .tk-data-table__cell {
    border: 0px !important;
    max-height: 90px !important;
    max-width: 70px !important;
    border-radius: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.members-pres tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 65px;
    min-height: 70px;
    margin-right: 6px;
    border-radius: 12px;
    padding: 6px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff0d !important;
}

.members-pres tr td:nth-child(1) {
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 0;
    border: 4px solid rgb(0 0 0 / 0.05) !important;
}

.members-pres img.img-small {
    height: 32px;
    width: 32px;
    max-height: unset !important;
    border-radius: 100%;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #0955712f;
    box-shadow: 0 0 0 2px #0956711f;
    -o-object-fit: cover;
    object-fit: cover;
}

.members-pres img.img-small:hover {
    -webkit-box-shadow: 0 0 0 2px #09557194;
    box-shadow: 0 0 0 2px #09557194;
}

.members-pres .tk-data-table__row.vmCurrentRow td:first-child::before {
    display: none !important;
}

.members-pres .tk-data-table__row.vmCurrentRow {
    background-color: rgba(8, 85, 114, 0.1);
    color: #000;
}

.members-pres tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: transparent !important;
    overflow-y: hidden;
}

.members-pres .member-name {
    font-weight: 500;
    font-size: 0.83em;
    max-width: 68px !important;
    line-height: 1em;
    min-height: 25px;
    max-height: 35px !important;
    white-space: normal;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    color: #fff !important;
    border-radius: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.members-pres .member-name div {
    max-width: 70px !important;
    white-space: normal;
    text-align: center;
    color: #fff !important;
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: 35px;
}

.members-pres tr td:nth-child(2) {
    padding: 0 !important;
    align-self: flex-end;
    position: absolute;
    top: 25px;
}

.member-pres
    tr
    td
    .tk-checkbox__inner
    .tk-checkbox__native:disabled
    ~ .tk-checkbox__interactive {
    -webkit-box-shadow: 0 0 0 3px #fff !important;
    box-shadow: 0 0 0 3px #fff !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}

.save button {
    color: #ffe907;
    background-color: rgb(255 255 255 / 15%);
}

.save button[disabled] {
    background-color: rgb(255 255 255 / 15%);
}

.save button:hover {
    color: #fff;
}

.white.outlined button {
    color: #fff !important;
    border-color: #fff !important;
}

.MyArrangementsAsPerformer_ActionColumn.tk-button.NoLabel {
    padding-top: 5px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tk-component.profile-pic {
    padding: 6px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

img.profile-pic {
    height: 78px;
    width: 78px;
    border-radius: 100%;
    border: 5px solid #fff;
    -o-object-fit: cover;
    object-fit: cover;
}

label.profile-name {
    display: none;
}

.tk-component.profile-desc {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-column: 3 !important;
    -ms-grid-column-span: 4 !important;
    grid-column: 3/7 !important;
    padding-left: 24px;
    max-height: 50px;
    padding: 0;
    padding-left: 24px;
}

button.open-profile {
    padding: 0 24px !important;
    height: 100%;
    text-decoration: underline;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    font-weight: 600;
    border-radius: 24px;
    color: #ffe807;
    font-size: 0.9em;
    background-color: rgb(255 233 7 / 0.05);
}

.open-profile.ctButton {
    padding-top: 0px !important;
    height: 28px;
    padding-bottom: 0;
    -ms-flex-item-align: self-end;
    -ms-grid-row-align: self-end;
    align-self: self-end;
}

.tk-component.profile-name {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-column: 3 !important;
    -ms-grid-column-span: 7 !important;
    grid-column: 3/7 !important;
    -ms-grid-row: 2 !important;
    -ms-grid-row-span: 2 !important;
    grid-row: 2/4 !important;
    height: 100%;
    max-height: 50px;
    padding: 0;
    padding-left: 24px;
    line-height: 1;
}

p.profile-name {
    color: #fff;
    font-size: 2.5em;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    white-space: pre;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 94%;
    display: inline-block;
}

p.profile-desc {
    background-color: transparent;
    color: #fff;
    font-size: 1.3em;
    font-weight: 300;
    padding-bottom: 0px;
    letter-spacing: 0.1px;
}

.MyArrangementsAsPerformer_ValdProfil {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 50px;
    height: 100%;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    padding-top: 5px !important;
}

.MyArrangementsAsPerformer_ValdProfil select {
    background-color: transparent !important;
}

.MyArrangementsAsPerformer_BjudInBandmedlem {
    padding-top: 5px !important;
    margin-right: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.MyArrangementsAsPerformer_BjudInBandmedlem button {
    color: #fff !important;
    background-color: #ffffff0d !important;
    min-width: 40px;
    width: 40px !important;
    margin-top: -12px;
    z-index: 9999 !important;
}

.MyArrangementsAsPerformer_BjudInBandmedlem button span.mi {
    margin-left: unset !important;
    margin-right: unset !important;
}

.MyArrangementsAsPerformer_BjudInBandmedlem button span::after {
    margin-left: 0px !important;
    font-size: 1.5em !important;
}

.MyArrangementsAsPerformer_ValdProfil .tk-select__inner {
    height: 100%;
}

.MyArrangementsAsPerformer_ValdProfil label {
    display: none;
}

.MyArrangementsAsPerformer_ValdProfil select {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    max-height: 60px;
    height: 100%;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    padding-left: 24px;
}

.hide-null select {
    color: transparent !important;
    background-color: transparent;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.show-null {
    -ms-grid-column: 6 !important;
    -ms-grid-column-span: 4 !important;
    grid-column: 6/10 !important;
    height: 80px;
}

.show-null select {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    -webkit-box-shadow: 0 0 0 2px #fff !important;
    box-shadow: 0 0 0 2px #fff !important;
    text-transform: uppercase;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.show-null option,
.hide-null option {
    color: #085572 !important;
}

.MyArrangementsAsPerformer_ChooseProfile {
    -ms-grid-column: 6 !important;
    -ms-grid-column-span: 4 !important;
    grid-column: 6/10 !important;
}

.MyArrangementsAsPerformer_ChooseProfile p {
    color: #ffffff;
    font-size: 1.25em;
    padding: 6px 24px;
    font-weight: 500;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.MyArrangementsAsPerformer_CreateProfil p {
    font-size: 1.25em;
    font-weight: 500;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.MyArrangementsAsPerformer_RegisteraBandledare {
    padding-top: 12px !important;
}

.MyArrangementsAsPerformer_ValdProfil select:hover {
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    background-color: #ffffff52 !important;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.MyArrangementsAsPerformer_ValdProfil .tk-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='1' fill='%23fff' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")
        no-repeat 50%;
    right: 12px;
    top: 44%;
}

.arr-table {
    min-height: 500px !important;
}

.arr-table .vmCurrentRow {
    background-color: #fff;
    color: unset;
    border: 1px solid #085572;
    -webkit-box-shadow: 0 3px 9px 0 rgba(8, 85, 114, 0.2);
    box-shadow: 0 3px 9px 0 rgba(8, 85, 114, 0.2);
    border-radius: 12px;
}

.arr-table .tk-data-table__row:hover:not(.vmCurrentRow),
.arr-table .tk-data-table__row:focus:not(.vmCurrentRow) {
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #08567277;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}

.arr-table tbody tr {
    height: 100px;
    display: -ms-grid;
    display: grid;
    grid-template-areas:
        "gen-info-1 gen-info-2a  num-info-2a    num-info-2a graph-1 delete-btn"
        "gen-info-1 gen-info-2b num-info-1b num-info-2b graph-1 delete-btn";
    -ms-grid-rows: (50px) [2];
    grid-template-rows: repeat(2, 50px);
    -ms-grid-columns: 55px 1fr (125px) [2] 100px 60px;
    grid-template-columns: 55px 1fr repeat(2, 125px) 100px 60px;

    border-radius: 12px;
    border: 1px solid #e3e8ee;
    margin-top: 10px;
    background-color: #fff;
}

.arr-table thead {
    display: none;
}

.arr-table tbody {
    background-color: transparent;
}

.arr-table .tk-data-table__content {
    border: none;
    background-color: transparent;
}

.arr-table .tk-data-table__cell {
    border: none;
}

.arr-table table {
    background-color: transparent;
}

.gen-info-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    background-color: #085572;
    margin-top: -1px;
    height: 100%;
    grid-area: gen-info-1;
    width: 60px;
    border-radius: 12px;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gen-info-1 div {
    width: 60px;
    white-space: normal;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
}

.gen-info-2a {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: gen-info-2a;
    color: #085572;
    font-size: 1.4em;
    font-weight: 700;
    padding-top: 12px !important;
    max-width: 120px;
}

.gen-info-2b {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: gen-info-2b;
    width: 80px;
    text-align: center;
    color: #b6b6b6;
    font-weight: 700;
}

.gen-info-2b span {
    font-size: 0.75em;
    font-weight: 400;
}

.gen-info-2a .location::before {
    content: "\e55f";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 1.2em;
    color: inherit;
}

.num-info-1a span,
.num-info-1b span,
.num-info-2b span {
    font-weight: 700;
    font-size: 1.1em;
}

.num-info-2a span {
    font-weight: 700;
    font-size: 1.15em;
}

.num-info-1a {
    grid-area: num-info-1a;
}

.num-info-1b {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: num-info-1b;
}

.num-info-2a {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: num-info-2a;
}

.num-info-2b {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: num-info-2b;
}

.num-info-2b::before {
    content: "";
    background-color: #ed982a;
    width: 4px;
    height: 60%;
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
}
.tk-data-table__row.vmCurrentRow td.num-info-2a::before {
    display: none;
}

.num-info-1b,
.num-info-2b {
    font-size: 0.9em;
}

.num-info-2a {
    font-size: 1em;
    text-align: right;
}

.graph-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5;
    grid-area: graph-1;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.graph-1 .procent {
    height: 62px;
    width: 62px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1000;
    background-color: #fff;
    font-weight: 600;
    font-size: 1.2em;
    color: #ed982a;
}

.delete-btn {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
    grid-area: delete-btn;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.delete-btn.mi {
    margin: 0px;
    font-weight: 600;
}

button.ea-delete-btn::after,
a.ea-delete-btn::after {
    content: "\e92e";
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    font-family: "Material Icons";
    font-size: 1.1em;
    color: inherit;
}

button.ea-delete-btn {
    min-width: -webkit-max-content !important;
    min-width: -moz-max-content !important;
    min-width: max-content !important;
}

button.ea-delete-btn:hover {
    background: #0a4e6714 !important;
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.MyArrangementsAsPerformer_NewColumn_Copy label {
    color: #4c87a6;
}

.MyArrangementsAsPerformer_NewColumn_Copy3 label {
    color: #1cb53d;
}

.MyArrangementsAsPerformer_NewColumn_Copy2 label {
    color: #085572;
}

.MyArrangementsAsPerformer_NewColumn_Copy label::before,
.MyArrangementsAsPerformer_NewColumn_Copy1 label::before,
.MyArrangementsAsPerformer_NewColumn_Copy2 label::before,
.MyArrangementsAsPerformer_NewColumn_Copy3 label::before {
    content: "\e061";
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 0.5em;
    color: inherit;
}

[turnkeyview="SetUpSeeding"] .navbar,
[turnkeyview="MyArrangementsAsPerformer"] .navbar,
[turnkeyview="OnBoardingOfPerformer"] .navbar {
    transform: translateZ(300px);
    z-index: 70;
    position: relative;
    height: 95px !important;
}

[turnkeyview="SetUpSeeding"] .navbar__header,
[turnkeyview="MyArrangementsAsPerformer"] .navbar__header,
[turnkeyview="OnBoardingOfPerformer"] .navbar__header {
    height: 80px;
    align-self: flex-start;
    padding-top: 6px;
}

[turnkeyview="SetUpSeeding"] .navbar__wrapper,
[turnkeyview="MyArrangementsAsPerformer"] .navbar__wrapper,
[turnkeyview="OnBoardingOfPerformer"] .navbar__wrapper {
    align-self: flex-start;
}

.navbar__list.right li {
    z-index: 1000;
    transform: translateZ(1000px);
}

[turnkeyview="SetUpSeeding"] .navbar::before,
[turnkeyview="MyArrangementsAsPerformer"] .navbar::before,
[turnkeyview="OnBoardingOfPerformer"] .navbar::before {
    content: "";
    display: flex;
    position: absolute;
    top: -1px;
    background-size: cover;
    right: 0px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 445px;
    height: 96px;
    z-index: -1;
    transform: translate3d(0, 0, 0px);
    background-position: top right;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='410px' height='352px' viewBox='0 0 410 352' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ERectangle%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Path' fill='%23FFE807'%3E%3Cpath d='M409,-0.00128110677 L409.005298,351.01023 C368.152274,351.118615 325.650791,289.66892 318.452494,260.560526 L316.545155,252.799521 C308.422239,219.801169 297.44515,179.006592 258.928425,147.821693 C229.037652,123.620758 188.341359,110.360841 148.008005,98.2897899 L141.96212,96.4868297 L132.921824,93.7998268 C77.8281696,77.4012863 26.0601178,60.9457403 6.65129707,19.0814085 C3.66773818,12.645948 1.73609515,6.27644915 0.760332062,-0.00128110677 L409,-0.00128110677 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

[turnkeyview="SetUpSeeding"] .top-group::before,
[turnkeyview="MyArrangementsAsPerformer"] .top-group::before,
[turnkeyview="OnBoardingOfPerformer"] .top-group::before {
    content: "";
    display: flex;
    position: absolute;
    border-bottom-right-radius: 24px;
    top: -96px;
    background-size: cover;
    right: 0px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 445px;
    height: 190px;
    z-index: 0;
    transform: translate3d(0, 0, 0px);
    background-position: top right;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='410px' height='352px' viewBox='0 0 410 352' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ERectangle%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Path' fill='%23FFE807'%3E%3Cpath d='M409,-0.00128110677 L409.005298,351.01023 C368.152274,351.118615 325.650791,289.66892 318.452494,260.560526 L316.545155,252.799521 C308.422239,219.801169 297.44515,179.006592 258.928425,147.821693 C229.037652,123.620758 188.341359,110.360841 148.008005,98.2897899 L141.96212,96.4868297 L132.921824,93.7998268 C77.8281696,77.4012863 26.0601178,60.9457403 6.65129707,19.0814085 C3.66773818,12.645948 1.73609515,6.27644915 0.760332062,-0.00128110677 L409,-0.00128110677 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.group-card.panel {
    border-radius: 12px;
    border: 1px solid #e3e8ed;
    background-color: #fff;

    padding: 6px 12px;
    margin-top: 12px;
}

.summa-group.panel {
    border-radius: 12px;
    border: 1px solid #e3e8ed;
    background-color: #fff;

    margin: 6px;
    padding: 6px 12px;
}

.summa-group.panel.demo {
    margin-left: 0;
}

.summa-group.panel.sadd {
    margin-right: 0;
}

.summa-profile-header.tk-static-text {
    background-color: rgba(8, 85, 114, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 60px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 6px;
    margin-top: 6px;
    border-bottom: 2px solid #085572;
}

.summa-profile-header p {
    display: none;
}

.summa-profile-header div {
    font-weight: 400;
    color: #085572;
    font-size: 14px;
    line-height: 18px;
}

.summa-profile-header span {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.summa-status-header.tk-static-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e3e8ec !important;
}

.summa-group label {
    font-size: 14px;
    color: black;
    padding: 0;
}

.summa-group p {
    font-size: 14px;
    font-weight: 700;
    color: black;
    padding: 0;
}

.summa-status-header p {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0;
}

.summa-group .summa-status-header.demo p {
    color: #000;
}

.summa-group .summa-status-header.sadd p,
.summa-group .skarpa.sadd p,
.summa-group .skarpa.sadd label {
    color: #085572;
}

.summa-group .summa-status-header p::before {
    content: "\e061";
    margin-right: 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 0.5em;
    color: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.summa-group .skarpa.tk-static-text {
    text-align: right;
    height: 50px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e3e8ec !important;
}

.summa-group label.skarpa {
    font-size: 12px;
    color: #000;
}

.summa-group .skarpa p {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-weight: 800;
    font-size: 16px;
    padding: 0 !important;
}

.ea-wraptext {
    max-width: 75%;
    white-space: normal;
}

.OneArrangement #sidebar {
    visibility: hidden;
    width: 0;
    border-right: none;
}

.SetUpSeeding_SubmitActions {
    display: none;
}

.submit-actions.panel {
    display: -ms-grid;
    display: grid;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
    height: 45px;
    padding: 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 8px 8px 0 0;
    background-color: #085572;
    position: absolute;
    border: 1px solid #0a465d;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 12;
    -webkit-box-shadow: -1px -12px 14px 0px rgb(7 87 112 / 12%);
    box-shadow: -1px -12px 14px 0px rgb(7 87 112 / 12%);
}

.submit-actions .ctButton {
    height: 35px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 5px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.submit-actions .tk-groupbox__content {
    -ms-grid-columns: (auto) [3] auto 6fr;
    grid-template-columns: repeat(3, auto) auto 6fr;
}

input.outlined {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.tk-button.set-sadd {
    padding-top: 5px;
    -ms-grid-column: 11 !important;
    -ms-grid-column-span: 2 !important;
    grid-column: 11/13 !important;
}

.PaddingContract {
    padding: 30px;
}

html[turnkeyview="SetUpSeeding"] .tk-data-table__content::-webkit-scrollbar,
html[turnkeyview="LokalSeeker"] .tk-data-table__content::-webkit-scrollbar,
html[turnkeyview="MyArrangementsAsPerformer"]
    .tk-data-table__content::-webkit-scrollbar
    html[turnkeyview="SetUpSeeding"]::-webkit-scrollbar,
html[turnkeyview="LokalSeeker"]::-webkit-scrollbar,
html[turnkeyview="MyArrangementsAsPerformer"]::-webkit-scrollbar,
html[turnkeyview="OneArrangement"]::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    height: 0px;
}

#viewmodelSection::-webkit-scrollbar {
    display: none;
}

html[turnkeyview="OnBoardingOfPerformer"] #viewmodelSection::-webkit-scrollbar {
    display: block !important;
}

footer {
    display: flex;
    flex-direction: column;
    position: unset !important;
    background-color: #085572;
    width: 100%;
    height: 130px;
    text-align: center;
    align-items: center;
    justify-content: space-around;
}

.footer__copyright,
.footer__contentWrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 60%;
    margin: 5px auto;
}

.footer__text {
    text-align: left;
    padding: 8px;
}

/*___________Login/register pages__________*/
.tk-auth {
    height: unset;
    min-height: calc(100vh - 50px);
}

html[turnkeyview="login-page"] .navbar,
html[turnkeyview="register-page"] .navbar {
    background-color: transparent;
}

html[turnkeyview="login-page"] .navbar__wrapper.collapse,
html[turnkeyview="register-page"] .navbar__wrapper.collapse,
html[turnkeyview="login-page"] .navbar__brand,
html[turnkeyview="register-page"] .navbar__brand {
    display: none !important;
}

html[turnkeyview="login-page"] .navbar__header,
html[turnkeyview="register-page"] .navbar__header {
    margin-top: 50px;
    margin-left: 5%;
}

/*

html[turnkeyview="login-page"] body,
html[turnkeyview="register-page"] body{
  background-color: #D0E9FF;
}


.tk-auth-form__group button.tk-button__native:before {
  content: 'Skapa konto';
  display: flex;
  width: 100%;
  color: #085572;
  height: 40px;
  font-size: 18px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}

html[turnkeyview="login-page"] .tk-auth-form__group button.tk-button__native:before {
  content: 'Logga in' !important;
}

.tk-auth-form__group button.tk-button__native {
  background-color: #fff824;
  color: #085572;
  text-transform: none;
  font-size: 0;
  height: 63px;
  border-radius: 15px;
  width: 237px !important;
}

.tk-auth-form__group button.tk-button__native:hover {
  background-color: #FFE807!important;
  color: #085572 !important;

}


.tk-auth-form__group button.tk-button__native:focus {
  background-color: #eed600 !important;
  color: #085572 !important;
  border-color: unset;
}

.tk-auth-form__group--email {
  margin-top: auto;
}

.tk-auth-form__group--email:before{
  content: 'Emailadress*';
  display: block;
  font-size: 12px;
  font-family: 'Montserrat';
  font-weight: 600;
  color: #fff;
  z-index: 4000;
  padding-left: 6px;
  margin-bottom: 2px;
  align-self: end;
}

.tk-auth-form__group--password:before{
  content: 'Lösenord*';
  display: block;
  font-size: 12px;
  font-family: 'Montserrat';
  font-weight: 600;
  color: #fff;
  z-index: 4000;
  padding-left: 6px;
  margin-bottom: 2px;
  align-self: end;
}

.tk-auth-form__group--passconfirm:before{
  content: 'Repetera lösenord*';
  display: block;
  font-size: 12px;
  font-family: 'Montserrat';
  font-weight: 600;
  color: #fff;
  z-index: 4000;
  padding-left: 6px;
  margin-bottom: 2px;
  align-self: end;
}

.tk-auth__divider,
.tk-auth-social,
.tk-auth-form__checkbox {
  display: none !important;
}

.tk-auth-form,
.auth-form {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
}

.tk-auth__inner {
  flex-direction: column !important;
  box-shadow: none !important;
  max-width: 612px;
  width: 100% !important;
}

.tk-auth__action {
  width: 100% !important;
  background-color: #085572 !important;
  border-radius: 0px !important;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  height: 471px;
  padding-bottom: 0px;
}


.tk-auth__info {
  width: 100%;
  border-radius: 0px !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  justify-content: center;
  align-items: center;
  background-color: #085572;
  padding-top: 0px;
}

.tk-auth__header,
.tk-auth__caption {
  display: none !important;
}

.tk-auth-form__group.inline{
  margin-top: auto;
  align-self: center;
}

input.tk-auth-form__input::placeholder {
  color: transparent;
}

.tk-auth-form__input {
  height: 50px !important;
  max-width: 400px;
  width: 100%;
  border-radius: 10px !important;
}

.tk-auth__advice {
  flex-direction: row;
  display: flex;
  max-width: 400px;
  position: relative;
}

.tk-auth__advice > p{
  display: none;
}


a.tk-auth__link{
  background: transparent;
  z-index: 1000;
  background-color: #fff824;
  color: #085572;
  text-transform: none;
  font-size: 0;
  height: 63px;
  border-radius: 15px;
  width: 237px !important;
}

a.tk-auth__link .ripple-container {
  display: none !important;
}

a.tk-auth__link:before {
  content: 'Skapa konto';
  position: absolute;
  right: 0;
  top: 12px;
  display: flex;
  width: 100%;
  color: #085572;
  height: 40px;
  font-size: 18px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}

html[turnkeyview="register-page"] a.tk-auth__link:before {
  content: 'Logga in'!important;
}

.tk-auth-form__group a.tk-auth__link:hover {
  background-color: #FFE807!important;
  color: #085572 !important;
}


.tk-auth-form__group .field-validation-error{
  color: #ffe807 !important;
}

.tk-auth__validation-summary .validation-summary-errors {
  color: #ffe807 !important;
}

*/

/*___________Login/register pages END__________*/

.mg_Profilöversikt,
.mg_OnBoardingOfPerformer .mg_AnArtistGruppResource {
    max-width: 1140px;
    margin: 0 auto;
}

.mg_OneArrangementForAVisitor,
.mg_OneArrangementForASeeder,
.mg_OneArrangementForASponsor {
    grid-template-columns: auto repeat(10, minmax(50px, 114px)) auto !important;
    grid-auto-rows: minmax(min-content, max-content);
    height: 100vh !important;
    padding: 15px !important;
}

.mg_APresentationOfALocal,
.mg_OneArrangementLiveDetails,
.mg_OneArrangementSeedingDetails {
    grid-template-columns: auto repeat(12, minmax(30px, 95px)) auto !important;
}

.mg_Start,
.mg_Profilöversikt {
    grid-template-columns: repeat(8, minmax(40px, 152px)) !important;
    grid-column-gap: 12px;
}

.Start .tk-data-table {
    max-height: 300px !important;
    border-radius: 12px;
}

.mg_Start .yellow-btn span,
.mg_Start button.tk-button.yellow-btn:disabled span,
.mg_Profilöversikt .yellow-btn span,
.mg_Profilöversikt,
button.tk-button.yellow-btn:disabled span {
    white-space: normal !important;
    overflow: auto !important;
    text-overflow: unset !important;
}

@media only screen and (max-width: 768px) {
    .mg_OneArrangementForAVisitor,
    .mg_OneArrangementForASeeder,
    .mg_OneArrangementForASponsor {
        grid-template-columns: auto repeat(10, minmax(0, 1fr)) auto !important;
    }

    .OneArrangementForAVisitor_Spara {
        grid-column: 4/9 !important;
        grid-row: 38/39 !important;
    }

    .OneArrangementForASeeder_Spara,
    .OneArrangementForASponsor_Spara {
        grid-column: 4/9 !important;
    }

    .OneArrangementForASeeder_SmGroup,
    .OneArrangementForASeeder_SaldaBiljetterProcentChartValue,
    .OneArrangementForASeeder_PieChart,
    .OneArrangementForASponsor_SmGroup,
    .OneArrangementForASponsor_SaldaBiljetterVhartValue,
    .OneArrangementForASponsor_PieChart {
        grid-row: 24/30 !important;
    }
}

html[turnkeyview="TicketCheckout"] .navbar,
html[turnkeyview="OneArrangementForASeeder"] .navbar,
html[turnkeyview="OneArrangementForAVisitor"] .navbar,
html[turnkeyview="KundserviceRedirect"] .navbar,
html[turnkeyview="OneArrangementForASponsor"] .navbar {
    display: none !important;
}

html[turnkeyview="TicketCheckout"] #ContentWrapper,
html[turnkeyview="TicketCheckout"] #viewmodelWrapper,
html[turnkeyview="OneArrangementForASeeder"] #ContentWrapper,
html[turnkeyview="OneArrangementForASeeder"] #viewmodelWrapper,
html[turnkeyview="OneArrangementForAVisitor"] #ContentWrapper,
html[turnkeyview="OneArrangementForAVisitor"] #viewmodelWrapper,
html[turnkeyview="OneArrangementForASponsor"] #ConentWrapper,
html[turnkeyview="OneArrangementForASponsor"] #viewmodelWrapper {
    height: 100vh !important;
}

html[turnkeyview="OneArrangementForASeeder"] #bodyWrapper,
html[turnkeyview="TicketCheckout"] #bodyWrapper,
html[turnkeyview="OneArrangementForAVisitor"] #bodyWrapper,
html[turnkeyview="OneArrangementForASponsor"] #bodyWrapper {
    grid-template-rows: auto !important;
}

@media only screen and (max-width: 768px) {
    .OneArrangementForASeeder_SlutDatumSadd {
        grid-row: 19/20 !important;
    }

    .OneArrangementForASeeder_ArrNamn {
        grid-row: 16/17 !important;
        align-self: center !important;
        align-items: center !important;
    }

    .OneArrangementForASeeder_Artistnamn {
        grid-row: 15/16 !important;
    }
}

.big-wrapper {
    max-width: 1140px;
    width: 1140px;
    margin: 0 auto;
}

.big-wrapper .tk-groupbox__content {
    grid-template-columns: repeat(10, 1fr) !important;
}

.footer-override.tk-component {
    margin: 0px -24px -25px;
}

/*General styles*/

.tk-modal {
    z-index: 1000;
}

.tk-modal__header {
    border-bottom: none !important;
}

.tk-modal__surface {
    max-width: 1000px;
    min-width: 500px;
}

.tk-component.page-header {
    margin-top: 20px;
    text-align: left !important;
    margin: 0;
    align-self: flex-start !important;
    align-items: flex-start !important;
}

.page-header p {
    color: #085572;
    font-weight: 600;
    align-self: flex-start;
}

.h1.page-header p {
    font-size: 36px;
    line-height: 44px;
}
.page-desc__text {
    text-align: center;
    color: #085572;
    max-width: 612px;
    margin: 0 auto;
}

p.page-desc__text {
    font-size: 16px;
    font-weight: 600;
}

.page-text {
    font-weight: 500;
    align-items: center;
    max-width: 850px;
    margin-bottom: 6px !important;
    text-align: left !important;
    margin: 0;
    align-self: flex-start !important;
    align-items: flex-start !important;
}

.no-max {
    max-width: unset !important;
    align-items: flex-start !important;
}

p.page-text,
.page-text p,
.page-text li {
    font-size: 16px;
    line-height: 1.3;
}

.page-text ol {
    padding-left: 16px;
    list-style: decimal;
}

/*-----------BUTTON-STARTS----------*/

.yellow-btn .tk-component,
.red-btn .tk-component {
    margin-bottom: 10px;
}

.yellow-btn button,
.yellow-btn a,
button.yellow-btn,
a.yellow-btn {
    background-color: #ffe807;
    color: #000;
    height: 63px;
    border-radius: 15px;
    text-transform: none;
    font-size: 18px;
}

.yellow-btn button:hover,
.yellow-btn a:hover,
button.yellow-btn:hover,
a.yellow-btn:hover {
    background-color: #ffe907 !important;
    color: #000 !important;
}

.yellow-btn.tk-button__native:focus,
.yellow-btn a.tk-button__native:focus {
    background-color: #eed600 !important;
    color: #000 !important;
    border-color: unset;
}

.red-btn button,
.red-btn a,
button.red-btn,
a.red-btn {
    background-color: #ed584e !important;
    height: 63px;
    border-radius: 15px;
    text-transform: none;
    font-size: 18px;
}

.red-btn button:hover,
.red-btn a:hover,
button.red-btn:hover,
a.red-btn:hover {
    background-color: #c04941 !important;
}

.red-btn.tk-button__native:focus,
.red-btn a.tk-button__native:focus {
    background-color: #a13f38 !important;
    border-color: unset;
}

/* changed!!!
.yellow button {
  background-color: #FFE807;
  color: #085572;
} */

.yellow button,
button.yellow {
    height: 36px;
    padding: 10px 16px;

    background-color: #ffe807;
    border-radius: 4px;
    color: #000;
}

.yellow a,
a.yellow {
    height: 36px;
    padding: 10px 16px;

    background-color: #ffe807;
    border-radius: 4px;
    color: #000;
}

.yellow button:hover,
button.yellow:hover,
.yellow button:focus,
button.yellow:focus {
    background-color: #ffe907 !important;
    color: #000 !important;
}

.yellow a:hover,
a.yellow:hover,
.yellow a:focus,
a.yellow:focus {
    background-color: #ffe907 !important;
    color: #000 !important;
    text-decoration: none !important;
}

a.yellow > span {
    font-size: x-large;
    min-width: 300px;
    text-transform: uppercase;
}

.yellow button.tk-button__native:focus,
.yellow a.tk-button__native:focus,
button.yellow:focus {
    background-color: #eed600 !important;
    color: #000000 !important;
    border-color: unset;
}

.yellow.outlined {
    color: #ffe907 !important;
    background-color: transparent !important;
    border-color: #ffe907 !important;
}

.yellow.outlined button.tk-button__native:focus,
.yellow.outlined a.tk-button__native:focus {
    background-color: #eed600 !important;
    border-color: #c2b52d !important;
    color: #085572 !important;
}

button.spara-btn,
button.yb-btn {
    color: #ffe807 !important;
    height: 41px;
    border-radius: 5px;
}

button.spara-btn:hover,
button.yb-btn:hover {
    color: #eed600 !important;
}

.spara-btn.tk-button__native:focus,
.spara-btn a.tk-button__native:focus,
.yb-btn.tk-button__native:focus,
.yb-btn a.tk-button__native:focus {
    background-color: #085572 !important;
    color: #eed600 !important;
    border-color: unset;
}

button.delete-btn {
    height: 24px !important;
    border-radius: 5px !important;
    width: 24px !important;
    min-width: 24px !important;
    background-color: #e22e22;
    padding: 0 4px !important;
}

button.tk-button__native.delete-btn .mi,
a.tk-button__native.delete-btn .mi {
    margin-left: 0px;
    margin-right: 0px;
}

.delete-btn.tk-button__native:focus,
.delete-btn.tk-button__native:hover {
    background-color: #bf1e13 !important;
}

button.close-btn {
    height: 45px !important;
    border-radius: 45px !important;
    min-width: 45px !important;
    width: 45px;
    font-size: 45px;
}

button.close-btn .mi {
    font-size: 45px;
    margin: 0 !important;
}

.tab-btn.tk-component {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

button.tk-button__native.tab-btn {
    background: #d0e9ff !important;
    color: #085572 !important;
    border-top-left-radius: 10px;
    margin: 0px 1px;
    border-top-right-radius: 10px;
}

button.tk-button__native.tab-btn:hover {
    background: #b0d1ee !important;
    color: #085572 !important;
}

button.tk-button__native.tab-btn.active {
    background: #fff !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    opacity: 1 !important;
}

.nasta.tk-button {
    margin-bottom: 80px !important;
}

.tab-btn__group.tk-groupbox {
    display: flex !important;
}

.contract-header {
    height: 30px;
    padding: 10px 16px;
    font-weight: bold;
    color: #085572;
}

.contract-header:hover {
    cursor: pointer;
}

.contract-current {
    height: 30px;
    padding: 10px 16px;
    font-weight: bold;
    color: #085572;
    text-decoration: underline;
}

/*-----------BUTTONS-END----------*/

.tk-groupbox.nestedgroupbox {
    padding: 0px !important;
}

.align-center {
    text-align: center !important;
    margin: 0 auto;
    align-self: center !important;
    align-items: center !important;
}

.light-bg.tk-component {
    background-color: #d0e9ff;
    border-radius: 5px;
    width: 100%;
}

p.light-bg {
    font-size: 14px;
    color: #085572;
    font-weight: 600;
    margin-bottom: 0px !important;
}

.agreement-text.tk-component {
    max-height: 690px;
    overflow-y: scroll;
}

.sum-info.tk-static-text {
    flex-direction: row;
    font-size: 12px;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

p.sum-info,
label.sum-info {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 0 !important;
    padding: 4px;
}

.bottom-block.tk-component {
    background-color: #d0e9ff !important;
    height: 198px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: 35px -24px -10px -24px !important;
}

.bottom-block p {
    color: #085572;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.bottom-block span {
    font-size: 28px;
    line-height: 34px;
}

/*__________START PAGE__________*/

.soloartist-pic--choose.tk-component {
    background-image: url(../SiteAssets/profil_artist2.png);
    background-repeat: no-repeat;
    height: 180px;
    width: auto;
    background-size: contain;
    background-position: center;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 10px;
    min-height: 150px;
}

.group-pic--choose.tk-component {
    background-image: url(../SiteAssets/grupp2.png);
    background-repeat: no-repeat;
    height: 180px;
    width: auto;
    background-size: contain;
    background-position: center;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 10px;
    min-height: 150px;
}

.organiser-pic--choose.tk-component {
    background-image: url(../SiteAssets/Org2.png);
    background-repeat: no-repeat;
    height: 180px;
    width: auto;
    background-size: contain;
    background-position: center;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 10px;
    min-height: 150px;
}

.local-pic--choose.tk-component {
    background-image: url(../SiteAssets/local.png);
    background-repeat: no-repeat;
    height: 180px;
    width: auto;
    background-size: contain;
    background-position: center;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 10px;
    min-height: 150px;
}

.public-pic--choose.tk-component {
    background-image: url(../SiteAssets/public.png);
    background-repeat: no-repeat;
    height: 180px;
    width: auto;
    background-size: contain;
    background-position: center;
    margin-top: 110px;
    padding: 0px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .soloartist-pic--choose.tk-component,
    .public-pic--choose.tk-component,
    .local-pic--choose.tk-component,
    .group-pic--choose.tk-component {
        grid-column: 1/12;
        margin-top: 30px;
    }
    .Start_FirstOnboardingPerformer {
        grid-column: 3/12 !important;
    }
    .group-pic--choose.tk-component {
        grid-row: 8/11;
    }
    .Start_Bandledare {
        grid-column: 3/12 !important;
        grid-row: 11/12 !important;
    }
    .local-pic--choose.tk-component {
        grid-row: 12/14 !important;
    }

    .Start_FirstOnboardingLocalOwner {
        grid-column: 3/12 !important;
        grid-row: 14/15 !important;
    }

    .public-pic--choose.tk-component {
        grid-row: 16/19 !important;
    }

    .Start_MinPublikprofil {
        grid-column: 3/12 !important;
        grid-row: 19/20 !important;
    }

    .Start_KommerSnart {
        grid-column: 3/12 !important;
        grid-row: 20/21 !important;
    }
}

.input-centered.tk-button {
    padding-top: calc(1rem + 2.5px) !important;
}

/*----------TYPOGRAPHY----------*/

.page-item--primary.tk-component {
    justify-content: center;
    border-radius: 5px;
    min-height: 47px !important;
    background-color: transparent;
    margin: 0;
    padding: 5px;
}

p.page-item--primary {
    color: #085572 !important;
    font-weight: 600;
    font-size: 28px;
    align-items: center;
}

.h2 p.page-item--primary {
    font-size: 28px;
    line-height: 34px;
}

.h3 p.page-item--primary {
    font-size: 24px;
    line-height: 29px;
}

.h4 p.page-item--primary {
    font-size: 22px;
    line-height: 27px;
}

.page-item--red.tk-component {
    min-height: 60px !important;
    background-color: #ed584e !important;
    padding-left: 16px;
}

.page-item--orange.tk-component {
    min-height: 60px !important;
    background-color: #f4973b !important;
    padding-left: 16px;
}

.page-item--green.tk-component {
    height: 45px;
    background-color: #39b54a;
    border-radius: 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

.page-item--warn.tk-component {
    height: 45px;
    background-color: #f4973b;
    border-radius: 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

.page-item--error.tk-component {
    height: 45px;
    background-color: #ed584e;
    border-radius: 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

p.page-item--green,
p.page-item--warn,
p.page-item--error {
    font-weight: 500;
    font-size: 20px;
}

.page-item--bg.tk-component {
    background-color: #085572 !important;
    padding: 5px 22px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

p.page-item--bg,
p.page-item--orange,
p.page-item--red {
    color: #fff !important;
    font-size: 18px !important;
}

.section-item--primary.tk-component {
    justify-content: center;
    border-radius: 5px;
    min-height: 47px !important;
    background-color: transparent;
    margin: 0;
    padding: 5px;
}

p.section-item--primary {
    color: #085572 !important;
    font-weight: 600;
    font-size: 28px;
    align-items: center;
}

.h2 p.section-item--primary {
    font-size: 28px;
    line-height: 34px;
}

.h3 p.section-item--primary {
    font-size: 24px;
    line-height: 29px;
}

.h4 p.section-item--primary {
    font-size: 22px;
    line-height: 27px;
}

.section-item--red.tk-component {
    min-height: 60px !important;
    background-color: #ed584e !important;
    padding-left: 16px;
}

.section-item--orange.tk-component {
    min-height: 60px !important;
    background-color: #f4973b !important;
    padding-left: 16px;
}

.section-item--green.tk-component {
    height: 45px;
    background-color: #39b54a;
    border-radius: 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

.section-item--warn.tk-component {
    height: 45px;
    background-color: #f4973b;
    border-radius: 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

.section-item--error.tk-component {
    height: 45px;
    background-color: #ed584e;
    border-radius: 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

p.section-item--green,
p.section-item--warn,
p.section-item--error {
    font-weight: 500;
    font-size: 20px;
}

.section-item--bg.tk-component {
    background-color: #085572 !important;
    padding: 5px 22px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

p.section-item--bg,
p.section-item--orange,
p.section-item--red {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600;
}

.section-item-s--bg.tk-component {
    background-color: #085572 !important;
    padding: 4px 24px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

p.section-item-s--bg {
    font-size: 1.15em !important;
    font-weight: 500;
    color: #fff;
}

.step-subheader.tk-component {
    background-color: #085572 !important;
    padding: 4px 20px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

p.step-subheader {
    font-size: 1.15em !important;
    font-weight: 500;
    color: #fff;
}

/*----------TYPOGRAPHY-ENDS----------*/

/*-----------GROUPBOXES----------*/

.tpr-groupbox.tk-groupbox {
    border: 1px solid #085572;
    border-radius: 5px;
}

.tpr-groupbox .tk-groupbox__header {
    background-color: #085572;
    width: 100%;
    color: #fff;
    padding: 8px 12px;
    display: flex;
    font-weight: 600;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tpr-groupbox .tk-groupbox__content {
    padding: 6px;
}

.onboard-step-groupbox.tk-groupbox {
    margin: 12px;
    width: 100%;
    overflow: auto;
}

.onboard-step-groupbox .tk-groupbox__content {
    min-width: 800px;
}

/*----------GROUPBOXES-ENDS---------------*/

.tk-number-field__native {
    height: 35px !important;
    border-radius: 5px;
}

span.details__sign-header {
    background-color: #085572;
    color: #fff;
    font-weight: 500;
    text-align: center;
    align-items: center;
    border-radius: 4px;
    height: 45px;
    display: inline-flex;
    width: 100%;
    justify-content: center;
}

.details__sign-header {
    padding: 0px 5px;
}

button.sign-item {
    border: 1px solid #085572;
    background-color: transparent;
    color: #000;
    text-transform: none;
    text-align: left;
    justify-content: flex-start;
    height: 57px;
    border-radius: 8px;
}

button.sign-item:hover {
    color: #000 !important;
    background-color: #d0e9ff !important;
}

button.sign-item:focus:not(:active) {
    background-color: #b9cfe2;
}

.sign-item__checkbox {
    justify-content: center;
    z-index: 1000;
}

.tk-input-field--text input,
.tk-input-field--number input,
.tk-input-field--datepicker input,
select.tk-select__native {
    /*  CHANGED !!!!
  background-color: #D0E9FF;
  border-radius: 10px;
    border-color: transparent  !important;
      padding-left: 12px !important; */
    height: 40px !important;
    font-weight: 500;

    border: 1px solid #a9a9a9 !important;
    border-radius: 4px;
    padding: 10px 16px;
    background: #fff;
}

.tk-input-field__helper {
    padding-left: 0;
    padding-right: 0.62rem;
    padding-top: 8px;
    font-size: 12px;
    font-family: "Montserrat";
}

input.tk-input-field__native:disabled {
    color: rgb(0 0 0 / 35%);
    background: #e8e8e8;
}

.gap-before--85.tk-component {
    margin-top: 85px;
}

.gap-before--35.tk-component {
    margin-top: 35px;
}

.margin-left.tk-component {
    margin-left: -28px;
}

p.item-border {
    background-color: #085572;
    height: 2px;
    padding: 0;
    border-radius: 5px;
}

.centered.page-text.tk-component {
    align-self: center !important;
    margin: 0 auto;
}

.centered.tk-component {
    align-items: center !important;
}

p.centered {
    align-self: center !important;
    text-align: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

p.numeric-big {
    font-size: 36px !important;
    line-height: 44px;
    font-weight: 600;
    max-width: 44px;
    align-self: center;
}

p.numeric--primary {
    color: #085572;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0px;
    padding: 0 0 0 8px;
}

p.numeric-no-label {
    padding: 0 0 0 8px;
}

.numeric-no-label.tk-component {
    padding: 0 0 0 8px;
}

.numeric-big--primary.tk-component {
    margin-top: 15px;
}

label.numeric-big--primary {
    font-size: 14px;
    line-height: 17px;
    padding: 0 !important;
}

p.numeric-big--primary {
    color: #085572 !important;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    padding-left: 0px;
}

.count-btn.tk-component {
    padding-top: 5px !important;
}

button.count-btn {
    min-width: 41px;
    border-radius: 5px;
    width: 41px;
    height: 41px;
    align-self: center;
}

.count-btn .mi {
    margin: 0px !important;
    font-size: 36px;
}

.direction-row.tk-component {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}

label.direction-row {
    width: 50%;
}

p.direction-row {
    margin-right: auto;
}

ol.disc {
    padding-left: 16px;
    list-style-type: disc;
}

.pie-chart {
    max-width: 184px;
    max-height: 184px;
}

.pie-chart p {
    display: flex;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}

.pie-chart span {
    font-size: 24px !important;
}

.small p {
    font-size: 12px;
    margin-bottom: 0px !important;
    line-height: 15px;
}

.small.tk-component {
    margin-bottom: 0px !important;
}

.primary--static.tk-label,
p.primary--static {
    font-size: 20px !important;
    line-height: 24px !important;
    color: #085572 !important;
    margin-bottom: 0px !important;
    font-weight: 600;
}

.primary--label.tk-component {
    margin-top: 6px;
}

.primary--label.tk-label {
    font-size: 20px !important;
    line-height: 24px !important;
    color: #085572 !important;
    margin-bottom: 14px;
}

.primary--label.is-html p {
    padding-left: 8px !important;
    font-weight: 600;
    font-size: 16px;
}

.blue-block.tk-component {
    background-color: #d0e9ff;
    padding: 26px;
    border-radius: 10px;
}

p.blue-block__header {
    display: none; /*Prevent top padding in the .is-html elemrnt*/
}

.blue-block__header.tk-component {
    justify-content: center;
    align-items: center;
}

.blue-block__header.is-html p {
    color: #085572;
    justify-content: center;
    align-self: center;
    font-weight: 600;
}

p.is-html {
    display: none !important;
}

.is-html.tk-static-text__native {
    display: none !important;
}

.primary--label.is-html.tk-static-text__native {
    display: none !important;
} /*if data is html*/

.top-block.tk-component {
    background-color: #d0e9ff !important;
    height: fit-content !important;
    min-height: 75px !important;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 18px -24px 18px -24px !important;
}

.top-block p {
    max-width: 80%;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .main-wrapper {
        padding: 0 5%;
    }

    footer {
        padding-top: 16px;
    }

    .social-media__links {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .artist {
        margin-top: 24px;
    }

    .pie-chart {
        max-width: 110px;
        max-height: 110px;
    }

    .small-reverse {
        flex-direction: column-reverse;
        justify-content: space-evenly;
    }
}

/*----------NEW-TABLES-----------*/
.new-table .tk-number-field__native,
.new-table--big .tk-number-field__native,
.new-table--outlined .tk-number-field__native,
.new-table--big input.tk-text-field__native,
.new-table--big select.tk-select__native {
    box-shadow: 0 0 0 1px #085572;
    font-weight: 600;
    font-size: 12px !important;
}

.new-table .tk-checkbox__native:checked ~ .tk-checkbox__interactive {
    background-color: #ffe807 !important;
    border-radius: 5px;
}

.new-table .tk-checkbox__interactive {
    border: 1px solid #085572;
    background-color: #fff;
    border-radius: 5px;
}

.tk-checkbox__checkmark {
    padding: 1px !important;
}

.new-table
    .tk-checkbox__native:checked
    ~ .tk-checkbox__interactive
    .tk-checkbox__checkmark
    .tk-checkbox__checkmark-path {
    stroke: #085572 !important;
}

.new-table .vmCurrentRow .tk-checkbox__interactive {
    border: 2px solid transparent;
}

.new-table--big .vmCurrentRow .tk-number-field__native,
.new-table--big .vmCurrentRow input.tk-text-field__native,
.new-table--big .vmCurrentRow select.tk-select__native {
    box-shadow: none !important;
}

.new-table--outlined .vmCurrentRow button.tk-button__native {
    box-shadow: 0 0 0 1px #ffe807 !important;
}

.new-table--outlined .vmCurrentRow {
    background-color: #085572 !important;
    color: #fff !important;
}

.tk-data-table__cell input.tk-text-field__native,
.tk-data-table__cell select.tk-select__native {
    background-color: #fff;
    height: 35px !important;
    border-radius: 5px;
}

.new-table .tk-data-table__content,
.new-table--big .tk-data-table__content {
    border: transparent;
    border-radius: 5px;
}

.new-table .tk-data-table__header-row th {
    border-bottom: transparent;
    background-color: #d0e9ff;
    color: #085572;
    text-align: center;
}

.new-table--big .tk-data-table__header-row th {
    border-bottom: transparent;
    background-color: #fff !important;
    color: #000000;
    padding-left: 12px !important;
}

.new-table .tk-data-table__native,
.new-table--big .tk-data-table__native {
    border-radius: 5px;
}

.new-table .tk-data-table__header-row,
.new-table--big .tk-data-table__header-row {
    height: 34px;
}

.new-table .tk-data-table__row {
    height: 59px;
    margin-top: 10px;
    border-radius: 15px;
}

.new-table--big .tk-data-table__row {
    height: 59px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px #085572;
}

.new-table .tk-data-table__cell {
    font-weight: 600;
    border: none;
    text-align: center;
}

.new-table--big .tk-data-table__cell {
    font-weight: 600;
    border: none;
}

.new-table table,
.new-table--big table {
    border-collapse: separate;
    border-spacing: 0 10px;
    background-color: transparent;
}

.new-table .tk-data-table__header-row th:first-of-type,
.new-table--big .tk-data-table__header-row th:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.new-table th:last-of-type,
.new-table--big .tk-data-table__header-row th:first-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.new-table .tk-data-table__row:hover:not(.vmCurrentRow),
.new-table .tk-data-table__row:focus:not(.vmCurrentRow),
.new-table--big .tk-data-table__row:hover:not(.vmCurrentRow),
.new-table--big .tk-data-table__row:focus:not(.vmCurrentRow) {
    background-color: #d0e9ff;
    box-shadow: inset 0px 0px 0px 1px #085572;
}

.new-table .tk-data-table__row.vmCurrentRow td:first-child::before,
.new-table--big .tk-data-table__row.vmCurrentRow td:first-child::before {
    display: none;
}

.new-table .tk-data-table__row.vmCurrentRow,
.new-table--big .tk-data-table__row.vmCurrentRow {
    color: #000;
    background-color: #d0e9ff;
}

.new-table--big .tk-data-table__row.vmCurrentRow {
    box-shadow: none !important;
}

.new-table--big .tk-data-table__row td:first-of-type {
    color: #085572;
}

.new-table .tk-data-table__row.vmCurrentRow td:first-of-type,
.new-table .tk-data-table__row:hover:not(.vmCurrentRow) td:first-of-type,
.new-table .tk-data-table__row:focus:not(.vmCurrentRow) td:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.new-table--big .tk-data-table__row.vmCurrentRow td:first-of-type,
.new-table--big .tk-data-table__row:hover:not(.vmCurrentRow) td:first-of-type,
.new-table--big .tk-data-table__row:focus:not(.vmCurrentRow) td:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.new-table .tk-data-table__row.vmCurrentRow td:last-of-type,
.new-table .tk-data-table__row:hover:not(.vmCurrentRow) td:last-of-type,
.new-table .tk-data-table__row:focus:not(.vmCurrentRow) td:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.new-table--big .tk-data-table__row.vmCurrentRow td:last-of-type,
.new-table--big .tk-data-table__row:hover:not(.vmCurrentRow) td:last-of-type,
.new-table--big .tk-data-table__row:focus:not(.vmCurrentRow) td:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.new-table--outlined .tk-data-table__row {
    box-shadow: inset 0px 0px 0px 1px #085572;
}

.one-col-list table,
.one-col-list tbody,
.one-col-list .tk-data-table__content {
    background-color: transparent;
}

.one-col-list thead {
    display: none !important;
}

.one-col-list .tk-data-table__content {
    margin-top: 0px !important;
}

.one-col-list .tk-data-table__row:hover:not(.vmCurrentRow),
.one-col-list.tk-data-table__row:focus:not(.vmCurrentRow) {
    background-color: #d0e9ff;
    box-shadow: inset 0px 0px 0px 1px #085572;
}

.one-col-list table {
    border-collapse: separate;
    border-spacing: 0 10px;
    background-color: transparent;
}
.one-col-list .tk-data-table__row {
    height: 30px;
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px #085572;
}

.one-col-list .tk-data-table__row.vmCurrentRow td:first-child::before {
    display: none !important;
}

.one-col-list .tk-data-table__cell {
    border-top: 1px;
    font-weight: 600;
    border-radius: 6px;
    color: #085572 !important;
}

.one-col-list.cr-white .tk-data-table__row.vmCurrentRow {
    color: #085572 !important;
    background-color: #fff !important;
}

/*----------NEW-TABLES-ENDS----------*/

/* Modal styles */

/* Hide modal footer */
html[turnkeyviewmodal="BandmemberInvite"] .tk-modal__actions,
html[turnkeyviewmodal="EditeraVillkor"] .tk-modal__actions,
html[turnkeyviewmodal="BytInfo"] .tk-modal__actions,
html[turnkeyviewmodal="PreviewExempelavtal"] .tk-modal__actions,
html[turnkeyviewmodal="PersonalInfo"] .tk-modal__actions,
html[turnkeyviewmodal="TakeOverProfile"] .tk-modal__actions,
html[turnkeyviewmodal="AccountablePersonInvite"] .tk-modal__actions,
html[turnkeyviewmodal="BookingRequest"] .tk-modal__actions,
html[turnkeyviewmodal="EasyArrVillkor"] .tk-modal__actions,
html[turnkeyviewmodal="AvslagOrgUppgifter"] .tk-modal__actions,
html[turnkeyviewmodal="VisaResursfakta"] .tk-modal__actions,
html[turnkeyviewmodal="VisaPerson"] .tk-modal__actions,
html[turnkeyviewmodal="VisaPris"] .tk-modal__actions,
html[turnkeyviewmodal="VisaDokument"] .tk-modal__actions,
html[turnkeyviewmodal="VisaBild"] .tk-modal__actions,
html[turnkeyviewmodal="RegisterNewUser"] .tk-modal__actions,
html[turnkeyviewmodal="OnBoardingPerson"] .tk-modal__actions,
html[turnkeyviewmodal="SendTicketTypeEmail"] .tk-modal__actions,
html[turnkeyviewmodal="SaddBiljettVillkorSaddBiljett"] .tk-modal__actions {
    display: none;
}

.BandmemberInvite_Namn input,
.BandmemberInvite_InviteringsEmail input {
    background-color: #fff;
}

.SetUpSeedingPage_Bild {
    position: relative;
    max-width: 282px;
}

.SetUpSeedingPage_Bild label.tk-label {
    position: absolute;
    z-index: 300;
    bottom: 15%;
    left: 27%;
    color: #ffffff;
    font-size: 14px;
}

.SetUpSeedingPage_Bild .tk-image-upload__inner {
    width: 100%;
}

.SetUpSeedingPage_Bild .tk-image-upload__content.large {
    max-width: 282px;
}

.AnArtistGruppResource_List ul {
    list-style-type: upper-alpha;
    padding-left: 24px;
}

.AnArtistGruppResource_List li {
    margin-bottom: 8px;
}

.AnArtistGruppResource_List li::marker {
    color: #085572;
    font-weight: 600;
}

.AnArtistGruppResource_PrisPerKundkategorier .tk-data-table__content {
    margin-top: -10px !important;
}

.Pris_Pristillaggs td {
    padding: 5px 8px;
    padding-right: 8px !important;
}

.Pris_Pristillaggs th {
    padding: 0 8px !important;
    font-size: 12px;
}

.AnArtistGruppResource_InfoDetails {
    position: relative;
}

.AnArtistGruppResource_InfoDetails:before {
    content: "i";
    display: block;
    position: absolute;
    left: -54px;
    top: 35%;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #39b54a;
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    color: #ffffff;
}

.accept-link.tk-component {
    padding-left: 35px;
    grid-column: 2/10 !important;
}

button.accept-link {
    color: #000 !important;
    background: transparent !important;
    text-decoration: underline;
    font-weight: 600;
    justify-content: flex-start;
    padding: 0;
}

.accept-link.tk-button__native:hover {
    background-color: transparent !important;
    color: #000 !important;
}

.accept-link span {
    padding-left: 5px;
}

.sign-item__checkbox .tk-checkbox__native:disabled ~ .tk-checkbox__interactive {
    opacity: 1 !important;
}

.new-checkbox .tk-checkbox__native:checked ~ .tk-checkbox__interactive {
    background-color: #ffe807 !important;
    border-radius: 5px;
}

.new-checkbox .tk-checkbox__interactive {
    border: 1px solid #085572;
    background-color: #fff;
    border-radius: 5px;
}

.new-checkbox .tk-checkbox__checkmark {
    padding: 1px !important;
}

.new-checkbox
    .tk-checkbox__native:checked
    ~ .tk-checkbox__interactive
    .tk-checkbox__checkmark
    .tk-checkbox__checkmark-path {
    stroke: #085572 !important;
}

.new-checkbox .tk-checkbox__native:checked ~ .tk-checkbox__interactive {
    background-color: #ffe807 !important;
    border-radius: 5px;
    border: 2px solid transparent;
}

button.sign-item {
    border: 1px solid #085572;
    background-color: transparent;
    color: #000;
    text-transform: none;
    text-align: left;
    justify-content: flex-start;
    height: 57px;
    border-radius: 8px;
}

html[turnkeyview="OneArrangementDetails"] .tk-button.sign-item {
    grid-column: 1/6 !important;
}
html[turnkeyviewmodal="PopUpKalkylDetalj"] .tk-modal__actions,
html[turnkeyviewmodal="StatiskInfoPopUp"] .tk-modal__actions {
    display: none !important;
}

.mg_StatiskInfoPopUp {
    padding: 0 16px !important;
}

button.sign-item:hover {
    color: #000 !important;
    background-color: #d0e9ff !important;
}

button.sign-item.lit {
    background-color: #d0e9ff;
}

button.sign-item:focus:not(:active) {
    background-color: #b9cfe2;
}

html[turnkeyviewmodal="BiljettVillkor"] .tk-modal__header,
html[turnkeyviewmodal="SaddBiljettVillkor"] .tk-modal__header {
    border-bottom: none;
    min-height: 20px;
    height: 20px;
}

html[turnkeyviewmodal="BiljettVillkor"] .tk-modal__header button,
html[turnkeyviewmodal="SaddBiljettVillkor"] .tk-modal__header button {
    margin: 25px;
    margin-bottom: -25px;
    border: 3px solid #085572;
}

html[turnkeyviewmodal="BiljettVillkor"] .tk-modal__header button .mi,
html[turnkeyviewmodal="SaddBiljettVillkor"] .tk-modal__header button .mi {
    font-size: 30px !important;
    font-weight: 600;
}

html[turnkeyviewmodal="BiljettVillkor"]
    button.tk-button__native.flat:focus:not(:focus),
html[turnkeyviewmodal="BiljettVillkor"]
    button.tk-button__native.flat.fab:not(:hover),
html[turnkeyviewmodal="SaddBiljettVillkor"]
    button.tk-button__native.flat:focus:not(:focus),
html[turnkeyviewmodal="SaddBiljettVillkor"]
    button.tk-button__native.flat.fab:not(:hover) {
    color: #085572;
}

html[turnkeyviewmodal="BiljettVillkor"] .tk-component.page-header,
html[turnkeyviewmodal="SaddBiljettVillkor"] .tk-component.page-header {
    margin-top: -20px;
}

html[turnkeyviewmodal="BiljettVillkor"] .tk-component.yellow-btn,
html[turnkeyviewmodal="SaddBiljettVillkor"] .tk-component.yellow-btn {
    margin-bottom: 15px;
    padding-top: 5px;
}

html[turnkeyviewmodal="BiljettVillkor"] .tk-modal__actions,
html[turnkeyviewmodal="SaddBiljettVillkor"] .tk-modal__actions {
    display: none;
}

/*Icons for Hemsida*/

.ArtistGrupp_Hemsida,
.ArtistGrupp_Facebook,
.ArtistGrupp_Instagram,
.ArtistGrupp_Spotify.tk-component,
.ArtistGrupp_SoundCloud.tk-component,
.Artistgrupp_Facebook,
.Artistgrupp_Instagram,
.Artistgrupp_Spotify,
.Artistgrupp_Soundcloud,
.Artistgrupp_ArtistGruppen_hemsida,
.APresentationOfALocal_FacebookURL,
.APresentationOfALocal_InstagramURL,
.APresentationOfALocal_Hemsida,
.OnBoardingProfil_Hemsida,
.ArtistGrupp_Youtube.tk-component,
.Artistgrupp_Youtube,
.OnBoardingProfil_Facebook,
.OnBoardingProfil_Instagram,
.voyd.tk-component {
    position: relative;
}

.ArtistGrupp_Hemsida:after,
.ArtistGrupp_Facebook:after,
.ArtistGrupp_Instagram:after,
.ArtistGrupp_Spotify.tk-component:after,
.ArtistGrupp_SoundCloud.tk-component:after,
.Artistgrupp_Facebook:after,
.Artistgrupp_Instagram:after,
.Artistgrupp_Spotify:after,
.Artistgrupp_Soundcloud.tk-component:after,
.Artistgrupp_ArtistGruppen_hemsida:after,
.APresentationOfALocal_FacebookURL:after,
.APresentationOfALocal_InstagramURL:after,
.APresentationOfALocal_Hemsida:after,
.ArtistGrupp_Youtube.tk-component::after,
.Artistgrupp_Youtube::after,
.OnBoardingProfil_Hemsida:after,
.OnBoardingProfil_Facebook:after,
.OnBoardingProfil_Instagram:after,
.voyd.tk-component:before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: -42px;
    bottom: 16%;
    width: 35px;
    height: 35px;
}

.url-fb:after,
.url-hm:after,
.url-ig:after,
.voyd.tk-component:before,
.ArtistGrupp_SoundCloud.tk-component:after,
.ArtistGrupp_Youtube.tk-component:after,
.ArtistGrupp_Spotify.tk-component:after {
    bottom: unset !important;
    top: 31% !important;
}

.ArtistGrupp_Hemsida:after,
.Artistgrupp_ArtistGruppen_hemsida:after,
.hm:before,
.APresentationOfALocal_Hemsida:after,
.OnBoardingProfil_Hemsida:after {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.587 14.9474L18.462 3.28071C18.1959 3.04691 17.8538 2.91797 17.4995 2.91797C17.1453 2.91797 16.8031 3.04691 16.537 3.28071L3.41201 14.9474C3.18894 15.1447 3.03163 15.4056 2.96124 15.695C2.89085 15.9844 2.91075 16.2884 3.01826 16.5661C3.12402 16.8402 3.31008 17.0759 3.55208 17.2425C3.79409 17.409 4.08074 17.4986 4.37451 17.4995H5.83285V30.6245C5.83285 31.0112 5.98649 31.3822 6.25998 31.6557C6.53347 31.9291 6.90441 32.0828 7.29118 32.0828H27.7078C28.0946 32.0828 28.4656 31.9291 28.739 31.6557C29.0125 31.3822 29.1662 31.0112 29.1662 30.6245V17.4995H30.6245C30.9183 17.4986 31.2049 17.409 31.4469 17.2425C31.6889 17.0759 31.875 16.8402 31.9808 16.5661C32.0883 16.2884 32.1082 15.9844 32.0378 15.695C31.9674 15.4056 31.8101 15.1447 31.587 14.9474ZM18.9578 29.1661H16.0412V24.7911C16.0412 24.4044 16.1948 24.0334 16.4683 23.7599C16.7418 23.4864 17.1127 23.3328 17.4995 23.3328C17.8863 23.3328 18.2572 23.4864 18.5307 23.7599C18.8042 24.0334 18.9578 24.4044 18.9578 24.7911V29.1661ZM26.2495 29.1661H21.8745V24.7911C21.8745 23.6308 21.4136 22.518 20.5931 21.6975C19.7726 20.8771 18.6598 20.4161 17.4995 20.4161C16.3392 20.4161 15.2264 20.8771 14.4059 21.6975C13.5854 22.518 13.1245 23.6308 13.1245 24.7911V29.1661H8.74951V17.4995H26.2495V29.1661ZM8.20993 14.5828L17.4995 6.32862L26.7891 14.5828H8.20993Z' fill='%23085572'/%3E%3C/svg%3E%0A");
}

.ArtistGrupp_Facebook:after,
.Artistgrupp_Facebook:after,
.fb:before,
.APresentationOfALocal_FacebookURL:after,
.OnBoardingProfil_Facebook:after {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.597 13.0338V15.0419H14.127V17.4963H15.597V24.7923H18.6186V17.4963H20.6457C20.6457 17.4963 20.8367 16.3194 20.9286 15.0317H18.6303V13.3546C18.6303 13.1023 18.9599 12.7654 19.2865 12.7654H20.9315V10.209H18.693C15.5226 10.209 15.597 12.6663 15.597 13.0338Z' fill='%23085572'/%3E%3Cpath d='M8.74935 5.83268C7.9758 5.83268 7.23394 6.13997 6.68695 6.68695C6.13997 7.23393 5.83268 7.9758 5.83268 8.74935V26.2493C5.83268 27.0229 6.13997 27.7648 6.68695 28.3117C7.23394 28.8587 7.9758 29.166 8.74935 29.166H26.2493C27.0229 29.166 27.7648 28.8587 28.3117 28.3117C28.8587 27.7648 29.166 27.0229 29.166 26.2493V8.74935C29.166 7.9758 28.8587 7.23393 28.3117 6.68695C27.7648 6.13997 27.0229 5.83268 26.2493 5.83268H8.74935ZM8.74935 2.91602H26.2493C27.7964 2.91602 29.2802 3.5306 30.3741 4.62456C31.4681 5.71852 32.0827 7.20225 32.0827 8.74935V26.2493C32.0827 27.7964 31.4681 29.2802 30.3741 30.3741C29.2802 31.4681 27.7964 32.0827 26.2493 32.0827H8.74935C7.20225 32.0827 5.71852 31.4681 4.62456 30.3741C3.5306 29.2802 2.91602 27.7964 2.91602 26.2493V8.74935C2.91602 7.20225 3.5306 5.71852 4.62456 4.62456C5.71852 3.5306 7.20225 2.91602 8.74935 2.91602Z' fill='%23085572'/%3E%3C/svg%3E%0A");
}

.ArtistGrupp_Instagram:after,
.Artistgrupp_Instagram:after,
.OnBoardingProfil_Instagram:after,
.ins:before,
.APresentationOfALocal_InstagramURL:after {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2462 9.93837C13.2001 9.93837 9.93468 13.2038 9.93468 17.25C9.93468 21.2962 13.2001 24.5616 17.2462 24.5616C21.2923 24.5616 24.5577 21.2962 24.5577 17.25C24.5577 13.2038 21.2923 9.93837 17.2462 9.93837ZM17.2462 22.002C14.6296 22.002 12.4942 19.8666 12.4942 17.25C12.4942 14.6334 14.6296 12.498 17.2462 12.498C19.8628 12.498 21.9981 14.6334 21.9981 17.25C21.9981 19.8666 19.8628 22.002 17.2462 22.002ZM24.8571 7.93489C23.9124 7.93489 23.1495 8.69778 23.1495 9.64249C23.1495 10.5872 23.9124 11.3501 24.8571 11.3501C25.8018 11.3501 26.5647 10.5908 26.5647 9.64249C26.565 9.41816 26.521 9.19599 26.4353 8.98869C26.3495 8.78138 26.2238 8.59303 26.0652 8.43441C25.9065 8.27579 25.7182 8.15002 25.5109 8.0643C25.3036 7.97859 25.0814 7.93461 24.8571 7.93489V7.93489ZM31.4984 17.25C31.4984 15.2822 31.5162 13.3322 31.4057 11.3679C31.2952 9.08636 30.7747 7.06149 29.1064 5.39311C27.4345 3.72117 25.4132 3.20426 23.1317 3.09375C21.1639 2.98324 19.214 3.00106 17.2497 3.00106C15.2819 3.00106 13.332 2.98324 11.3677 3.09375C9.08625 3.20426 7.06142 3.72474 5.39307 5.39311C3.72116 7.06506 3.20426 9.08636 3.09375 11.3679C2.98324 13.3357 3.00106 15.2857 3.00106 17.25C3.00106 19.2143 2.98324 21.1678 3.09375 23.1321C3.20426 25.4136 3.72472 27.4385 5.39307 29.1069C7.06498 30.7788 9.08625 31.2957 11.3677 31.4063C13.3355 31.5168 15.2855 31.4989 17.2497 31.4989C19.2175 31.4989 21.1675 31.5168 23.1317 31.4063C25.4132 31.2957 27.4381 30.7753 29.1064 29.1069C30.7783 27.4349 31.2952 25.4136 31.4057 23.1321C31.5198 21.1678 31.4984 19.2178 31.4984 17.25V17.25ZM28.3613 25.6561C28.1011 26.3049 27.7874 26.7897 27.2848 27.2888C26.7821 27.7914 26.3009 28.1051 25.6521 28.3654C23.777 29.1105 19.3245 28.9429 17.2462 28.9429C15.1679 28.9429 10.7118 29.1105 8.83671 28.369C8.18791 28.1087 7.70309 27.795 7.20401 27.2923C6.70137 26.7897 6.38766 26.3084 6.12743 25.6596C5.38594 23.7809 5.55349 19.3283 5.55349 17.25C5.55349 15.1717 5.38594 10.7155 6.12743 8.84038C6.38766 8.19157 6.70137 7.70674 7.20401 7.20765C7.70665 6.70857 8.18791 6.39129 8.83671 6.13105C10.7118 5.38955 15.1679 5.5571 17.2462 5.5571C19.3245 5.5571 23.7805 5.38955 25.6556 6.13105C26.3044 6.39129 26.7893 6.705 27.2883 7.20765C27.791 7.7103 28.1047 8.19157 28.3649 8.84038C29.1064 10.7155 28.9389 15.1717 28.9389 17.25C28.9389 19.3283 29.1064 23.7809 28.3613 25.6561Z' fill='%23085572'/%3E%3C/svg%3E%0A");
}

.ArtistGrupp_Spotify:after,
.Artistgrupp_Spotify:after,
.sp:before {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 2.73438C14.5796 2.73438 11.7249 3.60036 9.29666 5.22283C6.86847 6.8453 4.97592 9.15137 3.85835 11.8494C2.74077 14.5475 2.44836 17.5164 3.0181 20.3806C3.58783 23.2449 4.99412 25.8759 7.05913 27.9409C9.12414 30.0059 11.7551 31.4122 14.6194 31.9819C17.4836 32.5516 20.4525 32.2592 23.1506 31.1417C25.8486 30.0241 28.1547 28.1315 29.7772 25.7033C31.3996 23.2751 32.2656 20.4204 32.2656 17.5C32.2612 13.5853 30.7041 9.83214 27.936 7.064C25.1679 4.29587 21.4147 2.73879 17.5 2.73438ZM17.5 28.9844C15.2286 28.9844 13.0082 28.3108 11.1196 27.0489C9.23103 25.787 7.75905 23.9934 6.88983 21.8949C6.0206 19.7964 5.79317 17.4873 6.2363 15.2595C6.67943 13.0318 7.77321 10.9854 9.37933 9.37932C10.9854 7.7732 13.0318 6.67942 15.2595 6.23629C17.4873 5.79317 19.7964 6.0206 21.8949 6.88982C23.9934 7.75905 25.787 9.23103 27.0489 11.1196C28.3108 13.0082 28.9844 15.2286 28.9844 17.5C28.9809 20.5448 27.7698 23.4639 25.6168 25.6168C23.4639 27.7698 20.5448 28.9809 17.5 28.9844ZM25.95 16.6544C25.8516 16.8461 25.7163 17.0164 25.552 17.1558C25.3877 17.2952 25.1975 17.4008 24.9923 17.4667C24.7872 17.5325 24.5711 17.5573 24.3563 17.5396C24.1416 17.5219 23.9324 17.4621 23.7408 17.3636C21.8072 16.3739 19.6659 15.8584 17.4937 15.8594C15.3215 15.8604 13.1807 16.378 11.248 17.3694C11.0564 17.4694 10.8469 17.5305 10.6315 17.5493C10.4162 17.568 10.1993 17.544 9.99327 17.4787C9.78725 17.4133 9.59616 17.3079 9.43099 17.1685C9.26583 17.0291 9.12983 16.8584 9.03083 16.6663C8.93183 16.4742 8.87177 16.2644 8.8541 16.0489C8.83643 15.8335 8.8615 15.6167 8.92786 15.411C8.99423 15.2053 9.10059 15.0148 9.24083 14.8503C9.38107 14.6859 9.55242 14.5507 9.74505 14.4527C12.1421 13.222 14.7976 12.5794 17.4921 12.5781C20.1866 12.5768 22.8427 13.2168 25.2409 14.4452C25.4325 14.5436 25.6029 14.6789 25.7423 14.8433C25.8816 15.0076 25.9872 15.1978 26.0531 15.403C26.119 15.6081 26.1437 15.8242 26.1261 16.039C26.1084 16.2537 26.0486 16.4629 25.95 16.6545V16.6544ZM23.1651 21.9819C23.0675 22.174 22.9331 22.345 22.7695 22.4852C22.6058 22.6254 22.4162 22.7319 22.2114 22.7988C22.0065 22.8656 21.7906 22.8915 21.5757 22.8749C21.3609 22.8582 21.1515 22.7994 20.9594 22.7019C19.8855 22.1574 18.6982 21.8741 17.4942 21.875C16.2901 21.876 15.1033 22.1612 14.0302 22.7073C13.6425 22.905 13.1922 22.9405 12.7784 22.8061C12.3645 22.6717 12.021 22.3784 11.8234 21.9907C11.6258 21.6031 11.5902 21.1528 11.7246 20.7389C11.859 20.325 12.1523 19.9815 12.54 19.7839C14.0738 19.0028 15.7704 18.595 17.4917 18.5937C19.213 18.5924 20.9102 18.9976 22.4453 19.7762C22.8332 19.9733 23.127 20.3163 23.262 20.73C23.397 21.1436 23.3621 21.594 23.1651 21.9819Z' fill='%23085572'/%3E%3C/svg%3E%0A");
}

.ArtistGrupp_SoundCloud.tk-component:after,
.Artistgrupp_Soundcloud:after,
.scl:before {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M5.83333 14.5833C6.22011 14.5833 6.59104 14.737 6.86453 15.0105C7.13802 15.284 7.29167 15.6549 7.29167 16.0417V26.25C7.29167 26.6368 7.13802 27.0077 6.86453 27.2812C6.59104 27.5547 6.22011 27.7083 5.83333 27.7083C5.44656 27.7083 5.07563 27.5547 4.80214 27.2812C4.52865 27.0077 4.375 26.6368 4.375 26.25V16.0417C4.375 15.6549 4.52865 15.284 4.80214 15.0105C5.07563 14.737 5.44656 14.5833 5.83333 14.5833ZM10.2083 16.0417C10.5951 16.0417 10.966 16.1953 11.2395 16.4688C11.513 16.7423 11.6667 17.1132 11.6667 17.5V26.25C11.6667 26.6368 11.513 27.0077 11.2395 27.2812C10.966 27.5547 10.5951 27.7083 10.2083 27.7083C9.82156 27.7083 9.45063 27.5547 9.17714 27.2812C8.90365 27.0077 8.75 26.6368 8.75 26.25V17.5C8.75 17.1132 8.90365 16.7423 9.17714 16.4688C9.45063 16.1953 9.82156 16.0417 10.2083 16.0417ZM14.5833 10.2083C14.9701 10.2083 15.341 10.362 15.6145 10.6355C15.888 10.909 16.0417 11.2799 16.0417 11.6667V26.25C16.0417 26.6368 15.888 27.0077 15.6145 27.2812C15.341 27.5547 14.9701 27.7083 14.5833 27.7083C14.1966 27.7083 13.8256 27.5547 13.5521 27.2812C13.2786 27.0077 13.125 26.6368 13.125 26.25V11.6667C13.125 11.2799 13.2786 10.909 13.5521 10.6355C13.8256 10.362 14.1966 10.2083 14.5833 10.2083ZM21.875 8.75001C24.1389 8.74993 26.3147 9.6273 27.9453 11.1978C29.5758 12.7683 30.5343 14.9096 30.6192 17.1719L30.6235 17.5511C31.8786 17.7299 33.0221 18.3694 33.8316 19.345C34.641 20.3207 35.0585 21.5626 35.0026 22.8291C34.9467 24.0956 34.4216 25.2959 33.5294 26.1965C32.6372 27.0971 31.4417 27.6334 30.1758 27.7011L29.8958 27.7083H24.7902C24.4185 27.7079 24.061 27.5656 23.7907 27.3104C23.5204 27.0553 23.3578 26.7065 23.336 26.3355C23.3142 25.9644 23.4349 25.599 23.6735 25.314C23.9121 25.029 24.2505 24.8458 24.6196 24.8019L24.7917 24.7917H29.8185L30.0198 24.7888C30.5449 24.7605 31.0422 24.544 31.4207 24.179C31.7992 23.814 32.0336 23.3249 32.0809 22.8011C32.1282 22.2774 31.9852 21.7542 31.6782 21.3273C31.3712 20.9004 30.9207 20.5983 30.4092 20.4765L30.2123 20.4386L27.631 20.0711L27.7083 17.465L27.7025 17.2083C27.6302 15.7637 27.0237 14.3974 26.0007 13.3747C24.9778 12.3521 23.6113 11.7459 22.1667 11.674L21.875 11.6667C21.4842 11.6667 21.1006 11.7046 20.7258 11.779L20.4167 11.8504V26.25C20.4166 26.6072 20.2855 26.952 20.0481 27.2189C19.8108 27.4858 19.4837 27.6563 19.129 27.6981L18.9583 27.7083C18.5716 27.7083 18.2006 27.5547 17.9271 27.2812C17.6536 27.0077 17.5 26.6368 17.5 26.25L17.4985 9.92105C18.8285 9.15147 20.3384 8.74745 21.875 8.75001ZM1.45833 17.5C1.84511 17.5 2.21604 17.6537 2.48953 17.9271C2.76302 18.2006 2.91667 18.5716 2.91667 18.9583V24.7917C2.91667 25.1785 2.76302 25.5494 2.48953 25.8229C2.21604 26.0964 1.84511 26.25 1.45833 26.25C1.07156 26.25 0.700627 26.0964 0.427136 25.8229C0.153645 25.5494 0 25.1785 0 24.7917V18.9583C0 18.5716 0.153645 18.2006 0.427136 17.9271C0.700627 17.6537 1.07156 17.5 1.45833 17.5Z' fill='%23085572'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='35' height='35' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.ArtistGrupp_Youtube::after,
.Artistgrupp_Youtube::after,
.yt::before {
    background-image: url(../SiteAssets/yt.svg);
    width: 33px;
}

.voyd.tk-component:before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50.52 17.68'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23085572;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M126.64,108l.13.54h3.07l4.4-17.69h-3.7Zm-.57-17.15h-3.69l3.5,14.09,1.7-7.46Zm19.74,1a3.61,3.61,0,0,0-2.57-1H140a3.72,3.72,0,0,0-1.4.28,3.47,3.47,0,0,0-1.17.76,3.31,3.31,0,0,0-.77,1.11,3.19,3.19,0,0,0-.28,1.36v10.67a3.46,3.46,0,0,0,1.06,2.48,3.82,3.82,0,0,0,1.14.73,3.48,3.48,0,0,0,1.42.3h3.25a3.54,3.54,0,0,0,1.44-.3,4.16,4.16,0,0,0,1.12-.73,3.41,3.41,0,0,0,.78-1.13,3.25,3.25,0,0,0,.28-1.34V94.4a3.16,3.16,0,0,0-.28-1.36,3.45,3.45,0,0,0-.77-1.12Zm-2.49,12.83a.43.43,0,0,1-.15.34.41.41,0,0,1-.32.15h-2.47a.39.39,0,0,1-.29-.13.48.48,0,0,1-.15-.36v-10a.47.47,0,0,1,.15-.35.36.36,0,0,1,.29-.13h2.47a.43.43,0,0,1,.32.14.45.45,0,0,1,.15.34Zm7,3.83h3.73l6.72-17.69H157l-6.68,17.69ZM154,94.86l-1.5-4h-3.75l3.38,8.93,1.87-5Zm18.62-1.76a3.63,3.63,0,0,0-3.34-2.21H162.7v17.69h6.57a3.45,3.45,0,0,0,1.42-.3,4,4,0,0,0,1.14-.77,3.52,3.52,0,0,0,.79-1.16,3.66,3.66,0,0,0,.27-1.39V94.51A3.45,3.45,0,0,0,172.61,93.1Zm-3.26,11.53a.47.47,0,0,1-.15.35.39.39,0,0,1-.32.15h-2.63V94.35h2.63a.39.39,0,0,1,.32.14.48.48,0,0,1,.15.36v9.78Z' transform='translate(-122.38 -90.89)'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 768px) {
    .sm-12 {
        grid-column: 2/12 !important;
    }

    .sm-12-offset {
        grid-column: 3/11 !important;
    }

    .sm-6-left {
        grid-column: 2/7 !important;
    }

    .sm-6-right {
        grid-column: 7/12 !important;
    }

    p.page-text,
    .page-text p,
    .page-text li {
        font-size: 12px !important;
    }

    .margin-left.page-item--primary {
        margin-left: 0px;
        min-height: unset !important;
    }

    .margin-left.section-item--primary {
        margin-left: 0px;
        min-height: unset !important;
    }

    .count-btn.minus {
        grid-column: 4/6 !important;
    }

    .count-btn.plus {
        grid-column: 8/10 !important;
    }

    .numeric-big.sm-count {
        grid-column: 6/8 !important;
    }
}

/*---CALENDAR VIEW STARTS---*/
.veckokalender th {
    text-align: center;
    border-right-color: grey;
    border-right-style: solid;
    border-right-width: 1px;
    background-color: white;
    border-bottom-color: transparent !important;
    border-bottom-style: none;
    border-bottom-width: 0px;
    left: 0;
    /* Displayed on top of other rows when scrolling */
    z-index: 9999;
}

.veckokalender td {
    border-right-color: grey;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 0px 0px;
    height: 20px;
    border-top-width: 0px;
}

.veckokalender td:nth-child(1) {
    position: sticky;
    width: 40px;
    max-width: 60px;
    min-width: 40px;
    left: 0px;
    z-index: 9998;
    background-color: white;
}

.veckokalender th:nth-child(1) {
    position: sticky;
    width: 40px;
    max-width: 60px;
    min-width: 40px;
    left: 0px;
    z-index: 9999;
    background-color: white;
}

.veckokalender tr:nth-child(1) td {
    position: sticky;
    top: 40px;
    z-index: 9999;
    background-color: white;
}

.veckokalender .vmCurrentRow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
    color: black !important;
}

.veckokalender .vmCurrentRow td:first-child::before {
    background-color: transparent;
}

.Bokningskalender_Vecka {
    padding-top: 30px;
}

.Bokning_Kostnad table {
    position: relative !important;
}

.right {
    text-align: right;
}

th.right {
    text-align: left;
}

.center {
    text-align: center;
}

.dag {
    font-size: 1.5em;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: grey;
    padding-bottom: 5px;
}

.tk-data-table__cell .vmRenderedByAction div {
    border-bottom-color: transparent;
}

.vmRenderedByAction div:not(.tk-checkbox__interactive) {
    border-bottom-width: 0px !important;
}

.vmRenderedByAction span {
    border-bottom-width: 0px !important;
}

.Arrangemang_LokalInteISystemet .vmRenderedByAction div,
.Arrangemang_UpptradareInteISystemet .vmRenderedByAction div {
    border-bottom-width: 2px !important;
}

.skala,
.skala-hel,
.skala-halv {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    /* Displayed on top of other rows when scrolling */
    z-index: 9998;
    width: 10px;
    font-weight: bold;
    border: 0px;
}

.skala-hel {
    border-top: 1px;
}

.skala-halv {
    display: none;
    border-bottom: 1px;
}

.ledig {
    background-color: lightgrey;
    padding-top: 23px;
    padding-bottom: 32px;
    margin-left: 0px;
    margin-right: 0px;
}

.ledig a {
    display: none;
}

.ledig:hover {
    background-color: #320e3b;
    opacity: 50%;
    border-radius: 7px;
    color: white;
    text-decoration: underline;
    height: 100%;
    display: block;
    padding: 0px;
}

.ledig:hover a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 10px 5px;
}

.bokad,
.bokad-start,
.bokad-slut,
.bokad-mitt,
.bokad-singel {
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 99%;
    background-color: #320e3b;
    color: lightgrey;
    padding: 0px;
    padding-left: 5px;
    padding-right: 0px;
    margin: 0px;
    margin-left: 1px;
    margin-right: 0px;
    border-width: 0px;
    height: 100%;
}

.bokad-start {
    margin-top: 2px;
    padding-top: 10px;
    padding-bottom: 26px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.bokad-slut {
    padding-top: 10px;
    padding-bottom: 22px;
    margin-bottom: 2px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.bokad-mitt {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 28px;
}

.bokad-singel {
    padding-top: 10px;
    padding-bottom: 24px;
    border-radius: 7px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.bokad:hover,
.bokad-start:hover,
.bokad-slut:hover,
.bokad-mitt:hover,
.bokad-singel:hover {
    color: white;
    text-decoration: underline;
}

/*---CALENDAR VIEW ENDS---*/

.home-url {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .home-url {
        font-size: 18px;
        max-width: 320px;
        margin: auto;
    }

    .call-wrapper--2 {
        padding: 12px !important;
    }

    .yellow-btn.tk-component {
        min-width: unset !important;
    }

    .yellow-btn a {
        min-width: 270px !important;
    }

    .top-block.tk-component {
        height: fit-content !important;
    }
}

/*OneArrangementForASeeder*/
@media screen and (max-width: 768px) {
    .OneArrangementForASeeder_Lokalen_Namn,
    .OneArrangementForASponsor_Lokalen_Namn {
        grid-row: 24/25 !important;
    }

    .OneArrangementForASeeder_Datum,
    .OneArrangementForASponsor_Datum {
        grid-row: 25/26 !important;
    }

    .OneArrangementForASeeder_Tid,
    .OneArrangementForASponsor_Tid {
        grid-row: 26/27 !important;
    }

    .OneArrangementForASeeder_NewColumn5,
    .OneArrangementForASponsor_NewColumn5 {
        grid-row: 27/28 !important;
    }

    .OneArrangementForASeeder_Kvar,
    .OneArrangementForASponsor_Kvar {
        grid-row: 28/29 !important;
    }

    .OneArrangementForASeeder_PieChart,
    .OneArrangementForASponsor_PieChart {
        grid-row: 29/30 !important;
    }
}

/*New navigation styles*/

html[turnkeyview="OnBoardingProfil"] #contentWrapper,
html[turnkeyview="OnBoardingLocalOwner"] #contentWrapper,
html[turnkeyview="AResource"] #contentWrapper,
html[turnkeyview="Arrangemang"] #contentWrapper,
html[turnkeyview="OnBoardingArtistGrupp"] #contentWrapper,
html[turnkeyview="OnBoardingArtist"] #contentWrapper,
html[turnkeyview="OnBoardingLokalAgare"] #contentWrapper,
html[turnkeyview="ALocal"] #contentWrapper,
html[turnkeyview="OneArrangementDetails"] #contentWrapper,
html[turnkeyview="SetUpSeedingPage"] #contentWrapper,
html[turnkeyview="Start"] #contentWrapper,
html[turnkeyview="Profiloversikt"] #contentWrapper,
html[turnkeyview="OneArrangement"] #contentWrapper {
    background-color: #f2f4f7 !important;
}

.wizard-groupbox .tk-input-field--text input,
.wizard-groupbox .tk-input-field--number input,
.wizard-groupbox .tk-input-field--datepicker input,
.wizard-groupbox select.tk-select__native,
.wizard-groupbox .tk-input-field--timespan .tk-input-field__native,
.wizard-groupbox .tk-input-field__native:not(textarea) {
    border: 1px solid #a9a9a9 !important;
    border-radius: 4px;
    padding: 10px 16px;
    background: #fff;
    min-height: 40px;
}

.wizard-groupbox .tk-select__dropdown-icon {
    top: 21px !important;
}

.tk-label {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    padding-left: 0px !important;
    padding-bottom: 8px;
}

.wizard-groupbox .tk-input-field,
.wizard-groupbox .tk-select {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.wizard-groupbox .tk-data-table__content {
    margin-top: 0px !important;
}

.wizard-groupbox .tk-data-table__label {
    margin-bottom: 8px;
}

.wizard-groupbox .tk-data-table {
    margin: 8px 0;
}

.wizard-groupbox .tk-input-field:last-of-type {
    margin-bottom: 0px !important;
}

.wizard-groupbox .section-item--primary.tk-component {
    margin: 8px 0;
    padding: 0 5px;
    min-height: unset !important;
}

.wizard-groupbox .section-item--primary.tk-component:first-of-type {
    margin-top: 0px;
}

.wizard-groupbox .page-text p {
    margin: 0px;
    margin-bottom: 8px;
}

.wizard-groupbox .page-text.tk-component {
    margin-bottom: 0px !important;
    padding: 0 5px;
    margin-top: 8px;
}

.wizard-groupbox .tk-button {
    margin: 8px 0;
}

.info-popup.hide,
.text.hide {
    display: none !important;
}
.info-popup.show,
.text.show {
    display: block;
}

.SideNavigationGroup {
    position: fixed !important;
    width: auto;
    top: 80px;
    left: 0;
    bottom: 10px;
    background-color: #f1f4f7;
    z-index: 100;
}

.sidebar-wizard {
    width: 270px;
    overflow-y: auto;
    min-height: calc(100vh - 380px) !important;
    height: calc(100vh - 380px);
    padding: 0 24px;
    color: rgb(8, 85, 114);
}

div.wizard-header {
    padding: 12px 32px;
    display: block;
    width: 100%;
    z-index: 800;
    max-width: 270px;
    max-height: 250px;
}

p.wizard-header {
    display: none;
}

.wizard-header p {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #232323;
    width: 100%;
}

.wizard-header span {
    margin: 8px 0px;
    font-size: 16px;
    line-height: 26px;
    max-height: 100px;
    min-height: 80px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.step-header.tk-component {
    position: sticky !important;
    z-index: 800;
    background-color: #f2f4f7;
    padding: 0px;
    margin-top: 32px;
    margin-bottom: 16px;

    animation: fadeIn cubic-bezier(0.57, 0.21, 0.69, 1.25) 400ms;
}

.step-header p {
    padding: 0px;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #f2f4f7;
    color: rgb(8, 85, 114);
    width: 100%;

    font-weight: 700;
    font-size: 50.52px;
    line-height: 62px;

    margin-left: 0px;
    min-height: 42px;
    font-weight: 700;
    font-size: 50.52px;
    line-height: 62px;
}

.sidebar-wizard thead {
    display: none;
}

.sidebar-wizard .tk-data-table__content {
    border: none;

    margin: 0px !important;
}

.sidebar-wizard .tk-data-table__content tbody,
.sidebar-wizard .tk-data-table__native,
.sidebar-wizard .tk-data-table__content {
    background: transparent !important;
}

.sidebar-wizard .tk-data-table__cell {
    padding: 0px;
    border: none;
}

.sidebar-wizard .tk-data-table__row:hover:not(.vmCurrentRow),
.sidebar-wizard .tk-data-table__row:focus:not(.vmCurrentRow),
.sidebar-wizard .tk-data-table__row.vmCurrentRow {
    background-color: transparent !important;
}

.sidebar-wizard .tk-data-table__row.vmCurrentRow td:first-child::before {
    display: none;
}

.step-item {
    color: rgb(8, 85, 114);
    min-height: 42px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    padding: 8px;
    font-weight: 400;

    transition: background 400ms, color 400ms !important;

    box-shadow: none !important;
    white-space: normal;
}

.step-item:hover {
    color: rgb(8, 85, 114) !important;
    font-weight: 600;
}

.step-index {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-right: 8px;
    border: 2px solid #085572;
    border-radius: 50%;
    padding: 4px;
    width: 26px;
    height: 26px;
    font-size: 18px;
    font-weight: 600;
}

.step-index.current {
    background: #085572;
    color: #fff;
}

.step-item.completed .step-index {
    background-color: #4ca83d;
    color: #fff;
    border: 2px solid #4ca83d;
}

.step-item.disabled .step-index,
.step-item.disabled .step-index:hover {
    background-color: lightgray;
    color: #fff;
    border: 2px solid lightgray;
    cursor: not-allowed;
}

.indicator {
    background: white;
    display: inline-block;
    border: 1px solid rgb(8, 85, 114);
    padding: 8px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: 0;
    max-height: 10px;
}

.current {
    color: rgb(8, 85, 114);
    font-weight: 700 !important;
}

.disabled {
    color: lightgray;
    font-weight: 700 !important;
    cursor: not-allowed;
}

.wizard-groupbox.tk-groupbox {
    padding: 32px;
    background: #fff;
    border-radius: 0px 8px 8px 8px;

    max-width: 1064px;
}

.wizard-groupbox .tk-groupbox__content {
    grid-template-columns: repeat(20, minmax(50px, 50px)) !important;
}

.local-titel.tk-component {
    background: #fff;
    padding: 32px;
    padding-bottom: 0px;
    border-radius: 0px 8px 0 0 !important;
    max-width: 1064px;
    margin-bottom: 0px !important;
    margin-top: 0px;
}

p.local-titel {
    font-size: 32px;
    font-weight: 700;
}

.wizard-groupbox--local {
    border-radius: 0px 0px 8px 8px !important;
    padding-top: 0px !important;
}

.mg_OnBoardingLocalOwner,
.mg_AResource,
.mg_OnBoardingProfil,
.mg_ALocal,
.mg_Arrangemang,
.mg_SetUpSeedingPage,
.mg_OneArrangementDetails {
    position: relative !important;
    overflow: unset !important;
    padding: 0 24px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;

    grid-template-columns: repeat(2, 130px) repeat(10, minmax(120px, 120px)) !important;
}

.divider.tk-component {
    padding: 0px;
    margin: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
    background: transparent;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-1 {
    margin-bottom: 1em !important;
}

.mb-2 {
    margin-bottom: 2em !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 1em !important;
}
.mt-2 {
    margin-top: 2em !important;
}

.divider p {
    height: 1px;
    width: 100%;
    padding: 0px;

    background-color: #a9a9a9;
    margin: 0px;
}

.wizard-groupbox .divider.tk-component {
    margin-top: 32px;
    margin-bottom: 32px;
}

.fixedCheckbox td {
    width: 10px;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*VENUE PRESENTATION STYLES*/

.mg_VenuePresentation {
    grid-template-columns: 0 auto repeat(20, minmax(0, 76px)) auto 0;
    padding: 16px 0 !important;
}
.mg_PerformerPresentation {
    grid-template-columns: 0 0 auto repeat(20, minmax(0, 76px)) auto 0 0;
    padding: 16px 0 !important;
}

.mg_VenuePresentation .footer-override.tk-component,
.mg_PerformerPresentation .footer-override.tk-component {
    margin: 0px;
    margin-bottom: -25px;
}

.VenuePresentation_Forhandsgranskning,
.PerformerPresentation_Forhandsgranskning {
    justify-content: center !important;
    align-items: center;
    grid-column: 3/23 !important;
}

.PerformerPresentation_Forhandsgranskning {
    grid-column: 4/24 !important;
}

.VenuePresentation_Forhandsgranskning p,
.PerformerPresentation_Forhandsgranskning p {
    padding-left: 128px !important;
}

.GBGrid_VenuePresentation_Prislista,
.GBGrid_VenuePresentation_AvbokningsVillkor {
    grid-template-columns: 0 auto repeat(20, minmax(0, 76px)) auto 0;
}

.GBGrid_PerformerPresentation_Prislista,
.GBGrid_PerformerPresentation_AvbokningsVillkor {
    grid-template-columns: 0 0 auto repeat(20, minmax(0, 76px)) auto 0 0;
}

.VenuePresentation_MaxantalSakerhet .tk-static-text__native,
.VenuePresentation_MaxantalSakerhet p {
    display: none !important;
}

.max-guests-antal p {
    display: flex !important;
}

.tillbaka-btn--venue.tk-component {
    grid-column: 3/5 !important;
}

.tillbaka-btn--performer.tk-component {
    grid-column: 4/7 !important;
}

.tillbaka-btn--venue.tk-component,
.tillbaka-btn--performer.tk-component {
    padding: 5px;
    justify-content: center;
    max-width: 120px;
}

.mg_PerformerPresentation .presentation-bg-1 s {
    grid-row-start: 25;
}

.mg_PerformerPresentation .presentation-bg-2 {
    grid-row-start: 55;
}

.mg_VenuePresentation .presentation-bg-1 {
    grid-row-start: 28;
}

.mg_VenuePresentation .presentation-bg-2 {
    grid-row-start: 60;
}

.presentation-bg-1 label,
.presentation-bg-2 label {
    display: none !important;
}

.presentation-bg-1,
.presentation-bg-2 {
    grid-row-start: 25;
    background-color: #f2f4f7;
    padding: 0;
    width: 100%;
    margin: 0px;
}

.venue-group.tk-groupbox {
    padding: 75px 0;
}

.venue-group__10col {
    padding: 75px 0;
    grid-template-columns: repeat(10, 1fr) !important;
}

.venue-group .tk-groupbox__content {
    grid-template-columns: repeat(20, 1fr) !important;
}

.venue-group--colored .tk-groupbox__content {
    max-width: 1520px;
    margin: 0 auto;
}

.presentation-logo,
.presentation-logo img {
    max-height: 64px !important;
    width: auto;
    height: 100%;
}

.no-current .tk-data-table__row.vmCurrentRow {
    background-color: transparent !important;
}

.no-current .tk-data-table__row.vmCurrentRow:hover {
    background-color: #f2f4f7 !important;
}

.GBGrid_VenuePresentation_Faktaruta,
.GBGrid_PerformerPresentation_Faktaruta,
.GBGrid_PerformerPresentation_Faktaruta_1,
.GBGrid_PerformerPresentation_Faktaruta_2 {
    column-gap: 32px;
}

.GBGrid_VenuePresentation_Presentation {
    height: 100%;
}

.VenuePresentation_MaxantalSakerhet {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.VenuePresentation_MaxantalSakerhet p {
    height: 60px;
    align-items: end;
    padding: 8px 0px !important;
    border-bottom: 1px solid #aeaeae !important;
}

.VenuePresentation_Beskrivning {
    margin: 40px 0 !important;
}

.current-slide {
    width: 100% !important;
    height: 100% !important;
    justify-content: center !important;
    align-items: center !important;
}

.current-slide img {
    width: auto;
    max-width: 600px;
    max-height: 400px;
}

.table-as-slides thead {
    display: none;
}

.table-as-slides .tk-data-table__content {
    border: none !important;
    border-radius: 0px !important;
    max-width: 600px !important;

    margin: 0 auto;
    height: 200px !important;
    justify-content: center;
    align-content: center;
    display: flex;
    justify-items: center;
}

.table-as-slides .vmCurrentRow {
    position: relative;
    background-color: transparent !important;
}

.table-as-slides .vmCurrentRow::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 180px;
    width: 100%;
    background-color: #000000;
    z-index: 2;
    opacity: 0.25;
}

.table-as-slides .tk-data-table__row:hover:not(.vmCurrentRow),
.table-as-slides .tk-data-table__row:focus:not(.vmCurrentRow) {
    background-color: transparent !important;
}

.table-as-slides table {
    display: flex;
    background: transparent;
}

.table-as-slides tbody {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    gap: 12px;
    height: 100%;
}

.table-as-slides .tk-data-table__cell {
    padding: 0;
    height: 180px;
    width: 180px;
}

.table-as-slides .tk-data-table__cell img {
    max-height: 100% !important;
    height: 100%;
    width: 100%;
    max-width: 200px;
    object-fit: cover;
    height: 180px;
    width: 180px;
}

.lokaltyp-chip {
    display: inline-block;
    background-color: #f2f4f7;
    padding: 8px;
    width: max-content;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.logo-wrapper .tk-groupbox__content {
    display: flex !important;
    flex-direction: row;
    column-gap: 12px;
}

/*----icons-------*/

.url-ig--filled,
.url-fb--filled,
.url-hm--filled {
    align-self: center !important;
}

.url-ig--filled a,
.url-fb--filled a,
.url-hm--filled a {
    position: relative;
    width: 36px !important;
}

.url-ig--filled a::before,
.url-fb--filled a::before,
.url-hm--filled a::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 50%;
    bottom: 0;
    width: 32px;
    height: 32px;
    transform: translate(-50%, 0);
}

.url-hm--filled a::before {
    background-image: url(../SiteAssets/hsome.svg);
}

.url-fb--filled a::before {
    background-image: url(../SiteAssets/facebook.svg);
}

.url-ig--filled a::before {
    background-image: url(../SiteAssets/instagram.svg);
}

/*NEW TYPOGRAPHY*/

.header.h1 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800 !important;
    font-size: 48px;
    line-height: 52px;
    white-space: normal;
    line-break: normal;
    color: #085572;
}

.header.h2,
.header a.h2 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;

    color: #085572;
}

.header.h3 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;

    color: #085572;
}

.header.h5 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 20px;

    color: #232323;
}

.wizard-groupbox.tk-groupbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*Misc*/
.OnBoardingProfil_Godkann_Villor_x {
    justify-content: center;
} /*align the checkbox with the button */

.content-container {
    max-width: 1400px;
    margin: 50px auto;
}

span.radio > div {
    display: flex;
    align-items: center;
}

.radio-icon {
    height: 32px;
    width: 32px;
    padding: 5px;
}

.radio-icon-disabled {
    height: 32px;
    width: 32px;
    padding: 5px;
    filter: brightness(0) saturate(100%) invert(89%) sepia(3%) saturate(16%)
        hue-rotate(341deg) brightness(76%) contrast(88%);
}

label.tk-label.tk-input-field__label.mandantory {
    width: 100%;
}

/*
label.missing:after {
  
  content: "Obligatorisk";      
  color: red;
  width: 100%;
  display: inline-block;
  text-align: end;
  
  }
*/
label.success:after {
    font-family: "Material Icons";
    content: "check_circle";
    color: #4ca83d;
    display: inline-block;
    font-size: 20px;
    padding-left: 5px;
}

.redBorder {
    border: 1px solid red;
    border-radius: 3px;
}

.underline {
    text-decoration: underline;
}

input.missing,
select.missing,
.tk-input-field__native.mandantory.missing,
.tk-select__native.mandantory.missing {
    border-color: red !important;
}

/*TicketScanning styles*/

input[type="text"].ScanNotOK {
    background-color: red;
    width: 400px;
}

input[type="text"].ScanOK {
    background-color: green;
    width: 400px;
}

.invisible {
    opacity: 0;
}

#qr-video {
    width: 10px;
    height: 10px;
}

#pcTicketScanning_0_0 tk-placingcontainer {
    width: 400px;
}