.sidebar .nav-links li a .link_name {
    font-size: inherit;
}

.home-section {
    margin-top: 3px;
}

.sidebar .logo-details .logo_name {
    font-size: 25px;
}

.sidebar .nav-links li .sub a, .sidebar .nav-links li .sub-menu a {
    padding: 0;
}

.sidebar .logo-details .logo_name {
    text-transform: none;
    text-decoration: none;
}

.sidebar .logo-details .sidebarhamburger {
    top: 0;
}

@keyframes pulse {
    0% {
        opacity: .5
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes purse {
    0% {
        height: 150px
    }

    to {
        height: 160px
    }
}

@keyframes purse {
    0% {
        height: 150px
    }

    to {
        height: 160px
    }
}


.f-border {
    border-radius: 5px;
    border: 1px solid silver;
}

.f-grid {
    display: grid;
    row-gap: 2px;
    margin-top: 0;
    margin-bottom: auto;
}

fieldset[disabled] .fselect-list, .fselect-list:disabled {
    background-color: #eee;
    opacity: 1;
}

.msg-notif {
    color: red;
    animation: pulse 0.8s infinite
}

body {
    background: #fff;
    width: 100%;
    font-size:13px;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: normal
    }
}


.no-gutterslabel {
    margin-left: 0;
    margin-right: 0
}

.ugyfcim-select {
    max-width: 150px;
}


.row.ugyfcontent span[class^="col"], .row.ugyfcontent div[class^="col"], .row.ugyfcontent label[class^="col"] {
    padding-right: 5px
}

select.fselect-list.ugyfcim-tab {
    margin-left: 0;
    width: 60%;
}

.szerk-fej.collapse.in {
    display: flex;
}

.szerk-fej-megj {
    resize: none;
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: 60px
}

.szerk-fej table td {
    padding: 2px 5px;
}

.szerk-fej table {
    height: fit-content;
    position: relative;
}

.szerk-fej {
    width: 100% !important;
    background: white;
    padding: 4px;
}

.cim-box {
    max-width: 260px;
    margin-top: 0
}

.ugyfcimek {
    row-gap: 3px;
    max-width: 600px;
    margin: auto
}

.ugyfelcimek, .szerk-fej {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

    .ugyfelcimek label {
        padding: 2px 7px 0px 0px
    }

    .ugyfelcimek .cimek {
        max-width: 300px;
        float: left
    }

        .ugyfelcimek .cimek span {
            line-height: 2rem
        }




.btn-link, a {
    color: #0366d6
}

.btn-primary {
    background-color: #1b6ec2;
    border-color: #1861ac;
    color: #fff
}

app {
    display: flex;
    flex-direction: column;
    position: relative
}

.top-row {
    align-items: center;
    color: #fff;
    display: flex;
    height: 6rem
}

.main {
    flex: 1;
    width: 100%
}

    .main .top-row {
        border-bottom: 1px solid #d6d5d5
    }

        .main .top-row .btn-link, .main .top-row > a {
            margin-left: 1.5rem;
            white-space: nowrap
        }

        .main .top-row a:first-child {
            overflow: hidden;
            text-overflow: ellipsis
        }

.sidebar .navbar-brand {
    font-size: 1.1rem
}

.sidebar .nav-item {
    font-size: 2rem;
    padding-bottom: .5rem
}

    .sidebar .nav-item:first-of-type {
        padding-top: 1rem
    }

    .sidebar .nav-item:last-of-type {
        padding-bottom: 1rem
    }

    .sidebar .nav-item a {
        align-items: center;
        border-radius: 4px;
        color: #fff;
        display: flex;
        font-size: 12px;
        height: 3rem;
        line-height: 3rem;
        margin-top: -5px
    }

.content {
    margin-bottom: 20px;
    margin-top: 0
}

.navbar-toggler {
    background-color: rgba(255,255,255,.1)
}

/*.valid.modified:not([type=checkbox]) {
    outline: 0
}*/

.invalid {
    outline: 1px solid red
}

#blazor-error-ui {
    background: #ffffe0;
    bottom: 0;
    box-shadow: 0-1px 2px rgba(0,0,0,.2);
    display: none;
    left: 0;
    padding: .6rem 1.25rem .7rem;
    position: fixed;
    width: 100%;
    z-index: 1000
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: .75rem;
        top: .5rem
    }

@media (max-width:767.98px) {
    .main .top-row:not(.auth) {
        display: none
    }

    .navbar-toggler {
        float: left;
        margin-top: 20px;
        position: absolute
    }

    .main .top-row.auth {
        justify-content: space-between
    }

    .main .top-row .btn-link, .main .top-row a {
        margin-left: 0
    }

    .rnd_table_2 {
        border: 1px solid #000
    }
}

@media (min-width:768px) {
    app {
        flex-direction: row
    }

    .main .top-row {
        height: 45px;
        position: sticky;
        top: 0
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important
    }

    .navbar-toggler {
        display: none
    }

    .sidebar .collapse {
        display: block
    }
}

.scrolltotop {
    background-color: #000;
    border: 0;
    display: none;
    border-radius: 8px 8px 0 0;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    height: 25px;
    position: fixed;
    right: 18px;
    text-align: center;
    width: 42px;
    z-index: 100
}


/*.fselect-list, button.btn.folyoszCloseBtn, p.ceg_nev, p.pu_egy {
    margin: auto
}*/
caption.loader {
    width: 30px;
    height: 30px;
}

.fixedtdcollapse .collapse-btn {
    line-height: 2;
    margin-left: 0;
    width: 40px;
    text-align: center
}


/*form#rndedit .more-tables .response {
    max-height: calc(100vh - 29rem)
}*/

.more-tables #grid-tools, .no-more-tables #grid-tools {
    padding-bottom: 4px;
    top: 32px
}

.editor_nav.toolbar ~ .more-tables #grid-tools, .editor_nav.toolbar ~ .no-more-tables #grid-tools {
    top: 59px
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button
}

.form-control, .form-control-label, input, select, textarea {
    background: #fff
}

.img {
    animation: pulse .5s infinite;
    animation-delay: 2s;
    animation-direction: alternate;
    display: block;
    height: 150px;
    margin: 15%auto 0;
    width: auto
}

.search-div {
    align-items: center;
    border: 1px solid silver;
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap
}

    .search-div input {
        border: 0
    }

    .search-div i {
        cursor: pointer;
        font-size: 16px;
        margin-right: 5px
    }

.collapse:is(.in) {
    display: block
}

legend {
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

ul.validation-errors {
    background: #fff;
    border-radius: 5px;
    font-size: 13px;
    list-style: none;
    margin-right: 5px;
    padding: 5px
}

.vtsz_edit {
    background: #fff;
    line-height: 22px;
    padding: 4px;
    width: 400px
}

.ana_Edit_Form .fa-edit {
    cursor: pointer;
    font-size: 17px;
    margin: auto
}

.input_div, .input_div table tr td {
    padding: 3px;
    vertical-align: middle;
}

.input_div {
    background: #fff;
    border-radius: 6px;
    min-width: 0;
    height: fit-content;
}

button.btn.btn_cancel.other_navigate {
    float: left;
    margin: 4px
}

.ana_Edit_Form {
    align-content: center;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 820px
}

.disabledDiv {
    opacity: .4;
    pointer-events: none
}

fieldset:disabled .U.Sz-egyeb, fieldset:disabled .U.U-szamla, fieldset:disabled .input_div.szamlaz, fieldset:disabled .szamlaz table.rnd_table.r {
    background: #a9a9a9
}

select.form-control-label.ugyf_arlist {
    width: 195px
}

.enabled_cookie_hide {
    background-color: rgba(0,0,0,80%);
    display: flex;
    height: 100%;
    padding: 10%0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1001
}

.szamlatip_ki_be {
    color: #000;
    font-size: 12px;
    height: 30px;
    margin: auto;
    padding: 5px;
    text-align: center
}

.jelolesek label {
    height: 25px;
    padding: 5px
}

.jelolesek .form-control-label {
    margin-left: 4px
}

.jelolesek {
    display: flex
}

    .jelolesek div {
        border: 0;
        border-radius: 5px;
        color: #fff;
        font-size: inherit;
        margin-left: 3px;
        padding: 3px
    }

.szamlatip, div#menu1 {
    background-color: #f5f5f5
}

button.szamlatipDelete {
    background: 0 0;
    border: 0;
    font-size: 26px;
    outline: 0
}

table.szamlatip tr th {
    text-align: center
}


div.folyoszamla {
    background-color: #fff
}

.folyoszamla_trigger {
    background: 0 0;
    border: 0;
    font-size: 25px;
    outline: 0;
    padding: 0
}

    .folyoszamla_trigger:focus {
        outline: 0
    }

#f-fmod {
    width: 101px
}

#f-hatarido {
    width: 127px
}

.container {
    background-color: #fff
}


.enabled_cookie {
    color: #fff;
    margin: auto
}

.dateInvalid {
    background-color: red
}

.arlist, .form-group input {
    width: 200px
}

tr.rnd_table_tr {
    border: 1px solid;
    height: 128px;
    margin: auto;
    overflow: auto;
    text-align: start;
    width: 226px
}

.login-form {
}

.h1_login_tag {
    border-radius: 11px 11px 0 0;
    color: #fff;
    font-size: 20px;
    margin: 100px auto auto;
    padding: 5px;
    text-align: center;
    width: 300px
}

.menu_table.U-egyeb {
    margin-left: 0
}

.nav-tabs {
    background-color: #f5f5f5;
    text-align: center
}

button.btn.close_btn {
    color: #fff;
    line-height: 0;
    margin: 0
}

.BackBtn button.plus.radius {
    margin-left: 88px
}

.nav {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #fff;
    border: 1px solid silver;
    border-bottom-color: transparent;
    color: #000;
    cursor: default
}

.nav-tabs > li > a {
    border: 1px solid silver;
    border-radius: 4px 4px 0 0;
    color: #000;
    line-height: .6;
    padding-left: 5px;
    padding-right: 0
}

.e-grid .e-rowcell {
    border-style: solid;
    border-width: 1px 0 0;
    display: table-cell;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    padding: 7px 12px;
    vertical-align: middle;
    white-space: nowrap;
    width: auto
}

button.btn.btn-primary.close-kapcs-btn {
    float: right;
    margin-left: 7px;
    width: 73px
}

button.btn.btn-secondary.ok-kapcs-btn {
    float: right;
    width: 60px
}

.btn_rnd_ugyfel:focus {
    color: #fff
}

button.minus.radius {
    background-color: red;
    border: 0;
    color: #fff;
    font-size: 19px;
    height: auto;
    line-height: 0;
    margin: auto;
    width: auto
}

button.newcoll.btn.btn-primary {
    width: 57px
}

.folyoszamla_table {
    max-height: 500px;
    min-height: auto;
    overflow: auto;
    width: auto
}

    .folyoszamla_table tbody tr td {
        width: 100px
    }

    .folyoszamla_table thead th {
        background-color: #f4a460;
        color: #fff;
        font-size: 15px;
        position: sticky;
        text-align: center;
        top: 0
    }

.vego {
    font-weight: 800;
    margin-top: 6px;
    text-align: right;
    width: 100%
}

.folyoszamla_table .form-control {
    height: 26px
}

.nincs_puf {
    font-size: 30px;
    padding: 50px
}

.puf_cegnev {
    float: left
}

/*.grid-container {
    align-content: start;
    display: inline;
    grid-gap: 10px;
    grid-template-columns: auto auto;
    height: 300px;
    padding: 10px
}*/

.grid-container > div, table#puf_ossz_table tr td, table.menu_table.kapcs_table tbody {
    text-align: center
}

.card {
    border: 0;
    border-radius: 0 0 11px 11px;
    box-shadow: 0 8px 10px silver;
    margin: auto;
    width: 300px
}
.editorform.bigform {
    width: 100%;
    display: block;
    max-width: 100%;
    width:100%;
    padding: 0;
}
.editorform {
    padding:12px;
    display:grid;
    gap:5px;
    width:fit-content;
    max-width:1500px;
}

.formbuttons .btn {
    margin: 0 2px
}

.btn {
    line-height: 16px;
    margin-top: 10px;
    font-size:0.75rem
}

    .btn:hover {
        background-color: #cd853f
    }

h5 {
    font-size: 13px
}

.login_error {
    color: #000;
    font-size: 14px;
    height: fit-content;
    padding: 2px;
    text-align: center;
    margin:auto;
}

#email, #password {
    max-width: 100%;
    outline: 0;
    width: 275px
}

.main .top-row {
    justify-content: flex-start;
    z-index: 99
}

.alapot_tag {
    background: rgba(0,0,0,.5);
    margin: 0;
    padding: 6px;
    text-align: center
}

.loading_ceg {
    font-size: 35px;
    text-align: center
}

.menu_bar {
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left
}

.kapcs_table_div {
    max-height: 441px;
    min-height: auto;
    overflow: auto
}

.bar1, .bar2, .bar3 {
    background-color: #ffff;
    height: 5px;
    margin: 6px 0;
    transition: .4s;
    width: 35px
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px,6px);
    transform: rotate(-45deg) translate(-9px,6px)
}

.change .bar2 {
    opacity: 0
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px,-8px);
    transform: rotate(45deg) translate(-8px,-8px)
}

.rendeles_edit_table {
    background-color: #0ff;
    border: 1px solid #000
}

    .rendeles_edit_table tr td {
        border: 1px solid #000;
        width: 60px
    }

.navbar-toggler {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 20px
}

#combobox-36cee499-714b-4a36-a253-3a685f35de10, .rnd_combo {
    width: 150px
}

.combo_rnd {
    width: 100%
}
/*.Sz-szamlaszam-container input {
    max-width: 75px;
    width: 100%;
}*/
.rnd_mikor {
    width: 150px
}

.combo_pnem {
    width: 100px
}

.nav_brand_text {
    font-size: 20px;
    margin: auto auto 25px
}

.change_ceg_div, .h1_tag_ceg {
    width: 361px
}

.passchange {
    width: 100%;
    max-width:250px
}

.change_ceg_div {
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    color: #000;
    margin: auto;
}

    .change_ceg_div tr td {
        padding: 6px
    }

.rendeles_div, .szamla_div {
    background-color: #fff;
    overflow-x: auto;
    overflow-y: auto
}

.szamla_div {
    height: 345px;
    margin: 6px auto auto;
    max-width: 945px;
    min-width: 726px;
    width: 726px
}

.rendeles_div {
    height: calc(100vh - 307px);
    margin: auto;
    width: 100%
}

.btn_rnd_ugyfel {
    color: #fff;
    margin-top: 0;
    width: auto
}


.rendeles_div thead th {
    position: sticky;
    top: 0
}

.rnd_edit tr td {
    border: 1px solid #000
}

.rnd_edit {
    width: 100%
}

#cegeve, #cegname {
    float: right;
    width: 100%
}

table.vego {
    background-color: #f5f5f5
}

.folyosz_div, table.vego {
    margin: auto;
    max-width: 903px;
    min-width: auto
}

.folyoszamla_table {
    background-color: #fff;
    max-width: 903px;
    min-width: auto
}

.h1_tag_ceg {
    border-radius: 11px 11px 0 0;
    font-size: 20px;
    margin: 100px auto auto;
    padding: 5px;
    text-align: center
}

.rnd_edit, legend {
    margin: auto
}

    .menu_table tr td, .rnd_edit tr td {
        padding: 5px
    }

.form_inline {
    align-items: center;
    clear: both;
    display: inline-flex;
    flex-flow: row;
    margin: -15px auto auto
}

.form_menu_table {
    margin-top: 2px
}

.form_inline_gongy {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    font-size: 12px;
    margin: 0 auto;
    text-align: center
}

.ugyfel_valaszt {
    width: 100px
}

.btn_cancel {
    margin-left: 10px
}

.btn {
    color: #fff;
    outline: 0;
    width: auto
}

#mba, #mikor {
    padding-right: 0;
    width: 205px
}

#mikor {
    padding-left: 4px
}

.adat_textarea {
    resize: none
}

.form_inline .input_div {
    border-radius: 6px;
    font-size: 12px;
    height: fit-content;
    margin: 5px;
    vertical-align: middle
}

.form_menu_table .input_div {
    height: auto
}

.input_div.altalanos {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -1px 5px 5px silver;
    margin-left: 15px;
    margin-top: 0;
    width: 300px
}

#U-irsz {
    width: 70px
}

#U-varos {
    float: right;
    width: 143px
}

#U-bank {
    width: 160px
}

.U-ado-field {
    background-color: #90ee90;
    border-radius: 4px;
    max-width: 290px
}

.U-eng {
    background-color: #deb887
}

.U-eng-w {
    width: 307px
}

.U-yellow {
    background-color: #ff0
}

.U-lightblue {
    background-color: #a6caf0
}

.U-legend {
    font-size: 14px;
    margin: auto
}

.U {
    border-radius: 4px
}

.U-fizet-field {
    background-color: #add8e6;
    max-width: 290px;
}

.U-inaktiv {
    background-color: silver
}

.U-adatok-field {
    background-color: #7fffd4
}

.U-elekt-field {
    background-color: #f08080;
    width: 100%
}

.U-korny-field {
    background-color: #8fbc8f
}

#U-swift {
    width: 60px
}

span.e-control-wrapper.e-mask.e-input-group.form-control.e-valid-input {
    height: 25px;
    padding: initial
}

.breadcrumb {
    border-radius: 7px 7px 0 0;
    color: #fff;
    margin: auto;
    padding: .3rem 1rem;
    text-shadow: 0 2px 7px #000
}

table.menu_table.e_szamla {
    border-radius: 4px;
    padding: 5px;
    width: 100%
}

.inaktiv input {
    margin-top: 0;
}

.inaktiv {
    align-items: center;
    background-color: #a52a2a;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: fit-content;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: break-spaces;
    width: fit-content
}

.U-e_szamla {
    background-color: #bc8f8f
}

.U-szamla {
    background-color: #90ee90;
    margin: auto;
    margin-top: 0;
}

.input_fizet-H.valid {
    width: 40px
}

legend.e_szam_leg {
    color: #f5deb3;
    font-size: 17px;
    margin: auto;
    text-align: center
}

input.form-control.valid {
    color: #000
}

.input_div.altalanos1 {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 5px 5px 5px silver;
    margin-bottom: 15px;
    margin-top: 0
}


.input_div select, .input_div textarea {
    font-size: 13px;
    padding: 1px;
    text-decoration: none
}

.input_div textarea {
    height: 75px;
    resize: none;
    width: 100%
}

.ado-field2 {
    margin-right: -110%;
    margin-top: 24px
}

@media (min-width:500px) {
    .inaktiv {
        margin-left: auto
    }
}

@media (max-width:500px) {

    .form_inline {
        align-items: stretch;
        flex-direction: column;
        height: auto;
        width: auto
    }

    .kod_td, .kod_th {
        display: none
    }

    .rnd_table_modal thead tr .megn_th {
        width: 178px
    }

    input.form-control.input_megnev.valid {
        box-shadow: 2px 3px 6px silver;
        padding-right: 0;
        width: 178px
    }

    .megn_th {
        background-color: #2f4f4f;
        margin-top: -8px
    }

    .input_megnev_td {
        background-color: #f5f5f5
    }

    .input_div {
        height: auto
    }
}

.edit_form {
    align-items: stretch;
    background: rgba(112,255,255,.5);
    display: flex;
    flex-direction: inherit;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    margin: auto;
    min-width: auto;
    padding: 5px
}

@media (max-width:1040px) {
    .form_inline {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        flex-flow: wrap;
        height: auto;
        margin: auto;
        padding: 10px;
        width: auto
    }
}

.row.ugyfcontent span[class^="col"], .row.ugyfcontent div[class^="col"], .row.ugyfcontent label[class^="col"] {
    padding-left: 0;
}

@media (max-width:800px) {
    .form_inline.form_menu_table.form_menu_grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,348px);
        grid-template-rows: repeat(200px)
    }

    .formcontent, .cim-box {
        margin: auto;
    }

    .form_inline {
        align-items: stretch;
        display: flex;
        flex-flow: wrap;
        height: auto;
        padding: 10px;
        width: auto
    }
}
.arak-collapse-body .response, .szkl-collapse-body .response {
    max-height: 280px;
}

.f-collapse-body.gongy-collapse-body {
    min-width: 200px;
}
.gongyoleg-szamol-beallit {
    padding: 5px;
}
.gongyoleg-collapse-vegosszeg-title {
    background: lightgray;
}
.gongyoleg-collapse-vegosszeg-title {
    width: 100%;
    padding: 3px;
    margin: 1px 0;
}
@media (max-width:700px) {
    .form_inline.form_menu_table.form_menu_grid {
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit,100%);
        grid-template-rows: repeat(200px)
    }

    .f-collapse-body.arak-collapse-body, .f-collapse-body.szkl-collapse-body {
        width: 300px;
    }
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    outline: 0
}

@media (max-width:630px) {
    .input_div.szamlaz {
        justify-content: center
    }
}

@media (max-width:660px) {
    .input_div.altalanos {
        margin-left: auto
    }

    .form_inline {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        flex-flow: wrap;
        height: auto;
        padding: 10px;
        width: auto
    }
}

.rnd_table_csop_grup, .szl_table_csop_grup {
    overflow: auto;
    width: auto
}

.rnd_table tr td {
    padding: 2px;
    width: auto
}

.input_div.flexbox {
    height: 150px;
    overflow: auto;
    width: 386px;
    position: relative;
}

.rnd_container, .szl_container {
    border-radius: 1px;
    color: #fff;
    height: auto;
    margin: auto;
    max-width: 100%;
    padding: 3px
}

.rnd_select_table {
    background-color: transparent;
    color: #fff;
    margin: auto;
    width: 100%
}

    .rnd_select_table tr:first-child {
        border-radius: 15px
    }

.select.form-control-label.form-control {
    padding: 0
}

.e-popup, .loader {
    margin: auto
}

.loader {
    animation: purse .5s linear infinite;
    border-radius: 50%;
    height: 120px;
    padding: 10px 0;
    text-align: center;
    width: 120px
}

.img.spinner-logo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto
}

.loadingio-spinner-rolling-g4urndt83r h1 {
    font-size: 20px;
    text-align: center
}

.loadingio-spinner-rolling-g4urndt83r {
    background-color: transparent;
    color: #fff;
    height: 300px;
    margin: auto;
    text-align: center;
    width: 250px
}

.loadingio-spinner-rolling-g4urndt83r-fade {
    background-color: rgba(0,0,0,40%);
    display: flex;
    height: 100%;
    padding: 10%0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999
}

.rnd_table_modal {
    background-color: #fff;
    margin: auto;
    width: 100%
}

    .rnd_table_modal thead tr th {
        background-color: #2f4f4f;
        color: #fff;
        font-size: 12px;
        padding-top: 1px;
        text-align: center;
        vertical-align: middle;
        z-index: 1
    }

.nincs_rendeles_csop_tag {
    color: #000;
    font-size: 22px;
    margin: auto;
    text-align: center
}

.select_rnd_table_modal, .select_szl_table_modal {
    margin: auto;
    width: 100%
}

.eng_td {
    width: 70px
}

.kod_td, .mennyi_td {
    width: 52px
}

    .ear_td input, .eng_td input, .kod_td input, .mennyi_td input, .szabki_td input {
        text-align: right
    }

.ear_td {
    width: 70px
}

.szabki_td {
    width: 75px
}

.lot_td, .tol_td {
    width: 90px
}

.btn:hover {
    color: #fff
}

.szamitas_table {
    border: 1px solid #000
}

.szum_gongy {
    align-items: center;
    border: 1px solid;
    display: flex;
    flex-flow: row wrap;
    height: 25px;
    margin: auto auto auto 20px;
    width: 600px
}

.ugyfel_valaszt_adat {
    border: 1px solid silver;
    border-radius: 6px;
    height: 71px;
    overflow: auto;
    overflow-wrap: break-word;
    width: 500px
}

.szum_gongy p:first-child {
    margin-right: 20px
}

.g_div {
    border-radius: 2px;
    margin: auto auto auto 11px
}

.csop_keres {
    font-size: 13px;
    margin: 8px auto auto
}

    .csop_keres:first-child {
        font-size: 12px;
        margin: auto 11px auto 0
    }

    .csop_keres:last-child {
        margin-left: 0
    }

.radius {
    border: 0;
    border-radius: 50%;
    outline: 0;
    padding: 12px
}

#mba {
    font-size: 13px;
    padding-left: 0
}

.fox_grid_search {
    border: 1px solid silver;
    border-radius: 6px;
    height: 20px;
    outline: 0;
    padding: 4px;
    vertical-align: text-top;
    width: 200px
}

#fmod {
    width: auto
}



.higlight_text {
    font-weight: 600
}

button.btn.collapse-btn:focus {
    color: #000
}

button.btn:focus {
    color: #fff
}

.folyoszamla_table tbody tr td .form-control {
    background-color: transparent
}

.folyoszamla_table tbody tr:nth-child(even) {
    background-color: #fcf1de
}

.e-altrow {
    background-color: #fcf1de
}

.szum_tn {
    margin-right: 10px;
    text-align: left;
    width: 110px
}

.szum_tn2, .szum_tn_ {
    border: 1px solid #000
}

.szum_tn_ {
    margin-left: -20px;
    margin-right: 10px;
    max-width: 120px;
    text-align: right;
    width: 90px
}

.szum_tn2 {
    text-align: left;
    width: 200px
}

.szum_tn_2 {
    border: 1px solid #000;
    display: inline-block;
    float: right;
    max-width: 120px;
    text-align: right
}

.gongy_table, .table_state ul {
    padding: 0
}

ul.nav.nav-tabs.ugyfcimek li a {
    background: #fff;
    border: 1px solid silver;
    border-radius: 5px;
    margin: 2px
}

    ul.nav.nav-tabs.ugyfcimek li a:hover {
        background-color: #6495ed;
        color: #fff
    }

    ul.nav.nav-tabs.ugyfcimek li a.active {
        background-color: #065392;
        color: #fff
    }

table.gongy_table tr td:last-child {
    font-weight: 600
}

.gongy_table tr td {
    padding: 2px;
    text-align: left;
    white-space: nowrap;
    width: 100%
}

    .gongy_table tr td:nth-child(2), .gongy_table tr td:nth-child(4) {
        text-align: right
    }

    .gongy_table tr td:nth-child(1), .gongy_table tr td:nth-child(3) {
        text-align: left
    }

.e-input-group.e-control-wrapper.e-success, .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-success, .e-input-group.e-success:not(.e-float-icon-left) {
    border-color: #d2691e
}

.change_ceg_div tr:nth-child(1) td:first-child, .change_ceg_div tr:nth-child(2) td:first-child {
    text-align: left;
    width: 110px
}

.change_ceg_div tr:nth-child(1) td:last-child, .change_ceg_div tr:nth-child(2) td:last-child {
    width: 250px
}

#csop {
    height: 26px;
    padding: 0
}

.h5_tag_changepass {
    border-radius: 15px 15px 0 0;
    font-size: 18px;
    margin: 100px auto auto;
    padding: 6px;
    text-align: center
}

.egyeb {
    width: 100px
}

.rnd_table_modal tbody tr td .form-control {
    font-size: 13px;
    min-width: 100%;
    padding: 2px
}

.e-pager .e-numericitem {
    background: #fff8dc;
    border-right-color: #ddd;
    color: #000
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background-color: #b22222;
    color: #fff;
    opacity: 1
}

.e-pager div.e-icons {
    background-color: #b22222;
    color: #fff
}

.PassChangeError {
    float: right;
    font-size: 12px;
    padding: 5px;
    text-align: center
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.mdc-text-field--filled {
    height: 30px;
    width: 205px
}

table.menu_table.U-napok {
    margin-left: 0
}

.U-hit {
    width: 200px
}

input.U-peld.valid {
    width: 38px
}

.kapcsolatok, input.U-peld.valid, input.input_fizet-H.valid {
    background-color: #fff
}

input.U-hit.valid {
    text-align: right;
    width: 131px
}

.form_inline.form_menu_table {
    background-color: #f5f5f5;
    border-radius: 6px;
    padding-top: 10px
}

.input_div.altalanos3, .input_div.altalanos4 {
    background-color: #fff;
    box-shadow: 0 0 10px silver
}

.input_div.altalanos3 {
    border-radius: 6px;
    margin-left: 13px;
    width: auto
}

.kapcsolatok {
    height: 121px;
    max-width: 626px;
    min-width: auto;
    overflow: auto
}

.input_div.altalanos4 {
    max-height: 121px;
    min-height: auto;
    width: 625px
}

.kapcs_table thead th {
    background-color: #fff;
    border-bottom: 2px solid silver;
    color: #000;
    font-size: 14px;
    padding: 6px;
    position: sticky;
    text-align: center;
    top: 0
}

.rend_sz {
    color: #000
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    width: 119px
}

button.newcoll {
    background-color: #add8e6;
    border: 0;
    border-radius: 2px;
    float: right;
    min-height: 52px;
    outline: 0
}

.input_div.alt5 {
    height: max-content;
    margin-left: 20px;
    margin-top: 0
}

.ostermelo {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: -1px 5px 5px silver;
    margin: 0 auto 15px 15px;
    padding: 20px;
    width: 365px
}

.rnd_selector {
    background-color: #f5f5f5;
    border-radius: 0 0 10px 10px;
    margin: auto;
    width: auto
}

.fa-cog {
    background: 0 0;
    border: 0;
    border-radius: 31px;
    font-size: 31px;
    outline: 0;
    padding: 0
}

.folyoszCloseBtn {
    color: #fff
}

.gongyoleg {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px silver;
    font-size: 12px;
    height: 51px;
    margin-left: 22px;
    margin-right: 8px;
    margin-top: 10px;
    max-width: 236px;
    min-width: auto;
    overflow: auto;
    padding: 8px
}

.f-collapse {
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    outline: 0;
    margin-left: auto;
    width: 30px;
    padding: 6px;
    right: 0;
    z-index: 100;
}

button.btn_gongy {
    top: 32px;
}

.btn_close, button.btn.btn_cancel, button.btn.btn_gongy {
    color: #fff;
    margin: 0 auto 0 0;
    width: auto
}

.btn_navigate_back {
    text-decoration: none;
    cursor: pointer;
    color: white;
    padding:1px 8px;
    border: 2px solid white;
    border-radius: 5px;
    display:block;
    margin:auto;
}

.btn_navigate_back:focus {
    border: 0;
    outline: 0
}

button.btn {
    height: 19px;
    line-height: 0;
    margin: initial
}

    button.btn:focus {
        outline: 0
    }

.modal {
    background-color: rgba(0,0,0,.5)
}
.client_header_title {
    color: black;
    background-color: white;
    padding: 4px 10px;
    white-space: pre;
    margin:auto;
    margin-left: 10px;
}
.client_header {
    position: relative;
    display: inline-flex;
    font-size:1rem;
}

.editorform .tab-content {
    padding: 3px;
    width: 100%
}

.fhm button {
    margin: auto;
    width: auto
}

.fhm {
    display: flex;
    gap: 5px
}

table.gongy_table {
    display: flex;
    flex-direction: column;
    width: auto
}

.gongy_ossz_div {
    max-height: 50px;
    min-height: auto;
    width: 111px
}

    .gongy_ossz_div p {
        float: left;
        margin-left: 13px;
        margin-right: 5px
    }

table.table-striped.table-sm.ResizeAndMove td {
    border-left: 2px solid silver
}

.custom-control-label, a.page-link {
    cursor: pointer
}

.input_div.szamlaz {
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 1px;
    width: auto;
    max-width: 660px;
    background-color: transparent;
}

.Szamlaz-t-div table tr th {
    border: 1px solid;
    font-size: 12px;
    padding: 7px
}

.Szamlaz-t-div {
    background: #008b8b;
    color: #fff;
    max-height: 250px;
    min-height: auto;
    width: 1850px
}

.Szamlaz-div {
    background: #5f9ea0;
    border-radius: 6px;
    overflow: auto;
    padding: 9px
}

.cimek {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.statusz span {
    border-radius: 15px;
    color: #fff;
    margin-left: 2px;
    padding: 3px 0
}

select.form-control-label {
    color: #000;
    outline: 0
}


.Sz-szamlaszam {
    font-weight: 600;
}

.Sz-szamlaszam-container {
    display: flex;
    gap: 3px;
}

.menu_table {
    margin: 2px auto auto;
    transition: 2s;
    width: 100%
}

.table_100 {
    width: 100%
}

.input_div.szamlaz table {
    max-width: 300px;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .hideost, .postost {
        box-shadow: 6px 6px 6px silver
    }

    .hideost {
        float: right;
        margin-right: -3px;
        margin-top: -91px;
        width: 333px
    }

    .postost {
        margin-right: -109%;
        margin-top: 29px;
        width: 332px
    }

    .adofizost {
        margin-top: -126px
    }
}

@media screen and (min-width:991px) {
    .bigpost {
        margin-right: -571px;
        margin-top: 34px;
        max-width: 542px
    }

    .bigadofi {
        margin-top: -129px
    }

    .bighide {
        float: right;
        margin-top: -86px;
        max-width: 540px
    }
}

.fab-container {
    bottom: 50px;
    cursor: pointer;
    right: 50px
}

.fab-icon-holder {
    background: #016fb9;
    border-radius: 100%;
    padding: 4px
}

.fab-icon-holder, i.fas.fa-plus {
    box-shadow: 0 0 4px #000
}

    .fab-icon-holder:hover {
        opacity: .8
    }

i.fas.fa-cog {
    transition: transform .7s ease-in-out
}

    i.fas.fa-cog:hover {
        margin: auto;
        transform: rotate(111deg)
    }

.fab-icon-holder i {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 15px;
    height: 100%;
    justify-content: center
}

.fab {
    background: 0 0
}

.fab-options {
    background: rgba(0,0,0,.9);
    border-radius: 21px;
    left: -9px;
    list-style-type: none;
    margin: 0;
    opacity: 0;
    padding: 4px;
    position: absolute;
    top: 37px;
    transform: scale(0);
    transform-origin: 50%top;
    transition: all .4s ease
}

    .fab-options:hover, .fab:hover + .fab-options {
        opacity: 1;
        transform: scale(1)
    }

    .fab-options li {
        background-color: #fff;
        border-radius: 15px;
        display: flex;
        font-size: 19px;
        height: 100%;
        list-style: none;
        padding: 8px
    }

.fab-label {
    align-self: center;
    background: #666;
    border-radius: 3px;
    box-shadow: 0 6px 20px rgba(0,0,0,.2);
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    padding: 2px 5px;
    user-select: none;
    white-space: nowrap
}


#pageWrap, h1#akottr-header {
    border-left: 1px solid #a6a7b0;
    border-right: 1px solid #a6a7b0;
    padding: 15px 8px;
    width: 1000px
}

#pageWrap {
    border-bottom: 1px solid #a6a7b0
}

h1#akottr-header {
    background-color: #eee;
    background-image: url(../img/akottr.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border-top: 1px solid #a6a7b0;
    height: 70px;
    margin: 0
}

.intro {
    padding: 8px 0
}

.sample {
    padding: 0 0 20px
}

    .code-snippet pre, .sample .demo .demo-content {
        border: 1px solid #e2e1d5;
        margin: 5px 0;
        padding: 3px 2px
    }

.code-snippet pre {
    background-color: #fbf9ea
}

.sample .description {
    padding: 5px 0
}

ul.nav.nav-tabs.ugyfcimek {
    background-color: #fff;
    border: 0;
    height: auto;
    width: fit-content;
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
}

td, th {
    text-align: left;
    vertical-align: top
}

tr {
    margin: 0;
    padding: 0
}

#constrainTable th, #handlerTable th {
    cursor: default
}

    #constrainTable th.accept, .some-handle, fas fa-arrows-alt:hover {
        cursor: move
    }

.some-handle {
    background-image: url(../img/handle.png);
    background-repeat: repeat-x;
    height: 18px;
    margin: 0 1px
}

th .d-flex.flex-row {
    align-items: center;
    float: left;
    height: 21px;
    margin-right: 12px;
    width: 27px
}

.auth-container {
    max-width: 800px;
    width: fit-content;
    margin: auto;
}

.auth-msg-icon {
    margin: auto;
    font-size: 150px;
    color: red;
    display: table;
}

.btn.auth-msg-navigate {
    text-transform: none;
    font-size: 17px;
    margin-top: 5px;
    line-height: normal;
    height: auto;
}

.auth-msg {
    color: #fff;
    margin: auto;
    text-align: center
}

nav#sidebar-wrapper {
    background-color: rgba(0,0,0,.4)
}

.szamlatip-form {
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 5px
}

div.container, i.fas.fa-plus {
    background: #fff;
    padding: 2px
}

.szamlatip-div {
    overflow: auto
}

i.fas.fa-plus {
    border-radius: 15px;
    cursor: pointer;
    list-style: none;
    margin: auto;
    padding: 3px 4px
}

.list-unstyled {
    width: fit-content
}

.modal-header .close {
    margin-top: 0;
    margin-right: -8px;
}

.modal-title {
    font-size: 1.4rem;
    margin: 0
}

.modal-body {
    font-size: 1rem;
}

.f-dg-table thead tr th {
    border-left: 1px solid silver
}

.editor {
    background: #f5f5f5
}

.sticky {
    position: sticky;
    top: 45px
}

#puf_ossz_table {
    float: right;
    width: 500px;
    z-index: 1
}

fieldset:disabled .edit_form div {
    background-color: silver
}

#puf_ossz_h5 {
    margin-right: 0;
    padding: 7px
}

.table_state {
    background: rgba(36,36,52,.9);
    border-radius: 11px;
    color: #fff;
    left: 262px;
    list-style: none;
    max-height: 200px;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 200px
}

    .table_state ul li {
        border-bottom: 1px solid;
        font-size: 14px;
        justify-content: left;
        padding: 0
    }

button.btn.btn-primary.dropdown-toggle {
    background: 0 0;
    border: 0;
    color: #000;
    float: right;
    outline: 0;
    padding: 0;
    width: auto
}



*, .dropdown-item {
    padding: 0
}

.dropdown-menu {
    padding: 8px
}

#infobox {
    background: #fff;
    border: 1px solid;
    border-radius: 6px;
    color: #000;
    display: none;
    padding: 3px;
    position: absolute;
    top: 33px;
    width: 136px
}

#info:hover + #infobox, .sidebar .nav-links li.showMenu .sub-menu, .sidebar.close .nav-links li .iocn-link {
    display: block
}

* {
    box-sizing: border-box;
    font-family: "Poppins",sans-serif;
    margin: 0
}

.home-section .home-content .text {
    color: #11101d;
    font-size: 26px;
    font-weight: 400
}

.fade:not(.show) {
    opacity: 1
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1
}

.close {
    opacity: 1
}

.nav-links li .active {
    background-color: #0a203d
}

.nav-link {
    cursor: pointer
}

    .nav-link:active {
        outline: 0
    }

.home-content.top-row {
    height: 32px;
    position: fixed;
    width: 100%;
    z-index: 2
}

img.logo {
    margin-left: 3px;
    margin-right: 6px;
    max-width: 70px;
    max-height: 70px;
}

.model_table_csop_grup {
    overflow: auto
}

.localsettings, .table-responsive {
    background-color: #fff
}

i.table-handle.fas.fa-arrows-alt {
    cursor: pointer;
    font-size: 15px
}

select.fselect-list {
    min-width: 23px;
    height: 24px;
}

button.gongy-plus-ar-btn {
    background-color: white;
    border: 0;
    font-size: 25px;
    top: 0px;
    padding: 5px;
    width: 32px;
    outline: 0;
    right: 31px;
    left: auto;
    position: absolute;
}

.editor_nav.toolbar {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    position: sticky;
    top:32px;
    width: 100%;
    z-index: 99;
    border-radius:5px
}

.localsettings .btn {
    width: fit-content
}

.localsettings {
    border-radius: 5px;
    margin: auto;
    padding: 0px;
    max-width: 380px
}

button.f-collapse.arak-collapse, .f-collapse-body.arak-collapse-body {
    z-index: 98;
}

.f-floating-col-left {
    width: 30px;
    align-items: flex-end;
}

.f-collapse-body {
    background: #fff;
    border: 1px solid silver;
    border-radius: 5px;
    height: auto;
    padding: 8px;
    width: auto;
    z-index: 100
}

.custom-control-label::before, .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem;
}

/*table.rnd_table {
    display: flex;
    flex-wrap: wrap;
    min-width: 260px;
    justify-content: center;
    border: 1px solid silver;
    border-radius: 5px
}*/

.editor_nav {
    align-items: normal;
    background: #5f9ea0;
    border-radius: 0;
    display: inline-flex;
    margin: auto;
    min-height: 28px;
    padding: 3px
}

.custom_info {
    float: right
}

.print_pdf {
    border: 0;
    height: calc(100vh - 5rem);
    width: 100%;
}

table.U.U-szamla input, table.U.U-szamla select {
    float: left;
    margin: 2px;
    width: 230px
}

thead th {
    background: #f8f8ff;
    white-space: nowrap
}

.fbtn {
    color: #000;
    cursor: pointer;
    font-size: 14px
}

.btn_print, .btn_storno_alap {
    color: red
}

.fbtn_control li {
    margin: 0
}

.table_th.d-flex.justify-content-between {
    width: fit-content
}

.cikk-csom {
    background-color: #7fffd4
}

.cikk-csom, .cikk-jov {
    height: fit-content
}

.ana_Edit_Form .row {
    margin: 1px;
    padding: 3px
}

.cikk-egyeb-inline {
    display: flex;
    width: 100%
}

.row.cikk.cikk-egyeb.cikk-egyeb-inline {
    gap: 10px;
    padding: 10px;
}

    .row.cikk.cikk-egyeb.cikk-egyeb-inline input {
        max-width: 75px;
    }

.cikk {
    align-items: end;
    border-radius: 5px;
    line-height: 22px;
    max-width: 100%
}

.cikk-def {
    max-width: 270px;
    height: fit-content
}

.cikk-egyeb {
    background-color: aqua;
}

.cikk-jov {
    background-color: #f08080;
    margin: 2px
}

.ana_Edit_Form input[type=checkbox], .lezart_ok_list p {
    margin: auto
}

.cikk-megn_tip {
    line-height: 22px;
    width: 100%;
    max-width: 538px;
    margin: 12px
}

    .cikk-megn_tip .form-control {
        max-width: initial
    }

.text-right {
    text-align: right
}

.text-center, h1.welcome {
    text-align: center
}

.text-left {
    text-align: left
}

.lezart_ok, .lezart_ok_list {
    background-color: #ff0000;
    color: #fff
}

.lezart_ok_list {
    border-radius: 12px;
    display: none;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 1
}

.lezart_ok {
    border-radius: 4px;
    cursor: help;
    outline: 0;
    padding: 6px
}

    .lezart_ok:hover + .lezart_ok_list {
        display: block
    }

.label-fix {
    margin: 0 6px;
    white-space: nowrap
}

h1.welcome {
    background: rgba(0,0,0,.2);
    color: #fff;
    font-size: 24px
}

ul {
    list-style: none
}

.btn_delete {
    margin: auto;
    width: auto
}

.saved_pages.d-flex.justify-content-start {
    width: 327px
}

.saved_page {
    border: 0;
    border-radius: 5px;
    outline: 0;
    padding: 5px
}

.tippy-box {
    white-space: pre-line
}
form#toredit {
    width: 100%;
}
#toredit input, #toredit textarea {
    border: 1px solid silver;
    border-radius: 4px;
}

.label-numeric {
    display: block;
    text-align: right;
}

.rnd_telj td {
    background-color: #acfca9;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #807a7a;
}



input#rnd-mikor {
    min-width: 0px;
}
/*Firefox miatt*/

@-moz-document url-prefix() {
    input[type="date"] {
        word-spacing: -16px;
        padding: unset;
    }
}

.rm_osztStr {
    color: red;
}

.osztStr {
    color: blue;
}

.osztStr, .rm_osztStr {
    font-weight: 700;
}

img.cikk_kep_mini {
    height: auto;
    cursor: pointer;
    max-width: 50px;
    max-height: 50px;
}

.rendelesszamok {
    max-width: 245px;
    padding: 0 5px;
    max-height: 82px;
    overflow: auto;
}

textarea#felj {
    width: 100%;
    max-width: 100%;
    height: 50px;
}

input.form-control.text-right.input_fizet-H {
    width: 45px;
    margin: inherit;
}

.f-flex {
    width: fit-content;
    display: flex;
    gap: 5px;
    padding: 0;
}

button.btn {
    white-space: pre-wrap;
    line-height: inherit;
    height: auto;
}

.ugyfcontent {
    max-width: 350px;
    width: 100%;
    margin: 0 0 auto;
    padding: 8px;
    row-gap: 4px
}

    .ugyfcontent .f-input, .ugyfcontent input, .ugyfcontent select, .ugyfcontent textarea, .ugyfcontent select.fselect-list {
        margin-left: 0;
        max-width: 100%
    }

select#f-pnem {
    max-width: 70px;
    margin-right: 30%;
    margin-left: 0;
}

/*input[type="date"] {
    max-width: fit-content;
    padding: 5px;
}*/
#irsz {
    max-width: 110px;
}

.U-ugyfkod {
    width: 80px;
}

.U-fksz {
    width: 100px;
}

.editorform .nav.nav-tabs {
    position: sticky;
    z-index: 9;
}

.cikk-megn_tip .form-control.cikk-megj {
    width: 100%;
}

.tartomany {
    font-size: 20px;
    margin: auto 5px;
}

form#kcsedit .formcontent {
    max-width: 350px;
    width: 100%;
}

.error-msg-icon, .error-msg {
    font-size: 40px;
}

.btn.bt-refresh-btn {
    height: 24px;
    margin: auto;
    font-size: 17px;
    border-radius: 5px;
    background-color: green;
    padding: 2px 6px;
}

.localsettings-checkbox {
    display: flex;
    gap: 2px;
    justify-content: space-between;
}

@media (min-width:940px) {
    .input_div.szamlaz.szamlaz_fejlec_2 {
        max-width: 900px;
    }
}

.Sz-szamlaszam-container .Sz-tipus.Sz-szamlaszam {
    max-width: 30px;
    width: 100%;
}

.Sz-szamlaszam-container .Sz-evszam.Sz-szamlaszam {
    max-width: 50px;
}

.verziok {
    border-top: 1px solid;
}

    .verziok h6 {
        text-align: center;
    }

.localsettings-alert {
    padding: 10px
}

.cikk-barcode-scan .zxing-video-container video {
    width: 100%;
}

.cikk-barcode-scan .alert {
    display: block;
}

.cikk-barcode-scan {
    width: 100%;
    white-space: normal;
}

.barcode-reader-btn {
    font-size: 25px;
    cursor: pointer;
}

.zxing-video-container video {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.fuvlist-print {
    background: white;
    width: fit-content;
    padding: 5px;
    position: relative;
}

.fuvlist-print-header {
    position: sticky;
    top: 33px;
}

.fuvlist-print-body {
    max-height: 85vh;
    overflow: auto;
    padding: 5px 0px 0px 1px;
}

.fuvlist-print-footer {
    padding: 5px;
}

.szl-afaelter .accordion-content {
    background-color: #fc9aa4;
}

.U.Sz-egyeb .accordion-content, .szl-afa .accordion-content {
    background-color: #00B4B4;
}

#szamlaedit {
    background-color: #66cdaa;
}

table.change_ceg_div .alert {
    padding: 4px;
    margin: auto;
}
.csop_kl_checkboxlist {
    background-color: #8fc0c1;
    padding: inherit
}
.csop_kl_content {
    background-color: #91adf7;
    border-radius:5px;
}

.app-update-section {
    background-color: #e1dcd2;
    padding: 5px;
    font-weight:600;
    display: flex;
    gap: 5px;
    justify-content: right;
}
.app-bt-slider {
    align-items: center;
    background: #b1d3b1;
    padding: 0 4px;
    border-radius: 5px;
}
#lottolmodal .modal-body
{
    white-space:normal
}
.rendeles-szl-select{
    display:grid;
    gap:5px;
}
.select-ll-ceg{
    font-size:0.7rem;
}
button.btn.btn_clone {
   background-color: #3B82F6;
}
button.btn.btn_clone:hover {
   background-color: #2563EB;
}
button.btn.btn_delete {
   background-color: #DC2626;
}
button.btn.btn_delete:hover {
   background-color: #B91C1C;
}
button.btn.btn_save {
   background-color: #16A34A;
}
button.btn.btn_save:hover {
   background-color: #15803D;
}
button.btn.btn_print {
   background-color: #06B6D4;
}
button.btn.btn_print {
   background-color: #0891B2;
}
button.btn:disabled {
   color: #dfdede;
}