/* _content/WebGUI/Components/General/Admin/ManageArticles/ManageArticlesTable.razor.rz.scp.css */
:root[b-3lg16i3nv7] {
    --blue: #5e72e4;
    --indigo: #5603ad;
    --purple: #8965e0;
    --pink: #f3a4b5;
    --red: #f5365c;
    --orange: #fb6340;
    --yellow: #ffd600;
    --green: #2dce89;
    --teal: #11cdef;
    --cyan: #2bffc6;
    --white: #fff;
    --gray: #8898aa;
    --gray-dark: #32325d;
    --light: #ced4da;
    --lighter: #e9ecef;
    --primary: #5e72e4;
    --secondary: #f7fafc;
    --success: #2dce89;
    --info: #11cdef;
    --warning: #fb6340;
    --danger: #f5365c;
    --light: #adb5bd;
    --dark: #212529;
    --default: #172b4d;
    --white: #fff;
    --neutral: #fff;
    --darker: black;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: Open Sans, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

*[b-3lg16i3nv7],
*[b-3lg16i3nv7]::before,
*[b-3lg16i3nv7]::after {
    box-sizing: border-box;
}

@-ms-viewport {
    width: auto;
}

figcaption[b-3lg16i3nv7],
footer[b-3lg16i3nv7],
main[b-3lg16i3nv7],
nav[b-3lg16i3nv7],
section[b-3lg16i3nv7] {
    display: block;
}

body[b-3lg16i3nv7] {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    color: #525f7f;
    background-color: #f8f9fe;
}

[tabindex='-1']:focus[b-3lg16i3nv7] {
    outline: 0 !important;
}

h2[b-3lg16i3nv7],
h3[b-3lg16i3nv7] {
    margin-top: 0;
    margin-bottom: .5rem;
}

p[b-3lg16i3nv7] {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul[b-3lg16i3nv7] {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul ul[b-3lg16i3nv7] {
    margin-bottom: 0;
}

dfn[b-3lg16i3nv7] {
    font-style: italic;
}

strong[b-3lg16i3nv7] {
    font-weight: bolder;
}

a[b-3lg16i3nv7] {
    text-decoration: none;
    color: #5e72e4;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover[b-3lg16i3nv7] {
    text-decoration: none;
    color: #233dd2;
}

a:not([href]):not([tabindex])[b-3lg16i3nv7] {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):hover[b-3lg16i3nv7],
a:not([href]):not([tabindex]):focus[b-3lg16i3nv7] {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):focus[b-3lg16i3nv7] {
    outline: 0;
}

img[b-3lg16i3nv7] {
    vertical-align: middle;
    border-style: none;
}

table[b-3lg16i3nv7] {
    border-collapse: collapse;
}

caption[b-3lg16i3nv7] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    caption-side: bottom;
    text-align: left;
    color: #8898aa;
}

th[b-3lg16i3nv7] {
    text-align: inherit;
}

button[b-3lg16i3nv7] {
    border-radius: 0;
}

button:focus[b-3lg16i3nv7] {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input[b-3lg16i3nv7],
button[b-3lg16i3nv7] {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button[b-3lg16i3nv7],
input[b-3lg16i3nv7] {
    overflow: visible;
}

button[b-3lg16i3nv7] {
    text-transform: none;
}

button[b-3lg16i3nv7],
[type='reset'][b-3lg16i3nv7],
[type='submit'][b-3lg16i3nv7] {
    -webkit-appearance: button;
}

button[b-3lg16i3nv7]::-moz-focus-inner,
[type='button'][b-3lg16i3nv7]::-moz-focus-inner,
[type='reset'][b-3lg16i3nv7]::-moz-focus-inner,
[type='submit'][b-3lg16i3nv7]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type='radio'][b-3lg16i3nv7],
input[type='checkbox'][b-3lg16i3nv7] {
    box-sizing: border-box;
    padding: 0;
}

input[type='date'][b-3lg16i3nv7],
input[type='time'][b-3lg16i3nv7],
input[type='datetime-local'][b-3lg16i3nv7],
input[type='month'][b-3lg16i3nv7] {
    -webkit-appearance: listbox;
}

legend[b-3lg16i3nv7] {
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    padding: 0;
    white-space: normal;
    color: inherit;
}

progress[b-3lg16i3nv7] {
    vertical-align: baseline;
}

[type='number'][b-3lg16i3nv7]::-webkit-inner-spin-button,
[type='number'][b-3lg16i3nv7]::-webkit-outer-spin-button {
    height: auto;
}

[type='search'][b-3lg16i3nv7] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type='search'][b-3lg16i3nv7]::-webkit-search-cancel-button,
[type='search'][b-3lg16i3nv7]::-webkit-search-decoration {
    -webkit-appearance: none;
}

[b-3lg16i3nv7]::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

[hidden][b-3lg16i3nv7] {
    display: none !important;
}

h2[b-3lg16i3nv7],
h3[b-3lg16i3nv7],
.h2[b-3lg16i3nv7],
.h3[b-3lg16i3nv7] {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5rem;
    color: #32325d;
}

h2[b-3lg16i3nv7],
.h2[b-3lg16i3nv7] {
    font-size: 1.25rem;
}

h3[b-3lg16i3nv7],
.h3[b-3lg16i3nv7] {
    font-size: 1.0625rem;
}

.container[b-3lg16i3nv7] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container[b-3lg16i3nv7] {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container[b-3lg16i3nv7] {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container[b-3lg16i3nv7] {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container[b-3lg16i3nv7] {
        max-width: 1140px;
    }
}

.row[b-3lg16i3nv7] {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap;
}

.col[b-3lg16i3nv7],
.col-xl-6[b-3lg16i3nv7] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col[b-3lg16i3nv7] {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
}

@media (min-width: 1200px) {

    .col-xl-6[b-3lg16i3nv7] {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.table[b-3lg16i3nv7] {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th[b-3lg16i3nv7],
.table td[b-3lg16i3nv7] {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}

.table thead th[b-3lg16i3nv7] {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
}

.table tbody + tbody[b-3lg16i3nv7] {
    border-top: 2px solid #e9ecef;
}

.table .table[b-3lg16i3nv7] {
    background-color: #f8f9fe;
}

.table-dark[b-3lg16i3nv7],
.table-dark > th[b-3lg16i3nv7],
.table-dark > td[b-3lg16i3nv7] {
    background-color: #c1c2c3;
}

.table .thead-dark th[b-3lg16i3nv7] {
    color: #f8f9fe;
    border-color: #1f3a68;
    background-color: #172b4d;
}

.table .thead-light th[b-3lg16i3nv7] {
    color: #8898aa;
    border-color: #e9ecef;
    background-color: #f6f9fc;
}

.table-dark[b-3lg16i3nv7] {
    color: #f8f9fe;
    background-color: #172b4d;
}

.table-dark th[b-3lg16i3nv7],
.table-dark td[b-3lg16i3nv7],
.table-dark thead th[b-3lg16i3nv7] {
    border-color: #1f3a68;
}

.table-responsive[b-3lg16i3nv7] {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.btn[b-3lg16i3nv7] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: .375rem;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn[b-3lg16i3nv7] {
        transition: none;
    }
}

.btn:hover[b-3lg16i3nv7],
.btn:focus[b-3lg16i3nv7] {
    text-decoration: none;
}

.btn:focus[b-3lg16i3nv7] {
    outline: 0;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn.disabled[b-3lg16i3nv7],
.btn:disabled[b-3lg16i3nv7] {
    opacity: .65;
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled)[b-3lg16i3nv7] {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active[b-3lg16i3nv7],
.btn:not(:disabled):not(.disabled).active[b-3lg16i3nv7] {
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active:focus[b-3lg16i3nv7],
.btn:not(:disabled):not(.disabled).active:focus[b-3lg16i3nv7] {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

a.btn.disabled[b-3lg16i3nv7] {
    pointer-events: none;
}

.btn-sm[b-3lg16i3nv7] {
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem;
    border-radius: .375rem;
}

.dropdown[b-3lg16i3nv7] {
    position: relative;
}

.dropdown-menu[b-3lg16i3nv7] {
    font-size: 1rem;
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    padding: .5rem 0;
    list-style: none;
    text-align: left;
    color: #525f7f;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: .4375rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}

.dropdown-menu-right[b-3lg16i3nv7] {
    right: 0;
    left: auto;
}

.dropdown-menu[x-placement^='top'][b-3lg16i3nv7],
.dropdown-menu[x-placement^='right'][b-3lg16i3nv7],
.dropdown-menu[x-placement^='bottom'][b-3lg16i3nv7],
.dropdown-menu[x-placement^='left'][b-3lg16i3nv7] {
    right: auto;
    bottom: auto;
}

.dropdown-item[b-3lg16i3nv7] {
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    padding: .25rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
    color: #212529;
    border: 0;
    background-color: transparent;
}

.dropdown-item:hover[b-3lg16i3nv7],
.dropdown-item:focus[b-3lg16i3nv7] {
    text-decoration: none;
    color: #16181b;
    background-color: #f6f9fc;
}

.dropdown-item.active[b-3lg16i3nv7],
.dropdown-item:active[b-3lg16i3nv7] {
    text-decoration: none;
    color: #fff;
    background-color: #5e72e4;
}

.dropdown-item.disabled[b-3lg16i3nv7],
.dropdown-item:disabled[b-3lg16i3nv7] {
    color: #8898aa;
    background-color: transparent;
}

.nav[b-3lg16i3nv7] {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap;
}

.card[b-3lg16i3nv7] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
}

.card-header[b-3lg16i3nv7] {
    margin-bottom: 0;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
}

.card-header:first-child[b-3lg16i3nv7] {
    border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}

.card-footer[b-3lg16i3nv7] {
    padding: 1.25rem 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
}

.card-footer:last-child[b-3lg16i3nv7] {
    border-radius: 0 0 calc(.375rem - 1px) calc(.375rem - 1px);
}

.pagination[b-3lg16i3nv7] {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .375rem;
}

.page-link[b-3lg16i3nv7] {
    line-height: 1.25;
    position: relative;
    display: block;
    margin-left: -1px;
    padding: .5rem .75rem;
    color: #8898aa;
    border: 1px solid #dee2e6;
    background-color: #fff;
}

.page-link:hover[b-3lg16i3nv7] {
    z-index: 2;
    text-decoration: none;
    color: #8898aa;
    border-color: #dee2e6;
    background-color: #dee2e6;
}

.page-link:focus[b-3lg16i3nv7] {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.page-link:not(:disabled):not(.disabled)[b-3lg16i3nv7] {
    cursor: pointer;
}

.page-item:first-child .page-link[b-3lg16i3nv7] {
    margin-left: 0;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
}

.page-item:last-child .page-link[b-3lg16i3nv7] {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}

.page-item.active .page-link[b-3lg16i3nv7] {
    z-index: 1;
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
}

.page-item.disabled .page-link[b-3lg16i3nv7] {
    cursor: auto;
    pointer-events: none;
    color: #8898aa;
    border-color: #dee2e6;
    background-color: #fff;
}

.badge[b-3lg16i3nv7] {
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .35rem .375rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: .375rem;
}

.badge:empty[b-3lg16i3nv7] {
    display: none;
}

.btn .badge[b-3lg16i3nv7] {
    position: relative;
    top: -1px;
}

@keyframes progress-bar-stripes-b-3lg16i3nv7 {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress[b-3lg16i3nv7] {
    font-size: .75rem;
    display: flex;
    overflow: hidden;
    height: 1rem;
    border-radius: .375rem;
    background-color: #e9ecef;
    box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1);
}

.progress-bar[b-3lg16i3nv7] {
    display: flex;
    flex-direction: column;
    transition: width .6s ease;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #5e72e4;
    justify-content: center;
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar[b-3lg16i3nv7] {
        transition: none;
    }
}

.media[b-3lg16i3nv7] {
    display: flex;
    align-items: flex-start;
}

.media-body[b-3lg16i3nv7] {
    flex: 1 1;
}

.tooltip[b-3lg16i3nv7] {
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    opacity: 0;
    text-shadow: none;
    line-break: auto;
}

.tooltip.show[b-3lg16i3nv7]
{
    opacity: .9;
}
.tooltip .arrow[b-3lg16i3nv7]
{
    position: absolute;

    display: block;

    width: .8rem;
    height: .4rem;
}
.tooltip .arrow[b-3lg16i3nv7]::before
{
    position: absolute;

    content: '';

    border-style: solid;
    border-color: transparent;
}

.bs-tooltip-top[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='top'][b-3lg16i3nv7]
{
    padding: .4rem 0;
}
.bs-tooltip-top .arrow[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='top'] .arrow[b-3lg16i3nv7]
{
    bottom: 0;
}
.bs-tooltip-top .arrow[b-3lg16i3nv7]::before,
.bs-tooltip-auto[x-placement^='top'] .arrow[b-3lg16i3nv7]::before
{
    top: 0;

    border-width: .4rem .4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='right'][b-3lg16i3nv7]
{
    padding: 0 .4rem;
}
.bs-tooltip-right .arrow[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='right'] .arrow[b-3lg16i3nv7]
{
    left: 0;

    width: .4rem;
    height: .8rem;
}
.bs-tooltip-right .arrow[b-3lg16i3nv7]::before,
.bs-tooltip-auto[x-placement^='right'] .arrow[b-3lg16i3nv7]::before
{
    right: 0;

    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='bottom'][b-3lg16i3nv7]
{
    padding: .4rem 0;
}
.bs-tooltip-bottom .arrow[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='bottom'] .arrow[b-3lg16i3nv7]
{
    top: 0;
}
.bs-tooltip-bottom .arrow[b-3lg16i3nv7]::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow[b-3lg16i3nv7]::before
{
    bottom: 0;

    border-width: 0 .4rem .4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='left'][b-3lg16i3nv7]
{
    padding: 0 .4rem;
}
.bs-tooltip-left .arrow[b-3lg16i3nv7],
.bs-tooltip-auto[x-placement^='left'] .arrow[b-3lg16i3nv7]
{
    right: 0;

    width: .4rem;
    height: .8rem;
}
.bs-tooltip-left .arrow[b-3lg16i3nv7]::before,
.bs-tooltip-auto[x-placement^='left'] .arrow[b-3lg16i3nv7]::before
{
    left: 0;

    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000;
}

.tooltip-inner[b-3lg16i3nv7]
{
    max-width: 200px;
    padding: .25rem .5rem;

    text-align: center;

    color: #fff;
    border-radius: .375rem;
    background-color: #000;
}

.bg-success[b-3lg16i3nv7] {
    background-color: #2dce89 !important;
}

a.bg-success:hover[b-3lg16i3nv7],
a.bg-success:focus[b-3lg16i3nv7],
button.bg-success:hover[b-3lg16i3nv7],
button.bg-success:focus[b-3lg16i3nv7] {
    background-color: #24a46d !important;
}

.bg-info[b-3lg16i3nv7] {
    background-color: #11cdef !important;
}

a.bg-info:hover[b-3lg16i3nv7],
a.bg-info:focus[b-3lg16i3nv7],
button.bg-info:hover[b-3lg16i3nv7],
button.bg-info:focus[b-3lg16i3nv7] {
    background-color: #0da5c0 !important;
}

.bg-warning[b-3lg16i3nv7] {
    background-color: #fb6340 !important;
}

a.bg-warning:hover[b-3lg16i3nv7],
a.bg-warning:focus[b-3lg16i3nv7],
button.bg-warning:hover[b-3lg16i3nv7],
button.bg-warning:focus[b-3lg16i3nv7] {
    background-color: #fa3a0e !important;
}

.bg-danger[b-3lg16i3nv7] {
    background-color: #f5365c !important;
}

a.bg-danger:hover[b-3lg16i3nv7],
a.bg-danger:focus[b-3lg16i3nv7],
button.bg-danger:hover[b-3lg16i3nv7],
button.bg-danger:focus[b-3lg16i3nv7] {
    background-color: #ec0c38 !important;
}

.bg-default[b-3lg16i3nv7] {
    background-color: #172b4d !important;
}

a.bg-default:hover[b-3lg16i3nv7],
a.bg-default:focus[b-3lg16i3nv7],
button.bg-default:hover[b-3lg16i3nv7],
button.bg-default:focus[b-3lg16i3nv7] {
    background-color: #0b1526 !important;
}

.bg-transparent[b-3lg16i3nv7] {
    background-color: transparent !important;
}

.border-0[b-3lg16i3nv7] {
    border: 0 !important;
}

.rounded-circle[b-3lg16i3nv7] {
    border-radius: 50% !important;
}

.d-flex[b-3lg16i3nv7] {
    display: flex !important;
}

.justify-content-end[b-3lg16i3nv7] {
    justify-content: flex-end !important;
}

.align-items-center[b-3lg16i3nv7] {
    align-items: center !important;
}

@media (min-width: 1200px) {

    .justify-content-xl-between[b-3lg16i3nv7] {
        justify-content: space-between !important;
    }
}

.sr-only[b-3lg16i3nv7] {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
}

.shadow[b-3lg16i3nv7] {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.mb-0[b-3lg16i3nv7] {
    margin-bottom: 0 !important;
}

.mr-2[b-3lg16i3nv7] {
    margin-right: .5rem !important;
}

.mr-3[b-3lg16i3nv7] {
    margin-right: 1rem !important;
}

.mr-4[b-3lg16i3nv7] {
    margin-right: 1.5rem !important;
}

.mt-5[b-3lg16i3nv7] {
    margin-top: 3rem !important;
}

.mb-5[b-3lg16i3nv7] {
    margin-bottom: 3rem !important;
}

.mt-7[b-3lg16i3nv7] {
    margin-top: 6rem !important;
}

.py-4[b-3lg16i3nv7] {
    padding-top: 1.5rem !important;
}

.py-4[b-3lg16i3nv7] {
    padding-bottom: 1.5rem !important;
}

.m-auto[b-3lg16i3nv7] {
    margin: auto !important;
}

.text-right[b-3lg16i3nv7] {
    text-align: right !important;
}

.text-center[b-3lg16i3nv7] {
    text-align: center !important;
}

.text-white[b-3lg16i3nv7] {
    color: #fff !important;
}

.text-light[b-3lg16i3nv7] {
    color: #adb5bd !important;
}

a.text-light:hover[b-3lg16i3nv7],
a.text-light:focus[b-3lg16i3nv7] {
    color: #919ca6 !important;
}

.text-white[b-3lg16i3nv7] {
    color: #fff !important;
}

a.text-white:hover[b-3lg16i3nv7],
a.text-white:focus[b-3lg16i3nv7] {
    color: #e6e6e6 !important;
}

@media print {
    *[b-3lg16i3nv7],
    *[b-3lg16i3nv7]::before,
    *[b-3lg16i3nv7]::after {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a:not(.btn)[b-3lg16i3nv7] {
        text-decoration: underline;
    }

    thead[b-3lg16i3nv7] {
        display: table-header-group;
    }

    tr[b-3lg16i3nv7],
    img[b-3lg16i3nv7] {
        page-break-inside: avoid;
    }

    p[b-3lg16i3nv7],
    h2[b-3lg16i3nv7],
    h3[b-3lg16i3nv7] {
        orphans: 3;
        widows: 3;
    }

    h2[b-3lg16i3nv7],
    h3[b-3lg16i3nv7] {
        page-break-after: avoid;
    }

    @page {
    size: a3;
}

    body[b-3lg16i3nv7] {
        min-width: 992px !important;
    }

    .container[b-3lg16i3nv7] {
        min-width: 992px !important;
    }

    .badge[b-3lg16i3nv7] {
        border: 1px solid #000;
    }

    .table[b-3lg16i3nv7] {
        border-collapse: collapse !important;
    }

    .table td[b-3lg16i3nv7],
    .table th[b-3lg16i3nv7] {
        background-color: #fff !important;
    }

    .table-dark[b-3lg16i3nv7] {
        color: inherit;
    }

    .table-dark th[b-3lg16i3nv7],
    .table-dark td[b-3lg16i3nv7],
    .table-dark thead th[b-3lg16i3nv7],
    .table-dark tbody + tbody[b-3lg16i3nv7] {
        border-color: #e9ecef;
    }

    .table .thead-dark th[b-3lg16i3nv7] {
        color: inherit;
        border-color: #e9ecef;
    }
}

figcaption[b-3lg16i3nv7],
main[b-3lg16i3nv7] {
    display: block;
}

main[b-3lg16i3nv7] {
    overflow: hidden;
}

@keyframes floating-lg-b-3lg16i3nv7 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating-b-3lg16i3nv7 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating-sm-b-3lg16i3nv7 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

[class*='shadow'][b-3lg16i3nv7] {
    transition: all .15s ease;
}

.text-sm[b-3lg16i3nv7] {
    font-size: .875rem !important;
}

.text-white[b-3lg16i3nv7] {
    color: #fff !important;
}

a.text-white:hover[b-3lg16i3nv7],
a.text-white:focus[b-3lg16i3nv7] {
    color: #e6e6e6 !important;
}

.text-light[b-3lg16i3nv7] {
    color: #ced4da !important;
}

a.text-light:hover[b-3lg16i3nv7],
a.text-light:focus[b-3lg16i3nv7] {
    color: #b1bbc4 !important;
}

.avatar[b-3lg16i3nv7] {
    font-size: 1rem;
    display: inline-flex;
    /*width: 48px;
    height: 48px;*/
    width: 5em;
    height: 5em;
    color: #fff;
    border-radius: 50%;
    background-color: #adb5bd;
    align-items: center;
    justify-content: center;
}

/*.avatar img {
    width: 5em;
    height: 5em;
    border-radius: 50%;
}*/

.avatar-sm[b-3lg16i3nv7] {
    font-size: .875rem;
    width: 36px;
    height: 36px;
}

.avatar-group .avatar[b-3lg16i3nv7] {
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}

.avatar-group .avatar:hover[b-3lg16i3nv7] {
    z-index: 3;
}

.avatar-group .avatar + .avatar[b-3lg16i3nv7] {
    margin-left: -1rem;
}

.badge[b-3lg16i3nv7] {
    text-transform: uppercase;
}

.badge a[b-3lg16i3nv7] {
    color: #fff;
}

.btn .badge:not(:first-child)[b-3lg16i3nv7] {
    margin-left: .5rem;
}

.btn .badge:not(:last-child)[b-3lg16i3nv7] {
    margin-right: .5rem;
}

.badge-dot[b-3lg16i3nv7] {
    font-size: .875rem;
    font-weight: 400;
    padding-right: 0;
    padding-left: 0;
    text-transform: none;
    background: transparent;
}

.badge-dot strong[b-3lg16i3nv7] {
    color: #32325d;
}

.badge-dot i[b-3lg16i3nv7] {
    display: inline-block;
    width: .375rem;
    height: .375rem;
    margin-right: .375rem;
    vertical-align: middle;
    border-radius: 50%;
}

.btn[b-3lg16i3nv7] {
    font-size: .875rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
}

.btn:hover[b-3lg16i3nv7] {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn:not(:last-child)[b-3lg16i3nv7] {
    margin-right: .5rem;
}

.btn i:not(:first-child)[b-3lg16i3nv7] {
    margin-left: .5rem;
}

.btn i:not(:last-child)[b-3lg16i3nv7] {
    margin-right: .5rem;
}

.btn-sm[b-3lg16i3nv7] {
    font-size: .75rem;
}

[class*='btn-outline-'][b-3lg16i3nv7] {
    border-width: 1px;
}

.btn-icon-only[b-3lg16i3nv7] {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
}

a.btn-icon-only[b-3lg16i3nv7] {
    line-height: 2.5;
}

.btn-icon-only.btn-sm[b-3lg16i3nv7] {
    width: 2rem;
    height: 2rem;
}

.main-content[b-3lg16i3nv7] {
    position: relative;
}

.dropdown[b-3lg16i3nv7] {
    display: inline-block;
}

.dropdown-menu[b-3lg16i3nv7] {
    min-width: 12rem;
}
.dropdown-menu.show[b-3lg16i3nv7]
{
    display: block;
}


.dropdown-menu .dropdown-item[b-3lg16i3nv7] {
    font-size: .875rem;
    padding: .5rem 1rem;
}

.dropdown-menu .dropdown-item > i[b-3lg16i3nv7] {
    font-size: 1rem;
    margin-right: 1rem;
    vertical-align: -17%;
}

.dropdown-menu a.media > div:first-child[b-3lg16i3nv7] {
    line-height: 1;
}

.dropdown-menu a.media p[b-3lg16i3nv7] {
    color: #8898aa;
}

.dropdown-menu a.media:hover p[b-3lg16i3nv7] {
    color: #172b4d !important;
}

@media (min-width: 768px) {

    @keyframes show-navbar-dropdown-b-3lg16i3nv7 {
    0% {
        transition: visibility .25s, opacity .25s, transform .25s;
        transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

    @keyframes hide-navbar-dropdown-b-3lg16i3nv7 {
        from {
            opacity: 1;
        }

        to {
            transform: translate(0, 10px);
            opacity: 0;
        }
    }
}

@keyframes show-navbar-collapse-b-3lg16i3nv7 {
    0% {
        transform: scale(.95);
        transform-origin: 100% 0;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hide-navbar-collapse-b-3lg16i3nv7 {
    from {
        transform: scale(1);
        transform-origin: 100% 0;
        opacity: 1;
    }

    to {
        transform: scale(.95);
        opacity: 0;
    }
}

.page-item.active .page-link[b-3lg16i3nv7] {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.page-item .page-link[b-3lg16i3nv7],
.page-item span[b-3lg16i3nv7] {
    font-size: .875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}

.progress[b-3lg16i3nv7] {
    overflow: hidden;
    height: 8px;
    margin-bottom: 1rem;
    border-radius: .25rem;
    background-color: #e9ecef;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress .sr-only[b-3lg16i3nv7] {
    font-size: 13px;
    line-height: 20px;
    left: 0;
    clip: auto;
    width: auto;
    height: 20px;
    margin: 0 0 0 30px;
}

.progress-bar[b-3lg16i3nv7] {
    height: auto;
    border-radius: 0;
    box-shadow: none;
}

.table thead th[b-3lg16i3nv7] {
    font-size: .65rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #e9ecef;
}

.table th[b-3lg16i3nv7] {
    font-weight: 600;
}

.table td .progress[b-3lg16i3nv7] {
    width: 120px;
    height: 3px;
    margin: 0;
}

.table td[b-3lg16i3nv7],
.table th[b-3lg16i3nv7] {
    font-size: .8125rem;
    white-space: nowrap;
}

.table.align-items-center td[b-3lg16i3nv7],
.table.align-items-center th[b-3lg16i3nv7] {
    vertical-align: middle;
}

.table .thead-dark th[b-3lg16i3nv7] {
    color: #4d7bca;
    background-color: #1c345d;
}

.table .thead-light th[b-3lg16i3nv7] {
    color: #8898aa;
    background-color: #f6f9fc;
}

.table-flush td[b-3lg16i3nv7],
.table-flush th[b-3lg16i3nv7] {
    border-right: 0;
    border-left: 0;
}

.table-flush tbody tr:first-child td[b-3lg16i3nv7],
.table-flush tbody tr:first-child th[b-3lg16i3nv7] {
    border-top: 0;
}

.table-flush tbody tr:last-child td[b-3lg16i3nv7],
.table-flush tbody tr:last-child th[b-3lg16i3nv7] {
    border-bottom: 0;
}

.card .table[b-3lg16i3nv7] {
    margin-bottom: 0;
}

.card .table td[b-3lg16i3nv7],
.card .table th[b-3lg16i3nv7] {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

p[b-3lg16i3nv7] {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .btn[b-3lg16i3nv7] {
        margin-bottom: 10px;
    }
}

.row-edit[b-3lg16i3nv7] {
    height: 2em;
}
/* _content/WebGUI/Components/General/Admin/ManageArticles/ManageArticlesTableRow.razor.rz.scp.css */
.dropdown[b-m4jq24tnwq] {
    display: inline-block;
}

.dropdown-menu[b-m4jq24tnwq] {
    min-width: 12rem;
}
.dropdown-menu.show[b-m4jq24tnwq]
{
    display: block;
}


.dropdown-menu .dropdown-item[b-m4jq24tnwq] {
    font-size: .875rem;
    padding: .5rem 1rem;
}

.dropdown-menu .dropdown-item > i[b-m4jq24tnwq] {
    font-size: 1rem;
    margin-right: 1rem;
    vertical-align: -17%;
}

.dropdown-menu a.media > div:first-child[b-m4jq24tnwq] {
    line-height: 1;
}

.dropdown-menu a.media p[b-m4jq24tnwq] {
    color: #8898aa;
}

.dropdown-menu a.media:hover p[b-m4jq24tnwq] {
    color: #172b4d !important;
}

.tr-img[b-m4jq24tnwq] {
    width: 5em;
    height: 5em;
    object-fit: cover;
}
/* _content/WebGUI/Components/General/Admin/ManageRecipes/ManageRecipesTable.razor.rz.scp.css */
:root[b-jq87igidmq] {
    --blue: #5e72e4;
    --indigo: #5603ad;
    --purple: #8965e0;
    --pink: #f3a4b5;
    --red: #f5365c;
    --orange: #fb6340;
    --yellow: #ffd600;
    --green: #2dce89;
    --teal: #11cdef;
    --cyan: #2bffc6;
    --white: #fff;
    --gray: #8898aa;
    --gray-dark: #32325d;
    --light: #ced4da;
    --lighter: #e9ecef;
    --primary: #5e72e4;
    --secondary: #f7fafc;
    --success: #2dce89;
    --info: #11cdef;
    --warning: #fb6340;
    --danger: #f5365c;
    --light: #adb5bd;
    --dark: #212529;
    --default: #172b4d;
    --white: #fff;
    --neutral: #fff;
    --darker: black;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: Open Sans, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

*[b-jq87igidmq],
*[b-jq87igidmq]::before,
*[b-jq87igidmq]::after {
    box-sizing: border-box;
}

@-ms-viewport {
    width: auto;
}

figcaption[b-jq87igidmq],
footer[b-jq87igidmq],
main[b-jq87igidmq],
nav[b-jq87igidmq],
section[b-jq87igidmq] {
    display: block;
}

body[b-jq87igidmq] {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    color: #525f7f;
    background-color: #f8f9fe;
}

[tabindex='-1']:focus[b-jq87igidmq] {
    outline: 0 !important;
}

h2[b-jq87igidmq],
h3[b-jq87igidmq] {
    margin-top: 0;
    margin-bottom: .5rem;
}

p[b-jq87igidmq] {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul[b-jq87igidmq] {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul ul[b-jq87igidmq] {
    margin-bottom: 0;
}

dfn[b-jq87igidmq] {
    font-style: italic;
}

strong[b-jq87igidmq] {
    font-weight: bolder;
}

a[b-jq87igidmq] {
    text-decoration: none;
    color: #5e72e4;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover[b-jq87igidmq] {
    text-decoration: none;
    color: #233dd2;
}

a:not([href]):not([tabindex])[b-jq87igidmq] {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):hover[b-jq87igidmq],
a:not([href]):not([tabindex]):focus[b-jq87igidmq] {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):focus[b-jq87igidmq] {
    outline: 0;
}

img[b-jq87igidmq] {
    vertical-align: middle;
    border-style: none;
}

table[b-jq87igidmq] {
    border-collapse: collapse;
}

caption[b-jq87igidmq] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    caption-side: bottom;
    text-align: left;
    color: #8898aa;
}

th[b-jq87igidmq] {
    text-align: inherit;
}

button[b-jq87igidmq] {
    border-radius: 0;
}

button:focus[b-jq87igidmq] {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input[b-jq87igidmq],
button[b-jq87igidmq] {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button[b-jq87igidmq],
input[b-jq87igidmq] {
    overflow: visible;
}

button[b-jq87igidmq] {
    text-transform: none;
}

button[b-jq87igidmq],
[type='reset'][b-jq87igidmq],
[type='submit'][b-jq87igidmq] {
    -webkit-appearance: button;
}

button[b-jq87igidmq]::-moz-focus-inner,
[type='button'][b-jq87igidmq]::-moz-focus-inner,
[type='reset'][b-jq87igidmq]::-moz-focus-inner,
[type='submit'][b-jq87igidmq]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type='radio'][b-jq87igidmq],
input[type='checkbox'][b-jq87igidmq] {
    box-sizing: border-box;
    padding: 0;
}

input[type='date'][b-jq87igidmq],
input[type='time'][b-jq87igidmq],
input[type='datetime-local'][b-jq87igidmq],
input[type='month'][b-jq87igidmq] {
    -webkit-appearance: listbox;
}

legend[b-jq87igidmq] {
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    padding: 0;
    white-space: normal;
    color: inherit;
}

progress[b-jq87igidmq] {
    vertical-align: baseline;
}

[type='number'][b-jq87igidmq]::-webkit-inner-spin-button,
[type='number'][b-jq87igidmq]::-webkit-outer-spin-button {
    height: auto;
}

[type='search'][b-jq87igidmq] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type='search'][b-jq87igidmq]::-webkit-search-cancel-button,
[type='search'][b-jq87igidmq]::-webkit-search-decoration {
    -webkit-appearance: none;
}

[b-jq87igidmq]::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

[hidden][b-jq87igidmq] {
    display: none !important;
}

h2[b-jq87igidmq],
h3[b-jq87igidmq],
.h2[b-jq87igidmq],
.h3[b-jq87igidmq] {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5rem;
    color: #32325d;
}

h2[b-jq87igidmq],
.h2[b-jq87igidmq] {
    font-size: 1.25rem;
}

h3[b-jq87igidmq],
.h3[b-jq87igidmq] {
    font-size: 1.0625rem;
}

.container[b-jq87igidmq] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container[b-jq87igidmq] {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container[b-jq87igidmq] {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container[b-jq87igidmq] {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container[b-jq87igidmq] {
        max-width: 1140px;
    }
}

.row[b-jq87igidmq] {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap;
}

.col[b-jq87igidmq],
.col-xl-6[b-jq87igidmq] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col[b-jq87igidmq] {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
}

@media (min-width: 1200px) {

    .col-xl-6[b-jq87igidmq] {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.table[b-jq87igidmq] {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th[b-jq87igidmq],
.table td[b-jq87igidmq] {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}

.table thead th[b-jq87igidmq] {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
}

.table tbody + tbody[b-jq87igidmq] {
    border-top: 2px solid #e9ecef;
}

.table .table[b-jq87igidmq] {
    background-color: #f8f9fe;
}

.table-dark[b-jq87igidmq],
.table-dark > th[b-jq87igidmq],
.table-dark > td[b-jq87igidmq] {
    background-color: #c1c2c3;
}

.table .thead-dark th[b-jq87igidmq] {
    color: #f8f9fe;
    border-color: #1f3a68;
    background-color: #172b4d;
}

.table .thead-light th[b-jq87igidmq] {
    color: #8898aa;
    border-color: #e9ecef;
    background-color: #f6f9fc;
}

.table-dark[b-jq87igidmq] {
    color: #f8f9fe;
    background-color: #172b4d;
}

.table-dark th[b-jq87igidmq],
.table-dark td[b-jq87igidmq],
.table-dark thead th[b-jq87igidmq] {
    border-color: #1f3a68;
}

.table-responsive[b-jq87igidmq] {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.btn[b-jq87igidmq] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: .375rem;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn[b-jq87igidmq] {
        transition: none;
    }
}

.btn:hover[b-jq87igidmq],
.btn:focus[b-jq87igidmq] {
    text-decoration: none;
}

.btn:focus[b-jq87igidmq] {
    outline: 0;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn.disabled[b-jq87igidmq],
.btn:disabled[b-jq87igidmq] {
    opacity: .65;
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled)[b-jq87igidmq] {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active[b-jq87igidmq],
.btn:not(:disabled):not(.disabled).active[b-jq87igidmq] {
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active:focus[b-jq87igidmq],
.btn:not(:disabled):not(.disabled).active:focus[b-jq87igidmq] {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

a.btn.disabled[b-jq87igidmq] {
    pointer-events: none;
}

.btn-sm[b-jq87igidmq] {
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem;
    border-radius: .375rem;
}

.dropdown[b-jq87igidmq] {
    position: relative;
}

.dropdown-menu[b-jq87igidmq] {
    font-size: 1rem;
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    padding: .5rem 0;
    list-style: none;
    text-align: left;
    color: #525f7f;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: .4375rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}

.dropdown-menu-right[b-jq87igidmq] {
    right: 0;
    left: auto;
}

.dropdown-menu[x-placement^='top'][b-jq87igidmq],
.dropdown-menu[x-placement^='right'][b-jq87igidmq],
.dropdown-menu[x-placement^='bottom'][b-jq87igidmq],
.dropdown-menu[x-placement^='left'][b-jq87igidmq] {
    right: auto;
    bottom: auto;
}

.dropdown-item[b-jq87igidmq] {
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    padding: .25rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
    color: #212529;
    border: 0;
    background-color: transparent;
}

.dropdown-item:hover[b-jq87igidmq],
.dropdown-item:focus[b-jq87igidmq] {
    text-decoration: none;
    color: #16181b;
    background-color: #f6f9fc;
}

.dropdown-item.active[b-jq87igidmq],
.dropdown-item:active[b-jq87igidmq] {
    text-decoration: none;
    color: #fff;
    background-color: #5e72e4;
}

.dropdown-item.disabled[b-jq87igidmq],
.dropdown-item:disabled[b-jq87igidmq] {
    color: #8898aa;
    background-color: transparent;
}

.nav[b-jq87igidmq] {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap;
}

.card[b-jq87igidmq] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
}

.card-header[b-jq87igidmq] {
    margin-bottom: 0;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
}

.card-header:first-child[b-jq87igidmq] {
    border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}

.card-footer[b-jq87igidmq] {
    padding: 1.25rem 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
}

.card-footer:last-child[b-jq87igidmq] {
    border-radius: 0 0 calc(.375rem - 1px) calc(.375rem - 1px);
}

.pagination[b-jq87igidmq] {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .375rem;
}

.page-link[b-jq87igidmq] {
    line-height: 1.25;
    position: relative;
    display: block;
    margin-left: -1px;
    padding: .5rem .75rem;
    color: #8898aa;
    border: 1px solid #dee2e6;
    background-color: #fff;
}

.page-link:hover[b-jq87igidmq] {
    z-index: 2;
    text-decoration: none;
    color: #8898aa;
    border-color: #dee2e6;
    background-color: #dee2e6;
}

.page-link:focus[b-jq87igidmq] {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.page-link:not(:disabled):not(.disabled)[b-jq87igidmq] {
    cursor: pointer;
}

.page-item:first-child .page-link[b-jq87igidmq] {
    margin-left: 0;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
}

.page-item:last-child .page-link[b-jq87igidmq] {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}

.page-item.active .page-link[b-jq87igidmq] {
    z-index: 1;
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
}

.page-item.disabled .page-link[b-jq87igidmq] {
    cursor: auto;
    pointer-events: none;
    color: #8898aa;
    border-color: #dee2e6;
    background-color: #fff;
}

.badge[b-jq87igidmq] {
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .35rem .375rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: .375rem;
}

.badge:empty[b-jq87igidmq] {
    display: none;
}

.btn .badge[b-jq87igidmq] {
    position: relative;
    top: -1px;
}

@keyframes progress-bar-stripes-b-jq87igidmq {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress[b-jq87igidmq] {
    font-size: .75rem;
    display: flex;
    overflow: hidden;
    height: 1rem;
    border-radius: .375rem;
    background-color: #e9ecef;
    box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1);
}

.progress-bar[b-jq87igidmq] {
    display: flex;
    flex-direction: column;
    transition: width .6s ease;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #5e72e4;
    justify-content: center;
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar[b-jq87igidmq] {
        transition: none;
    }
}

.media[b-jq87igidmq] {
    display: flex;
    align-items: flex-start;
}

.media-body[b-jq87igidmq] {
    flex: 1 1;
}

.tooltip[b-jq87igidmq] {
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    opacity: 0;
    text-shadow: none;
    line-break: auto;
}

.tooltip.show[b-jq87igidmq]
{
    opacity: .9;
}
.tooltip .arrow[b-jq87igidmq]
{
    position: absolute;

    display: block;

    width: .8rem;
    height: .4rem;
}
.tooltip .arrow[b-jq87igidmq]::before
{
    position: absolute;

    content: '';

    border-style: solid;
    border-color: transparent;
}

.bs-tooltip-top[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='top'][b-jq87igidmq]
{
    padding: .4rem 0;
}
.bs-tooltip-top .arrow[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='top'] .arrow[b-jq87igidmq]
{
    bottom: 0;
}
.bs-tooltip-top .arrow[b-jq87igidmq]::before,
.bs-tooltip-auto[x-placement^='top'] .arrow[b-jq87igidmq]::before
{
    top: 0;

    border-width: .4rem .4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='right'][b-jq87igidmq]
{
    padding: 0 .4rem;
}
.bs-tooltip-right .arrow[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='right'] .arrow[b-jq87igidmq]
{
    left: 0;

    width: .4rem;
    height: .8rem;
}
.bs-tooltip-right .arrow[b-jq87igidmq]::before,
.bs-tooltip-auto[x-placement^='right'] .arrow[b-jq87igidmq]::before
{
    right: 0;

    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='bottom'][b-jq87igidmq]
{
    padding: .4rem 0;
}
.bs-tooltip-bottom .arrow[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='bottom'] .arrow[b-jq87igidmq]
{
    top: 0;
}
.bs-tooltip-bottom .arrow[b-jq87igidmq]::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow[b-jq87igidmq]::before
{
    bottom: 0;

    border-width: 0 .4rem .4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='left'][b-jq87igidmq]
{
    padding: 0 .4rem;
}
.bs-tooltip-left .arrow[b-jq87igidmq],
.bs-tooltip-auto[x-placement^='left'] .arrow[b-jq87igidmq]
{
    right: 0;

    width: .4rem;
    height: .8rem;
}
.bs-tooltip-left .arrow[b-jq87igidmq]::before,
.bs-tooltip-auto[x-placement^='left'] .arrow[b-jq87igidmq]::before
{
    left: 0;

    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000;
}

.tooltip-inner[b-jq87igidmq]
{
    max-width: 200px;
    padding: .25rem .5rem;

    text-align: center;

    color: #fff;
    border-radius: .375rem;
    background-color: #000;
}

.bg-success[b-jq87igidmq] {
    background-color: #2dce89 !important;
}

a.bg-success:hover[b-jq87igidmq],
a.bg-success:focus[b-jq87igidmq],
button.bg-success:hover[b-jq87igidmq],
button.bg-success:focus[b-jq87igidmq] {
    background-color: #24a46d !important;
}

.bg-info[b-jq87igidmq] {
    background-color: #11cdef !important;
}

a.bg-info:hover[b-jq87igidmq],
a.bg-info:focus[b-jq87igidmq],
button.bg-info:hover[b-jq87igidmq],
button.bg-info:focus[b-jq87igidmq] {
    background-color: #0da5c0 !important;
}

.bg-warning[b-jq87igidmq] {
    background-color: #fb6340 !important;
}

a.bg-warning:hover[b-jq87igidmq],
a.bg-warning:focus[b-jq87igidmq],
button.bg-warning:hover[b-jq87igidmq],
button.bg-warning:focus[b-jq87igidmq] {
    background-color: #fa3a0e !important;
}

.bg-danger[b-jq87igidmq] {
    background-color: #f5365c !important;
}

a.bg-danger:hover[b-jq87igidmq],
a.bg-danger:focus[b-jq87igidmq],
button.bg-danger:hover[b-jq87igidmq],
button.bg-danger:focus[b-jq87igidmq] {
    background-color: #ec0c38 !important;
}

.bg-default[b-jq87igidmq] {
    background-color: #172b4d !important;
}

a.bg-default:hover[b-jq87igidmq],
a.bg-default:focus[b-jq87igidmq],
button.bg-default:hover[b-jq87igidmq],
button.bg-default:focus[b-jq87igidmq] {
    background-color: #0b1526 !important;
}

.bg-transparent[b-jq87igidmq] {
    background-color: transparent !important;
}

.border-0[b-jq87igidmq] {
    border: 0 !important;
}

.rounded-circle[b-jq87igidmq] {
    border-radius: 50% !important;
}

.d-flex[b-jq87igidmq] {
    display: flex !important;
}

.justify-content-end[b-jq87igidmq] {
    justify-content: flex-end !important;
}

.align-items-center[b-jq87igidmq] {
    align-items: center !important;
}

@media (min-width: 1200px) {

    .justify-content-xl-between[b-jq87igidmq] {
        justify-content: space-between !important;
    }
}

.sr-only[b-jq87igidmq] {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
}

.shadow[b-jq87igidmq] {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.mb-0[b-jq87igidmq] {
    margin-bottom: 0 !important;
}

.mr-2[b-jq87igidmq] {
    margin-right: .5rem !important;
}

.mr-3[b-jq87igidmq] {
    margin-right: 1rem !important;
}

.mr-4[b-jq87igidmq] {
    margin-right: 1.5rem !important;
}

.mt-5[b-jq87igidmq] {
    margin-top: 3rem !important;
}

.mb-5[b-jq87igidmq] {
    margin-bottom: 3rem !important;
}

.mt-7[b-jq87igidmq] {
    margin-top: 6rem !important;
}

.py-4[b-jq87igidmq] {
    padding-top: 1.5rem !important;
}

.py-4[b-jq87igidmq] {
    padding-bottom: 1.5rem !important;
}

.m-auto[b-jq87igidmq] {
    margin: auto !important;
}

.text-right[b-jq87igidmq] {
    text-align: right !important;
}

.text-center[b-jq87igidmq] {
    text-align: center !important;
}

.text-white[b-jq87igidmq] {
    color: #fff !important;
}

.text-light[b-jq87igidmq] {
    color: #adb5bd !important;
}

a.text-light:hover[b-jq87igidmq],
a.text-light:focus[b-jq87igidmq] {
    color: #919ca6 !important;
}

.text-white[b-jq87igidmq] {
    color: #fff !important;
}

a.text-white:hover[b-jq87igidmq],
a.text-white:focus[b-jq87igidmq] {
    color: #e6e6e6 !important;
}

@media print {
    *[b-jq87igidmq],
    *[b-jq87igidmq]::before,
    *[b-jq87igidmq]::after {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a:not(.btn)[b-jq87igidmq] {
        text-decoration: underline;
    }

    thead[b-jq87igidmq] {
        display: table-header-group;
    }

    tr[b-jq87igidmq],
    img[b-jq87igidmq] {
        page-break-inside: avoid;
    }

    p[b-jq87igidmq],
    h2[b-jq87igidmq],
    h3[b-jq87igidmq] {
        orphans: 3;
        widows: 3;
    }

    h2[b-jq87igidmq],
    h3[b-jq87igidmq] {
        page-break-after: avoid;
    }

    @page {
    size: a3;
}

    body[b-jq87igidmq] {
        min-width: 992px !important;
    }

    .container[b-jq87igidmq] {
        min-width: 992px !important;
    }

    .badge[b-jq87igidmq] {
        border: 1px solid #000;
    }

    .table[b-jq87igidmq] {
        border-collapse: collapse !important;
    }

    .table td[b-jq87igidmq],
    .table th[b-jq87igidmq] {
        background-color: #fff !important;
    }

    .table-dark[b-jq87igidmq] {
        color: inherit;
    }

    .table-dark th[b-jq87igidmq],
    .table-dark td[b-jq87igidmq],
    .table-dark thead th[b-jq87igidmq],
    .table-dark tbody + tbody[b-jq87igidmq] {
        border-color: #e9ecef;
    }

    .table .thead-dark th[b-jq87igidmq] {
        color: inherit;
        border-color: #e9ecef;
    }
}

figcaption[b-jq87igidmq],
main[b-jq87igidmq] {
    display: block;
}

main[b-jq87igidmq] {
    overflow: hidden;
}

@keyframes floating-lg-b-jq87igidmq {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating-b-jq87igidmq {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating-sm-b-jq87igidmq {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

[class*='shadow'][b-jq87igidmq] {
    transition: all .15s ease;
}

.text-sm[b-jq87igidmq] {
    font-size: .875rem !important;
}

.text-white[b-jq87igidmq] {
    color: #fff !important;
}

a.text-white:hover[b-jq87igidmq],
a.text-white:focus[b-jq87igidmq] {
    color: #e6e6e6 !important;
}

.text-light[b-jq87igidmq] {
    color: #ced4da !important;
}

a.text-light:hover[b-jq87igidmq],
a.text-light:focus[b-jq87igidmq] {
    color: #b1bbc4 !important;
}

.avatar[b-jq87igidmq] {
    font-size: 1rem;
    display: inline-flex;
    /*width: 48px;
    height: 48px;*/
    width: 5em;
    height: 5em;
    color: #fff;
    border-radius: 50%;
    background-color: #adb5bd;
    align-items: center;
    justify-content: center;
}

/*.avatar img {
    width: 5em;
    height: 5em;
    border-radius: 50%;
}*/

.avatar-sm[b-jq87igidmq] {
    font-size: .875rem;
    width: 36px;
    height: 36px;
}

.avatar-group .avatar[b-jq87igidmq] {
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}

.avatar-group .avatar:hover[b-jq87igidmq] {
    z-index: 3;
}

.avatar-group .avatar + .avatar[b-jq87igidmq] {
    margin-left: -1rem;
}

.badge[b-jq87igidmq] {
    text-transform: uppercase;
}

.badge a[b-jq87igidmq] {
    color: #fff;
}

.btn .badge:not(:first-child)[b-jq87igidmq] {
    margin-left: .5rem;
}

.btn .badge:not(:last-child)[b-jq87igidmq] {
    margin-right: .5rem;
}

.badge-dot[b-jq87igidmq] {
    font-size: .875rem;
    font-weight: 400;
    padding-right: 0;
    padding-left: 0;
    text-transform: none;
    background: transparent;
}

.badge-dot strong[b-jq87igidmq] {
    color: #32325d;
}

.badge-dot i[b-jq87igidmq] {
    display: inline-block;
    width: .375rem;
    height: .375rem;
    margin-right: .375rem;
    vertical-align: middle;
    border-radius: 50%;
}

.btn[b-jq87igidmq] {
    font-size: .875rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
}

.btn:hover[b-jq87igidmq] {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn:not(:last-child)[b-jq87igidmq] {
    margin-right: .5rem;
}

.btn i:not(:first-child)[b-jq87igidmq] {
    margin-left: .5rem;
}

.btn i:not(:last-child)[b-jq87igidmq] {
    margin-right: .5rem;
}

.btn-sm[b-jq87igidmq] {
    font-size: .75rem;
}

[class*='btn-outline-'][b-jq87igidmq] {
    border-width: 1px;
}

.btn-icon-only[b-jq87igidmq] {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
}

a.btn-icon-only[b-jq87igidmq] {
    line-height: 2.5;
}

.btn-icon-only.btn-sm[b-jq87igidmq] {
    width: 2rem;
    height: 2rem;
}

.main-content[b-jq87igidmq] {
    position: relative;
}

.dropdown[b-jq87igidmq] {
    display: inline-block;
}

.dropdown-menu[b-jq87igidmq] {
    min-width: 12rem;
}
.dropdown-menu.show[b-jq87igidmq]
{
    display: block;
}


.dropdown-menu .dropdown-item[b-jq87igidmq] {
    font-size: .875rem;
    padding: .5rem 1rem;
}

.dropdown-menu .dropdown-item > i[b-jq87igidmq] {
    font-size: 1rem;
    margin-right: 1rem;
    vertical-align: -17%;
}

.dropdown-menu a.media > div:first-child[b-jq87igidmq] {
    line-height: 1;
}

.dropdown-menu a.media p[b-jq87igidmq] {
    color: #8898aa;
}

.dropdown-menu a.media:hover p[b-jq87igidmq] {
    color: #172b4d !important;
}

@media (min-width: 768px) {

    @keyframes show-navbar-dropdown-b-jq87igidmq {
    0% {
        transition: visibility .25s, opacity .25s, transform .25s;
        transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

    @keyframes hide-navbar-dropdown-b-jq87igidmq {
        from {
            opacity: 1;
        }

        to {
            transform: translate(0, 10px);
            opacity: 0;
        }
    }
}

@keyframes show-navbar-collapse-b-jq87igidmq {
    0% {
        transform: scale(.95);
        transform-origin: 100% 0;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hide-navbar-collapse-b-jq87igidmq {
    from {
        transform: scale(1);
        transform-origin: 100% 0;
        opacity: 1;
    }

    to {
        transform: scale(.95);
        opacity: 0;
    }
}

.page-item.active .page-link[b-jq87igidmq] {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.page-item .page-link[b-jq87igidmq],
.page-item span[b-jq87igidmq] {
    font-size: .875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}

.progress[b-jq87igidmq] {
    overflow: hidden;
    height: 8px;
    margin-bottom: 1rem;
    border-radius: .25rem;
    background-color: #e9ecef;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress .sr-only[b-jq87igidmq] {
    font-size: 13px;
    line-height: 20px;
    left: 0;
    clip: auto;
    width: auto;
    height: 20px;
    margin: 0 0 0 30px;
}

.progress-bar[b-jq87igidmq] {
    height: auto;
    border-radius: 0;
    box-shadow: none;
}

.table thead th[b-jq87igidmq] {
    font-size: .65rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #e9ecef;
}

.table th[b-jq87igidmq] {
    font-weight: 600;
}

.table td .progress[b-jq87igidmq] {
    width: 120px;
    height: 3px;
    margin: 0;
}

.table td[b-jq87igidmq],
.table th[b-jq87igidmq] {
    font-size: .8125rem;
    white-space: nowrap;
}

.table.align-items-center td[b-jq87igidmq],
.table.align-items-center th[b-jq87igidmq] {
    vertical-align: middle;
}

.table .thead-dark th[b-jq87igidmq] {
    color: #4d7bca;
    background-color: #1c345d;
}

.table .thead-light th[b-jq87igidmq] {
    color: #8898aa;
    background-color: #f6f9fc;
}

.table-flush td[b-jq87igidmq],
.table-flush th[b-jq87igidmq] {
    border-right: 0;
    border-left: 0;
}

.table-flush tbody tr:first-child td[b-jq87igidmq],
.table-flush tbody tr:first-child th[b-jq87igidmq] {
    border-top: 0;
}

.table-flush tbody tr:last-child td[b-jq87igidmq],
.table-flush tbody tr:last-child th[b-jq87igidmq] {
    border-bottom: 0;
}

.card .table[b-jq87igidmq] {
    margin-bottom: 0;
}

.card .table td[b-jq87igidmq],
.card .table th[b-jq87igidmq] {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

p[b-jq87igidmq] {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .btn[b-jq87igidmq] {
        margin-bottom: 10px;
    }
}

.row-edit[b-jq87igidmq] {
    height: 2em;
}
/* _content/WebGUI/Components/General/Admin/ManageRecipes/ManageRecipesTableRow.razor.rz.scp.css */
.dropdown[b-pzbilbn3ge] {
    display: inline-block;
}

.dropdown-menu[b-pzbilbn3ge] {
    min-width: 12rem;
}
.dropdown-menu.show[b-pzbilbn3ge]
{
    display: block;
}


.dropdown-menu .dropdown-item[b-pzbilbn3ge] {
    font-size: .875rem;
    padding: .5rem 1rem;
}

.dropdown-menu .dropdown-item > i[b-pzbilbn3ge] {
    font-size: 1rem;
    margin-right: 1rem;
    vertical-align: -17%;
}

.dropdown-menu a.media > div:first-child[b-pzbilbn3ge] {
    line-height: 1;
}

.dropdown-menu a.media p[b-pzbilbn3ge] {
    color: #8898aa;
}

.dropdown-menu a.media:hover p[b-pzbilbn3ge] {
    color: #172b4d !important;
}

.tr-img[b-pzbilbn3ge] {
    width: 5em;
    height: 5em;
    object-fit: cover;
}
/* _content/WebGUI/Components/General/Admin/ShowRequests/ShowRequestsTable.razor.rz.scp.css */
:root[b-zaxqc1ece7] {
    --blue: #5e72e4;
    --indigo: #5603ad;
    --purple: #8965e0;
    --pink: #f3a4b5;
    --red: #f5365c;
    --orange: #fb6340;
    --yellow: #ffd600;
    --green: #2dce89;
    --teal: #11cdef;
    --cyan: #2bffc6;
    --white: #fff;
    --gray: #8898aa;
    --gray-dark: #32325d;
    --light: #ced4da;
    --lighter: #e9ecef;
    --primary: #5e72e4;
    --secondary: #f7fafc;
    --success: #2dce89;
    --info: #11cdef;
    --warning: #fb6340;
    --danger: #f5365c;
    --light: #adb5bd;
    --dark: #212529;
    --default: #172b4d;
    --white: #fff;
    --neutral: #fff;
    --darker: black;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: Open Sans, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

*[b-zaxqc1ece7],
*[b-zaxqc1ece7]::before,
*[b-zaxqc1ece7]::after {
    box-sizing: border-box;
}

@-ms-viewport {
    width: auto;
}

figcaption[b-zaxqc1ece7],
footer[b-zaxqc1ece7],
main[b-zaxqc1ece7],
nav[b-zaxqc1ece7],
section[b-zaxqc1ece7] {
    display: block;
}

body[b-zaxqc1ece7] {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    color: #525f7f;
    background-color: #f8f9fe;
}

[tabindex='-1']:focus[b-zaxqc1ece7] {
    outline: 0 !important;
}

h2[b-zaxqc1ece7],
h3[b-zaxqc1ece7] {
    margin-top: 0;
    margin-bottom: .5rem;
}

p[b-zaxqc1ece7] {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul[b-zaxqc1ece7] {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul ul[b-zaxqc1ece7] {
    margin-bottom: 0;
}

dfn[b-zaxqc1ece7] {
    font-style: italic;
}

strong[b-zaxqc1ece7] {
    font-weight: bolder;
}

a[b-zaxqc1ece7] {
    text-decoration: none;
    color: #5e72e4;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover[b-zaxqc1ece7] {
    text-decoration: none;
    color: #233dd2;
}

a:not([href]):not([tabindex])[b-zaxqc1ece7] {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):hover[b-zaxqc1ece7],
a:not([href]):not([tabindex]):focus[b-zaxqc1ece7] {
    text-decoration: none;
    color: inherit;
}

a:not([href]):not([tabindex]):focus[b-zaxqc1ece7] {
    outline: 0;
}

img[b-zaxqc1ece7] {
    vertical-align: middle;
    border-style: none;
}

table[b-zaxqc1ece7] {
    border-collapse: collapse;
}

caption[b-zaxqc1ece7] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    caption-side: bottom;
    text-align: left;
    color: #8898aa;
}

th[b-zaxqc1ece7] {
    text-align: inherit;
}

button[b-zaxqc1ece7] {
    border-radius: 0;
}

button:focus[b-zaxqc1ece7] {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input[b-zaxqc1ece7],
button[b-zaxqc1ece7] {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button[b-zaxqc1ece7],
input[b-zaxqc1ece7] {
    overflow: visible;
}

button[b-zaxqc1ece7] {
    text-transform: none;
}

button[b-zaxqc1ece7],
[type='reset'][b-zaxqc1ece7],
[type='submit'][b-zaxqc1ece7] {
    -webkit-appearance: button;
}

button[b-zaxqc1ece7]::-moz-focus-inner,
[type='button'][b-zaxqc1ece7]::-moz-focus-inner,
[type='reset'][b-zaxqc1ece7]::-moz-focus-inner,
[type='submit'][b-zaxqc1ece7]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type='radio'][b-zaxqc1ece7],
input[type='checkbox'][b-zaxqc1ece7] {
    box-sizing: border-box;
    padding: 0;
}

input[type='date'][b-zaxqc1ece7],
input[type='time'][b-zaxqc1ece7],
input[type='datetime-local'][b-zaxqc1ece7],
input[type='month'][b-zaxqc1ece7] {
    -webkit-appearance: listbox;
}

legend[b-zaxqc1ece7] {
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    padding: 0;
    white-space: normal;
    color: inherit;
}

progress[b-zaxqc1ece7] {
    vertical-align: baseline;
}

[type='number'][b-zaxqc1ece7]::-webkit-inner-spin-button,
[type='number'][b-zaxqc1ece7]::-webkit-outer-spin-button {
    height: auto;
}

[type='search'][b-zaxqc1ece7] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type='search'][b-zaxqc1ece7]::-webkit-search-cancel-button,
[type='search'][b-zaxqc1ece7]::-webkit-search-decoration {
    -webkit-appearance: none;
}

[b-zaxqc1ece7]::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

[hidden][b-zaxqc1ece7] {
    display: none !important;
}

h2[b-zaxqc1ece7],
h3[b-zaxqc1ece7],
.h2[b-zaxqc1ece7],
.h3[b-zaxqc1ece7] {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5rem;
    color: #32325d;
}

h2[b-zaxqc1ece7],
.h2[b-zaxqc1ece7] {
    font-size: 1.25rem;
}

h3[b-zaxqc1ece7],
.h3[b-zaxqc1ece7] {
    font-size: 1.0625rem;
}

.container[b-zaxqc1ece7] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container[b-zaxqc1ece7] {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container[b-zaxqc1ece7] {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container[b-zaxqc1ece7] {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container[b-zaxqc1ece7] {
        max-width: 1140px;
    }
}

.row[b-zaxqc1ece7] {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap;
}

.col[b-zaxqc1ece7],
.col-xl-6[b-zaxqc1ece7] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col[b-zaxqc1ece7] {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
}

@media (min-width: 1200px) {

    .col-xl-6[b-zaxqc1ece7] {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.table[b-zaxqc1ece7] {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th[b-zaxqc1ece7],
.table td[b-zaxqc1ece7] {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}

.table thead th[b-zaxqc1ece7] {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
}

.table tbody + tbody[b-zaxqc1ece7] {
    border-top: 2px solid #e9ecef;
}

.table .table[b-zaxqc1ece7] {
    background-color: #f8f9fe;
}

.table-dark[b-zaxqc1ece7],
.table-dark > th[b-zaxqc1ece7],
.table-dark > td[b-zaxqc1ece7] {
    background-color: #c1c2c3;
}

.table .thead-dark th[b-zaxqc1ece7] {
    color: #f8f9fe;
    border-color: #1f3a68;
    background-color: #172b4d;
}

.table .thead-light th[b-zaxqc1ece7] {
    color: #8898aa;
    border-color: #e9ecef;
    background-color: #f6f9fc;
}

.table-dark[b-zaxqc1ece7] {
    color: #f8f9fe;
    background-color: #172b4d;
}

.table-dark th[b-zaxqc1ece7],
.table-dark td[b-zaxqc1ece7],
.table-dark thead th[b-zaxqc1ece7] {
    border-color: #1f3a68;
}

.table-responsive[b-zaxqc1ece7] {
    display: block;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.btn[b-zaxqc1ece7] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: .375rem;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn[b-zaxqc1ece7] {
        transition: none;
    }
}

.btn:hover[b-zaxqc1ece7],
.btn:focus[b-zaxqc1ece7] {
    text-decoration: none;
}

.btn:focus[b-zaxqc1ece7] {
    outline: 0;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn.disabled[b-zaxqc1ece7],
.btn:disabled[b-zaxqc1ece7] {
    opacity: .65;
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled)[b-zaxqc1ece7] {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active[b-zaxqc1ece7],
.btn:not(:disabled):not(.disabled).active[b-zaxqc1ece7] {
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active:focus[b-zaxqc1ece7],
.btn:not(:disabled):not(.disabled).active:focus[b-zaxqc1ece7] {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

a.btn.disabled[b-zaxqc1ece7] {
    pointer-events: none;
}

.btn-sm[b-zaxqc1ece7] {
    font-size: .875rem;
    line-height: 1.5;
    padding: .25rem .5rem;
    border-radius: .375rem;
}

.dropdown[b-zaxqc1ece7] {
    position: relative;
}

.dropdown-menu[b-zaxqc1ece7] {
    font-size: 1rem;
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    padding: .5rem 0;
    list-style: none;
    text-align: left;
    color: #525f7f;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: .4375rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}

.dropdown-menu-right[b-zaxqc1ece7] {
    right: 0;
    left: auto;
}

.dropdown-menu[x-placement^='top'][b-zaxqc1ece7],
.dropdown-menu[x-placement^='right'][b-zaxqc1ece7],
.dropdown-menu[x-placement^='bottom'][b-zaxqc1ece7],
.dropdown-menu[x-placement^='left'][b-zaxqc1ece7] {
    right: auto;
    bottom: auto;
}

.dropdown-item[b-zaxqc1ece7] {
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    padding: .25rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
    color: #212529;
    border: 0;
    background-color: transparent;
}

.dropdown-item:hover[b-zaxqc1ece7],
.dropdown-item:focus[b-zaxqc1ece7] {
    text-decoration: none;
    color: #16181b;
    background-color: #f6f9fc;
}

.dropdown-item.active[b-zaxqc1ece7],
.dropdown-item:active[b-zaxqc1ece7] {
    text-decoration: none;
    color: #fff;
    background-color: #5e72e4;
}

.dropdown-item.disabled[b-zaxqc1ece7],
.dropdown-item:disabled[b-zaxqc1ece7] {
    color: #8898aa;
    background-color: transparent;
}

.nav[b-zaxqc1ece7] {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap;
}

.card[b-zaxqc1ece7] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
}

.card-header[b-zaxqc1ece7] {
    margin-bottom: 0;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
}

.card-header:first-child[b-zaxqc1ece7] {
    border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}

.card-footer[b-zaxqc1ece7] {
    padding: 1.25rem 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
}

.card-footer:last-child[b-zaxqc1ece7] {
    border-radius: 0 0 calc(.375rem - 1px) calc(.375rem - 1px);
}

.pagination[b-zaxqc1ece7] {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .375rem;
}

.page-link[b-zaxqc1ece7] {
    line-height: 1.25;
    position: relative;
    display: block;
    margin-left: -1px;
    padding: .5rem .75rem;
    color: #8898aa;
    border: 1px solid #dee2e6;
    background-color: #fff;
}

.page-link:hover[b-zaxqc1ece7] {
    z-index: 2;
    text-decoration: none;
    color: #8898aa;
    border-color: #dee2e6;
    background-color: #dee2e6;
}

.page-link:focus[b-zaxqc1ece7] {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.page-link:not(:disabled):not(.disabled)[b-zaxqc1ece7] {
    cursor: pointer;
}

.page-item:first-child .page-link[b-zaxqc1ece7] {
    margin-left: 0;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
}

.page-item:last-child .page-link[b-zaxqc1ece7] {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}

.page-item.active .page-link[b-zaxqc1ece7] {
    z-index: 1;
    color: #fff;
    border-color: #5e72e4;
    background-color: #5e72e4;
}

.page-item.disabled .page-link[b-zaxqc1ece7] {
    cursor: auto;
    pointer-events: none;
    color: #8898aa;
    border-color: #dee2e6;
    background-color: #fff;
}

.badge[b-zaxqc1ece7] {
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .35rem .375rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: .375rem;
}

.badge:empty[b-zaxqc1ece7] {
    display: none;
}

.btn .badge[b-zaxqc1ece7] {
    position: relative;
    top: -1px;
}

@keyframes progress-bar-stripes-b-zaxqc1ece7 {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress[b-zaxqc1ece7] {
    font-size: .75rem;
    display: flex;
    overflow: hidden;
    height: 1rem;
    border-radius: .375rem;
    background-color: #e9ecef;
    box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1);
}

.progress-bar[b-zaxqc1ece7] {
    display: flex;
    flex-direction: column;
    transition: width .6s ease;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #5e72e4;
    justify-content: center;
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar[b-zaxqc1ece7] {
        transition: none;
    }
}

.media[b-zaxqc1ece7] {
    display: flex;
    align-items: flex-start;
}

.media-body[b-zaxqc1ece7] {
    flex: 1 1;
}

.tooltip[b-zaxqc1ece7] {
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    opacity: 0;
    text-shadow: none;
    line-break: auto;
}

.tooltip.show[b-zaxqc1ece7]
{
    opacity: .9;
}
.tooltip .arrow[b-zaxqc1ece7]
{
    position: absolute;

    display: block;

    width: .8rem;
    height: .4rem;
}
.tooltip .arrow[b-zaxqc1ece7]::before
{
    position: absolute;

    content: '';

    border-style: solid;
    border-color: transparent;
}

.bs-tooltip-top[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='top'][b-zaxqc1ece7]
{
    padding: .4rem 0;
}
.bs-tooltip-top .arrow[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='top'] .arrow[b-zaxqc1ece7]
{
    bottom: 0;
}
.bs-tooltip-top .arrow[b-zaxqc1ece7]::before,
.bs-tooltip-auto[x-placement^='top'] .arrow[b-zaxqc1ece7]::before
{
    top: 0;

    border-width: .4rem .4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='right'][b-zaxqc1ece7]
{
    padding: 0 .4rem;
}
.bs-tooltip-right .arrow[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='right'] .arrow[b-zaxqc1ece7]
{
    left: 0;

    width: .4rem;
    height: .8rem;
}
.bs-tooltip-right .arrow[b-zaxqc1ece7]::before,
.bs-tooltip-auto[x-placement^='right'] .arrow[b-zaxqc1ece7]::before
{
    right: 0;

    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='bottom'][b-zaxqc1ece7]
{
    padding: .4rem 0;
}
.bs-tooltip-bottom .arrow[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='bottom'] .arrow[b-zaxqc1ece7]
{
    top: 0;
}
.bs-tooltip-bottom .arrow[b-zaxqc1ece7]::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow[b-zaxqc1ece7]::before
{
    bottom: 0;

    border-width: 0 .4rem .4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='left'][b-zaxqc1ece7]
{
    padding: 0 .4rem;
}
.bs-tooltip-left .arrow[b-zaxqc1ece7],
.bs-tooltip-auto[x-placement^='left'] .arrow[b-zaxqc1ece7]
{
    right: 0;

    width: .4rem;
    height: .8rem;
}
.bs-tooltip-left .arrow[b-zaxqc1ece7]::before,
.bs-tooltip-auto[x-placement^='left'] .arrow[b-zaxqc1ece7]::before
{
    left: 0;

    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000;
}

.tooltip-inner[b-zaxqc1ece7]
{
    max-width: 200px;
    padding: .25rem .5rem;

    text-align: center;

    color: #fff;
    border-radius: .375rem;
    background-color: #000;
}

.bg-success[b-zaxqc1ece7] {
    background-color: #2dce89 !important;
}

a.bg-success:hover[b-zaxqc1ece7],
a.bg-success:focus[b-zaxqc1ece7],
button.bg-success:hover[b-zaxqc1ece7],
button.bg-success:focus[b-zaxqc1ece7] {
    background-color: #24a46d !important;
}

.bg-info[b-zaxqc1ece7] {
    background-color: #11cdef !important;
}

a.bg-info:hover[b-zaxqc1ece7],
a.bg-info:focus[b-zaxqc1ece7],
button.bg-info:hover[b-zaxqc1ece7],
button.bg-info:focus[b-zaxqc1ece7] {
    background-color: #0da5c0 !important;
}

.bg-warning[b-zaxqc1ece7] {
    background-color: #fb6340 !important;
}

a.bg-warning:hover[b-zaxqc1ece7],
a.bg-warning:focus[b-zaxqc1ece7],
button.bg-warning:hover[b-zaxqc1ece7],
button.bg-warning:focus[b-zaxqc1ece7] {
    background-color: #fa3a0e !important;
}

.bg-danger[b-zaxqc1ece7] {
    background-color: #f5365c !important;
}

a.bg-danger:hover[b-zaxqc1ece7],
a.bg-danger:focus[b-zaxqc1ece7],
button.bg-danger:hover[b-zaxqc1ece7],
button.bg-danger:focus[b-zaxqc1ece7] {
    background-color: #ec0c38 !important;
}

.bg-default[b-zaxqc1ece7] {
    background-color: #172b4d !important;
}

a.bg-default:hover[b-zaxqc1ece7],
a.bg-default:focus[b-zaxqc1ece7],
button.bg-default:hover[b-zaxqc1ece7],
button.bg-default:focus[b-zaxqc1ece7] {
    background-color: #0b1526 !important;
}

.bg-transparent[b-zaxqc1ece7] {
    background-color: transparent !important;
}

.border-0[b-zaxqc1ece7] {
    border: 0 !important;
}

.rounded-circle[b-zaxqc1ece7] {
    border-radius: 50% !important;
}

.d-flex[b-zaxqc1ece7] {
    display: flex !important;
}

.justify-content-end[b-zaxqc1ece7] {
    justify-content: flex-end !important;
}

.align-items-center[b-zaxqc1ece7] {
    align-items: center !important;
}

@media (min-width: 1200px) {

    .justify-content-xl-between[b-zaxqc1ece7] {
        justify-content: space-between !important;
    }
}

.sr-only[b-zaxqc1ece7] {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
}

.shadow[b-zaxqc1ece7] {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.mb-0[b-zaxqc1ece7] {
    margin-bottom: 0 !important;
}

.mr-2[b-zaxqc1ece7] {
    margin-right: .5rem !important;
}

.mr-3[b-zaxqc1ece7] {
    margin-right: 1rem !important;
}

.mr-4[b-zaxqc1ece7] {
    margin-right: 1.5rem !important;
}

.mt-5[b-zaxqc1ece7] {
    margin-top: 3rem !important;
}

.mb-5[b-zaxqc1ece7] {
    margin-bottom: 3rem !important;
}

.mt-7[b-zaxqc1ece7] {
    margin-top: 6rem !important;
}

.py-4[b-zaxqc1ece7] {
    padding-top: 1.5rem !important;
}

.py-4[b-zaxqc1ece7] {
    padding-bottom: 1.5rem !important;
}

.m-auto[b-zaxqc1ece7] {
    margin: auto !important;
}

.text-right[b-zaxqc1ece7] {
    text-align: right !important;
}

.text-center[b-zaxqc1ece7] {
    text-align: center !important;
}

.text-white[b-zaxqc1ece7] {
    color: #fff !important;
}

.text-light[b-zaxqc1ece7] {
    color: #adb5bd !important;
}

a.text-light:hover[b-zaxqc1ece7],
a.text-light:focus[b-zaxqc1ece7] {
    color: #919ca6 !important;
}

.text-white[b-zaxqc1ece7] {
    color: #fff !important;
}

a.text-white:hover[b-zaxqc1ece7],
a.text-white:focus[b-zaxqc1ece7] {
    color: #e6e6e6 !important;
}

@media print {
    *[b-zaxqc1ece7],
    *[b-zaxqc1ece7]::before,
    *[b-zaxqc1ece7]::after {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a:not(.btn)[b-zaxqc1ece7] {
        text-decoration: underline;
    }

    thead[b-zaxqc1ece7] {
        display: table-header-group;
    }

    tr[b-zaxqc1ece7],
    img[b-zaxqc1ece7] {
        page-break-inside: avoid;
    }

    p[b-zaxqc1ece7],
    h2[b-zaxqc1ece7],
    h3[b-zaxqc1ece7] {
        orphans: 3;
        widows: 3;
    }

    h2[b-zaxqc1ece7],
    h3[b-zaxqc1ece7] {
        page-break-after: avoid;
    }

    @page {
    size: a3;
}

    body[b-zaxqc1ece7] {
        min-width: 992px !important;
    }

    .container[b-zaxqc1ece7] {
        min-width: 992px !important;
    }

    .badge[b-zaxqc1ece7] {
        border: 1px solid #000;
    }

    .table[b-zaxqc1ece7] {
        border-collapse: collapse !important;
    }

    .table td[b-zaxqc1ece7],
    .table th[b-zaxqc1ece7] {
        background-color: #fff !important;
    }

    .table-dark[b-zaxqc1ece7] {
        color: inherit;
    }

    .table-dark th[b-zaxqc1ece7],
    .table-dark td[b-zaxqc1ece7],
    .table-dark thead th[b-zaxqc1ece7],
    .table-dark tbody + tbody[b-zaxqc1ece7] {
        border-color: #e9ecef;
    }

    .table .thead-dark th[b-zaxqc1ece7] {
        color: inherit;
        border-color: #e9ecef;
    }
}

figcaption[b-zaxqc1ece7],
main[b-zaxqc1ece7] {
    display: block;
}

main[b-zaxqc1ece7] {
    overflow: hidden;
}

@keyframes floating-lg-b-zaxqc1ece7 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating-b-zaxqc1ece7 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating-sm-b-zaxqc1ece7 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

[class*='shadow'][b-zaxqc1ece7] {
    transition: all .15s ease;
}

.text-sm[b-zaxqc1ece7] {
    font-size: .875rem !important;
}

.text-white[b-zaxqc1ece7] {
    color: #fff !important;
}

a.text-white:hover[b-zaxqc1ece7],
a.text-white:focus[b-zaxqc1ece7] {
    color: #e6e6e6 !important;
}

.text-light[b-zaxqc1ece7] {
    color: #ced4da !important;
}

a.text-light:hover[b-zaxqc1ece7],
a.text-light:focus[b-zaxqc1ece7] {
    color: #b1bbc4 !important;
}

.avatar[b-zaxqc1ece7] {
    font-size: 1rem;
    display: inline-flex;
    /*width: 48px;
    height: 48px;*/
    width: 5em;
    height: 5em;
    color: #fff;
    border-radius: 50%;
    background-color: #adb5bd;
    align-items: center;
    justify-content: center;
}

/*.avatar img {
    width: 5em;
    height: 5em;
    border-radius: 50%;
}*/

.avatar-sm[b-zaxqc1ece7] {
    font-size: .875rem;
    width: 36px;
    height: 36px;
}

.avatar-group .avatar[b-zaxqc1ece7] {
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}

.avatar-group .avatar:hover[b-zaxqc1ece7] {
    z-index: 3;
}

.avatar-group .avatar + .avatar[b-zaxqc1ece7] {
    margin-left: -1rem;
}

.badge[b-zaxqc1ece7] {
    text-transform: uppercase;
}

.badge a[b-zaxqc1ece7] {
    color: #fff;
}

.btn .badge:not(:first-child)[b-zaxqc1ece7] {
    margin-left: .5rem;
}

.btn .badge:not(:last-child)[b-zaxqc1ece7] {
    margin-right: .5rem;
}

.badge-dot[b-zaxqc1ece7] {
    font-size: .875rem;
    font-weight: 400;
    padding-right: 0;
    padding-left: 0;
    text-transform: none;
    background: transparent;
}

.badge-dot strong[b-zaxqc1ece7] {
    color: #32325d;
}

.badge-dot i[b-zaxqc1ece7] {
    display: inline-block;
    width: .375rem;
    height: .375rem;
    margin-right: .375rem;
    vertical-align: middle;
    border-radius: 50%;
}

.btn[b-zaxqc1ece7] {
    font-size: .875rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
}

.btn:hover[b-zaxqc1ece7] {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.btn:not(:last-child)[b-zaxqc1ece7] {
    margin-right: .5rem;
}

.btn i:not(:first-child)[b-zaxqc1ece7] {
    margin-left: .5rem;
}

.btn i:not(:last-child)[b-zaxqc1ece7] {
    margin-right: .5rem;
}

.btn-sm[b-zaxqc1ece7] {
    font-size: .75rem;
}

[class*='btn-outline-'][b-zaxqc1ece7] {
    border-width: 1px;
}

.btn-icon-only[b-zaxqc1ece7] {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
}

a.btn-icon-only[b-zaxqc1ece7] {
    line-height: 2.5;
}

.btn-icon-only.btn-sm[b-zaxqc1ece7] {
    width: 2rem;
    height: 2rem;
}

.main-content[b-zaxqc1ece7] {
    position: relative;
}

.dropdown[b-zaxqc1ece7] {
    display: inline-block;
}

.dropdown-menu[b-zaxqc1ece7] {
    min-width: 12rem;
}
.dropdown-menu.show[b-zaxqc1ece7]
{
    display: block;
}


.dropdown-menu .dropdown-item[b-zaxqc1ece7] {
    font-size: .875rem;
    padding: .5rem 1rem;
}

.dropdown-menu .dropdown-item > i[b-zaxqc1ece7] {
    font-size: 1rem;
    margin-right: 1rem;
    vertical-align: -17%;
}

.dropdown-menu a.media > div:first-child[b-zaxqc1ece7] {
    line-height: 1;
}

.dropdown-menu a.media p[b-zaxqc1ece7] {
    color: #8898aa;
}

.dropdown-menu a.media:hover p[b-zaxqc1ece7] {
    color: #172b4d !important;
}

@media (min-width: 768px) {

    @keyframes show-navbar-dropdown-b-zaxqc1ece7 {
    0% {
        transition: visibility .25s, opacity .25s, transform .25s;
        transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

    @keyframes hide-navbar-dropdown-b-zaxqc1ece7 {
        from {
            opacity: 1;
        }

        to {
            transform: translate(0, 10px);
            opacity: 0;
        }
    }
}

@keyframes show-navbar-collapse-b-zaxqc1ece7 {
    0% {
        transform: scale(.95);
        transform-origin: 100% 0;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hide-navbar-collapse-b-zaxqc1ece7 {
    from {
        transform: scale(1);
        transform-origin: 100% 0;
        opacity: 1;
    }

    to {
        transform: scale(.95);
        opacity: 0;
    }
}

.page-item.active .page-link[b-zaxqc1ece7] {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.page-item .page-link[b-zaxqc1ece7],
.page-item span[b-zaxqc1ece7] {
    font-size: .875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}

.progress[b-zaxqc1ece7] {
    overflow: hidden;
    height: 8px;
    margin-bottom: 1rem;
    border-radius: .25rem;
    background-color: #e9ecef;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress .sr-only[b-zaxqc1ece7] {
    font-size: 13px;
    line-height: 20px;
    left: 0;
    clip: auto;
    width: auto;
    height: 20px;
    margin: 0 0 0 30px;
}

.progress-bar[b-zaxqc1ece7] {
    height: auto;
    border-radius: 0;
    box-shadow: none;
}

.table thead th[b-zaxqc1ece7] {
    font-size: .65rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #e9ecef;
}

.table th[b-zaxqc1ece7] {
    font-weight: 600;
}

.table td .progress[b-zaxqc1ece7] {
    width: 120px;
    height: 3px;
    margin: 0;
}

.table td[b-zaxqc1ece7],
.table th[b-zaxqc1ece7] {
    font-size: .8125rem;
    white-space: nowrap;
}

.table.align-items-center td[b-zaxqc1ece7],
.table.align-items-center th[b-zaxqc1ece7] {
    vertical-align: middle;
}

.table .thead-dark th[b-zaxqc1ece7] {
    color: #4d7bca;
    background-color: #1c345d;
}

.table .thead-light th[b-zaxqc1ece7] {
    color: #8898aa;
    background-color: #f6f9fc;
}

.table-flush td[b-zaxqc1ece7],
.table-flush th[b-zaxqc1ece7] {
    border-right: 0;
    border-left: 0;
}

.table-flush tbody tr:first-child td[b-zaxqc1ece7],
.table-flush tbody tr:first-child th[b-zaxqc1ece7] {
    border-top: 0;
}

.table-flush tbody tr:last-child td[b-zaxqc1ece7],
.table-flush tbody tr:last-child th[b-zaxqc1ece7] {
    border-bottom: 0;
}

.card .table[b-zaxqc1ece7] {
    margin-bottom: 0;
}

.card .table td[b-zaxqc1ece7],
.card .table th[b-zaxqc1ece7] {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

p[b-zaxqc1ece7] {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .btn[b-zaxqc1ece7] {
        margin-bottom: 10px;
    }
}

.row-edit[b-zaxqc1ece7] {
    height: 2em;
}
/* _content/WebGUI/Components/General/Admin/ShowRequests/ShowRequestsTableRow.razor.rz.scp.css */
.dropdown[b-nbhy2fp779] {
    display: inline-block;
}

.dropdown-menu[b-nbhy2fp779] {
    min-width: 12rem;
}
.dropdown-menu.show[b-nbhy2fp779]
{
    display: block;
}


.dropdown-menu .dropdown-item[b-nbhy2fp779] {
    font-size: .875rem;
    padding: .5rem 1rem;
}

.dropdown-menu .dropdown-item > i[b-nbhy2fp779] {
    font-size: 1rem;
    margin-right: 1rem;
    vertical-align: -17%;
}

.dropdown-menu a.media > div:first-child[b-nbhy2fp779] {
    line-height: 1;
}

.dropdown-menu a.media p[b-nbhy2fp779] {
    color: #8898aa;
}

.dropdown-menu a.media:hover p[b-nbhy2fp779] {
    color: #172b4d !important;
}

.tr-img[b-nbhy2fp779] {
    width: 5em;
    height: 5em;
    object-fit: cover;
}
/* _content/WebGUI/Components/General/Callout/SystemCallout.razor.rz.scp.css */
.callout[b-zv8jzfup46] {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    p:last-child[b-zv8jzfup46] {
        margin-bottom: 0;
    }
    code[b-zv8jzfup46] {
        border-radius: 3px;
    }
    & + .bs-callout[b-zv8jzfup46] {
        margin-top: -5px;
    }
}
.callout-default[b-zv8jzfup46] {
    border-left-color: #777;
}
.callout-default h4[b-zv8jzfup46] {
    color: #777;
}
.callout-primary[b-zv8jzfup46] {
    border-left-color: #428bca;
}
.callout-primary h4[b-zv8jzfup46] {
    color: #428bca;
}
.callout-success[b-zv8jzfup46] {
    border-left-color: #5cb85c;
}
.callout-success h4[b-zv8jzfup46] {
    color: #5cb85c;
}
.callout-danger[b-zv8jzfup46] {
    border-left-color: #d9534f;
}
.callout-danger h4[b-zv8jzfup46] {
    color: #d9534f;
}
.callout-warning[b-zv8jzfup46] {
    border-left-color: #f0ad4e;
}
.callout-warning h4[b-zv8jzfup46] {
    color: #f0ad4e;
}
.callout-info[b-zv8jzfup46] {
    border-left-color: #5bc0de;
}
.callout-info h4[b-zv8jzfup46] {
    color: #5bc0de;
}
.callout-bdc[b-zv8jzfup46] {
    border-left-color: #29527a;
}
.callout-bdc h4[b-zv8jzfup46] {
    color: #29527a;
}
/* _content/WebGUI/Components/General/DashboardCard.razor.rz.scp.css */
.card-icon[b-4s7qb6dy29] {
    height: 5em;
}

.card[b-4s7qb6dy29] {
    width: 20em;
    padding: 1em;
}
/* _content/WebGUI/Components/General/News/NewsArticle.razor.rz.scp.css */
/*@import url("https://fonts.googleapis.com/css2?family=Baloo+2&display=swap");*/
/* This pen */
body[b-29jqgahm5s] {
    font-family: "Baloo 2", cursive;
    font-size: 16px;
    color: #ffffff;
    text-rendering: optimizeLegibility;
    font-weight: initial;
}
.dark[b-29jqgahm5s] {
    background: #110f16;
}
.light[b-29jqgahm5s] {
    background: #f3f5f7;
}
a[b-29jqgahm5s], a:hover[b-29jqgahm5s] {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
/* Cards */
.postcard[b-29jqgahm5s] {
    flex-wrap: wrap;
    display: flex;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
    border-radius: 10px;
    margin: 0 0 2rem 0;
    overflow: hidden;
    position: relative;
    color: #ffffff;
}
.postcard.dark[b-29jqgahm5s] {
    background-color: #18151f;
}
.postcard.light[b-29jqgahm5s] {
    background-color: #e1e5ea;
}
.postcard .t-dark[b-29jqgahm5s] {
    color: #18151f;
}
.postcard a[b-29jqgahm5s] {
    color: inherit;
}
.postcard h1[b-29jqgahm5s], .postcard .h1[b-29jqgahm5s] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.postcard .small[b-29jqgahm5s] {
    font-size: 80%;
}
.postcard .postcard__title[b-29jqgahm5s] {
    font-size: 1.75rem;
}
.postcard .postcard__img[b-29jqgahm5s] {
    max-height: 180px;
    width: 100%;
    object-fit: cover;
    position: relative;
}
.postcard .postcard__img_link[b-29jqgahm5s] {
    display: contents;
}
.postcard .postcard__bar[b-29jqgahm5s] {
    width: 50px;
    height: 10px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
}
.postcard .postcard__text[b-29jqgahm5s] {
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
.postcard .postcard__preview-txt[b-29jqgahm5s] {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    height: 100%;
}
.postcard .postcard__tagbox[b-29jqgahm5s] {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0;
    justify-content: center;
}
.postcard .postcard__tagbox .tag__item[b-29jqgahm5s] {
    display: inline-block;
    background: rgba(83, 83, 83, 0.4);
    border-radius: 3px;
    padding: 2.5px 10px;
    margin: 0 5px 5px 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
}
.postcard .postcard__tagbox .tag__item:hover[b-29jqgahm5s] {
    background: rgba(83, 83, 83, 0.8);
}
.postcard[b-29jqgahm5s]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-70deg, #424242, transparent 50%);
    opacity: 1;
    border-radius: 10px;
}
.postcard:hover .postcard__bar[b-29jqgahm5s] {
    width: 100px;
}
@media screen and (min-width: 769px) {
    .postcard[b-29jqgahm5s] {
        flex-wrap: inherit;
    }
    .postcard .postcard__title[b-29jqgahm5s] {
        font-size: 2rem;
    }
    .postcard .postcard__tagbox[b-29jqgahm5s] {
        justify-content: start;
    }
    .postcard .postcard__img[b-29jqgahm5s] {
        max-width: 300px;
        max-height: 100%;
        transition: transform 0.3s ease;
    }
    .postcard .postcard__text[b-29jqgahm5s] {
        padding: 3rem;
        width: 100%;
    }
    .postcard .media.postcard__text[b-29jqgahm5s]:before {
        content: "";
        position: absolute;
        display: block;
        background: #18151f;
        top: -20%;
        height: 130%;
        width: 55px;
    }
    .postcard:hover .postcard__img[b-29jqgahm5s] {
        transform: scale(1.1);
    }
    .postcard:nth-child(2n+1)[b-29jqgahm5s] {
        flex-direction: row;
    }
    .postcard:nth-child(2n+0)[b-29jqgahm5s] {
        flex-direction: row-reverse;
    }
    .postcard:nth-child(2n+1) .postcard__text[b-29jqgahm5s]::before {
        left: -12px !important;
        transform: rotate(4deg);
    }
    .postcard:nth-child(2n+0) .postcard__text[b-29jqgahm5s]::before {
        right: -12px !important;
        transform: rotate(-4deg);
    }
}
@media screen and (min-width: 1024px) {
    .postcard__text[b-29jqgahm5s] {
        padding: 2rem 3.5rem;
    }
    .postcard__text[b-29jqgahm5s]:before {
        content: "";
        position: absolute;
        display: block;
        top: -20%;
        height: 130%;
        width: 55px;
    }
    .postcard.dark .postcard__text[b-29jqgahm5s]:before {
        background: #18151f;
    }
    .postcard.light .postcard__text[b-29jqgahm5s]:before {
        background: #e1e5ea;
    }
}
/* COLORS */
.postcard .postcard__tagbox .green.play:hover[b-29jqgahm5s] {
    background: #79dd09;
    color: black;
}
.green .postcard__title:hover[b-29jqgahm5s] {
    color: #79dd09;
}
.green .postcard__bar[b-29jqgahm5s] {
    background-color: #79dd09;
}
.green[b-29jqgahm5s]::before {
    background-image: linear-gradient(-30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.green:nth-child(2n)[b-29jqgahm5s]::before {
    background-image: linear-gradient(30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .blue.play:hover[b-29jqgahm5s] {
    background: #0076bd;
}
.blue .postcard__title:hover[b-29jqgahm5s] {
    color: #0076bd;
}
.blue .postcard__bar[b-29jqgahm5s] {
    background-color: #0076bd;
}
.blue[b-29jqgahm5s]::before {
    background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
.blue:nth-child(2n)[b-29jqgahm5s]::before {
    background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
/* Orange Color */
.postcard .postcard__tagbox .orange.play:hover[b-29jqgahm5s] {
    background: #D16503;
}
.orange .postcard__title:hover[b-29jqgahm5s] {
    color: #D16503;
}
.orange .postcard__bar[b-29jqgahm5s] {
    background-color: #D16503;
}
.orange[b-29jqgahm5s]::before {
    background-image: linear-gradient(-30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.orange:nth-child(2n)[b-29jqgahm5s]::before {
    background-image: linear-gradient(30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .red.play:hover[b-29jqgahm5s] {
    background: #bd150b;
}
.red .postcard__title:hover[b-29jqgahm5s] {
    color: #bd150b;
}
.red .postcard__bar[b-29jqgahm5s] {
    background-color: #bd150b;
}
.red[b-29jqgahm5s]::before {
    background-image: linear-gradient(-30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.red:nth-child(2n)[b-29jqgahm5s]::before {
    background-image: linear-gradient(30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .yellow.play:hover[b-29jqgahm5s] {
    background: #bdbb49;
    color: black;
}
.yellow .postcard__title:hover[b-29jqgahm5s] {
    color: #bdbb49;
}
.yellow .postcard__bar[b-29jqgahm5s] {
    background-color: #bdbb49;
}
.yellow[b-29jqgahm5s]::before {
    background-image: linear-gradient(-30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
.yellow:nth-child(2n)[b-29jqgahm5s]::before {
    background-image: linear-gradient(30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
@media screen and (min-width: 769px) {
    .green[b-29jqgahm5s]::before {
        background-image: linear-gradient(-80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .green:nth-child(2n)[b-29jqgahm5s]::before {
        background-image: linear-gradient(80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .blue[b-29jqgahm5s]::before {
        background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .blue:nth-child(2n)[b-29jqgahm5s]::before {
        background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .red[b-29jqgahm5s]::before {
        background-image: linear-gradient(-80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .red:nth-child(2n)[b-29jqgahm5s]::before {
        background-image: linear-gradient(80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .yellow[b-29jqgahm5s]::before {
        background-image: linear-gradient(-80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
    .yellow:nth-child(2n)[b-29jqgahm5s]::before {
        background-image: linear-gradient(80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
}
/* _content/WebGUI/Components/General/Recipe/RecipeComponent.razor.rz.scp.css */
/*@import url("https://fonts.googleapis.com/css2?family=Baloo+2&display=swap");*/
/* This pen */
body[b-4t0j90hnwo] {
    font-family: "Baloo 2", cursive;
    font-size: 16px;
    color: #ffffff;
    text-rendering: optimizeLegibility;
    font-weight: initial;
}
.dark[b-4t0j90hnwo] {
    background: #110f16;
}
.light[b-4t0j90hnwo] {
    background: #f3f5f7;
}
a[b-4t0j90hnwo], a:hover[b-4t0j90hnwo] {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.postcard__container[b-4t0j90hnwo] {
    width: 20em;
}

/* Cards */
.postcard[b-4t0j90hnwo] {
    flex-wrap: wrap;
    display: flex;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
    border-radius: 10px;
    margin: 0 0 2rem 0;
    overflow: hidden;
    position: relative;
    color: #ffffff;
    height: 30em;
}
.postcard.dark[b-4t0j90hnwo] {
    background-color: #18151f;
}
.postcard.light[b-4t0j90hnwo] {
    background-color: #e1e5ea;
}
.postcard .t-dark[b-4t0j90hnwo] {
    color: #18151f;
}
.postcard a[b-4t0j90hnwo] {
    color: inherit;
}
.postcard h1[b-4t0j90hnwo], .postcard .h1[b-4t0j90hnwo] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.postcard .small[b-4t0j90hnwo] {
    font-size: 80%;
}
.postcard .postcard__title[b-4t0j90hnwo] {
    font-size: 1.75rem;
}
.postcard .postcard__img[b-4t0j90hnwo] {
    max-height: 400px;
    height: 200px;
    width: 100%;
    object-fit: cover;
    position: relative;
}
.postcard .postcard__img_link[b-4t0j90hnwo] {
    display: contents;
}
.postcard .postcard__bar[b-4t0j90hnwo] {
    width: 50px;
    height: 10px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
}
.postcard .postcard__text[b-4t0j90hnwo] {
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
.postcard .postcard__preview-txt[b-4t0j90hnwo] {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    height: 100%;
}
.postcard .postcard__tagbox[b-4t0j90hnwo] {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0;
    justify-content: center;
}
.postcard .postcard__tagbox .tag__item[b-4t0j90hnwo] {
    display: inline-block;
    background: rgba(83, 83, 83, 0.4);
    border-radius: 3px;
    padding: 2.5px 10px;
    margin: 0 5px 5px 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
}
.postcard .postcard__tagbox .tag__item:hover[b-4t0j90hnwo] {
    background: rgba(83, 83, 83, 0.8);
}
.postcard[b-4t0j90hnwo]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-70deg, #424242, transparent 50%);
    opacity: 1;
    border-radius: 10px;
}
.postcard:hover .postcard__bar[b-4t0j90hnwo] {
    width: 100px;
}

/* COLORS */
.postcard .postcard__tagbox .green.play:hover[b-4t0j90hnwo] {
    background: #79dd09;
    color: black;
}
.green .postcard__title:hover[b-4t0j90hnwo] {
    color: #79dd09;
}
.green .postcard__bar[b-4t0j90hnwo] {
    background-color: #79dd09;
}
.green[b-4t0j90hnwo]::before {
    background-image: linear-gradient(-30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.green:nth-child(2n)[b-4t0j90hnwo]::before {
    background-image: linear-gradient(30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .blue.play:hover[b-4t0j90hnwo] {
    background: #0076bd;
}
.blue .postcard__title:hover[b-4t0j90hnwo] {
    color: #0076bd;
}
.blue .postcard__bar[b-4t0j90hnwo] {
    background-color: #0076bd;
}
.blue[b-4t0j90hnwo]::before {
    background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
.blue:nth-child(2n)[b-4t0j90hnwo]::before {
    background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
/* Orange Color */
.postcard .postcard__tagbox .orange.play:hover[b-4t0j90hnwo] {
    background: #D16503;
}
.orange .postcard__title:hover[b-4t0j90hnwo] {
    color: #D16503;
}
.orange .postcard__bar[b-4t0j90hnwo] {
    background-color: #D16503;
}
.orange[b-4t0j90hnwo]::before {
    background-image: linear-gradient(-30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.orange:nth-child(2n)[b-4t0j90hnwo]::before {
    background-image: linear-gradient(30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .red.play:hover[b-4t0j90hnwo] {
    background: #bd150b;
}
.red .postcard__title:hover[b-4t0j90hnwo] {
    color: #bd150b;
}
.red .postcard__bar[b-4t0j90hnwo] {
    background-color: #bd150b;
}
.red[b-4t0j90hnwo]::before {
    background-image: linear-gradient(-30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.red:nth-child(2n)[b-4t0j90hnwo]::before {
    background-image: linear-gradient(30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .yellow.play:hover[b-4t0j90hnwo] {
    background: #bdbb49;
    color: black;
}
.yellow .postcard__title:hover[b-4t0j90hnwo] {
    color: #bdbb49;
}
.yellow .postcard__bar[b-4t0j90hnwo] {
    background-color: #bdbb49;
}
.yellow[b-4t0j90hnwo]::before {
    background-image: linear-gradient(-30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
.yellow:nth-child(2n)[b-4t0j90hnwo]::before {
    background-image: linear-gradient(30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
@media screen and (min-width: 769px) {
    .green[b-4t0j90hnwo]::before {
        background-image: linear-gradient(-80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .green:nth-child(2n)[b-4t0j90hnwo]::before {
        background-image: linear-gradient(80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .blue[b-4t0j90hnwo]::before {
        background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .blue:nth-child(2n)[b-4t0j90hnwo]::before {
        background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .red[b-4t0j90hnwo]::before {
        background-image: linear-gradient(-80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .red:nth-child(2n)[b-4t0j90hnwo]::before {
        background-image: linear-gradient(80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .yellow[b-4t0j90hnwo]::before {
        background-image: linear-gradient(-80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
    .yellow:nth-child(2n)[b-4t0j90hnwo]::before {
        background-image: linear-gradient(80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
}
/* _content/WebGUI/Components/General/SystemDivider.razor.rz.scp.css */
/* _content/WebGUI/Components/Layout/ArticleViewLayout.razor.rz.scp.css */
.page[b-c4s02ewxdz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.header-image[b-c4s02ewxdz] {
    background-image: url("./img/home_header.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 35vh;
}


#blazor-error-ui[b-c4s02ewxdz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-c4s02ewxdz] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/WebGUI/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ndmci2t22t] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.header-image[b-ndmci2t22t] {
    background-image: url("./img/home_header.jpg");
    height: 350px;
}

#blazor-error-ui[b-ndmci2t22t] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ndmci2t22t] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/WebGUI/Components/Layout/Navigation/NavArticle.razor.rz.scp.css */
:root[b-jbg7n49fag] {
    --color-primary: #D16503;
    --color-background: #11100b;
}

#navigation[b-jbg7n49fag] {
    background-color: #11100b;
    height: 10vh;
    margin-bottom: 5vh;
}

.navbar-light .navbar-nav .nav-item .nav-link[b-jbg7n49fag] {
    color: white;
}

.navbar-brand[b-jbg7n49fag] {
    min-width: 320px;
}

#logo[b-jbg7n49fag] {
    width: 10vw;
    height: auto;
    border: 1px solid #D16503;
    margin-left: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.active[b-jbg7n49fag] {
    text-decoration: underline;
    text-decoration-color: #D16503;
    text-underline-offset: 8px;
}

#navbarNav[b-jbg7n49fag] {
    background-color: #11100b;
}

ul > li[b-jbg7n49fag] {
    margin-left: 2vw;
    font-size: 20px;
}

@media (max-width: 992px) {
    #logo[b-jbg7n49fag] {
        width: 40vw;
        
    }
    
    #navbarNav[b-jbg7n49fag] {
        margin-left: 40vw;
    }

    #navigation[b-jbg7n49fag] {
        margin-bottom: 16vw;
    }
}

@media (max-width: 839px) {
    #navbarNav[b-jbg7n49fag] {
        margin-left: 50vw;
    }
}

#navbarToggler[b-jbg7n49fag] {
    margin-right: 1vw;
}
/* _content/WebGUI/Components/Layout/Navigation/NavMenu.razor.rz.scp.css */
:root[b-0ctqxim80g] {
    --color-primary: #D16503;
    --color-background: #11100b;
}

#navigation[b-0ctqxim80g] {
    background-color: #11100b;
    height: 10vh;
    min-height: 40px;
    margin-bottom: 4vw;
}

.navbar-light .navbar-nav .nav-item .nav-link[b-0ctqxim80g] {
    color: white;
}

.navbar-brand[b-0ctqxim80g] {
    min-width: 320px;
}

#logo[b-0ctqxim80g] {
    width: 20vw;
    height: auto;
    border: 1px solid #D16503;
    margin-left: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.active[b-0ctqxim80g] {
    text-decoration: underline;
    text-decoration-color: #D16503;
    text-underline-offset: 8px;
}

#navbarNav[b-0ctqxim80g] {
    margin-left: 10vw;
    background-color: #11100b;
}

ul > li[b-0ctqxim80g] {
    margin-left: 2vw;
    font-size: 20px;
}

@media (max-width: 992px) {
    #logo[b-0ctqxim80g] {
        width: 40vw;
        
    }
    
    #navbarNav[b-0ctqxim80g] {
        margin-left: 40vw;
    }

    #navigation[b-0ctqxim80g] {
        margin-bottom: 16vw;
    }
}

@media (max-width: 839px) {
    #navbarNav[b-0ctqxim80g] {
        margin-left: 50vw;
    }
}

#navbarToggler[b-0ctqxim80g] {
    margin-right: 1vw;
}

.dropdown[b-0ctqxim80g] {
    background-color: #11100b;
}
/* _content/WebGUI/Components/Layout/Navigation/NavRecipe.razor.rz.scp.css */
:root[b-4g9meag5tc] {
    --color-primary: #D16503;
    --color-background: #11100b;
}

#navigation[b-4g9meag5tc] {
    background-color: #11100b;
    height: 10vh;
    margin-bottom: 5vh;
}

.navbar-light .navbar-nav .nav-item .nav-link[b-4g9meag5tc] {
    color: white;
}

.navbar-brand[b-4g9meag5tc] {
    min-width: 320px;
}

#logo[b-4g9meag5tc] {
    width: 10vw;
    height: auto;
    border: 1px solid #D16503;
    margin-left: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.active[b-4g9meag5tc] {
    text-decoration: underline;
    text-decoration-color: #D16503;
    text-underline-offset: 8px;
}

#navbarNav[b-4g9meag5tc] {
    background-color: #11100b;
}

ul > li[b-4g9meag5tc] {
    margin-left: 2vw;
    font-size: 20px;
}

@media (max-width: 992px) {
    #logo[b-4g9meag5tc] {
        width: 40vw;
        
    }
    
    #navbarNav[b-4g9meag5tc] {
        margin-left: 40vw;
    }

    #navigation[b-4g9meag5tc] {
        margin-bottom: 16vw;
    }
}

@media (max-width: 839px) {
    #navbarNav[b-4g9meag5tc] {
        margin-left: 50vw;
    }
}

#navbarToggler[b-4g9meag5tc] {
    margin-right: 1vw;
}
/* _content/WebGUI/Components/Layout/PageFooter.razor.rz.scp.css */
#pageFooter[b-bnwz9jq8br] {
    background-color: #11100b;
    color: white;
    height: 10vh;
}
/* _content/WebGUI/Components/Layout/RecipeViewLayout.razor.rz.scp.css */
.page[b-t986mn9t7l] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.header-image[b-t986mn9t7l] {
    background-image: url("./img/home_header.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 35vh;
}


#blazor-error-ui[b-t986mn9t7l] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-t986mn9t7l] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/WebGUI/Components/Pages/Admin/AccessDenied.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Admin/Login.razor.rz.scp.css */
.login-container[b-63gcrfzhmn] {
    
}

.login-image[b-63gcrfzhmn] {
    height: 5em;
}

.login-btn[b-63gcrfzhmn] {
    width: 5em;
}
/* _content/WebGUI/Components/Pages/Admin/Logout.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Admin/manage/article/CreateArticle.razor.rz.scp.css */
.edit-image[b-cw999um9ai] {
    height: 5em;
}

.abort-btn[b-cw999um9ai], .save-btn[b-cw999um9ai] {
    width: 7em;
    margin: 1em;
}

.edit-container[b-cw999um9ai] {
    width: 40em;
}

.edit-input[b-cw999um9ai] {
    width: 25em;
}

.edit-hr[b-cw999um9ai] {
    width: 25em;
    border-bottom: 5px solid #d16503;
}
/* _content/WebGUI/Components/Pages/Admin/manage/article/EditArticle.razor.rz.scp.css */
.edit-image[b-2hkbonnq7b] {
    height: 5em;
}

.abort-btn[b-2hkbonnq7b], .save-btn[b-2hkbonnq7b] {
    width: 7em;
    margin: 1em;
}

.edit-container[b-2hkbonnq7b] {
    width: 40em;
}

.edit-input[b-2hkbonnq7b] {
    width: 25em;
}

.edit-hr[b-2hkbonnq7b] {
    width: 25em;
    border-bottom: 5px solid #d16503;
}
/* _content/WebGUI/Components/Pages/Admin/manage/article/ManageArticles.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Admin/manage/recipe/CreateRecipe.razor.rz.scp.css */
.edit-image[b-82h3391wud] {
    height: 5em;
}

.abort-btn[b-82h3391wud], .save-btn[b-82h3391wud] {
    width: 7em;
    margin: 1em;
}

.edit-container[b-82h3391wud] {
    width: 40em;
}

.edit-input[b-82h3391wud] {
    width: 25em;
}

.edit-hr[b-82h3391wud] {
    width: 25em;
    border-bottom: 5px solid #d16503;
}

.pointer[b-82h3391wud] {
    cursor: pointer;
}
/* _content/WebGUI/Components/Pages/Admin/manage/recipe/EditRecipe.razor.rz.scp.css */
.edit-image[b-vwrl1g2mnc] {
    height: 5em;
}

.abort-btn[b-vwrl1g2mnc], .save-btn[b-vwrl1g2mnc] {
    width: 7em;
    margin: 1em;
}

.edit-container[b-vwrl1g2mnc] {
    width: 40em;
}

.edit-input[b-vwrl1g2mnc] {
    width: 25em;
}

.edit-hr[b-vwrl1g2mnc] {
    width: 25em;
    border-bottom: 5px solid #d16503;
}
/* _content/WebGUI/Components/Pages/Admin/manage/recipe/ManageRecipe.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Admin/manage/request/ShowRequest.razor.rz.scp.css */
.edit-image[b-sb4fks17da] {
    height: 5em;
}

.abort-btn[b-sb4fks17da], .save-btn[b-sb4fks17da] {
    width: 7em;
    margin: 1em;
}

.edit-container[b-sb4fks17da] {
    width: 40em;
}

.edit-input[b-sb4fks17da] {
    width: 25em;
}

.edit-hr[b-sb4fks17da] {
    width: 25em;
    border-bottom: 5px solid #d16503;
}
/* _content/WebGUI/Components/Pages/Admin/manage/request/ShowRequests.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Home.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/News.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Rezepte.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Rind.razor.rz.scp.css */
@font-face {
    font-family: EduAUVICWANTHand;
    src: url("./fonts/EduAUVICWANTHand.ttf");
}

.title[b-t7da6qpxtx] {
    font-family: EduAUVICWANTHand, Arial, sans-serif;
}
/* _content/WebGUI/Components/Pages/Schwein.razor.rz.scp.css */
@font-face {
    font-family: EduAUVICWANTHand;
    src: url("./fonts/EduAUVICWANTHand.ttf");
}

.active[b-g0bcytievp] {
    background-color: rgba(253, 78, 78, 0.6);
}

img[b-g0bcytievp] {
    height: 50em;
}
.title[b-g0bcytievp] {
    height: 2em;
    font-family: EduAUVICWANTHand, Arial, sans-serif;
}
/* _content/WebGUI/Components/Pages/StatusCode/404Page.razor.rz.scp.css */
/* _content/WebGUI/Components/Pages/Views/ArticleView.razor.rz.scp.css */
/*@import url("https://fonts.googleapis.com/css2?family=Baloo+2&display=swap");*/
/* This pen */
body[b-llvhaur34k] {
    font-family: "Baloo 2", cursive;
    font-size: 16px;
    color: #ffffff;
    text-rendering: optimizeLegibility;
    font-weight: initial;
}
.dark[b-llvhaur34k] {
    background: #110f16;
}
.light[b-llvhaur34k] {
    background: #f3f5f7;
}
a[b-llvhaur34k], a:hover[b-llvhaur34k] {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
/* Cards */
.postcard[b-llvhaur34k] {
    flex-wrap: wrap;
    display: flex;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
    border-radius: 10px;
    margin: 0 0 2rem 0;
    overflow: hidden;
    position: relative;
    color: #ffffff;
}
.postcard.dark[b-llvhaur34k] {
    background-color: #18151f;
}
.postcard.light[b-llvhaur34k] {
    background-color: #e1e5ea;
}
.postcard .t-dark[b-llvhaur34k] {
    color: #18151f;
}
.postcard a[b-llvhaur34k] {
    color: inherit;
}
.postcard h1[b-llvhaur34k], .postcard .h1[b-llvhaur34k] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.postcard .small[b-llvhaur34k] {
    font-size: 80%;
}
.postcard .postcard__title[b-llvhaur34k] {
    font-size: 1.75rem;
}
.postcard .postcard__img[b-llvhaur34k] {
    max-height: 480px;
    width: 100%;
    object-fit: cover;
    position: relative;
}
.postcard .postcard__img_link[b-llvhaur34k] {
    display: contents;
}
.postcard .postcard__bar[b-llvhaur34k] {
    width: 50px;
    height: 10px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
}
.postcard .postcard__text[b-llvhaur34k] {
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
.postcard .postcard__preview-txt[b-llvhaur34k] {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    height: 100%;
}
.postcard .postcard__tagbox[b-llvhaur34k] {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0;
    justify-content: center;
}
.postcard .postcard__tagbox .tag__item[b-llvhaur34k] {
    display: inline-block;
    background: rgba(83, 83, 83, 0.4);
    border-radius: 3px;
    padding: 2.5px 10px;
    margin: 0 5px 5px 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
}
.postcard .postcard__tagbox .tag__item:hover[b-llvhaur34k] {
    background: rgba(83, 83, 83, 0.8);
}
.postcard[b-llvhaur34k]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-70deg, #424242, transparent 50%);
    opacity: 1;
    border-radius: 10px;
}
.postcard:hover .postcard__bar[b-llvhaur34k] {
    width: 100px;
}

/* COLORS */
.postcard .postcard__tagbox .green.play:hover[b-llvhaur34k] {
    background: #79dd09;
    color: black;
}
.green .postcard__title:hover[b-llvhaur34k] {
    color: #79dd09;
}
.green .postcard__bar[b-llvhaur34k] {
    background-color: #79dd09;
}
.green[b-llvhaur34k]::before {
    background-image: linear-gradient(-30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.green:nth-child(2n)[b-llvhaur34k]::before {
    background-image: linear-gradient(30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .blue.play:hover[b-llvhaur34k] {
    background: #0076bd;
}
.blue .postcard__title:hover[b-llvhaur34k] {
    color: #0076bd;
}
.blue .postcard__bar[b-llvhaur34k] {
    background-color: #0076bd;
}
.blue[b-llvhaur34k]::before {
    background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
.blue:nth-child(2n)[b-llvhaur34k]::before {
    background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
/* Orange Color */
.postcard .postcard__tagbox .orange.play:hover[b-llvhaur34k] {
    background: #D16503;
}
.orange .postcard__title:hover[b-llvhaur34k] {
    color: #D16503;
}
.orange .postcard__bar[b-llvhaur34k] {
    background-color: #D16503;
}
.orange[b-llvhaur34k]::before {
    background-image: linear-gradient(-30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.orange:nth-child(2n)[b-llvhaur34k]::before {
    background-image: linear-gradient(30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .red.play:hover[b-llvhaur34k] {
    background: #bd150b;
}
.red .postcard__title:hover[b-llvhaur34k] {
    color: #bd150b;
}
.red .postcard__bar[b-llvhaur34k] {
    background-color: #bd150b;
}
.red[b-llvhaur34k]::before {
    background-image: linear-gradient(-30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.red:nth-child(2n)[b-llvhaur34k]::before {
    background-image: linear-gradient(30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .yellow.play:hover[b-llvhaur34k] {
    background: #bdbb49;
    color: black;
}
.yellow .postcard__title:hover[b-llvhaur34k] {
    color: #bdbb49;
}
.yellow .postcard__bar[b-llvhaur34k] {
    background-color: #bdbb49;
}
.yellow[b-llvhaur34k]::before {
    background-image: linear-gradient(-30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
.yellow:nth-child(2n)[b-llvhaur34k]::before {
    background-image: linear-gradient(30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
@media screen and (min-width: 769px) {
    .green[b-llvhaur34k]::before {
        background-image: linear-gradient(-80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .green:nth-child(2n)[b-llvhaur34k]::before {
        background-image: linear-gradient(80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .blue[b-llvhaur34k]::before {
        background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .blue:nth-child(2n)[b-llvhaur34k]::before {
        background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .red[b-llvhaur34k]::before {
        background-image: linear-gradient(-80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .red:nth-child(2n)[b-llvhaur34k]::before {
        background-image: linear-gradient(80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .yellow[b-llvhaur34k]::before {
        background-image: linear-gradient(-80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
    .yellow:nth-child(2n)[b-llvhaur34k]::before {
        background-image: linear-gradient(80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
}
/* _content/WebGUI/Components/Pages/Views/RecipeView.razor.rz.scp.css */
/*@import url("https://fonts.googleapis.com/css2?family=Baloo+2&display=swap");*/
/* This pen */
body[b-tr1g3sz7pf] {
    font-family: "Baloo 2", cursive;
    font-size: 16px;
    color: #ffffff;
    text-rendering: optimizeLegibility;
    font-weight: initial;
}
.dark[b-tr1g3sz7pf] {
    background: #110f16;
}
.light[b-tr1g3sz7pf] {
    background: #f3f5f7;
}
a[b-tr1g3sz7pf], a:hover[b-tr1g3sz7pf] {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
/* Cards */
.postcard[b-tr1g3sz7pf] {
    flex-wrap: wrap;
    display: flex;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
    border-radius: 10px;
    margin: 0 0 2rem 0;
    overflow: hidden;
    position: relative;
    color: #ffffff;
}
.postcard.dark[b-tr1g3sz7pf] {
    background-color: #18151f;
}
.postcard.light[b-tr1g3sz7pf] {
    background-color: #e1e5ea;
}
.postcard .t-dark[b-tr1g3sz7pf] {
    color: #18151f;
}
.postcard a[b-tr1g3sz7pf] {
    color: inherit;
}
.postcard h1[b-tr1g3sz7pf], .postcard .h1[b-tr1g3sz7pf] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.postcard .small[b-tr1g3sz7pf] {
    font-size: 80%;
}
.postcard .postcard__title[b-tr1g3sz7pf] {
    font-size: 1.75rem;
}
.postcard .postcard__img[b-tr1g3sz7pf] {
    max-height: 480px;
    width: 100%;
    object-fit: cover;
    position: relative;
}
.postcard .postcard__img_link[b-tr1g3sz7pf] {
    display: contents;
}
.postcard .postcard__bar[b-tr1g3sz7pf] {
    width: 50px;
    height: 10px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
}
.postcard .postcard__text[b-tr1g3sz7pf] {
    padding: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
.postcard .postcard__preview-txt[b-tr1g3sz7pf] {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    height: 100%;
}
.postcard .postcard__tagbox[b-tr1g3sz7pf] {
    display: flex;
    flex-flow: row wrap;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 0;
}
.postcard .postcard__tagbox .tag__item[b-tr1g3sz7pf] {
    display: inline-block;
    background: rgba(83, 83, 83, 0.4);
    border-radius: 3px;
    padding: 2.5px 10px;
    margin: 0 5px 5px 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
}
.postcard .postcard__tagbox .tag__item:hover[b-tr1g3sz7pf] {
    background: rgba(83, 83, 83, 0.8);
}
.postcard[b-tr1g3sz7pf]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(-70deg, #424242, transparent 50%);
    opacity: 1;
    border-radius: 10px;
}
.postcard:hover .postcard__bar[b-tr1g3sz7pf] {
    width: 100px;
}

/* COLORS */
.postcard .postcard__tagbox .green.play:hover[b-tr1g3sz7pf] {
    background: #79dd09;
    color: black;
}
.green .postcard__title:hover[b-tr1g3sz7pf] {
    color: #79dd09;
}
.green .postcard__bar[b-tr1g3sz7pf] {
    background-color: #79dd09;
}
.green[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(-30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.green:nth-child(2n)[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .blue.play:hover[b-tr1g3sz7pf] {
    background: #0076bd;
}
.blue .postcard__title:hover[b-tr1g3sz7pf] {
    color: #0076bd;
}
.blue .postcard__bar[b-tr1g3sz7pf] {
    background-color: #0076bd;
}
.blue[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
.blue:nth-child(2n)[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
/* Orange Color */
.postcard .postcard__tagbox .orange.play:hover[b-tr1g3sz7pf] {
    background: #D16503;
}
.orange .postcard__title:hover[b-tr1g3sz7pf] {
    color: #D16503;
}
.orange .postcard__bar[b-tr1g3sz7pf] {
    background-color: #D16503;
}
.orange[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(-30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.orange:nth-child(2n)[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(30deg, rgba(209, 101, 3, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .red.play:hover[b-tr1g3sz7pf] {
    background: #bd150b;
}
.red .postcard__title:hover[b-tr1g3sz7pf] {
    color: #bd150b;
}
.red .postcard__bar[b-tr1g3sz7pf] {
    background-color: #bd150b;
}
.red[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(-30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.red:nth-child(2n)[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
.postcard .postcard__tagbox .yellow.play:hover[b-tr1g3sz7pf] {
    background: #bdbb49;
    color: black;
}
.yellow .postcard__title:hover[b-tr1g3sz7pf] {
    color: #bdbb49;
}
.yellow .postcard__bar[b-tr1g3sz7pf] {
    background-color: #bdbb49;
}
.yellow[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(-30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
.yellow:nth-child(2n)[b-tr1g3sz7pf]::before {
    background-image: linear-gradient(30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
@media screen and (min-width: 769px) {
    .green[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(-80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .green:nth-child(2n)[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }
    .blue[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .blue:nth-child(2n)[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
    .red[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(-80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .red:nth-child(2n)[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }
    .yellow[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(-80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
    .yellow:nth-child(2n)[b-tr1g3sz7pf]::before {
        background-image: linear-gradient(80deg, rgba(189, 187, 73, 0.1), transparent 50%);
    }
}

.styled-table[b-tr1g3sz7pf] {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr[b-tr1g3sz7pf] {
    background-color: #d16503;
    color: #ffffff;
    text-align: left;
}

.styled-table th[b-tr1g3sz7pf],
.styled-table td[b-tr1g3sz7pf] {
    padding: 12px 15px;
}

.styled-table tbody tr[b-tr1g3sz7pf] {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even)[b-tr1g3sz7pf] {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type[b-tr1g3sz7pf] {
    border-bottom: 2px solid #d16503;
}

.styled-table tbody tr.active-row[b-tr1g3sz7pf] {
    font-weight: bold;
    color: #d16503;
}