.popupWindow {
    border-style: outset;
    border-color: var(--theme-white);
    border-width: 1px;

    & .popupHeader {
        background-color: var(--theme-primary-1-light);
        width:calc(100%-8px);
        padding:4px;

        &.red {
            background-color:var(--theme-accent-1-base);
        }

        & button {
            color: var(--theme-black);
            background-color:var(--theme-primary-1-light);
            border-style:outset;
            border-color:var(--theme-accent-2-dark);
            border-width:2px;
            font-size: 16px;
            font-family: "Calibri";
        }
    }

    & .popupBody {
        background-color:var(--theme-white);
        outline:none;
        border-style:none;
        margin:0px;
        padding: 8px;
    }

    & button {
        color:var(--theme-black);
        background-color:var(--theme-primary-2-dark);
        border-style:outset;
        border-color:var(--theme-white);
        border-width:2px;
        font-size: 16px;
        font-family: "Calibri";
    }
}

.inner-box {
    color:var(--theme-accent-1-base);
    background-color: var(--theme-primary-1-dark);
    border: 1px solid var(--theme-black);
    padding: 4px;
}