/*.w3-animate-top {
    position: relative;
    animation: animatetop 1s
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}*/

.alert-success {
    --fi-alert-color: #295f27;
    --fi-alert-bg: #97d895;
    --fi-alert-border-color: transparent;
}

.alert-danger {
    --fi-alert-color: #f23c49;
    --fi-alert-bg: #feeced;
    --fi-alert-border-color: transparent;
}

.pulseit {
    animation: shake 2s;
}

.content-loading{
    animation: shake 0.5s infinite;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.text-justify{
    text-align: justify;
}

    .filepond--root {
        min-height: 10rem;
    }

    .cart-button1 {
        position: relative;
        width: 70%;
        height: 3rem;
        border: 0;
        outline: none;
        cursor: pointer;
        color: #fff;
        background-color: #212529;
        border-color: #212529;
        transition: 0.3s ease-in-out;
        overflow: hidden;
        padding: 0.525rem 0.75rem;
        /*    user-select: none;*/
    }

        .cart-button1:hover {
            background-color: #202431;
        }

        .cart-button1:active {
            transform: scale(0.9);
        }

        .cart-button1 .fa-shopping-cart {
            position: absolute;
            z-index: 2;
            top: 50%;
            left: -10%;
            transform: translate(-50%, -50%);
        }

        .cart-button1 span {
            position: absolute;
            z-index: 3;
            left: 50%;
            top: 50%;
            color: #fff;
            transform: translate(-50%, -50%);
        }

            .cart-button1 span.add-to-cart {
                opacity: 1;
            }

            .cart-button1 span.added {
                opacity: 0;
            }

        .cart-button1.clicked .fa-shopping-cart {
            animation: cart 1.5s ease-in-out forwards;
        }

        .cart-button1.clicked span.add-to-cart {
            animation: txt1 1.5s ease-in-out forwards;
        }

        .cart-button1.clicked span.added {
            animation: txt2 1.5s ease-in-out forwards;
        }

        .input-dark, .input-dark:focus {
            background-color: #212529;
            color: #eee;
            border: none;
        }


        input.value-start, input.value-left {
            text-align: left;
        }

        input.value-center{
            text-align: center;
        }

        input.value-end, input.value-right {
            text-align: right;
        }

    @keyframes cart {
        0% {
            left: -10%;
        }

        40%, 60% {
            left: 50%;
        }

        100% {
            left: 110%;
        }
    }

    @keyframes txt1 {
        0% {
            opacity: 1;
        }

        20%, 100% {
            opacity: 0;
        }
    }

    @keyframes txt2 {
        0%, 80% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .bg-transparent{
        background-color: transparent;
    }

    .pqt-plus,
    .pqt-minus {
        background: #fff;
        border: none;
        font-size: 20px;
        padding: 0 20px;
        width: 50px;
        border-radius: 10px;
        height: 3rem;
    /*    user-select: none;*/
        line-height: 50px;
    }

        .pqt-plus:hover,
        .pqt-minus:hover {
            background: #202431;
            color: #fff;
            cursor: pointer;
        }

    .form-select-variant {
        border: 1px solid #bcac76;
        border-radius: 0.5rem;
    }

    input[type="radio"] {
        visibility: hidden;
    }

    label {
        cursor: pointer;
        width: 100%;
        color: #fff;
        /* padding-top: 1rem;*/
        padding-bottom: .5rem;
    }

    input[type="radio"]:checked + label.alert-success {
        border-radius: 50rem;
        border: 3px #fd5631 solid !important;
        background-color: #fff;
        color: #295f27 !important;
        padding: calc(1rem - 2px) !important;
    }

    label.alert-success a {
        color: #295f27;
    }

    input[type="radio"]:checked + label.alert-danger {
        border-radius: 50rem;
        border: 3px #fd5631 solid !important;
        background-color: #fff;
        color: #f23c49 !important;
        padding: calc(1rem - 2px) !important;
    }

    label.alert-danger a {
        color: #f23c49;
    }

    input[type="radio"]:checked + label {
        border-radius: 50rem;
        background-color: #fff;
        color: #fd5631;
    }

    input:autofill + .password-toggle-btn > .password-toggle-indicator,
    input:-webkit-autofill + .password-toggle-btn > .password-toggle-indicator {
        color: rgb(31, 27, 45);
    }

    /* SyncFusion */
        .e-grid {
            font-family: var(--fi-body-font-family);
        }

        .e-grid .e-headercell, .e-grid .e-detailheadercell,
        .e-grid .e-filterbarcell {
            background-color: rgba(var(--fi-dark-rgb), var(--fi-bg-opacity)) !important;
            color: #eee;
        }


        .e-grid .e-filterbarcell .e-input-group.e-input-focus::after,
        .e-grid .e-filterbarcell .e-input-group.e-input-focus::before {
            background-color: var(--fi-btn-active-bg);
        }

        .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
            border-color: #eee !important;
        }

        .e-grid th.e-headercell[aria-sort=ascending] .e-headertext, .e-grid th.e-headercell[aria-sort=descending] .e-headertext, .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort=descending] .e-sortfilterdiv {
            color: #eee !important;
            font-weight: 700;
            opacity: 1;
        }

        .e-grid .e-input, .e-grid .e-input-group .e-clear-icon {
            color: #eee !important;
            border-color: #eee !important;
        }

        .e-grid .e-row:hover .e-rowcell,
        .e-grid .e-row.e-altrow:hover .e-rowcell {
            background-color: #fd390e !important;
            color: #eee;
        }

        .e-grid .e-row:hover .e-rowcell > i,
        .e-grid .e-row.e-altrow:hover .e-rowcell > i {
            background-color: #eee !important;
            padding: .5rem;
            border-radius: 100%;
        }

        .e-grid .e-rowcell{
            overflow: initial !important;
        }

        .e-filter-popup {
            border-radius: 1rem;
        }

        .e-filter-popup .e-dlg-content, .e-filter-popup .e-footer-content {
            background-color: rgb(31, 27, 45);
            color: #eee;
        }

        .e-flmenu .e-control.e-flmenu-okbtn {
            color: #fd5631 !important;
        }

        .e-flmenu .e-control.e-flmenu-cancelbtn {
            color: #eee;
        }

        .e-filter-popup .e-footer-content {
            border-top: 1px #eee solid !important;
        }

        .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
            background: rgba(255,255,255,0);
            border-color: rgba(255,255,255,.42);
            color: rgba(255,255,255,.54);
        }

        .e-flmenu-input::placeholder, .e-input::placeholder{
            color: #eee !important;
        }

.e-dialog, .e-dialog > * {
    background-color: rgb(31, 27, 45) !important;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: #fd390e !important;
}

        .e-grid .e-row.e-altrow .e-rowcell, .e-grid .e-row.e-altrow .e-detailrowcollapse {
            background-color: rgb(31, 27, 45) !important;
            color: #eee !important;
        }

        .e-grid .e-row .e-detailrowcollapse .e-icons::before,
        .e-grid .e-row.e-altrow .e-detailrowcollapse .e-icons::before {
            color: #eee !important;
        }

        .e-grid .e-row .e-rowcell, .e-grid .e-row .e-detailrowcollapse {
            background-color: rgb(var(--fi-dark-rgb)) !important;
            color: #eee !important;
        }

        .e-grid .e-gridpager, .e-grid .e-pagercontainer, 
        .e-grid .e-pagercontainer .e-disable {
            background-color: rgba(var(--fi-dark-rgb), var(--fi-bg-opacity)) !important;
            color: #eee;
        }

        .e-grid .e-gridpager .e-currentitem {
            background-color: #fd390e;
        }

        .e-grid .e-emptyrow .e-lastrowcell {
            background-color: rgba(var(--fi-dark-rgb), var(--fi-bg-opacity)) !important;
            color: #eee;
            text-align:center;
            padding:1rem;
        }

        .e-input-group input.e-input::placeholder, .e-input-group.e-control-wrapper input.e-input::placeholder,
        .e-input-group textarea.e-input::placeholder, .e-input-group.e-control-wrapper textarea.e-input::placeholder {
            color: #eee;
        }

        .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
            color: #fd390e;
        }

        .e-toolbar-items {
            background-color: rgba(var(--fi-dark-rgb), var(--fi-bg-opacity)) !important;
            color: #eee;
        }

        .e-tbar-btn {
            background-color: rgba(var(--fi-dark-rgb), var(--fi-bg-opacity)) !important;
        }

        .e-tbar-text, .e-tbar-btn-text, .e-icons, .e-dlg-header, .e-dlg-content, .e-footer-content, .e-label, .e-btn.e-flat {
            color: #eee !important;
        }

        .e-btn.e-flat.e-primary {
            color: #fd390e !important;
        }

        div:not(.e-checkbox-disabled) > .e-icons.e-check {
            background-color: #fd390e !important;
        }

        .e-toolbar, .e-toolbar .e-toolbar-items {
            height: 45px !important;
        }

        .e-popup{
            border-top: 1px #eee solid;
            border-left: 1px #eee solid;
        }

        .e-pager .e-prevpagedisabled, .e-pager .e-prevpage, .e-pager .e-nextpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled, .e-pager .e-lastpage, .e-pager .e-firstpage, .e-pager .e-firstpagedisabled {
            background-color: transparent !important;
            color: #000
        }

        .e-popup.e-popup-open{
            z-index: 1000 !important;
        }

        .e-popup, .e-dlg-header-content, .e-dlg-header, .e-dlg-content, .e-footer-content {
            /*background-color: rgba(var(--fi-dark-rgb), var(--fi-bg-opacity)) !important;*/
        }

        .e-grid .e-filtered::before {
            color: #fd390e;
        }

        .e-pager .e-prevpagedisabled, .e-pager .e-prevpage, .e-pager .e-nextpage, .e-pager .e-nextpagedisabled,
        .e-pager .e-lastpagedisabled, .e-pager .e-lastpage, .e-pager .e-firstpage, .e-pager .e-firstpagedisabled{
            background-color: transparent;
        }
        
        /*.e-detailrow {
            background-color: #fd390e;
            color: #eee !important;
        }*/
/* SyncFusion vége */


.card-nav-link.dropdown-toggle:not(.dropdown-toggle-split)::before {
    margin-left: 0rem;
    background-color: transparent;
}

.card-nav-link.collapsed i.fi-chevron-down {
    transform: rotate(0deg);

}

.card-nav-link i.fi-chevron-down {
    transform: rotate(-180deg);
}


/* BS DatePicker */
.datepicker.datepicker-dropdown {
    --fi-bg-opacity: 1;
    background-color: rgba(var(--fi-dark-rgb), var(--fi-bg-opacity)) !important;
    padding: 1rem;
}

        .datepicker.datepicker-dropdown thead tr {
            display:flex;
            justify-content: space-between;
        }

        .datepicker.datepicker-dropdown thead tr > th.prev{
            text-align:left;
            cursor: pointer;
        }

        .datepicker.datepicker-dropdown thead tr > th.next {
            text-align: right;
            cursor: pointer;
        }

        .datepicker.datepicker-dropdown > .datepicker-years tbody > tr > td {
            padding-top: .75rem;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            justify-content: space-between;
        }

        .datepicker.datepicker-dropdown tbody tr td > span {
            color: #eee;
            cursor: pointer;
            display: block;
            padding-right: .5rem;
            padding-bottom: .5rem;
        }
    /* BS DatePicker vége */


/*.e-input-group.form-control.form-control-list {
    display: block;
    width: 100%;
    padding: 0.575rem 1.125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #454056 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d5d2dc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    box-shadow: inset 0 1px 2px transparent;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.e-input-group.form-control.form-control-list > input {
    color: #454056 !important;
}*/

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, 
.e-input-group.e-control-wrapper textarea.e-input {
    font-size: 1rem;
}

.e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-input-group,
.e-float-input.e-control-wrapper, .e-float-input.e-input-group.e-control-wrapper,
.e-input-group-icon.e-ddl-icon.e-search-icon, .e-input-group-icon.e-ddl-icon.e-search-icon:hover,
.e-clear-icon, .e-float-input .e-clear-icon, .e-float-input.e-control-wrapper .e-clear-icon, .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon {
    color: #eee;
}

.e-popup{
    padding: 0rem;
}

.item-contact-person {
    font-size:1rem;
}

.e-list-item{
    margin-bottom: 0rem !important;
}

.e-active .item-contact-person {
    background-color: rgb(253, 86, 49) !important;
    color: #eee;
}

    .e-active .item-contact-person .text-primary {
        color: rgba(255, 255, 255, 0.65) !important;
    }

.e-flmenu{
    border: 1px #eee solid;
    border-radius: 0rem;
}

.text-opacity-100 {
    opacity: 1 !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg.navbar-light, .navbar-expand-lg.navbar-dark {
        background-color: #1f1b2d;
    }
}