@import '_content/Webkraut.ComponentLibrary/Webkraut.ComponentLibrary.pz5r9oynqg.bundle.scp.css';

/* /Pages/Complete.razor.rz.scp.css */

.icon-circle[b-mqck2z3b2u] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
}

.icon-circle i[b-mqck2z3b2u] {
    font-size: 24px;
    color: #212529;
}

.icon-circle:hover[b-mqck2z3b2u] {
    background-color: #e9ecef;
}

.btn-icon[b-mqck2z3b2u] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .btn-icon:hover[b-mqck2z3b2u] {
        text-decoration: none;
        color: inherit;
    }

/*.active-rule {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    background-color: #BFEFFF;
    padding: 2px;
}

.edit-rule {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    background-color: #f0f0f0;
    padding: 2px;
}*/


/* /Pages/Edit.razor.rz.scp.css */

img#logo[b-lu64r1ge0b] {
    outline: none;
    border: none;
    box-shadow: none;
}

img#logo:focus[b-lu64r1ge0b],
img#logo:focus-visible[b-lu64r1ge0b] {
    outline: none;
    border: none;
    box-shadow: none;
}

[contenteditable="true"]:focus[b-lu64r1ge0b] {
    outline: none;
}

.background[b-lu64r1ge0b] {
    background-color: #ccc;
    padding: 2px;
}
/* /Shared/Components/CalculatingForm.razor.rz.scp.css */
.icon-circle[b-es2a71h1eg] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
}

    .icon-circle i[b-es2a71h1eg] {
        font-size: 24px;
        color: #212529;
    }

    .icon-circle:hover[b-es2a71h1eg] {
        background-color: #e9ecef;
    }

.btn-icon[b-es2a71h1eg] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .btn-icon:hover[b-es2a71h1eg] {
        text-decoration: none;
        color: inherit;
    }
/* /Shared/Components/CheckboxForm.razor.rz.scp.css */
.icon-circle[b-zibfv5eim8] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
}

    .icon-circle i[b-zibfv5eim8] {
        font-size: 24px;
        color: #212529;
    }

    .icon-circle:hover[b-zibfv5eim8] {
        background-color: #e9ecef;
    }

.btn-icon[b-zibfv5eim8] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .btn-icon:hover[b-zibfv5eim8] {
        text-decoration: none;
        color: inherit;
    }
/* /Shared/Components/DateBoxForm.razor.rz.scp.css */
.icon-circle[b-p86ktlrrwb] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
}

    .icon-circle i[b-p86ktlrrwb] {
        font-size: 24px;
        color: #212529;
    }

    .icon-circle:hover[b-p86ktlrrwb] {
        background-color: #e9ecef;
    }

.btn-icon[b-p86ktlrrwb] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .btn-icon:hover[b-p86ktlrrwb] {
        text-decoration: none;
        color: inherit;
    }
/* /Shared/Components/DropdownForm.razor.rz.scp.css */
.icon-circle[b-yzdrny69yr] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
}

    .icon-circle i[b-yzdrny69yr] {
        font-size: 24px;
        color: #212529;
    }

    .icon-circle:hover[b-yzdrny69yr] {
        background-color: #e9ecef;
    }

.btn-icon[b-yzdrny69yr] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .btn-icon:hover[b-yzdrny69yr] {
        text-decoration: none;
        color: inherit;
    }
/* /Shared/Components/FormComplete.razor.rz.scp.css */

.custom-padding[b-mmu2tks8fz] {
    padding: 10px !important; /* überschreibt das Standard-Padding */
}

.card[b-mmu2tks8fz] {
    display: flex;
    flex-direction: column;
    /* Hier kannst du entweder eine feste Höhe setzen, z.B.: */
    /* height: 500px; */
    /* oder relative Höhe (z.B. in einem flex-Layout des Parents) */
    height: 100%;
}

.card-body[b-mmu2tks8fz] {
    flex: 1 1 auto; /* nimmt den verfügbaren Platz ein */
    overflow-y: auto; /* ermöglicht vertikales Scrollen */
}

.card-footer[b-mmu2tks8fz] {
    flex-shrink: 0; /* verhindert, dass der Footer schrumpft */
}

.card-footer[b-mmu2tks8fz] {
    background-color: #fff !important;
}
/* /Shared/Components/FormEdit.razor.rz.scp.css */

.resizable-box[b-72bfhg9tpy] {
    position: relative;
}

.input-container[b-72bfhg9tpy] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Das Input-Feld nimmt die volle Breite ein,
    dabei wird rechts Platz für den Clear-Link geschaffen */
input.form-control[b-72bfhg9tpy] {
    width: 100%;
    padding-right: 40px; /* Platz für die 40px breite klickbare Fläche */
}

.card[b-72bfhg9tpy] {
    display: flex;
    flex-direction: column;
    /* Hier kannst du entweder eine feste Höhe setzen, z.B.: */
    /* height: 500px; */
    /* oder relative Höhe (z.B. in einem flex-Layout des Parents) */
    height: 100%;
}

.card-body[b-72bfhg9tpy] {
    flex: 1 1 auto; /* nimmt den verfügbaren Platz ein */
    overflow-y: auto; /* ermöglicht vertikales Scrollen */
}

.card-footer[b-72bfhg9tpy] {
    flex-shrink: 0; /* verhindert, dass der Footer schrumpft */
}

/* /Shared/Components/TextBoxForm.razor.rz.scp.css */
.icon-circle[b-a4k0c7tcfx] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
}

    .icon-circle i[b-a4k0c7tcfx] {
        font-size: 24px;
        color: #212529;
    }

    .icon-circle:hover[b-a4k0c7tcfx] {
        background-color: #e9ecef;
    }

.btn-icon[b-a4k0c7tcfx] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .btn-icon:hover[b-a4k0c7tcfx] {
        text-decoration: none;
        color: inherit;
    }