@import '_content/Toolbelt.Blazor.PWA.Updater/Toolbelt.Blazor.PWA.Updater.bnjuj6nd91.bundle.scp.css';

/* /Layout/DiAlert/Alert.razor.rz.scp.css */
.alert-custom-img[b-0zvz2et2ju] {
    max-height: 150px;
}

.alert-title[b-0zvz2et2ju] {
    margin: 14px 0;
    color:#333;
}

.alert-message[b-0zvz2et2ju] {
    margin: 7px 0;
    display: inline-flex;
    flex-direction: row;
    color:#333;
}

.alert-close[b-0zvz2et2ju] {
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 10000000;
    color: #b7b7b7;
    font-size: 1.3em;
    cursor: pointer;
}

.svg-box[b-0zvz2et2ju] {
    display: inline-block;
    position: relative;
    width: 150px;
}

.green-stroke[b-0zvz2et2ju] {
    stroke: #7CB342;
}


.circular circle.path[b-0zvz2et2ju] {
    stroke-dasharray: 330;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    opacity: 0.4;
    animation: 0.7s draw-circle-b-0zvz2et2ju ease-out;
}

/*------- Checkmark ---------*/
.checkmark[b-0zvz2et2ju] {
    stroke-width: 6.25px;
    stroke-linecap: round;
    position: absolute;
    top: 56px;
    left: 49px;
    width: 52px;
    height: 40px;
}

    .checkmark path[b-0zvz2et2ju] {
        animation: 1s draw-check-b-0zvz2et2ju ease-out;
    }

@keyframes draw-circle-b-0zvz2et2ju {
    0% {
        stroke-dasharray: 0,330;
        stroke-dashoffset: 0;
        opacity: 1;
    }

    80% {
        stroke-dasharray: 330,330;
        stroke-dashoffset: 0;
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}

@keyframes draw-check-b-0zvz2et2ju {
    0% {
        stroke-dasharray: 49,80;
        stroke-dashoffset: 48;
        opacity: 0;
    }

    50% {
        stroke-dasharray: 49,80;
        stroke-dashoffset: 48;
        opacity: 1;
    }

    100% {
        stroke-dasharray: 130,80;
        stroke-dashoffset: 48;
    }
}

/*---------- Cross ----------*/

.cross[b-0zvz2et2ju] {
    stroke-width: 6.25px;
    stroke-linecap: round;
    position: absolute;
    top: 54px;
    left: 54px;
    width: 40px;
    height: 40px;
}

    .cross .first-line[b-0zvz2et2ju] {
        animation: 0.7s draw-first-line-b-0zvz2et2ju ease-out;
    }

    .cross .second-line[b-0zvz2et2ju] {
        animation: 0.7s draw-second-line-b-0zvz2et2ju ease-out;
    }

@keyframes draw-first-line-b-0zvz2et2ju {
    0% {
        stroke-dasharray: 0,56;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 0,56;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 56,330;
        stroke-dashoffset: 0;
    }
}

@keyframes draw-second-line-b-0zvz2et2ju {
    0% {
        stroke-dasharray: 0,55;
        stroke-dashoffset: 1;
    }

    50% {
        stroke-dasharray: 0,55;
        stroke-dashoffset: 1;
    }

    100% {
        stroke-dasharray: 55,0;
        stroke-dashoffset: 70;
    }
}

.alert-sign[b-0zvz2et2ju] {
    stroke-width: 6.25rem;
    stroke-linecap: round;
    position: absolute;
    top: 40px;
    left: 68px;
    width: 15px;
    height: 70px;
    animation: 0.5s alert-sign-bounce-b-0zvz2et2ju cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

    .alert-sign .blue-dot[b-0zvz2et2ju] {
        stroke: none;
        fill: #5dc0eb;
    }

    .alert-sign .dot[b-0zvz2et2ju] {
        stroke: none;
        fill: #FFC107;
    }

@keyframes alert-sign-bounce-b-0zvz2et2ju {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(0);
        opacity: 1;
    }

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

.alert-parent-container[b-0zvz2et2ju] {
    display: -webkit-box;
    display: flex;
    position: fixed;
    z-index: 100005900;
    top: 0;
    right: 0;
    background-color: rgba(20,20,20,0.4);
    bottom: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch;
}

.alert-container[b-0zvz2et2ju] {
    display: -webkit-box;
    display: flex;
    position: fixed;
    z-index: 1000060;
    top: 0;
    right: 0;
    background-color: transparent;
    bottom: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch;
}

.alert-box-small[b-0zvz2et2ju] {
    position: relative;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32em;
    text-align: center;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    margin: auto;
    z-index: 1000061;
}

.alert-box-medium[b-0zvz2et2ju] {
    position: relative;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 64em;
    text-align: center;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    margin: auto;
    z-index: 1000061;
}

.alert-box-large[b-0zvz2et2ju] {
    position: relative;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 90%;
    text-align: center;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    margin: auto;
    z-index: 1000061;
}

.alert-header[b-0zvz2et2ju] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.alert-content[b-0zvz2et2ju] {
    z-index: 1;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
}

.alert-actions[b-0zvz2et2ju] {
    display: -webkit-box;
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0;
}

.alert-footer[b-0zvz2et2ju] {
    -webkit-box-pack: center;
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em;
}

/***************************SuccessAlert*/
.f-success[b-0zvz2et2ju] {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border: 4px solid #A5D7A7;
    border-radius: 50%;
    animation: SuccessAnimate-b-0zvz2et2ju 2s ease 0s 1 normal forwards;
}

.fa-check[b-0zvz2et2ju] {
    color: #009933;
}

@keyframes SuccessAnimate-b-0zvz2et2ju {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }

    10% {
        transform: rotate(8deg);
    }

    20%, 40%, 60% {
        transform: rotate(-10deg);
    }

    30%, 50%, 70% {
        transform: rotate(10deg);
    }

    80% {
        transform: rotate(-8deg);
    }

    90% {
        transform: rotate(8deg);
    }
}

/***************************ConfirmAlert*/
.f-confirm[b-0zvz2et2ju] {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border: 4px solid #ffaa80;
    border-radius: 50%;
    animation: ConfirmAnimate-b-0zvz2et2ju 1s ease 0s 1 normal forwards;
}

.fa-check-double[b-0zvz2et2ju] {
    color: #993300;
}

@keyframes ConfirmAnimate-b-0zvz2et2ju {
    0% {
        transform: scale(0);
    }

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

/****************************************************CloseAlert*/
.f-danger[b-0zvz2et2ju] {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border: 4px solid #ff6666;
    border-radius: 50%;
    animation: DangerAnimate-b-0zvz2et2ju 2s ease 0s 1 normal forwards;
}

.fa-times[b-0zvz2et2ju] {
    color: #ff0000;
}

@keyframes DangerAnimate-b-0zvz2et2ju {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}
/*****************************************************WarningAlert*/
.f-warning[b-0zvz2et2ju] {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border: 4px solid #ffa366;
    border-radius: 50%;
    animation: WarningAnimate-b-0zvz2et2ju 2s ease 0s 1 normal forwards;
}

.fa-exclamation[b-0zvz2et2ju] {
    color: #ff6600;
}

@keyframes WarningAnimate-b-0zvz2et2ju {
    0%, 100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-30px) rotate(-6deg);
    }

    30% {
        transform: translateX(15px) rotate(6deg);
    }

    45% {
        transform: translateX(-15px) rotate(-3.6deg);
    }

    60% {
        transform: translateX(9px) rotate(2.4deg);
    }

    75% {
        transform: translateX(-6px) rotate(-1.2deg);
    }
}

/*******************************************************InfoAlert*/
.f-info[b-0zvz2et2ju] {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border: 4px solid #80b3ff;
    border-radius: 50%;
    animation: InfoAnimate-b-0zvz2et2ju 1s ease 0s 1 normal forwards;
}

.fa-info[b-0zvz2et2ju] {
    color: #0066ff;
}

@keyframes InfoAnimate-b-0zvz2et2ju {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}
/* /Layout/DiFillterSelect/FilterSelectComponent.razor.rz.scp.css */

.filter-select-items[b-prlahtaet8] {
    max-height: 200px;
    overflow-y: auto;
}
.select-serach-content[b-prlahtaet8] {
    border: 1px solid #ccc;
    z-index: 2;
    position: absolute;
    width:100%;
}
.s-item:hover[b-prlahtaet8] {
    background-color: var(--color-ccc);
    cursor:pointer;
}
.color-ccc[b-prlahtaet8] {
    color: #333;
}