#portal-guided-tour-background {
    background-color: var(--kendo-color-black, #000);
    opacity: 0.6;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100000000; /* Just under the description and tour items */
}

#tour-description {
    width: 280px;
    background-color: var(--kendo-color-white, #fff);
    box-shadow: var(--kendo-box-shadow-depth-2, 0px 2px 4px rgba(0, 0, 0, 0.12));
    padding: var(--kendo-spacing-4, 1rem);
    border-radius: var(--kendo-border-radius-md, 8px);
    position: fixed;
    z-index: 100000001;
    font-family: var(--kendo-font-family, 'Roboto', sans-serif);
    color: var(--kendo-color-text, #000);
}

.tour-item {
    border: 2px dashed var(--kendo-color-primary, #ffcc00);
    border-radius: var(--kendo-border-radius-md, 8px);
    position: fixed;
    z-index: 100000001;
}

#close-tour {
    position: absolute;
    right: var(--kendo-spacing-1, 0.25rem);
    top: var(--kendo-spacing-1, 0.25rem);
    border-radius: var(--kendo-border-radius-md, 8px);
    background: transparent;
    color: var(--kendo-color-primary, #0058e9);
    border: none;
    cursor: pointer;
}

#tour-buttons-div {
    margin: 1rem -1rem -1rem -1rem;
    display: flex;
}

    #tour-buttons-div input:first-of-type {
        border-bottom-left-radius: var(--kendo-border-radius-md, 8px);
    }

    #tour-buttons-div input:last-of-type {
        border-bottom-right-radius: var(--kendo-border-radius-md, 8px);
    }