html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 100%;
    }
}

nav.navbar .flex-grow-1 li.nav-item {
    border-right: 3px solid #437c90;
    transition: all .4s;
    font-weight: 600;
}

    nav.navbar .flex-grow-1 li.nav-item a {
        cursor: pointer;
        color: #437c90 !important;
    }

nav.navbar .flex-grow-1 li:first-child {
    border-left: 3px solid #437c90;
}

nav.navbar .flex-grow-1 li:hover {
    background-color: #437c90;
    color: #F7C548 !important;
    border-right: 3px solid #F7C548;
}

    nav.navbar .flex-grow-1 li:hover a {
        color: #F7C548 !important;
    }

.dx-button.cw-button-icon {
    border: none;
    background-color: transparent;
    color: black;
}



.e-container {
    position: fixed;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 300px;
    transition: right .3s ease-in-out;
    pointer-events: none;
    overflow-y: auto;
}

.ertesites-hide {
    top: 0;
    bottom: 0;
    right: -300px !important;
    animation: ert-hide .4s ease-in-out;
}

.ertesites-show {
    top: 0;
    bottom: 0;
    right: 0 !important;
    animation: ert-show .4s ease-in-out;
}

.ertesites-box {
    display: block;
    width: 270px;
    background: rgba(255,255,255, 0.8);
    box-shadow: 4px 4px 15px #dedede;
    animation: helo .24s ease-in;
    padding: 14px;
    font-weight: 700;
    font-size: 13px;
    margin-top: 12px;
    pointer-events: all;
    transition: all .3s ease-in-out;
    color: #fff;
    text-shadow: 1px 1px 3px #555
}

.e-success {
    background: #8fbc8fde;
}

.e-info {
    background: #6495edde;
}

.e-warning {
    background: #edcb64de;
}

.e-error {
    background: #ed8664de
}

.ertesites-delete {
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
    font-weight: 900;
}

    .ertesites-delete:hover {
        color: red;
    }


/* bizonylatlista elemei */

/*normál, nem rendelhető , átadva*/
.fs_fekete {
    color: black;
    background-color: lightgray !important;
}
/* felvéve, stornó*/
.fs_piros {
    color: white;
    background-color: red !important;
}
/* stornózott*/
.fs_narancs {
    color: white;
    background-color: orange !important;
}
/* beszerzés alatt*/
.fs_kek {
    color: white;
    background-color: deepskyblue !important;
}
/* üzletben*/
.fs_zold {
    color: black;
    background-color: greenyellow !important;
}
/*beérkezett*/
.fs_lila {
    color: white;
    background-color: indigo !important;
}
