.tab-pane.active {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
div#rendelesek-listaja {
    flex-basis: 100%;
}
div#ugyfelek {
    flex: 1 0 300px;
    max-width: 300px;
    margin-right: 10px;
}
div#termekek {
    padding-left: 10px;
    border-left: solid 1px lightgray;
    flex: 1 0 300px;
    max-width: 300px;
}
div#ugyfelek-cim, div#termekek-cim{
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    color: #337ab7;
}
.js-form-item.form-item.js-form-type-number.form-type-number.js-form-item-mennyiseg.form-item-mennyiseg.form-no-label.form-group {
    display: flex;
    align-items: center;
}
.r-ugyfel, .r-termek {
    background-color: lightgray;
    height: 32px;
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
    margin-bottom: 10px;
    justify-content: center;
}
input#edit-actions {
    margin: 0;
    width: 100%;
}
input#edit-mennyiseg {
    max-width: 100px;
}
form#rendeles-form legend {
    display: none;
}
form#rendeles-form fieldset#edit-uj {
    margin: 0;
    display: none;
}
.r-cim {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    color: #337ab7;
}
.js-form-item.form-item.js-form-type-number.form-type-number {
    display: flex;
    justify-content: center;
    align-items: center;
}
div#prefix-termeknev {
    margin-right: 5px;
    line-height: 1.1;
}
form#rendeles-form {
    flex-basis: 100%;
    max-width: 800px;
}
div.prefix-termeknev {
    margin-right: 5px;
    line-height: 1.1;
    background-color: lightgray;
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
span.field-prefix {
    width: 100%;
    margin-right: 10px;
}
div.suffix-mennyiseg {
    margin-left: 5px;
    display: flex;
    align-items: center;
}
.subtotal {
    margin-left: 25px;
    line-height: 1.1;
    width: 100px;
    background-color: lightgray;
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: flex-end;
    padding-right: 5px;
}
input[id^="edit-"] {
    width: 100px;
    text-align: right;
    padding: 0;
    font-size: 24px;
}
input#edit-datum {
    width: 160px !important;
    margin: 0 auto !important;
    font-size: 14px !important;
}
input#edit-actions {
    text-align: center !important;
    font-size: 16px !important;
    padding: 5px !important; 

}
div#total {
    line-height: 1.1;
    width: 100px;
    background-color: gray;
    height: 30px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: flex-end;
    padding-right: 5px;
    color: white;
}

input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button { 
    margin-left: 10px; 

} 
input[type=number] {
    -moz-appearance:textfield;
}
span.nan {
    color: red;
    font-weight: 700;
}
div#ugyfelek-responsive {
    display: none;
}
div#ugyfel-nyil {
    text-align: center;
    cursor: pointer;
    font-size: 18px;
}
div#ugyfelek-responsive {
    width: 100%;
}
.r-ugyfelnev {
    display: flex;
    width: 100%;
    padding: 5px;    
    border-bottom: solid 1px lightgray;
    justify-content: center;
}
.r-ugyfelnev:hover {
    background-color: #f4f4f4;
    cursor:pointer;
}
div#r-ugyfel {
    background-color: lightgray;
    padding: 5px;
    text-align: center;
}
div#total-line {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}
div#total-text {
    margin-right: 20px;
}
.disc {
    font-size: 18px;
    cursor: pointer;
    color: lightgray;
}
.disc:hover {
    color: red;
}
input.discount-value {
    font-size: 14px; 
}
.negative-number {
    background-color: #ffc3c3;
}
.positive-number {
    background-color: #daf2da;
}
.prefix-discount {
    text-align: right;
    padding-right: 10px;
}
span.field-suffix {
    display: flex;
    justify-content: center;
    align-items: center;
}
[id^="kg-"] {
    padding: 0 5px;
    cursor: pointer;
    color: #ccc;
    width: 27px;
}
.kg-aktiv {
    color: green!important;
}
.no-kg {
    width: 27px;
}
.darab {
    margin-right: 27px;
}