:root {
    --minus_color: red;
    --plus_color: green;
}

.minus_color {
    color: var(--minus_color)
}

.plus_color {
    color: var(--plus_color)
}

.block {
    display: block !important
}

.flex {
    display: flex;
}

.flex-i {
    display: flex !important;
}

.f-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fd-col {
    flex-direction: column
}

.fd-col-r {
    flex-direction: column-reverse;
}

.fd-row {
    flex-direction: row;
}

.fd-row-r {
    flex-direction: row-reverse;
}

.flex-auto {
    flex: auto !important;
}

.jc-c {
    justify-content: center;
}

.jc-fs {
    justify-content: flex-start;
}

.jc-fe {
    justify-content: flex-end;
}

.jc-se {
    justify-content: space-evenly
}

.jc-sb {
    justify-content: space-between
}

.jc-sa {
    justify-content: space-around;
}

.ai-b {
    align-items: baseline !important;
}

.ai-c {
    align-items: center;
}

.ai-fe {
    align-items: flex-end;
}

.ai-fs {
    align-items: flex-start !important;
}

.f-wrap {
    flex-wrap: wrap;
}

.f-no-wrap {
    flex-wrap: nowrap !important;
}

.p1em {
    padding: 1em;
}

.p-lr-20px {
    padding-left: 20px;
    padding-right: 20px;
}

.p-l-r-1em {
    padding-left: 1em;
    padding-right: 1em;
}

.p-l-1em {
    padding-left: 1em;
}

.p-r-1em {
    padding-right: 1em;
}

.p-r-2em {
    padding-right: 2em;
}

.p-2-5px {
    padding: 2px 5px !important;
}

.p-5-10px {
    padding: 5px 10px !important;
}

.p-5-15px {
    padding: 5px 15px !important;
}

.p-10-15px {
    padding: 10px 15px !important;
}

.p-0-50px {
    padding: 0 50px
}

.p-5px {
    padding: 5px !important;
}

.p-10px {
    padding: 10px !important;
}

.p-20px {
    padding: 20px;
}

.p-40px {
    padding: 40px;
}

.ptb-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pt-4px {
    padding-top: 4px !important;
}

.pt-5px {
    padding-top: 5px !important;
}

.pt-10px {
    padding-top: 10px;
}

.pt-20px {
    padding-top: 20px !important;
}

.pb-5px {
    padding-bottom: 5px !important;
}

.pb-10px {
    padding-bottom: 10px
}

.pb-20px {
    padding-bottom: 20px
}

.pr-5px {
    padding-right: 5px !important;
}

.pr-10px {
    padding-right: 10px;
}

.pr-20px {
    padding-right: 20px;
}

.pr-30px {
    padding-right: 30px;
}

.pr-40px {
    padding-right: 40px;
}

.pl-5px {
    padding-left: 5px !important;
}

.pl-10px {
    padding-left: 10px;
}

.pl-20px {
    padding-left: 20px
}

.pl-30px {
    padding-left: 30px
}

.pl-40px {
    padding-left: 40px
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left-right,
.no-p-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-pl {
    padding-left: 0 !important;
}

.no-pr {
    padding-right: 0 !important;
}

.no-pt {
    padding-top: 0 !important;
}

.no-pb {
    padding-bottom: 0 !important;
}

.m-5px {
    margin: 5px;
}

.m-10px {
    margin: 10px;
}

.mt-5px {
    margin-top: 5px;
}

.mt-10px {
    margin-top: 10px;
}

.mt-15px {
    margin-top: 15px;
}

.mt-20px {
    margin-top: 20px;
}

.mt-40px {
    margin-top: 40px;
}

.mb-5px {
    margin-bottom: 5px;
}

.mb-10px {
    margin-bottom: 10px;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-40px {
    margin-bottom: 40px;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.ml-1px {
    margin-left: 1px !important;
}

.ml-5px {
    margin-left: 5px !important;
}

.ml-10px {
    margin-left: 10px;
}

.ml-15px {
    margin-left: 15px;
}

.ml-20px {
    margin-left: 20px;
}

.ml-30px {
    margin-left: 30px;
}

.ml-35px {
    margin-left: 35px;
}

.ml-40px {
    margin-left: 40px;
}

.mr-1px {
    margin-right: 1px !important;
}

.mr-5px {
    margin-right: 5px !important;
}

.mr-10px {
    margin-right: 10px;
}

.mr-15px {
    margin-right: 15px;
}

.mr-20px {
    margin-right: 20px;
}

.mr-30px {
    margin-right: 30px;
}

.mr-40px {
    margin-right: 40px;
}

.mlr-5px {
    margin-left: 5px;
    margin-right: 5px;
}

.mlr-10px {
    margin-left: 10px;
    margin-right: 10px
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top,
.no-mt {
    margin-top: 0 !important;
}

.no-margin-bottom,
.no-mb {
    margin-bottom: 0 !important
}

.no-margin-right,
.no-mr {
    margin-right: 0 !important;
}

.no-ml {
    margin-left: 0 !important
}

.m-auto {
    margin: auto !important;
}

.mb-t-5px {
    margin-top: 5px;
    margin-bottom: 5px;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.w-auto {
    width: auto !important;
}

.w5 {
    width: 5% !important;
}

.w10 {
    width: 10% !important;
}

.w12 {
    width: 12% !important;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20% !important;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30% !important;
}

.w33 {
    width: 33% !important
}

.w35 {
    width: 35% !important;
}

.w40 {
    width: 40% !important;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50% !important;
}

.w60 {
    width: 60% !important;
}

.w65 {
    width: 65% !important;
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%;
}

.w100 {
    width: 100% !important;
}

.fw-n {
    font-weight: normal !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.fs-9 {
    font-size: 9px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.bold {
    font-weight: bold !important;
}

.border-solid {
    border: 1px solid #EEE;
}

.border-right-solid {
    border-right: 1px solid #EEE
}

.border-solid-dark1 {
    border: 1px solid #9e9e9e;
}

.border-solid-gray {
    border: 1px solid #000000;
}

.border-solid-black {
    border: 1px solid #000000;
}

.border-top-solid {
    border-top: 1px solid #EEE !important;
}

.border-bottom-solid {
    border-bottom: 1px solid #EEE !important;
}

.border-alert {
    border: 5px solid red
}

.box-shadow-solid {
    box-shadow: 0 1px 2px -1px #091e4240, 0 0 0 1px #091e4214;
    -webkit-box-shadow: 0 1px 2px -1px #091e4240, 0 0 0 1px #091e4214;
}

.border-radius-solid {
    border-radius: 4px;
}

.transparent {
    color: transparent !important;
}

.white {
    color: #FFFFFF !important;
}

.black {
    color: #000000 !important;
}

.gray {
    color: gray !important
}

.bg-white {
    background: #FFFFFF !important;
}

.bg-black {
    background: #000000 !important
}

.bg-lightgray {
    background: #EEEEEE !important;
}

/**
*/
.buda_tooltip {
    position: relative;
    display: inline-block;
}

.buda_tooltip .buda_tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px
}

.buda_tooltip .buda_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.buda_tooltip:hover .buda_tooltiptext {
    visibility: visible;
    opacity: 1;
}

.point_container.expired .point {
    color: gray !important
}

.point_container.expired .point:before {
    content: 'Lejárt';
    margin-right: auto;
    color: gray;
}

@media only screen and (max-width: 600px) {
    .w100-m {
        width: 100% !important
    }

    .f-wrap-m {
        flex-wrap: wrap !important
    }
}